@import url("//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic");
/*
  Apex by Pixelarity
  pixelarity.com @pixelarity
  License: pixelarity.com/license
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body { -webkit-text-size-adjust: none; }

/* Box Model */

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

/* Containers */

.container {
  margin-left: auto;
  margin-right: auto;
}

.container.\31 25\25 {
  width: 100%;
  max-width: 1200px;
  min-width: 960px;
}

.container.\37 5\25 { width: 720px; }

.container.\35 0\25 { width: 480px; }

.container.\32 5\25 { width: 240px; }

.container { width: 960px; }

@media screen and (min-width: 737px) {
  .container.\31 25\25 {
    width: 100%;
    max-width: 1500px;
    min-width: 1200px;
  }
  .container.\37 5\25 { width: 900px; }
  .container.\35 0\25 { width: 600px; }
  .container.\32 5\25 { width: 300px; }
  .container { width: 1200px; }
}

@media screen and (min-width: 737px) and (max-width: 1200px) {
  .container.\31 25\25 {
    width: 100%;
    max-width: 1250px;
    min-width: 1000px;
  }
  .container.\37 5\25 { width: 750px; }
  .container.\35 0\25 { width: 500px; }
  .container.\32 5\25 { width: 250px; }
  .container { width: 1000px; }
}

@media screen and (max-width: 736px) {
  .container.\31 25\25 {
    width: 100%;
    max-width: 125%;
    min-width: 100%;
  }
  .container.\37 5\25 { width: 75%; }
  .container.\35 0\25 { width: 50%; }
  .container.\32 5\25 { width: 25%; }
  .container { width: 100% !important; }
}

/* Grid */

