@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
html {
  background-color: #202020; }

body {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  font-family: sans-serif;
  background-color: #E4E4E4;
  background-image: url(../images/bg.png); }

* {
  /*color: #2C2C2C;*/
 }

div, nav, section, header, footer, menu, ul, li, ol, dl, dt, p, label {
  padding: 0px;
  margin: 0px;
  list-style-type: none; }

a {
  color: #2F645C;
  text-decoration: none;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s; }
  a:linked, a:visited {
    color: #2F645C; }
  a:hover {
    color: #3B9487; }

h1, .page-category, .top-link, h2, h3, h4, h5, h6 {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  font-family: 'Lato', sans-serif;
  font-weight: normal; }

h4 {
  margin: 10px 0px; }

.content-wrapper {
  width: 960px;
  margin: 0px auto; }
  @media only screen and (max-width: 540px) {
    .content-wrapper {
      width: 100%; } }
  @media only screen and (min-width: 541px) and (max-width: 959px) {
    .content-wrapper {
      width: 100%; } }

nav h1, nav .page-category, nav .top-link, nav h2, nav h3, nav h4, nav h5, nav h6 {
  color: #EEEEEE; }
nav p {
  color: #A5B1B0;
  font-size: 80%;
  padding: 5px 0px; }

p {
  font-size: 90%; }

img {
  vertical-align: bottom;
  border: 0px solid #000; }

.clear {
  clear: both; }

.page h1, .page .page-category, .page .top-link, .page h2, .page h3, .page h4, .page h5, .page h6 {
  color: #2C2C2C; }

.menu-link, .menu-item a {
  color: #E6E6E6;
  text-decoration: none;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s; }
  .menu-link:linked, .menu-link:visited, .menu-item a:linked, .menu-item a:visited {
    color: #E6E6E6; }
  .menu-link:hover, .menu-item a:hover {
    color: #089C7A; }

.social-link li {
  display: inline-block;
  height: 25px;
  line-height: 25px; }

.global-header {
  width: 100%;
  zoom: 1;
  /*height: 130px;*/
  margin-bottom: 20px;
  background-color: #202020;
  color: white; }
  .global-header .nav-content {
    width: 960px;
    margin: auto;
    position: relative; }
  @media only screen and (max-width: 540px) {
    .global-header .nav-content {
      width: 100%; } }
  @media only screen and (min-width: 541px) and (max-width: 959px) {
    .global-header .nav-content {
      width: 100%; } }
  .global-header:before, .global-header:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .global-header:after {
    clear: both; }
  @media only screen and (max-width: 540px) {
    .global-header {
      height: auto;
      margin-bottom: 5px; } }
  @media only screen and (min-width: 541px) and (max-width: 959px) {
    .global-header {
      height: auto; } }
  .global-header .company-logo {
    display: block;
    width: 300px;
    height: 130px;
    float: left; }
    @media only screen and (max-width: 540px) {
      .global-header .company-logo {
        float: none;
        height: 40px; }
        .global-header .company-logo img {
          height: 40px; } }
    @media only screen and (min-width: 541px) and (max-width: 959px) {
      .global-header .company-logo {
        float: none;
        height: 80px; }
        .global-header .company-logo img {
          height: 80px; } }
  .global-header .global-menu {
    float: right;
    height: 40px;
    line-height: 40px;
    /*height: 90px;
    line-height: 90px;
    /*padding-top: 40px;*/ }
    @media only screen and (max-width: 540px) {
      .global-header .global-menu {
        float: none;
        height: auto;
        min-height: 30px;
        line-height: 30px;
        padding-top: 0px;
        text-align: center; } }
    @media only screen and (min-width: 541px) and (max-width: 959px) {
      .global-header .global-menu {
        float: none;
        height: auto;
        min-height: 30px;
        line-height: 30px;
        padding-top: 0px;
        position: relative;
        top: -5px; } }
    .global-header .global-menu li {
      display: inline-block;
      /*width: 100px;*/
      padding-right: 16px;
      padding-left: 16px;
      /*height: 90px;*/
      height: 40px;
      font-family: 'Lato', sans-serif; }
      @media only screen and (max-width: 540px) {
        .global-header .global-menu li {
          box-sizing: border-box;
          width: 40%;
          height: 30px;
          padding-left: 20px;
          padding-right: 20px;
          font-size: 90%; } }
      @media only screen and (min-width: 541px) and (max-width: 959px) {
        .global-header .global-menu li {
          width: auto;
          padding-left: 20px;
          padding-right: 20px;
          height: 30px;
          font-size: 90%; } }
      .global-header .global-menu li a {
        text-align: center;
        width: 100%;
        height: 100%;
        display: inline-block;
        font-size: 120%; }
  @media only screen and (max-width: 540px) {
    .global-header #global-menu-switch + .global-menu {
      display: none; }
    .global-header #global-menu-switch:checked + .global-menu {
      display: block; } }
  .global-header .search-box {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 10px; }
    .global-header .search-box img {
      vertical-align: center;
      cursor: pointer;
      position: relative;
      top: -3px; }
    @media only screen and (max-width: 540px) {
      .global-header .search-box {
        right: 34px;
        margin-top: 2px; } }
    .global-header .search-box input[type=text] {
      background-color: #000;
      border: 1px solid #393D3D;
      padding: 7px;
      width: 200px;
      font-size: 90%;
      color: #EEEEEE; }
      @media only screen and (max-width: 540px) {
        .global-header .search-box input[type=text] {
          width: 100px;
          margin-right: -6px; } }
      .global-header .search-box input[type=text]:hover, .global-header .search-box input[type=text]:active {
        border-color: #4E4E4E; }
      .global-header .search-box input[type=text]::-webkit-input-placeholder, .global-header .search-box input[type=text]:-moz-placeholder {
        color: #60706F; }
  .global-header .menu-buttons {
    display: none;
    margin-top: 3px; }
    @media only screen and (max-width: 540px) {
      .global-header .menu-buttons {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px; } }
  .global-header input[type=checkbox] {
    display: none; }

.global-footer {
  width: 100%;
  zoom: 1;
  color: #EEEEEE;
  margin-top: 30px;
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: #202020; }
  .global-footer .nav-content {
    width: 960px;
    margin: auto;
    position: relative; }
  @media only screen and (max-width: 540px) {
    .global-footer .nav-content {
      width: 100%; } }
  @media only screen and (min-width: 541px) and (max-width: 959px) {
    .global-footer .nav-content {
      width: 100%; } }
  .global-footer:before, .global-footer:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .global-footer:after {
    clear: both; }
  .global-footer h1, .global-footer .page-category, .global-footer .top-link, .global-footer h2, .global-footer h3, .global-footer h4, .global-footer h5, .global-footer h6 {
    color: #EEEEEE; }
  .global-footer p {
    color: #A5B1B0;
    font-size: 80%; }
  @media only screen and (max-width: 540px) {
    .global-footer {
      box-sizing: border-box;
      padding: 0px 10px; } }
  @media only screen and (min-width: 541px) and (max-width: 959px) {
    .global-footer {
      box-sizing: border-box;
      padding: 0px 10px; } }
  .global-footer .footer-menu {
    width: 420px;
    padding-right: 20px;
    float: left; }
    @media only screen and (max-width: 540px) {
      .global-footer .footer-menu {
        box-sizing: border-box;
        width: 100%; } }
    @media only screen and (min-width: 541px) and (max-width: 959px) {
      .global-footer .footer-menu {
        box-sizing: border-box;
        width: 100%; } }
    .global-footer .footer-menu .footer-links a:hover {
      padding-left: 5px; }
  .global-footer .footer-links li {
    margin-bottom: 10px;
    font-family: 'Lato', sans-serif; }
  .global-footer .twitter-widget {
    width: 520px;
    height: 300px;
    display: inline-block;
    float: left;
    position: relative;
    top: -20px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.25); }
    @media only screen and (max-width: 540px) {
      .global-footer .twitter-widget {
        float: none;
        top: 0px;
        width: 100%;
        background-color: transparent;
        margin-bottom: 10px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none; }
        .global-footer .twitter-widget #twitter-widget-1 {
          width: 100%; } }
    @media only screen and (min-width: 541px) and (max-width: 959px) {
      .global-footer .twitter-widget {
        top: 0px;
        width: 100%;
        background-color: transparent;
        margin-bottom: 10px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none; }
        .global-footer .twitter-widget #twitter-widget-1 {
          width: 520px;
          margin: 0px auto; } }
  .global-footer .copyrights {
    text-align: right;
    color: #60706F;
    font-size: 90%;
    font-style: italic;
    margin-bottom: 10px; }

.top-image a img {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  outline: 5px solid rgba(0, 255, 195, 0); }
  .top-image a img:hover {
    outline: 5px solid #BADDD5; }
  @media only screen and (max-width: 540px) {
    .top-image a img {
      width: 100%; } }
  @media only screen and (min-width: 541px) and (max-width: 959px) {
    .top-image a img {
      width: 100%; } }

.ppqtrans_language_chooser li {
  display: inline-block;
  margin-right: 10px; }
  .ppqtrans_language_chooser li a span {
    color: #A5B1B0;
    text-decoration: none;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s; }
    .ppqtrans_language_chooser li a span:linked, .ppqtrans_language_chooser li a span:visited {
      color: #A5B1B0; }
    .ppqtrans_language_chooser li a span:hover {
      color: #089C7A; }
  .ppqtrans_language_chooser li.active a span {
    color: #089C7A; }

.top-stack {
  zoom: 1;
  min-height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #858D89; }
  .top-stack:before, .top-stack:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .top-stack:after {
    clear: both; }
  .top-stack h1, .top-stack .page-category, .top-stack .top-link, .top-stack h2 {
    color: #2C2C2C;
    text-shadow: 0px 1px 2px white;
    -webkit-text-shadow: 0px 1px 2px white;
    -moz-text-shadow: 0px 1px 2px white;
    font-size: 400%;
    line-height: 80%;
    float: left;
    height: 100%;
    margin-right: 40px;
    padding: 20px 10px;
    width: 250px;
    letter-spacing: -0.05em; }
    @media only screen and (max-width: 540px) {
      .top-stack h1, .top-stack .page-category, .top-stack .top-link, .top-stack h2 {
        font-size: 130%;
        line-height: auto;
        float: none;
        padding: 5px 10px;
        font-weight: bold;
        letter-spacing: 0;
        width: 100%;
        box-sizing: border-box; }
        .top-stack h1 br, .top-stack .page-category br, .top-stack .top-link br, .top-stack h2 br {
          display: none; } }
    @media only screen and (min-width: 541px) and (max-width: 959px) {
      .top-stack h1, .top-stack .page-category, .top-stack .top-link, .top-stack h2 {
        font-size: 300%;
        line-height: auto;
        float: none;
        padding: 5px 10px;
        width: 100%;
        box-sizing: border-box;
        letter-spacing: 0; }
        .top-stack h1 br, .top-stack .page-category br, .top-stack .top-link br, .top-stack h2 br {
          display: none; } }
    .top-stack h1:first-letter, .top-stack .page-category:first-letter, .top-stack .top-link:first-letter, .top-stack h2:first-letter {
      color: #089C7A; }
  .top-stack .stack-list {
    padding-top: 10px;
    float: left;
    width: 650px; }
    @media only screen and (max-width: 540px) {
      .top-stack .stack-list {
        width: 100%;
        padding-top: 5px; } }
    @media only screen and (min-width: 541px) and (max-width: 959px) {
      .top-stack .stack-list {
        width: 100%; } }
    .top-stack .stack-list .stack-see-all {
      background: none;
      font-family: 'Lato', sans-serif; }
      .top-stack .stack-list .stack-see-all:after {
        content: ">>";
        padding-left: 5px; }
    .top-stack .stack-list li {
      height: 32px;
      line-height: 32px;
      background: url(../images/arrow.png) left no-repeat;
      background-size: 24px 24px;
      padding-left: 32px;
      font-weight: normal;
      font-size: 90%;
      width: 100%;
      box-sizing: border-box;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      -o-text-overflow: ellipsis; }
      .top-stack .stack-list li a {
        color: #2C2C2C;
        color: #2F645C;
        text-decoration: none;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.2s; }
        .top-stack .stack-list li a:linked, .top-stack .stack-list li a:visited {
          color: #2F645C; }
        .top-stack .stack-list li a:hover {
          color: #3B9487; }
        .top-stack .stack-list li a .datetime {
          color: #858D89;
          font-size: 80%; }
      @media only screen and (max-width: 540px) {
        .top-stack .stack-list li {
          padding-left: 20px;
          padding-top: 10px;
          background-position: 0px 14px; }
          .top-stack .stack-list li .datetime {
            position: absolute;
            top: -5px;
            left: 20px;
            font-size: 70%; } }
      @media only screen and (min-width: 541px) and (max-width: 959px) {
        .top-stack .stack-list li .datetime {
          font-size: 80%; } }

.archive-list .stack-list {
  box-sizing: border-box; }
  @media only screen and (min-width: 541px) and (max-width: 959px) {
    .archive-list .stack-list {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 540px) {
    .archive-list .stack-list {
      padding-left: 20px;
      padding-right: 20px; } }
.archive-list .stack-list li {
  height: auto;
  line-height: auto;
  margin-bottom: 10px;
  background: none;
  background-position: left 3px;
  padding-left: 100px; }
  .archive-list .stack-list li .datetime {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 80%; }
  @media only screen and (max-width: 540px) {
    .archive-list .stack-list li {
      padding-left: 0px;
      padding-top: 17px; } }
  .archive-list .stack-list li summary {
    white-space: normal;
    line-height: 1em;
    padding-left: 0px; }
    @media only screen and (max-width: 540px) {
      .archive-list .stack-list li summary {
        padding-left: 10px; } }

.page-category {
  text-shadow: 0px 1px 1px white;
  -webkit-text-shadow: 0px 1px 1px white;
  -moz-text-shadow: 0px 1px 1px white;
  font-size: 170%;
  margin-bottom: 20px;
  padding: 5px;
  padding-left: 10px;
  box-sizing: border-box; }
  @media only screen and (max-width: 540px) {
    .page-category {
      padding-left: 10px;
      font-size: 170%;
      margin-bottom: 20px; } }
  @media only screen and (min-width: 541px) and (max-width: 959px) {
    .page-category {
      padding-left: 20px;
      font-size: 170%; } }

.single-page-content {
  margin-bottom: 50px; }
  .single-page-content article .article-header {
    margin-top: 10px;
    margin-bottom: 20px; }
    .single-page-content article .article-header h1, .single-page-content article .article-header .page-category, .single-page-content article .article-header .top-link {
      font-size: 130%;
      text-shadow: 0px 1px 1px white;
      -webkit-text-shadow: 0px 1px 1px white;
      -moz-text-shadow: 0px 1px 1px white; }
    .single-page-content article .article-header time.updated {
      display: block;
      text-align: right;
      color: #858D89;
      font-style: italic;
      font-size: 90%; }
  .single-page-content article .article-content p {
    padding-top: 10px;
    padding-bottom: 10px; }

.top-link {
  font-size: 90%; }

.paper-page {
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);
  border: 1px solid #E0E0E0;
  background-color: #F5F5F5;
  background-image: url(../images/paper.png);
  padding: 30px;
  padding-top: 26px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px; }
  @media only screen and (max-width: 540px) {
    .paper-page {
      margin-left: 20px;
      margin-right: 20px;
      padding: 10px;
      padding-top: 15px; } }
  @media only screen and (min-width: 541px) and (max-width: 959px) {
    .paper-page {
      margin-left: 20px;
      margin-right: 20px;
      padding: 15px;
      padding-top: 20px; } }
  .paper-page:before {
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0px;
    left: -30px;
    display: block;
    content: "";
    width: 120px;
    height: 30px;
    background-color: #DDFF36;
    /*$link-hover-nav-col;*/
    opacity: 0.4; }
    @media only screen and (min-width: 541px) and (max-width: 959px) {
      .paper-page:before {
        -moz-transform: rotate(-40deg);
        -o-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
        top: 0px;
        left: -25px;
        width: 80px;
        height: 23px; } }
    @media only screen and (max-width: 540px) {
      .paper-page:before {
        -moz-transform: rotate(-40deg);
        -o-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
        top: -5px;
        left: -25px;
        width: 60px;
        height: 20px; } }
  .paper-page .social-link {
    margin-top: 10px;
    text-align: right; }

.fixed-page-content {
  padding: 0px; }
  .fixed-page-content h2 {
    width: 200px;
    font-size: 300%;
    margin-bottom: 20px;
    text-shadow: 0px 1px 1px white;
    -webkit-text-shadow: 0px 1px 1px white;
    -moz-text-shadow: 0px 1px 1px white; }
    @media only screen and (max-width: 540px) {
      .fixed-page-content h2 {
        font-size: 130%;
        font-weight: bold;
        margin-bottom: 5px; } }
    @media only screen and (min-width: 541px) and (max-width: 959px) {
      .fixed-page-content h2 {
        font-size: 170%; } }
  .fixed-page-content h2:first-letter {
    color: #089C7A; }
  .fixed-page-content table {
    margin-left: 50px; }
    @media only screen and (max-width: 540px) {
      .fixed-page-content table {
        margin-left: 0px; }
        .fixed-page-content table th {
          width: 50px;
          font-size: 80%; }
        .fixed-page-content table td {
          font-size: 80%; } }
    @media only screen and (min-width: 541px) and (max-width: 959px) {
      .fixed-page-content table {
        margin-left: 30px; } }
    @media only screen and (max-width: 540px) {
      .fixed-page-content table tr {
        display: block; } }
    .fixed-page-content table th {
      padding-bottom: 30px;
      float: left;
      clear: both;
      width: 80px;
      font-size: 90%;
      color: #858D89;
      font-weight: normal;
      font-style: italic;
      text-align: left; }
      @media only screen and (max-width: 540px) {
        .fixed-page-content table th {
          padding-bottom: 0px;
          float: none;
          width: 100%;
          font-size: 70%;
          display: list-item;
          font-weight: bold; } }
    .fixed-page-content table td {
      padding-bottom: 30px;
      font-size: 90%; }
      @media only screen and (max-width: 540px) {
        .fixed-page-content table td {
          padding-bottom: 10px;
          font-size: 80%;
          display: list-item; } }
      .fixed-page-content table td ol li {
        margin-left: 25px;
        margin-bottom: 5px;
        list-style-type: decimal; }
        @media only screen and (max-width: 540px) {
          .fixed-page-content table td ol li {
            margin-left: 20px; } }

/*# sourceMappingURL=screen.css.map */

.center {
	align:center;
}

/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
input {
  margin-bottom:10px;
}
textarea {
  height:100px;
  margin-bottom:10px;
}
input:first-of-type{
 /* margin-top:35px; */
}
input, textarea {
  font-size: 1em;
  padding: 15px 10px 10px;
  font-family: 'Source Sans Pro',arial,sans-serif;
  border: 1px solid #cecece;
  /*background: #d7d7d7;
  color:#FAFAFA;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  /*max-width: 620px;*/
}
input[type="radio"] {
  width: 3%;
}

::-webkit-input-placeholder {
   color: #FAFAFA;
}
:-moz-placeholder {
   color: #FAFAFA;  
}
::-moz-placeholder {
   color: #FAFAFA; 
}
:-ms-input-placeholder {  
   color: #FAFAFA;  
}
button {
  margin-top:15px;
  margin-bottom:25px;
  background-color:#2ABCA7;
  padding: 12px 45px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #2ABCA7;
  -webkit-transition: .5s;
  transition: .5s;
  display: inline-block;
  cursor: pointer;
  width:30%;
  color:#fff;
}
button:hover, .button:hover {
  background:#19a08c;
}
label.error {
    font-family:'Source Sans Pro',arial,sans-serif;
    font-size:1em;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#d89c9c;
    width: 80%;
    margin:auto;
    color: #FAFAFA;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
/* media queries */
@media (max-width: 700px) {
  label.error {
    width: 90%;
  }
  input, textarea {
    width: 100%;
  }
  button {
    width:100%;
  }
  body {
  padding-top:10px;
  }  
}
.message {
    font-family:'Source Sans Pro',arial,sans-serif;
    font-size:1.1em;
    display:none;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#2ABCA7;
    width: 80%;
    margin:auto;
    color: #FAFAFA;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}