@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
* { box-sizing: border-box; -webkit-appearance: none; }

main { -webkit-transition: opacity ease-out .3s; transition: opacity ease-out .3s; -webkit-animation: fadein ease-in .3s; -moz-animation: fadein ease-in .3s; -ms-animation: fadein ease-in .3s; -o-animation: fadein ease-in .3s; animation: fadein ease-in .3s; }

.bye { opacity: 0; }

._1of2:last-child, ._1of3:last-child, ._1of4:last-child, ._2of3:last-child, ._2of4:last-child, ._2of5:last-child, ._3of4:last-child, ._3of5:last-child { margin-right: 0; }

._1of2, ._1of3, ._1of4, ._2of3, ._2of4, ._2of5, ._3of4, ._3of5 { margin-right: 3%; }

.row { width: 100%; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-pack: justify; }

._1of3 { width: 31%; }

._2of3 { width: 66%; }

._1of4 { width: 24%; }

._3of4 { width: 73%; }

._1of2, ._2of4 { width: 48.5%; }

._2of5 { width: 37%; }

._3of5 { width: 60%; }

._t3 { -webkit-column-gap: 56px; -moz-column-gap: 56px; column-gap: 56px; }

._t2 { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; }

._t2 p, ._t3 p { margin-before: 0; margin-after: 0; -webkit-margin-after: 0; -webkit-margin-before: 0; break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; display: inline-block; margin-top: 0; }

.flex { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-flex-flow: row wrap; justify-content: space-around; }