.row {
  border-bottom: solid 1px transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row > * {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row:after, .row:before {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

.row.uniform > * > :first-child { margin-top: 0; }
.row.uniform > * > :last-child { margin-bottom: 0; }
.row.\30 \25 > * { padding: 0 0 0 0px; }
.row.\30 \25 { margin: 0 0 -1px 0px; }
.row.uniform.\30 \25 > * { padding: 0px 0 0 0px; }
.row.uniform.\30 \25 { margin: 0px 0 -1px 0px; }
.row > * { padding: 0 0 0 40px; }
.row { margin: 0 0 -1px -40px; }
.row.uniform > * { padding: 40px 0 0 40px; }
.row.uniform { margin: -40px 0 -1px -40px; }
.row.\32 00\25 > * { padding: 0 0 0 80px; }
.row.\32 00\25 { margin: 0 0 -1px -80px; }
.row.uniform.\32 00\25 > * { padding: 80px 0 0 80px; }
.row.uniform.\32 00\25 { margin: -80px 0 -1px -80px; }
.row.\31 50\25 > * { padding: 0 0 0 60px; }
.row.\31 50\25 { margin: 0 0 -1px -60px; }
.row.uniform.\31 50\25 > * { padding: 60px 0 0 60px; }
.row.uniform.\31 50\25 { margin: -60px 0 -1px -60px; }
.row.\35 0\25 > * { padding: 0 0 0 20px; }
.row.\35 0\25 { margin: 0 0 -1px -20px; }
.row.uniform.\35 0\25 > * { padding: 20px 0 0 20px; }
.row.uniform.\35 0\25 {  margin: -20px 0 -1px -20px; }
.row.\32 5\25 > * { padding: 0 0 0 10px; }
.row.\32 5\25 { margin: 0 0 -1px -10px; }
.row.uniform.\32 5\25 > * { padding: 10px 0 0 10px; }
.row.uniform.\32 5\25 { margin: -10px 0 -1px -10px; }

.\31 2u, .\31 2u\24 {
  width: 100%;
  clear: none;
  margin-left: 0;
}

.\31 1u, .\31 1u\24 {
  width: 91.6666666667%;
  clear: none;
  margin-left: 0;
}

.\31 0u, .\31 0u\24 {
  width: 83.3333333333%;
  clear: none;
  margin-left: 0;
}

.\39 u, .\39 u\24 {
  width: 75%;
  clear: none;
  margin-left: 0;
}

.\38 u, .\38 u\24 {
  width: 66.6666666667%;
  clear: none;
  margin-left: 0;
}

.\37 u, .\37 u\24 {
  width: 58.3333333333%;
  clear: none;
  margin-left: 0;
}

.\36 u, .\36 u\24 {
  width: 50%;
  clear: none;
  margin-left: 0;
}

.\35 u, .\35 u\24 {
  width: 41.6666666667%;
  clear: none;
  margin-left: 0;
}

.\34 u, .\34 u\24 {
  width: 33.3333333333%;
  clear: none;
  margin-left: 0;
}

.\33 u, .\33 u\24 {
  width: 25%;
  clear: none;
  margin-left: 0;
}

.\32 u, .\32 u\24 {
  width: 16.6666666667%;
  clear: none;
  margin-left: 0;
}

.\31 u, .\31 u\24 {
  width: 8.3333333333%;
  clear: none;
  margin-left: 0;
}

.\31 2u\24 + *, .\31 1u\24 + *, .\31 0u\24 + *, .\39 u\24 + *, .\38 u\24 + *, .\37 u\24 + *, .\36 u\24 + *, .\35 u\24 + *, .\34 u\24 + *, .\33 u\24 + *, .\32 u\24 + *, .\31 u\24 + * {
  clear: left;
}

.\-11u { margin-left: 91.66667%; }
.\-10u { margin-left: 83.33333%; }
.\-9u { margin-left: 75%; }
.\-8u { margin-left: 66.66667%; }
.\-7u { margin-left: 58.33333%; }
.\-6u { margin-left: 50%; }
.\-5u { margin-left: 41.66667%; }
.\-4u { margin-left: 33.33333%; }
.\-3u { margin-left: 25%; }
.\-2u { margin-left: 16.66667%; }
.\-1u { margin-left: 8.33333%; }

@media screen and (min-width: 737px) {
  .row > * { padding: 25px 0 0 25px; }
  .row { margin: -25px 0 -1px -25px; }
  .row.uniform > * { padding: 25px 0 0 25px; }
  .row.uniform { margin: -25px 0 -1px -25px; }
  .row.\32 00\25 > * { padding: 50px 0 0 50px; }
  .row.\32 00\25 { margin: -50px 0 -1px -50px; }
  .row.uniform.\32 00\25 > * { padding: 50px 0 0 50px; }
  .row.uniform.\32 00\25 { margin: -50px 0 -1px -50px; }
  .row.\31 50\25 > * { padding: 37.5px 0 0 37.5px; }
  .row.\31 50\25 { margin: -37.5px 0 -1px -37.5px; }
  .row.uniform.\31 50\25 > * { padding: 37.5px 0 0 37.5px; }
  .row.uniform.\31 50\25 { margin: -37.5px 0 -1px -37.5px; }
  .row.\35 0\25 > * { padding: 12.5px 0 0 12.5px; }
  .row.\35 0\25 { margin: -12.5px 0 -1px -12.5px; }
  .row.uniform.\35 0\25 > * { padding: 12.5px 0 0 12.5px; }
  .row.uniform.\35 0\25 { margin: -12.5px 0 -1px -12.5px; }
  .row.\32 5\25 > * { padding: 6.25px 0 0 6.25px; }
  .row.\32 5\25 {    margin: -6.25px 0 -1px -6.25px; }
  .row.uniform.\32 5\25 > * { padding: 6.25px 0 0 6.25px; }
  .row.uniform.\32 5\25 { margin: -6.25px 0 -1px -6.25px; }
  .\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
      width: 100%;
        clear: none;
      margin-left: 0;
  }
  .\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
      width: 91.6666666667%;
      clear: none;
      margin-left: 0;
  }
  .\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
    width: 83.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\39 u\28desktop\29, .\39 u\24\28desktop\29 {
    width: 75%;
    clear: none;
    margin-left: 0;
  }
  .\38 u\28desktop\29, .\38 u\24\28desktop\29 {
    width: 66.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\37 u\28desktop\29, .\37 u\24\28desktop\29 {
    width: 58.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\36 u\28desktop\29, .\36 u\24\28desktop\29 {
    width: 50%;
    clear: none;
    margin-left: 0;
  }
  .\35 u\28desktop\29, .\35 u\24\28desktop\29 {
    width: 41.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\34 u\28desktop\29, .\34 u\24\28desktop\29 {
    width: 33.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\33 u\28desktop\29, .\33 u\24\28desktop\29 {
    width: 25%;
    clear: none;
    margin-left: 0;
  }
  .\32 u\28desktop\29, .\32 u\24\28desktop\29 {
    width: 16.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\31 u\28desktop\29, .\31 u\24\28desktop\29 {
    width: 8.3333333333%;
    clear: none;
    margin-left: 0;
  }

  .\31 2u\24\28desktop\29 + *, .\31 1u\24\28desktop\29 + *, .\31 0u\24\28desktop\29 + *, .\39 u\24\28desktop\29 + *, .\38 u\24\28desktop\29 + *, .\37 u\24\28desktop\29 + *,
  .\36 u\24\28desktop\29 + *, .\35 u\24\28desktop\29 + *, .\34 u\24\28desktop\29 + *, .\33 u\24\28desktop\29 + *, .\32 u\24\28desktop\29 + *, .\31 u\24\28desktop\29 + * {
    clear: left;
  }
  .\-11u\28desktop\29 { margin-left: 91.66667%; }
  .\-10u\28desktop\29 { margin-left: 83.33333%; }
  .\-9u\28desktop\29 { margin-left: 75%; }
  .\-8u\28desktop\29 { margin-left: 66.66667%; }
  .\-7u\28desktop\29 { margin-left: 58.33333%; }
  .\-6u\28desktop\29 { margin-left: 50%; }
  .\-5u\28desktop\29 { margin-left: 41.66667%; }
  .\-4u\28desktop\29 { margin-left: 33.33333%; }
  .\-3u\28desktop\29 { margin-left: 25%; }
  .\-2u\28desktop\29 { margin-left: 16.66667%; }
  .\-1u\28desktop\29 { margin-left: 8.33333%; }
}

@media screen and (min-width: 737px) and (max-width: 1200px) {
  .row > * { padding: 25px 0 0 25px; }
  .row { margin: -25px 0 -1px -25px; }
  .row.uniform > * { padding: 25px 0 0 25px; }
  .row.uniform { margin: -25px 0 -1px -25px; }
  .row.\32 00\25 > * { padding: 50px 0 0 50px; }
  .row.\32 00\25 { margin: -50px 0 -1px -50px; }
  .row.uniform.\32 00\25 > * { padding: 50px 0 0 50px; }
  .row.uniform.\32 00\25 { margin: -50px 0 -1px -50px; }
  .row.\31 50\25 > * { padding: 37.5px 0 0 37.5px; }
  .row.\31 50\25 { margin: -37.5px 0 -1px -37.5px; }
  .row.uniform.\31 50\25 > * { padding: 37.5px 0 0 37.5px; }
  .row.uniform.\31 50\25 { margin: -37.5px 0 -1px -37.5px; }
  .row.\35 0\25 > * { padding: 12.5px 0 0 12.5px; }
  .row.\35 0\25 { margin: -12.5px 0 -1px -12.5px; }
  .row.uniform.\35 0\25 > * { padding: 12.5px 0 0 12.5px; }
  .row.uniform.\35 0\25 { margin: -12.5px 0 -1px -12.5px; }
  .row.\32 5\25 > * { padding: 6.25px 0 0 6.25px; }
  .row.\32 5\25 { margin: -6.25px 0 -1px -6.25px; }
  .row.uniform.\32 5\25 > * { padding: 6.25px 0 0 6.25px; }
  .row.uniform.\32 5\25 { margin: -6.25px 0 -1px -6.25px; }
  .\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {
    width: 100%;
    clear: none;
    margin-left: 0;
  }
  .\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {
    width: 91.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {
    width: 83.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\39 u\28tablet\29, .\39 u\24\28tablet\29 {
    width: 75%;
    clear: none;
    margin-left: 0;
  }
  .\38 u\28tablet\29, .\38 u\24\28tablet\29 {
    width: 66.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\37 u\28tablet\29, .\37 u\24\28tablet\29 {
    width: 58.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\36 u\28tablet\29, .\36 u\24\28tablet\29 {
    width: 50%;
    clear: none;
    margin-left: 0;
  }
  .\35 u\28tablet\29, .\35 u\24\28tablet\29 {
    width: 41.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\34 u\28tablet\29, .\34 u\24\28tablet\29 {
    width: 33.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\33 u\28tablet\29, .\33 u\24\28tablet\29 {
    width: 25%;
    clear: none;
    margin-left: 0;
  }
  .\32 u\28tablet\29, .\32 u\24\28tablet\29 {
    width: 16.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\31 u\28tablet\29, .\31 u\24\28tablet\29 {
    width: 8.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\31 2u\24\28tablet\29 + *, .\31 1u\24\28tablet\29 + *, .\31 0u\24\28tablet\29 + *, .\39 u\24\28tablet\29 + *, .\38 u\24\28tablet\29 + *, .\37 u\24\28tablet\29 + *,
    .\36 u\24\28tablet\29 + *, .\35 u\24\28tablet\29 + *, .\34 u\24\28tablet\29 + *, .\33 u\24\28tablet\29 + *, .\32 u\24\28tablet\29 + *, .\31 u\24\28tablet\29 + * { clear: left; }

  .\-11u\28tablet\29 { margin-left: 91.66667%; }
  .\-10u\28tablet\29 { margin-left: 83.33333%; }
  .\-9u\28tablet\29 { margin-left: 75%; }
  .\-8u\28tablet\29 { margin-left: 66.66667%; }
  .\-7u\28tablet\29 { margin-left: 58.33333%; }
  .\-6u\28tablet\29 { margin-left: 50%; }
  .\-5u\28tablet\29 { margin-left: 41.66667%; }
  .\-4u\28tablet\29 { margin-left: 33.33333%; }
  .\-3u\28tablet\29 { margin-left: 25%; }
  .\-2u\28tablet\29 { margin-left: 16.66667%;}
  .\-1u\28tablet\29 { margin-left: 8.33333%; }
}

@media screen and (max-width: 736px) {
  .row > * { padding: 15px 0 0 15px; }
  .row { margin: -15px 0 -1px -15px; }
  .row.uniform > * { padding: 15px 0 0 15px; }
  .row.uniform { margin: -15px 0 -1px -15px; }
  .row.\32 00\25 > * { padding: 30px 0 0 30px; }
  .row.\32 00\25 { margin: -30px 0 -1px -30px; }
  .row.uniform.\32 00\25 > * { padding: 30px 0 0 30px; }
  .row.uniform.\32 00\25 { margin: -30px 0 -1px -30px; }
  .row.\31 50\25 > * { padding: 22.5px 0 0 22.5px; }
  .row.\31 50\25 { margin: -22.5px 0 -1px -22.5px; }
  .row.uniform.\31 50\25 > * {    padding: 22.5px 0 0 22.5px; }
  .row.uniform.\31 50\25 { margin: -22.5px 0 -1px -22.5px; }
  .row.\35 0\25 > * { padding: 7.5px 0 0 7.5px; }
  .row.\35 0\25 { margin: -7.5px 0 -1px -7.5px; }
  .row.uniform.\35 0\25 > * { padding: 7.5px 0 0 7.5px; }
  .row.uniform.\35 0\25 { margin: -7.5px 0 -1px -7.5px; }
  .row.\32 5\25 > * { padding: 3.75px 0 0 3.75px; }
  .row.\32 5\25 { margin: -3.75px 0 -1px -3.75px; }
  .row.uniform.\32 5\25 > * { padding: 3.75px 0 0 3.75px; }
  .row.uniform.\32 5\25 { margin: -3.75px 0 -1px -3.75px; }
  .\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
    width: 100%;
    clear: none;
    margin-left: 0;
  }
  .\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
    width: 91.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
    width: 83.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\39 u\28mobile\29, .\39 u\24\28mobile\29 {
    width: 75%;
    clear: none;
    margin-left: 0;
  }
  .\38 u\28mobile\29, .\38 u\24\28mobile\29 {
    width: 66.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\37 u\28mobile\29, .\37 u\24\28mobile\29 {
    width: 58.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\36 u\28mobile\29, .\36 u\24\28mobile\29 {
    width: 50%;
    clear: none;
    margin-left: 0;
  }
  .\35 u\28mobile\29, .\35 u\24\28mobile\29 {
    width: 41.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\34 u\28mobile\29, .\34 u\24\28mobile\29 {
    width: 33.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\33 u\28mobile\29, .\33 u\24\28mobile\29 {
    width: 25%;
    clear: none;
    margin-left: 0;
  }
  .\32 u\28mobile\29, .\32 u\24\28mobile\29 {
    width: 16.6666666667%;
    clear: none;
    margin-left: 0;
  }
  .\31 u\28mobile\29, .\31 u\24\28mobile\29 {
    width: 8.3333333333%;
    clear: none;
    margin-left: 0;
  }
  .\31 2u\24\28mobile\29 + *, .\31 1u\24\28mobile\29 + *, .\31 0u\24\28mobile\29 + *, .\39 u\24\28mobile\29 + *, .\38 u\24\28mobile\29 + *, .\37 u\24\28mobile\29 + *, .\36 u\24\28mobile\29 + *,
    .\35 u\24\28mobile\29 + *, .\34 u\24\28mobile\29 + *, .\33 u\24\28mobile\29 + *, .\32 u\24\28mobile\29 + *, .\31 u\24\28mobile\29 + * { clear: left; }
  .\-11u\28mobile\29 { margin-left: 91.66667%; }
  .\-10u\28mobile\29 { margin-left: 83.33333%; }
  .\-9u\28mobile\29 { margin-left: 75%; }
  .\-8u\28mobile\29 { margin-left: 66.66667%; }
  .\-7u\28mobile\29 { margin-left: 58.33333%; }
  .\-6u\28mobile\29 { margin-left: 50%; }
  .\-5u\28mobile\29 { margin-left: 41.66667%; }
  .\-4u\28mobile\29 {    margin-left: 33.33333%; }
  .\-3u\28mobile\29 { margin-left: 25%; }
  .\-2u\28mobile\29 { margin-left: 16.66667%; }
  .\-1u\28mobile\29 { margin-left: 8.33333%; }
}

/* Basic */
  body, input, textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
body {
  background: #fff;
  color: #474747;
  font-size: 10pt;
  line-height: 1.75em;
}
a {
  color: #00a6eb;
  text-decoration: underline;
}
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  color: #373737;
}
h3 {
  font-weight: 500;
  margin: 0 0 0.5em 0;
}
p, ul { margin-bottom: 3em; }

form input, form select {
  -webkit-appearance: none;
  border-radius: 0;
}

form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #d9d9d9;
  padding: 0.5em 1em 0.5em 1em;
}
form input.button { cursor: pointer; }
.grid-spaced > .row { margin-bottom: 2em; }
.grid-spaced > .row:last-child { margin-bottom: 0; }
.date {
  font-style: italic;
  color: #a0a0a0;
}
.image {
  display: inline-block;
  border: solid 1px #d9d9d9;
  padding: 3px;
}
.image img { display: block; }
.image-fit {
  display: block;
  margin: 0 0 2em 0;
}
.image-fit img { width: 100%; }
.align-left {
  float: left;
  margin-right: 2em;
}
.blocks a {
  -moz-transition: background-color .25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out;
  -ms-transition: background-color .25s ease-in-out;
  transition: background-color .25s ease-in-out;
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 3em 7em 3em 2em;
  margin: 0 0 0.5em 0;
  outline: 0;
}

.blocks a:after {
  content: "\f0a9";
  font-family: FontAwesome;
  text-decoration: none;
  font-size: 55px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 48px;
   height: 48px;
  position: absolute;
}

.blocks p {
  font-size: 1.25em;
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
}

.blocks h2 {
  color: #fff;
  font-size: 2.25em;
  letter-spacing: -1px;
  margin: 0 0 0.5em 0;
  line-height: 1em;
}

.blocks .one { background: #00a6eb; }
.blocks .one:hover { background: #10b6fb; }
.blocks .two { background: #8cba00; }
.blocks .two:hover { background: #9cca10;}
.blocks .three { background: #2f2f2f; }
.blocks .three:hover { background: #3f3f3f; }

ul.style1 li {
  border-top: solid 1px #d9d9d9;
  padding: 1.5em 0 0 0;
  margin: 1.5em 0 0 0;
}
  ul.style1 li:after {
  content: '';
  display: block;
  clear: both;
}
ul.style1 li:first-child {
  padding-top: 0;
  border-top: 0;
}
ul.style1 p { margin: 0 0 0.5em 0; }

ul.style2 li {
  border-top: solid 1px #d9d9d9;
  padding: 1em 0 0 0;
  margin: 1em 0 0 0;
}
  ul.style2 li:after {
  content: '';
  display: block;
  clear: both;
}
ul.style2 li:first-child {
  padding-top: 0;
  border-top: 0;
}
ul.posts h3 { margin: 0.25em 0 0.25em 0; }
ul.posts p { margin-bottom: 0.1em; }

ul.contact li {
  position: relative;
  margin: 0 0 2.1em 0;
  padding: 0 0 0 60px;
}

ul.contact li:before {
  font-family: FontAwesome;
  font-size: 1.25em;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: #676767;
  color: #fff;
  line-height: 32px;
  text-align: center;
}

ul.contact li:after {
  content: '';
  display: block;
  clear: both;
}

.button {
  -moz-transition: background-color .25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out;
  -ms-transition: background-color .25s ease-in-out;
  transition: background-color .25s ease-in-out;
  position: relative;
  display: inline-block;
  background: #00A6EB;
  color: #fff;
  padding: 1.2em 3.25em 1.2em 1.75em;
  text-decoration: none;
  font-size: 1.1em;
  outline: 0;
}

.button:hover { background: #10b6fb; }

.button:after {
  content: '\f138';
  text-decoration: none;
  font: normal normal normal 1.5em/0 FontAwesome;
  padding-left: 0.5em;
}
.button-alt { background: #2f2f2f; }
.button-alt:hover { background: #3f3f3f; }

/* Icons */

.icon { text-decoration: none; }

.icon:before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1.25em;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Desktop */

@media screen and (min-width: 737px) {
  /* Basic */
  h2 {
    font-size: 2.25em;
    letter-spacing: -2px;
    margin: 0 0 1.5em 0;
  }
  h3 { font-size: 1em; }
  .side-padded, .right-sidebar { padding-left: 2em; }
  .left-sidebar { padding-right: 2em; }
  section > :last-child, article > :last-child { margin-bottom: 0; }
  .blocks a:after {
    right: 25px;
    bottom: 40px;
  }

  /* Wrappers */
  #header-wrapper {
    background: #00a6eb;
    padding: 2em 0;
  }
  #banner-wrapper {
    position: relative;
    background: #2f2f2f;
    padding: 4em 0 4em 0;
  }
  #banner-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("images/highlight.png") bottom center no-repeat;
    background-size: 1800px 100%;
  }
  #search-wrapper {
    background: #f6f6f6;
    border-bottom: solid 1px #d9d9d9;
    padding: 2.5em 0 2.5em 0;
  }

  #main-wrapper { padding: 6em 0 6em 0; }

  #footer-wrapper {
    background: #f6f6f6;
    border-top: solid 1px #d9d9d9;
    padding: 5em 0 5em 0;
  }

  /* Header */
  #page-header {
    color: #fff;
    position: relative;
  }
  #page-header h1 {
    font-size: 2em;
    letter-spacing: -2px;
  }
  #page-header h1 a { text-decoration: none; }
  #page-header h1 span { font-weight: 400; }
  #page-header a { color: #fff; }
  #page-header nav {
    position: absolute;
    right: 0;
    top: 0;
  }
  #page-header nav ul li {
    display: inline-block;
    margin-left: 1.5em;
    font-size: 1.1em;
  }
  #page-header nav ul li a {
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    outline: 0;
    position: relative;
    text-decoration: none;
    padding: 0.5em 1em 0.5em 1em;
  }
  #page-header nav ul li.active a, #page-header nav ul li:hover a { background: rgba(0, 0, 0, 0.15);                 }
  #page-header nav ul li .arrow { padding-right: 2.5em;                 }
  #page-header nav ul li .arrow:after {
    position: absolute;
    display: inline-block;
    content: '';
    border-top: solid 5px #fff;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    top: 1.15em;
    right: 1em;
  }
  #page-header nav > ul > li > ul { display: none;             }

 .dropotron {
    background: #00a6eb;
    background: rgba(0, 166, 235, 0.9);
    padding: 1em 0.5em 1em 0.5em;
    line-height: 3em;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
  }
  .dropotron a, .dropotron span {
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    position: relative;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1.1em;
    padding: 0 3em 0 1em;
  }
  .dropotron .arrow:before {
    content: '';
    display: block;
    position: absolute;
    right: 1em;
    bottom: 1em;
    border-left: solid 5px #fff;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
  }
  .dropotron li:hover > a, .dropotron li:hover > span { background: rgba(0, 0, 0, 0.15); }
  .dropotron.level-0 { margin-top: 1.9em; }

  /* Banner */
  #banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    height: 440px;
  }
  #banner .nav-next, #banner .nav-previous {
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    position: absolute;
    width: 52px;
    height: 64px;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
    text-align: center;
    line-height: 64px;
  }
  #banner .nav-next:before, #banner .nav-previous:before {
    font-family: FontAwesome;
    text-decoration: none;
    font-size: 72px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
  }
  #banner .nav-next:hover, #banner .nav-previous:hover { opacity: 1.0; }
  #banner:hover .nav-next, #banner:hover .nav-previous { opacity: 0.45; }
  #banner .nav-next {
    bottom: 20px;
    right: 20px;
  }
  #banner .nav-next:before { content: "\f105"; }
  #banner .nav-previous {
    bottom: 20px;
    right: 72px;
  }
  #banner .nav-previous:before { content: "\f104"; }
  #banner .captions {
    position: absolute;
    background: #00a6eb;
    background: rgba(0, 166, 235, 0.9);
    padding: 4em 7em 2.5em 2.5em;
    bottom: 1.5em;
    left: 1.5em;
    color: #fff;
    width: 50%;
    z-index: 1;
  }
  #banner .captions:after {
    content: "\f0a9";
    font-family: FontAwesome;
    text-decoration: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: default;
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 30px;
    bottom: 40px;
   }
  #banner .captions .caption-line-1 {
    display: block;
    font-size: 3em;
    letter-spacing: -3px;
    margin: 0 0 0.75em 0;
  }
  #banner .captions .caption-line-2 {
    display: block;
    font-size: 1.5em;
    letter-spacing: -1px;
    line-height: 1.5em;
    color: rgba(255, 255, 255, 0.8);
  }
  #banner .viewer { background: #fff; }
  #banner .slide .caption-1, #banner .slide .caption-2 { display: none; }
  #banner .slide img { display: block; width: 1200px; }
  #banner .slide .link {
    position: absolute;
    text-indent: -9999px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }

  /* Search */
  #search { position: relative;     }
  #search span {
    position: absolute;
    left: 0;
    bottom: 0.5em;
  }
  #search form {
    overflow: hidden;
    position: relative;
  }
  #search form input.text {
    display: block;
    width: 100%;
    height: 34px;
  }
  #search form input.button {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    z-index: 1;
    border: 0;
    padding: 0;
    opacity: 0;
  }
  #search form:before {
    content: "\f002";
    font-family: FontAwesome;
    text-decoration: none;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: #00a6eb;
    color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
  }
  /* Content */
  #content > section, #content > article { margin-bottom: 7.5em; }
  #content > section:last-child, #content > article:last-child { margin-bottom: 0; }
  #content section header, #content article header {
    border-top: solid 7px #00a6eb;
    padding-top: 4em;
    margin: 0 0 3em 0;
  }
  #content section header .byline, #content article header .byline {
    display: block;
    color: #a0a0a0;
    font-size: 1.25em;
  }
  #content section header h2, #content article header h2 { margin: 0 0 0.5em 0; }
  #content section.featured header .byline, #content article.featured header .byline {
    font-size: 2em;
   letter-spacing: -2px;
  }
  #content section.featured header h2, #content article.featured header h2 {
    font-size: 4em;
    letter-spacing: -3px;
    margin: 0.25em 0 0.75em 0;
  }
  #content section.featured h3, #content article.featured h3 {
    font-size: 1.5em;
    letter-spacing: -1px;
    margin: 0 0 1em 0;
    font-weight: 200;
  }
  /* Sidebar */
  #sidebar h2 {
    font-size: 1.75em;
    letter-spacing: -1px;
  }
  #sidebar > section { margin-bottom: 5em; }
  #sidebar > section:last-child { margin-bottom: 0; }
  #sidebar section header {
    border-top: solid 7px #00a6eb;
    padding-top: 3.5em;
    margin: 0 0 3em 0;
  }
  #sidebar section header h2 { margin: 0 0 0.5em 0; }
  #sidebar section.featured header h2 {
    font-size: 4em;
    letter-spacing: -3px;
    margin: 0.25em 0 0.75em 0;
  }

  /* Footer */
  #page-footer h2 {
    font-size: 1.75em;
    letter-spacing: -1px;
  }
  #page-footer section { margin: 0 0 5em 0; }
  #page-footer section h2 { margin: 0 0 1.5em 0; }
  #page-footer > section:last-child { margin-bottom: 0; }
  #page-footer a { color: #474747; }

  /* Copyright */
  #copyright {
    border-top: solid 1px #d9d9d9;
       text-align: center;
    padding: 5em 0 6em 0;
    color: #a0a0a0;
  }
}

/* Tablet */
@media screen and (min-width: 737px) and (max-width: 1200px) {
  /* Basic */
  body {
    min-width: 1000px;
    font-size: 9.5pt;
  }
  .blocks a {
    padding: 2em 7em 2em 2em;
    margin: 0 0 0.5em 0;
  }
  .blocks a:after {
    right: 20px;
    bottom: 25px;
  }
  .blocks p {
    font-size: 1em;
    margin: 0;
  }
  .blocks h2 {
    font-size: 2em;
    margin: 0 0 0.5em 0;
  }

  /* Wrappers */
  #header-wrapper { padding: 1em 0; }
  #banner-wrapper { padding: 2em 0 2em 0;     }
  #banner-wrapper:before { background-size: 1400px 100%; }
  #search-wrapper { padding: 1.5em 0 1.5em 0; }
  #main-wrapper { padding: 3em 0 4em 0; }
  #footer-wrapper { padding: 4em 0 3em 0; }

  /* Header */
  #page-header h1 {
    font-size: 1.5em;
    letter-spacing: -1px;
  }
  #page-header nav ul li { margin-left: 0.5em;     }
  .dropotron.level-0 { margin-top: 1em; }

  /* Banner */
  #banner { height: 352px; }
  #banner .nav-next {
    right: 10px;
    bottom: 30px;
  }
  #banner .nav-previous {
    right: 62px;
    bottom: 30px;
  }
  #banner .captions {
    padding: 3em 7em 2em 2em;
    bottom: 1.25em;
    left: 1.25em;
    color: #fff;
  }
  #banner .captions:after {
    right: 20px;
    bottom: 25px;
  }
  #banner .captions .caption-line-1 {
    font-size: 2.5em;
    letter-spacing: -2px;
  }
  #banner .captions .caption-line-2 {
    font-size: 1.25em;
    letter-spacing: -1px;
    line-height: 1.25em;
  }
  #banner .slide img { width: 1001px; }

  /* Content */
  #content > section, #content > article { margin-bottom: 4em; }

  /* Sidebar */
   #sidebar > section { margin-bottom: 4em; }

  /* Copyright */
  #copyright { padding: 3em 0 4em 0; }
}