.flex-wrap { flex-flow: row wrap; -webkit-flex-flow: row wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

body { -webkit-overflow-scrolling: touch; }

h1 { display: block; color: #333; }

#footer .left { justify-content: flex-start; }

@media (max-width: 549px) { #wrapper-header { transition: height .9s; }
  #header-navicon { position: absolute; left: 0; display: block; padding: 18px 10px 8px 18px; cursor: pointer; }
  #header-navicon a { display: block; }
  #header-navicon a object[data*='img/menu.svg'] { height: 30px; pointer-events: none; }
  body { font-family: Roboto, sans-serif; margin: 0; -webkit-font-smoothing: antialiased; }
  a { text-decoration: none; }
  #wrapper-header { position: absolute; z-index: 2; top: 0; left: 0; overflow: hidden; width: 100%; height: 68px; padding: 0; text-align: center; background-color: #508a86; }
  #header { width: 100%; height: 80px; margin: 0 auto; text-align: left; }
  #header-title .left { width: 100%; height: 68px; margin-left: 30px; padding-top: 10px; padding-left: 12%; }
  #header-title .left a { display: inline-block; }
  #header-title .left a object { display: inline-block; pointer-events: none; }
  #header-title .svg.logoicon { height: 38px; margin: 0 10px 0 0; }
  #header-title .svg.logotitle { height: 24px; }
  #header-title .right { font-size: 15px; width: 100%; padding-top: 12px; padding-bottom: 12px; padding-left: 21%; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; justify-content: flex-start; -webkit-justify-content: flex-start; }
  #header-title .right > div { width: 100%; text-align: left; }
  #header-title .right div:nth-child(1) { margin-right: 30px; margin-bottom: 8px; color: #fff; }
  #header-title .right div:nth-child(1) a { font-weight: bold; margin-left: 5px; color: #fff; }
  #header-title .right div:nth-child(2) a { font-weight: bold; padding: 0 0 2px; color: #fff; }
  #header-nav { text-align: left; }
  #header-nav a { font-size: 16px; display: block; width: 100%; margin-bottom: 2px; padding-top: 12px; padding-bottom: 12px; padding-left: 21%; background-color: #3a6b68; }
  #header-nav .header-nav-sub { width: 100%; }
  #header-nav .header-nav-sub a { letter-spacing: .75px; color: #fff; }
  #header-nav .header-nav-sub a:hover { border-bottom: none; }
  #header-nav .header-nav-sub > div:first-child { border-top: thin solid #fff; }
  #header-nav .header-nav-sub div a { display: block; letter-spacing: 0; color: #222; }
  main #footer .right, main #footer div:nth-child(2) { display: none; }
  main, main #footer div { margin: 0 auto; }
  #wrapper-main { text-align: center; }
  main { width: 85%; }
  #content { width: 100%; margin: 135px 0 0; padding: 0; }
  main #footer { font-size: 11px; position: absolute; left: 0; padding: 10px 0; background-color: #508a86; }
  .green { color: #508a86; }
  #footer .left .green { color: #fff; }
  .grey { color: #999; }
  .black { color: #222; }
  .bold { font-weight: 700; }
  #footer .left { width: 100%; text-align: left; color: #fff; }
  #footer .left a { color: #fff; }
  #footer .left a:hover { color: #222; }
  #footer > div > div { width: 100%; padding-left: 8%; }
  #footer > div > div:nth-child(1) { margin-bottom: 15px; } }
@media (max-width: 1034px) and (min-width: 550px) { #header-navicon { position: absolute; left: 0; display: block; width: 30px; height: 30px; padding: 8px 0 0 10px; cursor: pointer; }
  #header-navicon a { display: block; }
  #header-navicon a object[data*='img/menu.svg'] { height: 30px; pointer-events: none; }
  body { font-family: Roboto, sans-serif; margin: 0; -webkit-font-smoothing: antialiased; }
  a { text-decoration: none; }
  #wrapper-header { position: absolute; z-index: 2; top: 0; left: 0; overflow: hidden; height: 117px; padding: 35px 0 0; text-align: center; background-color: #508a86; }
  #header { width: 80%; height: 80px; margin: 0 auto; text-align: left; }
  #header-title .left { width: 70%; }
  #header-title .left a { display: inline-block; height: 30px; }
  #header-title .left a object { display: inline-block; pointer-events: none; }
  main #footer .right, main #footer div:nth-child(2) { display: none; }
  #header-title .svg.logoicon { height: 40px; margin: 0 20px 0 0; }
  #header-title .svg.logotitle { height: 30px; }
  #header-title .right { font-size: 14px; width: 30%; margin: 5px 0 0; text-align: right; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }
  #header-title .right div:nth-child(1) { width: 100%; margin: 0 0 8px; color: #333; }
  .trucans-label { display: none; }
  #header-title .right div:nth-child(1) a { font-weight: bold; margin-left: 5px; color: #333; }
  #header-title .right div:nth-child(2) { width: 100%; }
  #header-title .right div:nth-child(2) a { padding: 0 0 5px; color: #fff; border-bottom: thin solid #80adaa; }
  #header-nav { padding-top: 42px; text-align: left; }
  #header-nav .header-nav-sub a { font-size: 18px; letter-spacing: .75px; color: #fff; }
  #header-nav .header-nav-sub a:hover { padding: 0 0 14px; border-bottom: thin solid #508a86; }
  #header-nav .header-nav-sub div { margin: 18px 10px 0 0; }
  #header-nav .header-nav-sub div a { margin: 0 18px 0 0; letter-spacing: 0; color: #222; }
  #header-nav .header-nav-sub div a:hover { padding: 0 0 2px; border-bottom: thin solid #508a86; }
  #header-nav .header-nav-sub:nth-child(1), #header-nav .header-nav-sub:nth-child(2) { width: 130px; }
  #header-nav .header-nav-sub:nth-child(3) { width: 150px; }
  #header-nav .header-nav-sub:nth-child(4), #header-nav .header-nav-sub:nth-child(5) { width: 100%; margin-top: 30px; }
  main, main #footer div { margin: 0 auto; }
  #wrapper-main { text-align: center; }
  main { width: 80%; }
  main #content { margin: 200px 0 0; padding: 0; border-bottom: thin solid #e0e0e0; }
  main #footer { font-size: 13px; padding: 10px 0; }
  .green { color: #508a86; }
  main #footer .grey { color: #999; }
  main #footer .black { color: #222; }
  main #footer .bold { font-weight: 700; }
  main #footer .left { width: 100%; text-align: left; }
  main #footer .left a { color: #508a86; }
  main #footer .left a:hover { color: #222; }
  main #footer div:nth-child(1) { margin-bottom: 10px; } }
@media (min-width: 1035px) { #header-navicon { display: none; }
  body { font-family: Roboto, sans-serif; margin: 0; -webkit-font-smoothing: antialiased; }
  a { text-decoration: none; }
  #wrapper-header { z-index: 2; top: 0; left: 0; overflow: visible; width: 100%; height: 161px; padding: 35px 0 0; text-align: center; background-color: #508a86; }
  #header { width: 1000px; height: 88px; margin: 0 auto; text-align: left; }
  #header-title { height: 58px; margin-bottom: 40px; }
  #header-title .left { width: 50%; }
  #header-title .left a { display: inline-block; height: 50px; }
  #header-title .left a object { display: inline-block; pointer-events: none; }
  #header-title .svg.logoicon { height: 50px; margin: 0 20px 0 0; }
  #header-title .svg.logotitle { height: 40px; }
  #header-title .right { font-size: 13px; width: 50%; margin: 10px 0 0; text-align: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  #header-title .right div:nth-child(1) { margin: 0 30px 0 0; }
  .trucans-label { display: none; }
  #header-title .right div:nth-child(1) a { font-weight: bold; color: #333; }
  #header-title .right div:nth-child(2) a { padding: 0 0 3px; color: #fff; border-bottom: thin solid #fff; }
  #header-nav { text-align: left; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #header-nav .header-nav-sub a { font-size: 13.5px; letter-spacing: .75px; }
  #header-nav .header-nav-sub a:hover { padding: 0 0 14px; border-bottom: thin solid #508a86; }
  #header-nav .header-nav-sub div { margin: 18px 10px 0 0; }
  #header-nav .header-nav-sub div:last-child { margin-right: 0; }
  #header-nav .header-nav-sub div a { margin: 0 18px 0 0; padding-top: 2px; padding-bottom: 2px; letter-spacing: 0; color: #222; }
  #header-nav .header-nav-sub div a:last-child { margin-right: 0; }
  #header-nav .header-nav-sub div a:hover { padding: 0 0 2px; border-bottom: thin solid #508a86; }
  #header-nav .header-nav-sub:nth-child(even) a { color: #222; }
  #header-nav > .header-nav-sub:nth-child(odd) > a { color: #fff; }
  #wrapper-main { text-align: center; }
  main { width: 1000px; margin: 0 auto; }
  main #content { margin: 75px 0 0; padding: 0 0 20px; text-align: left; }
  main #footer { font-size: 12px; padding: 10px 0; }
  .green { color: #508a86; }
  main #footer .grey { color: #999; }
  main #footer .black { color: #222; }
  main #footer .bold { font-weight: 700; }
  main #footer .left { width: 80%; text-align: left; }
  main #footer .right { width: 20%; text-align: right; } }