/* Mobile */
  #navPanel, #titleBar { display: none; }

@media screen and (max-width: 736px) {
  /* Basic */
  html, body { overflow-x: hidden; }
  body {
    line-height: 1.75em;
    font-size: 9.5pt;
  }
  h2 {
    font-size: 1.5em;
    margin: 0 0 1.5em 0;
    letter-spacing: -1px;
  }
  section, article {
    clear: both;
    margin: 0 0 5em 0;
  }
  section > :last-child, section:last-child, article > :last-child, article:last-child { margin-bottom: 0 !important; }
  section header, article header {
    border-top: solid 5px #00a6eb;
    padding-top: 2em;
    margin: 0 0 2.5em 0;
  }
  section header .byline, article header .byline {
    display: block;
    color: #a0a0a0;
    font-size: 1.25em;
    line-height: 1em;
  }
  section header h2, article header h2 { margin: 0 0 0.5em 0 !important; }
  section.featured header .byline, article.featured header .byline {
    font-size: 1.5em;
    letter-spacing: -1px;
  }
  section.featured header h2, article.featured header h2 {
    font-size: 2em;
    letter-spacing: -2px;
    margin: 0.25em 0 0.75em 0;
    line-height: 1em;
  }
  .align-left { margin-bottom: 1em; }
  .image-fit-mobileOnly {
    display: block;
    margin: 0 0 2em 0;
    width: 100%;
  }
  .image-fit-mobileOnly img { width: 100%; }
  .button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-size: 1.25em;
  }
  .blocks a {
    padding: 1.5em 6.3em 1.5em 1.3em;
    margin: 0 0 0.5em 0;
  }
  .blocks a:after {
    right: 20px;
    bottom: 20px;
  }
  .blocks p {
    font-size: 1em;
    margin: 0;
  }
  .blocks h2 {
    font-size: 2em;
    margin: 0 0 0.5em 0;
  }

  /* Wrappers */
  #header-wrapper { display: none; }

  #search-wrapper {
    background: #f6f6f6;
    border-bottom: solid 1px #d9d9d9;
    padding: 1.5em 20px 1.5em 20px;
  }

  #main-wrapper { padding: 4em 20px 4em 20px; }
  #footer-wrapper {
    background: #f6f6f6;
    border-top: solid 1px #d9d9d9;
    padding: 4em 20px 4em 20px;
  }
  #footer-wrapper section { margin-bottom: 5em !important; }

  /* Off-Canvas Navigation */
  #page-wrapper {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: -moz-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    transition: transform 0.5s ease;
    padding-bottom: 1px;
    padding-top: 44px;
  }
  #titleBar {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: -moz-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    transition: transform 0.5s ease;
    display: block;
    height: 44px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
    background: #00a6eb;
    color: #fff;
  }
  #titleBar .title {
    display: block;
    text-align: center;
    font-size: 1.25em;
    letter-spacing: -1px;
    line-height: 44px;
  }
  #titleBar .title span { font-weight: 400; }
  #titleBar .toggle {
    position: absolute;
    text-indent: -9999px;
    left: 0;
    top: 0;
    width: 70px;
    height: 50px;
  }
  #titleBar .toggle:before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.1) url("images/toggle.svg") 13px 10px no-repeat;
    width: 50px;
    height: 30px;
    top: 7px;
    left: 7px;
  }
  #titleBar .toggle:active:before { background-color: rgba(0, 0, 0, 0.3); }
  #navPanel {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateX(-275px);
    -webkit-transform: translateX(-275px);
    -ms-transform: translateX(-275px);
    transform: translateX(-275px);
    -moz-transition: -moz-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    transition: transform 0.5s ease;
    display: block;
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 275px;
    z-index: 10002;
    background: #2f2f2f;
    box-shadow: inset -3px 0px 3px 0px #282828;
  }
  #navPanel .link {
    display: block;
    color: #aaa;
    text-decoration: none;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
    height: 44px;
    line-height: 44px;
    padding: 0 1.5em 0 1.5em;
  }
  #navPanel .link:first-child { border-top: 0; }
  #navPanel .indent-1 {
      display: inline-block;
      width: 1em;
    }
  #navPanel .indent-2 {
    display: inline-block;
    width: 2em;
  }
  #navPanel .indent-3 {
    display: inline-block;
    width: 3em;
  }
  #navPanel .indent-4 {
    display: inline-block;
    width: 4em;
  }
  #navPanel .indent-5 {
    display: inline-block;
    width: 5em;
  }
  #navPanel .depth-0 { color: #fff; }

  body.navPanel-visible #page-wrapper {
    -moz-transform: translateX(275px);
    -webkit-transform: translateX(275px);
    -ms-transform: translateX(275px);
    transform: translateX(275px);
  }
  body.navPanel-visible #titleBar {
    -moz-transform: translateX(275px);
    -webkit-transform: translateX(275px);
    -ms-transform: translateX(275px);
    transform: translateX(275px);
  }
  body.navPanel-visible #navPanel {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  /* Banner */
  #banner {
    position: relative;
    width: 100%;
  }
  #banner .nav-next, #banner .nav-previous {
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    z-index: 3;
    cursor: pointer;
    opacity: 0.75;
  }
  #banner .nav-next:before, #banner .nav-previous:before {
    font-family: FontAwesome;
    text-decoration: none;
    font-size: 72px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    display: block;
    width: 52px;
    height: 64px;
    line-height: 64px;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -26px;
  }
  #banner .nav-next:hover, #banner .nav-previous:hover { opacity: 1.0; }
  #banner .nav-next { right: 0; }
  #banner .nav-next:before { content: "\f105"; }
  #banner .nav-previous { left: 0; }
  #banner .nav-previous:before { content: "\f104"; }
  #banner .captions {
    position: relative;
    background: #2f2f2f;
    color: #fff;
    padding: 1.75em 20px 1.75em 20px;
  }
  #banner .captions .caption-line-1 {
    font-size: 1.5em;
    letter-spacing: -1px;
    display: block;
    margin: 0 0 0.5em 0;
  }
  #banner .captions .caption-line-2 {
    font-size: 1.1em;
    color: rgba(255, 255, 255, 0.8);
  }
  #banner .viewer { background: #fff; }
  #banner .slide img {
    display: block;
    width: 100%;
  }
  #banner .slide .link {
    position: absolute;
    text-indent: -9999px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }

  /* Search */
  #search { position: relative; }
  #search span { display: none; }
  #search form {
    display: block;
    position: relative;
  }
  #search form input.text {
    display: block;
    width: 100%;
    height: 34px;
  }
  #search form input.button {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    z-index: 1;
    border: 0;
    padding: 0;
    opacity: 0;
  }
  #search form:before {
    content: "\f002";
    font-family: FontAwesome;
    text-decoration: none;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: #00a6eb;
    color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
  }
  /* Copyright */
  #copyright {
    border-top: solid 1px #d9d9d9;
    text-align: center;
    padding: 2.5em 0 0 0;
    color: #a0a0a0;
  }
}

/* this WAS apex_main2.css, now merged into apex_main.css */
form input { box-sizing: content-box; }
h1, h2, h3, h4, #header h1 { text-transform: none; letter-spacing: normal; line-height: normal; }
h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 4em; margin: 0.25em 0 0.75em 0; }
h3 { font-size: 1.5em; margin: 0 0 1em 0; font-weight: 200; }
p, nav > ul { margin: auto; margin: initial; }
input[type=text], input[type=password], input[type=number], select, textarea {
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
  -ms-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  -webkit-appearance: none;
  border: 0;
  padding: 0.90em;
  font-size: 1.2em;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 300;
  border-radius: 6px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  outline: none;
}
form select, select {
  appearance: menulist-button;
  -webkit-appearance: menulist-button;
  height: auto; /* makes it tall enough so that the default padding doesn't push the text someplace invisible */
  margin-bottom: 0px;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { background: #f0f2f5; }
input[type=checkbox] { -webkit-appearance: checkbox; }
.application-form input[class~=customDatepicker] { margin-bottom: 0px; }
#signatureCapture { max-width: 100%; }
#titleBar .title { letter-spacing: initial; }
#titleBar .toggle:before { background: url("/download/apex_toggle.svg") 13px 10px no-repeat; }
#page-header h1, #page-header h1 a { color: #FFF; padding-left: 0.5em; letter-spacing: initial; }
#page-header nav { position: relative; }
div.control-group { margin-left: 0px; }
div.control-group > .span4 { margin: 0px; padding: 0px; }
.sign-in-block-container { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 5px; }
#sign_in_form { max-width: 100%; padding: 0px; }
#sign_in_form input { width: auto !important; }
#sign_in_form div { width: auto !important; }
#sign_in_form .submit-button { padding-left: 0px !important; }
body { letter-spacing: initial; background-color: #EEEEEE; }
div.textblock, div.list-view-block { padding: 20px 40px; }
input { box-sizing: auto; box-sizing: initial; }
#page-header h1 { font-weight: 300; }
#page-wrapper > div.row > div { padding: 0px; }
#main > div.container > div.row > div { padding: 0px; }
#header-wrapper { padding-top: 0px; }
#header-wrapper > div.container > div.row > div { padding: 0px; }
.row { margin-top: 0px; margin-bottom: 0px; margin: 0px; }
header#header { margin-left: 10px; margin-right: 10px; }
.well, .wrapped-block-container, .checkout-job-block { background: none; border: none; box-shadow: none; }
.sign-in-block-container h4 { text-align: left !important; font-weight: normal; }
.job-signups-block-container, .training-signups-block-container { padding: 0px; }
.job-signups-block-container .row > div.span4,
.training-signups-block-container .row > div.span4 { padding-left: 0px !important; width: 90%; margin-left: 10px; }
#job_search_listings, #training_search_listings {
  width: auto;
  min-width: 90%;
  margin: 0px;
  margin-left: 20px;
  padding: 0px;
}
.training_search_form .control-group, .job_search_form .control-group { float: left; margin-bottom: 0px; }
.training_search_form label, .job_search_form label { margin-top: 0px !important; }
.training_search_form .control-group .span4, .job_search_form .control-group .span4 { width: auto !important; }
.training_search_form .form-actions, .job_search_form .form-actions  {
  clear: both;
  background: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
}
#training_search_listings > h4, #job_search_listings > h4 { display: none; }
div.job_search_keywords { margin-left: 10px; }
.training_signups_block header.block-header h4, .job_signups_block header.block-header h4 { border-bottom: 1px solid gray; font-size: 120%; }
#header { padding-bottom: 10px; }
#page-wrapper { background: #FFFFFF; }
#footer-wrapper { background-color: #EEEEEE; }
body { min-width: 0px; max-width: 100%; }
#nav {
  padding-right: 10px;
  padding-top: 10px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: 0px;
}
#nav ul li { display: inline-block; }
#nav ul li a { line-height: 3em; padding-bottom: 16px; color: rgba(255,255,255,0.90); }
#nav ul li.nochildren a:hover, #nav > ul > li.active a:hover { padding-bottom: 5px; border-bottom: 2px solid #FFF; color: #FFF; }
#nav ul li.nochildren a:hover {
  border-bottom: 2px solid white;
  padding-bottom: 14px;  /* un-pads it enough that the added border doesn't shift things around */
}
.pagemenu-icon { max-height: 2em; padding-right: 5px; vertical-align: middle; }
.dropotron a, .dropotron span { font-size: 1em; }
.dropotron a:hover { text-decoration: underline; }
.dropotron li:hover { background-color: darkslateblue; }
.dropotron.level-0 { margin-top: 0px; }
@media screen and (max-width: 736px) { #nav { display: none; } }
.row, .container { max-width: 100%; }
.modal-header .row * { padding: 0px; }
.modal-header i.icon-remove { position: absolute; top: 10px; right: 10px; }
.modal-header .span4, .modal-header .span1 {
  width: auto;
  display: inline-block;
  float: left;
  text-align: left !important;
  margin-left: 5px;
}
.modal-scrollable { margin-top: 30px; }
.form-actions { background: none; }
.form-actions .btn-small, .form-actions-inline .btn-small { font-size: 125%; padding: 10px; }
.modal-header { font-size: 110%; font-weight: bold; }
#copyright { padding: 0px; }
#copyright .container { padding: 0px; margin-bottom: 15px; }
div.row > div.\12u { padding: 0px 0px 10px 0px; }
.VOXIHTMLBlock { padding: 20px 40px 0px 40px; }
.VOXIHTMLBlock:last-of-type { padding-bottom: 0px; }
.bubble-top { margin-top: 0px; margin-bottom: 0px; }
#main { padding: 0px; }
.job_search_form select, .training_search_form select { padding: 1px 1px 1px 3px; }
.job_search_form input[type=text], .training_search_form input[type=text] { padding: 4px 6px; }
.job_search_form textarea, .training_search_form textarea {
  height: auto;
  height: initial;
  line-height: 1.1em;
  padding: 3px;
  max-width: 275px;
}
.applications-block select { padding: 3px; min-height: 3em; border-radius: 4px; }
.applications-block label[class^="checkboxapplication-field"] { padding: 0 0.9em 0.9em 0.9em; font-size: 125%; }
.applications-block input.file {
  padding: 0.90em;
  font-size: 1.2em;
  border-radius: 6px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  width: 500px !important;
  max-width: 90%;
  box-sizing: content-box;
}
.custom_app_dynamic_field { max-width: 100%; }
div.vsys-form-actions { text-align: center; }
.action_simple .block-header, .tool-body { padding: 0px; clear: both; }
#change_password_modal_container label { float: none; text-align: auto; text-align: initial; width: auto; }
#change_password_modal_container input { width: auto; width: initial; padding: 0.2em; }
#change_password_modal_container .control-group { margin-bottom: 0px; }
#change_password_modal_container .modal-body { height: auto !important; }
#change_password_modal_container .form-actions { padding: 5px; margin: 10px 5px 5px 0px; }
.form-horizontal .controls { margin-left: 0px; }
form#new_user_setting .btn { padding: 1em; }
.modal.fade.in { top: 10%; }

#changepassword_container {
  background: URL(/imageicon/securityUser);
  background-position: top right;
  background-repeat: no-repeat;
}
#change_password_form a[data-dismiss="modal"] {
  padding-right: 60px;
  background: URL(/imageicon/cancel:32);
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #f5f5f5;
}
#change_password_form input[type="submit"] {
  padding-right: 60px;
  background: URL(/imageicon/check:32);
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #f5f5f5;
}
#change_password_form a[data-dismiss="modal"]:hover, #change_password_form input[type="submit"]:hover { background-color: white; }
.modal.fade.in { margin-top: auto !important; margin-top: initial !important; margin-right: auto !important; }
form textarea { height: 10em; }
form .formerize-placeholder, form ::-webkit-input-placeholder, form :-moz-placeholder, form ::-moz-placeholder, form :-ms-input-placeholder { color: #93989f !important; }
form ::-moz-focus-inner { border: 0; }
form .button { margin-right: 1em; }
div.vsys-form-actions input.btn {
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
  -ms-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  padding: 0.3em 3em 0.4em 3em;
  color: #fff !important;
  border-radius: 4px;
  border: 0;
  font-size: 1.1em;
  border-radius: 5px;
  line-height: 2.3em;
  text-decoration: none;
  font-size: 200%;
  text-align: center;
  text-shadow: none;
}
#page-header nav ul li a {
  border: 8px solid rgba(0, 0, 0, 0.01);
  box-sizing: border-box;
  padding-right: 0.5em;
  padding-top: 0.5em;
}
#page-header nav ul li .arrow { border-right: 0px; }
#main-wrapper { padding: 0px; }

/* 2018-02-18 extracted from Apex interpreted CSS  */
/* group 1 */
/*** I hate IE ***/
h1, h2, h3, h4, #header h1 { letter-spacing: normal; line-height: normal; }
#page-footer .button, #page-footer a.button { color: #FFFFFF; }
ul.disc1 {
  margin: 0px 0px 0px 25px;
  padding: initial;
  padding-bottom: 2em;
  list-style-type: disc;
}
h3 + ul.disc1 { margin-top: -10px; }
ol.num1 {
  margin: 0px 0px 0px 10px;
  padding: initial;
  padding-bottom: 2em;
  list-style-type: decimal;
}
ol.num1 > li { padding-bottom: 5px; }
ol ul.disc1 { padding-bottom: 5px; }
a#logo { text-decoration: none; }
span.title h1 { font-size: 16px; } /* this is what the page title becomes when the page is narrow */
#page-header h1 { margin-bottom: 0px; }
#footer-wrapper { padding-top: 0px; }
.VOXIHTMLBlock ol { list-style-type: decimal; margin: 0 0 10px 25px; } /* this restores normal ordered list styling */
.VOXIHTMLBlock ol.alpha { list-style-type: alpha; }
.VOXIHTMLBlock ul  { list-style-type: disc; margin: 0 0 10px 25px; } /* this restores normal unordered list styling */

/* Anywhere magical buttons formed by placing change refresh checkboxes */
label.searchbutton { margin-top: 1em; padding-right: 1.2em; padding-top: 0.7em; }
label.searchbutton input[type="checkbox"]{ display: none; }
label.searchbutton a { color: white; }
label.searchbutton:before { display: none; }

/* Anywhere magical buttons using hyperlinks */
.createbutton { width: auto; } /* importantt to prevent apex_main.css from making it 100% on mobile */
a.createbutton, a.filterbutton { margin-top: 1em; padding-right: 1.2em; padding-top: 0.7em; }
a.createbutton a { color: white; text-decoration: none; }
a.button.createbutton.plusbutton { padding-left: 1em; position: relative; top: 5px; }
a.button.createbutton:before { display: none; }
a.button.createbutton:before, a.button.searchbutton:before, a.filterbutton:before { display: none; } /* hides the right-arrow; it's not useful for search & create buttons since they have their own icons */

a.button.createbutton > i.fa-2x, a.button.searchbutton > i.fa-2x { /* these are FontAwesome icons within these "buttons" */
  margin-left: 0.5em;
  position: relative;
  top: 0.2em;
}
a.button.buttonsmall.createbutton { margin-top: 0.1em; padding: 0.2em 0.6em 0.2em 0.6em; }
a.button.buttonsmall.createbutton > i.fa {
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0.5em;
  position: initial;
}
.anywhere-profile-create-record-link {
  margin-left: 1em;
  margin-right: 0px;
  position: relative;
  top: -0.3em;
}

/* group 2 */
/***** section headers in the Anywhere profile editor *****/
h4.sectiontitle {
  min-width: 600px;
  border-bottom: 1px solid blue;
  margin-top: 20px;
  margin-bottom: 5px;
}
h4.sectiontitle span.caption {
  margin-left: 10px;
  font-size: 200%;
}
h5.sectiontitle {
  min-width: 600px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 3px;
  font-weight: bold;
}

/* group 3 */
/***** popup editors of various types *****/
.ui-dialog-titlebar a, .ui-widget-header a { color: white; }
.complex-editor-form-actions input.btn { padding: 10px 20px; } /* widens the various buttons a bit in complex editors (VSys Anywhere mostly) */
.complex-editor-form .btn { background-image: none; }
.popupeditor-container .block-header { display: none; } /* the header (H4) at the top of the editor is redundant: the same text is in the "window"'s caption */
div.ui-dialog.ui-widget-content {
  width: auto !important; /* don't be unnecessarily narrow! */
  max-width: 80%; /* but don't go Stupid */
}

/***** this is the header for VSys Anywhere tools *****/
.tool .block-header { padding-left: 0px; padding-bottom: 10px; }
.tool .block-header h4 { font-size: 150%; font-weight: bold; }

/***** this is generic checklist editors on forms *****/
button.ui-multiselect {
  min-height: 3em;
  background: rgb(250, 250, 250);
  padding: 0.9em;
  max-width: 100% !important;
  font-size: 1.2em;
  max-height: 12em; /* prevents it from getting crazy tall if a lot of items are checked and visible */
  overflow-y: hidden; /* and when it does, don't have the text continue flowing out the bottom */
}
button.ui-multiselect span { font-size: 0.85em; }
.ui-widget-content .ui-state-hover { background: rgb(50, 50, 50); color: white; } /* mouseover on checklist items = monochromatic, no gradient */
.ui-multiselect-checkboxes { font-size: 125%;   min-height: 18em; } /* checklist items larger, with taller min height */

/***** Weird mouseover buttons *****/
.fc-state-hover { background-position: 0px !important; }
.fc button { background-image: none; }
.btn:hover { background-position: 0px !important; }
.btn { background-image: none; }

 /***** popup date editors *****/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: auto;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  filter: invert(100%); /* dark colored captions at the top of the date picker make the month navigation buttons pretty much invisible */
  margin-top: 0px;
}
input.customDatepicker { /* this handles general weirdness when the viewport becomes narrow and the date editors shrink in height... */
  box-sizing: content-box !important;
  min-height: 1px;
}
/***** table width - prevent exceed its div *****/
table.table { table-layout: fixed; }
table.table td, table.table th { overflow-x: hidden; }

/***** Anywhere approval and other tools, captions & sub-captions for listings with editors for each item *****/
.tool-itemslist-caption0 {
  width: 3000px;
  border-bottom: 1px solid rgba(55, 55, 55, 0.2);
  font-size: 1.5em;
  font-weight: normal;
  color: rgb(55, 55, 55);
  margin-top: 1em;
  margin-bottom: 4px;
  letter-spacing: initial;
  font-variant: small-caps;
}
.tool-itemslist-caption1 {
  font-weight: 400;
  font-size: 110%;
  color: green;
  margin: 5px 0 -5px 0;
}
.tool-itemslist-caption0 a, .tool-itemslist-caption1 a { text-decoration: none; }
.tool-itemslist-error {
  font-weight: bold;
  color: red;
  margin-top: 2.5em; /* pushes it down into the region of the accompanying editor(s) */
}
.tool-itemslist-warning {
  color: orange;
  margin-top: 2.5em; /* pushes it down into the region of the accompanying editor(s) */
}
.tool-itemslist-note {
  font-weight: normal;
  color: black;
  margin-top: 2.5em; /* pushes it down into the region of the accompanying editor(s) */
}
.popupedit-info-label-small { font-size: 80%; font-style: italic; }

.complex-editor-field-line {
  display: inline-block; /* wonderous magic: tall controls now don't cause shorter ones that follow to be stuck to the right */
  vertical-align: top;
  float: none; /* if you take this away, various VSys Anywhere tools have their fields "hung up" to the right; see the "View schedules" tool */
}
/***** unlocalized label errors? bad! *****/
span.translation_missing { display: none; }

/***** fix weirdness with (OLD) checkout tool *****/
#check_out .block-header h4 {
  font-size: 125%;
  font-weight: bold;
  border-bottom: 1px solid blue;
}
#check_out div.span4, #check_out div.span8 { margin: 0px; }
.checkout-job-block { min-width: 30em; }
.checkout-job-block strong { padding-top: 5px; }
.checkout-job-block .checkout-job-label {
  font-weight: bold;
  text-align: left;
  padding-top: 5px;
}

label.application-field-checkbox span.label-inner, label.application-field-checkbox input[type="checkbox"] { vertical-align: middle; } /* for checkboxes, vertically centers the label with the checkbox itself */

.mce-statusbar { display: none !important; } /* for the TinyMCE HTML editor, hides the bottom status bar */
/***** just _special_ *****/
.popupeditor-details-tightspacing { line-height: initial; }

/***** To ensure that SearchWhileTyping (using Chosen) works when the tool editor form is too short *****/
.complex-editor-form { overflow: visible !important; }
.ui-dialog, .ui-dialog-content { overflow: visible !important; }

/* and to make them size like other fields */
.chosen-single {
  padding-top: 0.7em !important;
  min-height: 3em;
  font-size: 1.2em;
  background: none !important;
}
.chosen-single, .chosen-drop {
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
  -ms-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  -webkit-appearance: none;
  border-radius: 6px;
  background: #fafafa !important;
  border: 1px solid #e8e8e8 !important;
  outline: none;
}
.chosen-single:focus, .chosen-drop:focus {
  border-color: rgba(82,168,236,0.8) !important;
  outline: 0;
  outline: thin dotted \9;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)  !important;
}

a.chosen-single > div { margin-top: 0.7em; } /* and vertically centers the indicator */

.list-editor-container { clear: both; margin-top: 0px !important; } /* Fixes an issue with empty datatables showing their "Ain't none" inline with the buttons instead of below them */
.complex-editor-form-actions { float: none !important; } /* Fixes an issue with datatables rendered as HTML (raw output) being atop the action buttons */
#complex_editor_entrant + .btn { padding-left: 20px; padding-right: 20px; width: auto !important; } /* the [Search] button used by person lookup in popup editors */

/********************* online training quizzes *********************/
.question-container { padding-top: 1em; }
.question-container > label { font-weight: bold; font-size: 125%; }
.question-container .btn { margin-top: 1em; padding: 10px; padding-left: 20px; padding-right: 20px; }
.online-training-presentations-block-container dt, .online-training-presentations-block-container dd { font-size: 150%; margin-bottom: 20px; }
.training-container dt:after { content: ": "; }
.training-container dd { font-weight: bold; }

/***** FullCalendar various *****/
.fc-more { font-weight: bold; font-size: 100% !important; }
/* custom calendars: reduce unnecessary padding above/below the day # */
.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.fc-day-grid-event .fc-content { font-weight: 300; }
.fc-header-toolbar h2 { font-size: 2.5em; }
.fc-agenda-view .fc-event { border: 1px solid black !important; }

/******** fun with chosen *********************************/
.chosen-container-multi .chosen-choices { padding: 0.9em; }
ul.chosen-choices { max-height: 20em; overflow-y: auto !important; }


/* from Apex site CSS */
#application_form_sendMessage_subj, #application_form_sendMessage_name, #application_form_sendMessage_email, #application_form_sendMessage_msg { min-width: 400px; }
img.mainpage-shift-graphic { border-radius: 5px; }
.complex-editor-form .complex-editor-field-line { padding-top: 0px; padding-bottom: 0px; } /* avoid unnecessary inter-line spacing */
.complex-editor-form .complex-editor-field-line .control-group { margin-bottom: 0px; }
.complex-editor-form .control-label, .complex-editor-form input { margin-bottom: 0px; } /* avoid unnecessary inter-line spacing */
.dataentry_simple .tool-body { max-width: 100%; }

form button.ui-multiselect { /* this is generic checklist editors on forms */
  min-height: 3em;
  background: rgb(250, 250, 250);
  padding: 0.9em;
  max-width: 100% !important;
  font-size: 1.2em;
  max-height: 12em; /* prevents it from getting crazy tall if a lot of items are checked and visible */
  overflow-y: hidden; /* and when it does, don't have the text continue flowing out the bottom */
}

.complex-editor-form select { margin-bottom: 0px; } /* and combo boxes to prevent weird floating */

/* popup window dialogs: solid header color */
.ui-dialog-titlebar, .ui-widget-header { background: #666; color: white; }
.ui-dialog-titlebar, .ui-widget-header a { color: white; } /* with hyperlinks contrasted */
label, p { font-weight: 500; font-weight: normal; }/* fonts are way too thin in most places */
p { margin-bottom: 0.8em; }


/* from the Anywhere site-specific CSS */
label.control-label[style*="visibility: hidden"] { display: none; }
#main-content[class*="page-tool"] { width: 100%; margin-left: 0px; }
input[type="checkbox"] { margin-top: 0px; }
div#complex-editor-settings-fields > div[style="overflow-x: scroll;"] { overflow-x: auto !important; }
div.list_block > .row > div { padding: 0px; margin-left: 0px; } /***** Anywhere annoying spaces above listings (Rails-generated) *****/
.list_block header h4 { font-size: 200%; }

div.list-view-block { padding: 0px; } /***** Anywhere annoying spaces above listings (VOXI-generated) *****/