﻿/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover { 
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

img {
  border: 0;
  display: block;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
/*input,*/
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.wrapper {
  width: 1260px;
  max-width: 87.5%;
  margin: 0 auto;
}

.pageWrap {
  position: relative;
  z-index: 1;
}

#pageMain {
  margin-bottom: 80px;
  margin-bottom: 8rem;
}

.pageContent {
  width: 73.3%;
  float: left;
}

.pageContent>.copy {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.pageContent.fullWidth {
  width: 100%;
}

.pageContent.fullWidth+.sidebar {
  display: none;
}

.pageContent p,
.pageContent ul,
.pageContent ol,
.pageContent img,
.pageContent table,
.pageContent blockquote {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.col,
.row .contentPod,
.row .ctaPodWrapper {
  float: left;
}

.oneThird,
.row .contentPod,
.row .ctaPodWrapper {
  width: 33.333333333%;
}

.row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 55px;
  margin-bottom: 5.5rem;
}

.row>* {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0px 0px 0px 35px;
  padding: 0rem 0rem 0rem 3.5rem;
}

.row>*:first-child {
  padding-left: 0;
}

.row.noMargin {
  margin-bottom: 0;
}

@media only screen and (max-width: 1000px) {
  .row {
    margin-bottom: 30px;
    margin-bottom: 3rem;
  }

  .row.featurePods {
    display: block;
    margin-bottom: 40px;
    margin-bottom: 4rem;
  }

  .row>* {
    padding: 0px 0px 35px 0px;
    padding: 0rem 0rem 3.5rem 0rem;
  }

  .row>*:last-child {
    padding-bottom: 0;
  }
}

.row:after,
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

@media only screen and (max-width: 1420px) {
  .wrapper {
    width: 1100px;
  }
}

@media only screen and (max-width: 1140px) {
  .wrapper {
    width: 960px;
  }
}

@media only screen and (max-width: 900px) {
  .pageContent {
    width: 100%;
  }
}

@media only screen and (max-width: 530px) {
  .pageContent p,
  .pageContent ul,
  .pageContent ol,
  .pageContent img,
  .pageContent table,
  .pageContent blockquote {
    margin: 0px 0px 20px;
    margin: 0rem 0rem 2rem;
  }
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}

html,
body {
  width: 100%;
}

html {
  font: 62.5%/1.2 Georgia,sans-serif;
  color: #231f20;
  background: #f9f9f9;
  word-wrap: break-word;
  overflow-x: hidden;
}

body {
  font-size: 18px;
  font-size: 1.8rem;
}

a {
  color: #028473;
  text-decoration: underline;
  transition: color .4s ease;
}

a.alt {
  color: #028473;
  font-family: Arial,sans-serif;
  font-weight: bold;
  text-decoration: none;
}

a.alt:hover {
  color: #231f20;
}

a[href*="/athens/redirect/"] {
  position: relative;
}

a[href*="/athens/redirect/"]:before {
  content: "\f08e\0020";
  font-family: "FontAwesome";
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

a:hover {
  color: #231f20;
}


p {
  display: block;
  clear: both;
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 3rem 0rem;
  line-height: 1.6;
  vertical-align: top;
}

ul,
ol {
  padding: 0px 0px 0px 30px;
  padding: 0rem 0rem 0rem 3rem;
  list-style-position: outside;
}

ul li,
ol li {
  margin-bottom: 8px;
  margin-bottom: .8rem;
  padding: 0px;
  padding: 0rem;
}

ul li {
  list-style-type: none;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

/*ul li:before {
  font-family: 'FontAwesome';
  content: '\f111';
  margin: 0 15px 0 -25px;
  color: #a9a9a9;
  font-size: 8px;
  font-size: .8rem;
  position: relative;
  top: -3px;
  top: -.3rem;
}*/

.chevronList ul li,
ul.chevronList li {
  list-style-type: none;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

.chevronList ul li:before,
ul.chevronList li:before {
  font-family: 'FontAwesome';
  content: '\f054';
  margin: 0 15px 0 -25px;
  color: #0080A0;
  font-size: 13px;
  font-size: 1.3rem;
  top: -1px;
  top: -.1rem;
}

ol li {
  list-style-type: decimal;
}

.noList,
.noList li {
  list-style: none;
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
}

.noList:before,
.noList li:before {
  content: none;
}

img {
  display: inline;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media \0screen {
  img {
    width: auto;
  }
}

[hidden] {
  display: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

b,
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

pre,
code {
  padding: 8px;
  padding: .8rem;
  margin: 0px 0px 12px;
  margin: 0rem 0rem 1.2rem;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  line-height: 1.2;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  background-color: #f5f5f5;
}

hr {
  margin: 30px 0px;
  margin: 3rem 0rem;
  border: none;
  border-top: 2px solid #01A791;
}

dl {
  margin: 0px 0px 10px;
  margin: 0rem 0rem 1rem;
}

dl dt,
dl dd {
  float: left;
  margin: 0px 0px 5px;
  margin: 0rem 0rem .5rem;
}

dl dt {
  clear: left;
  width: 180px;
  width: 18rem;
  font-weight: bold;
}


.small {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
  font-size: 14px;
  font-size: 1.4rem;
}

::-moz-selection {
  background: #0080A0;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #0080A0;
  color: #fff;
  text-shadow: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

.hidden,
.showForMobile,
.showForIE {
  display: none !important;
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

.hideForMobile,
.hideForIE {
  display: block !important;
  visibility: visible;
}

.hideForMobile.inline,
.hideForIE.inline {
  display: inline !important;
}

.hideForMobile.btn,
.hideForIE.btn {
  display: inline-block !important;
}

@media only screen and (max-width: 768px) {
  .hideForMobile,
  .hideForMobile.btn {
    display: none !important;
    visibility: hidden;
  }

  .showForMobile {
    display: block !important;
    visibility: visible;
  }

  .showForMobile.btn {
    display: inline-block !important;
  }
}

.visuallyhidden {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.media_embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.media_embed .map,
.media_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

iframe {
  width: 100%;
}

.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav>li,
.nav>li>a {
  display: inline-block;
  vertical-align: middle;
}

.media {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-figure {
  margin-right: 16px;
  margin-right: 1.6rem;
}

.media-rev .media-figure {
  margin-left: 16px;
  margin-left: 1.6rem;
  margin-right: 0;
}

.media-body {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  dl dt,
  dl dd {
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 400px) {
  .g-recaptcha {
    -ms-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px 0px 30px;
  margin: 0rem 0rem 3rem;
  font-family: Arial,sans-serif;
  line-height: 1.2;
  color: #231f20;
  font-weight: normal;
}

h1.strong,
h2.strong,
h3.strong,
h4.strong,
h5.strong,
h6.strong {
  font-weight: bold;
}

h1 {
  margin: 0px 0px 40px;
  margin: 0rem 0rem 4rem;
  font-size: 32px;
  font-size: 3.2rem;
}

h2 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
}

h3 {
  font-size: 22px;
  font-size: 2.2rem;
}

h4 {
  font-size: 20px;
  font-size: 2rem;
}

h5 {
  font-size: 18px;
  font-size: 1.8rem;
}

h6 {
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
  h1 {
    margin: 0px 0px 20px;
    margin: 0rem 0rem 2rem;
    font-size: 26px;
    font-size: 2.6rem;
  }

  h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.mobileAccountLink {
  display: none;
}

#login {
  overflow: hidden;
  max-height: 100%;
}

#login legend {
  float: left;
  height: 50px;
  height: 5rem;
  width: 16.6%;
}

#login legend h4 {
  width: 100%;
}

#form_resetpassword .inputWrapper {
  max-width: none;
}

#login,
#emailSent {
  padding-top: 40px;
  padding-top: 4rem;
}

#login.loginWarningMsg,
#emailSent.loginWarningMsg {
  padding-top: 30px;
  padding-top: 3rem;
}

#login h4,
#emailSent h4 {
  width: 16.6%;
  float: left;
  margin: 7px 0px 0px;
  margin: .7rem 0rem 0rem;
  margin-right: 2.38%;
  color: #2a2a2a;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}

#login h4 i,
#emailSent h4 i {
  margin-right: 20px;
  margin-right: 2rem;
  font-size: 30px;
  font-size: 3rem;
}

#login form,
#emailSent form {
  width: 100%;
}

#login form .headerLoginInputWrapper,
#emailSent form .headerLoginInputWrapper {
  width: 81%;
  float: right;
}

#login .field,
#emailSent .field {
  float: left;
  width: 43.7%;
  margin-right: 1.9%;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  padding: 0;
}

#login .field .inputWrapper,
#emailSent .field .inputWrapper {
  margin-bottom: 5px;
  margin-bottom: .5rem;
}

#login .loginBtn,
#emailSent .loginBtn {
  width: auto !important;
  margin: 0;
}

#login .loginBtn .btn,
#emailSent .loginBtn .btn {
  width: auto;
}

#login .loginOptions,
#emailSent .loginOptions {
  list-style: none;
  float: right;
  margin: 0px 110px 0px 0px;
  margin: 0rem 11rem 0rem 0rem;
}

#login .loginOptions li,
#emailSent .loginOptions li {
  list-style: none;
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
  float: left;
}

#login .loginOptions li a,
#emailSent .loginOptions li a {
  color: #2a2a2a;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
}

#login .loginOptions li a:hover,
#emailSent .loginOptions li a:hover {
  font-weight: bold;
  text-decoration: underline;
}

#login .loginOptions li a:after,
#emailSent .loginOptions li a:after {
  display: block;
  content: attr(title);
  height: 1px;
  color: transparent;
  font-weight: bold;
  overflow: hidden;
  visibility: hidden;
}

#login .loginOptions li.showHidePassword,
#emailSent .loginOptions li.showHidePassword {
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
  border: 0;
}

#login .loginOptions li.showHidePassword input[type=checkbox],
#emailSent .loginOptions li.showHidePassword input[type=checkbox] {
  position: relative;
  top: 1px;
  width: auto;
  height: auto;
}

#login .loginOptions li+li,
#emailSent .loginOptions li+li {
  margin-left: 20px;
  margin-left: 2rem;
  padding-left: 20px;
  padding-left: 2rem;
  border-left: 1px solid #2a2a2a;
}

#pageHeader {
  border-top: 8px solid #01A791;
}

.social ul,
.headerNav ul,
.social li,
.headerNav li {
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
  list-style: none;
}

.social li {
  display: inline-block;
}

.headerNav {
  width: 100%;
  font-family: Arial,sans-serif;
  text-align: right;
}

.headerNav ul {
  float: right;
  margin: 0px 80px 22px 0px;
  margin: 0rem 8rem 2.2rem 0rem;
}

.headerNav li {
  float: left;
  margin-right: 20px;
  margin-right: 2rem;
}

.headerNav li a {
  display: block;
  padding: 16px 0px;
  padding: 1.6rem 0rem;
  color: #231f20;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 12px;
  line-height: 1.2rem;
  text-decoration: none;
}

.headerNav li a:hover {
  text-decoration: underline;
}

.headerNav .fa-user,
.headerNav .fa-shopping-cart {
  color: #01A791;
  margin-right: 0.3em;
}

#logo {
  width: 19.5%;
  float: left;
  margin: 24px 0px 30px;
  margin: 2.4rem 0rem 3rem;
}

#pageHeader .search {
  width: 80.5%;
  float: right;
  margin: 0px 0px 20px;
  margin: 0rem 0rem 2rem;
}

#pageHeader .search div {
  float: right;
  width: auto !important;
  border: 1px solid #e4e4e4;
  border-radius: 0.3rem 0 0 0.3rem;
}

#pageHeader .search div input {
  border-radius: 0.3rem 0 0 0.3rem;
}

#pageHeader .search div button {
  position: relative;
  float: right;
  height: 44px;
  height: 4.4rem;
  border-radius: 0px 3px 3px 0px;
  border-radius: 0rem 0.3rem 0.3rem 0rem;
}

#pageHeader .search div button i {
  text-indent: 2px;
}

#pageHeader .search .searchQuery {
  width: 265px;
  float: left;
  transition: width .4s ease;
}

#pageHeader .search .searchQuery:focus {
  width: 590px;
}

#pageHeader .search button {
  width: 52px;
}

@media only screen and (max-width: 1420px) {
  #login h4 {
    margin-top: 11px;
    margin-top: 1.1rem;
    font-size: 18px;
    font-size: 1.8rem;
  }

  #login h4 i {
    font-size: 20px;
    font-size: 2rem;
  }

  #login .loginBtn .btn {
    padding: 12px 8px;
    padding: 1.2rem .8rem;
    font-size: 16px;
    font-size: 1.6rem;
  }

  #forgottenPassword {
    padding-top: 18px;
    padding-top: 1.8rem;
  }

  #forgottenPassword h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }

  #forgottenPassword h5 span {
    font-size: 14px;
    font-size: 1.4rem;
  }

  #forgottenPassword .resetPasswordBtn .btn {
    padding: 12px 8px;
    padding: 1.2rem .8rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 1220px) {
  #pageHeader .headerNav ul {
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
  }

  #pageHeader .search .searchQuery,
  #pageHeader .search .btn {
    height: 38px;
  }

  #pageHeader .search .searchQuery {
    width: 210px;
    width: 21rem;
    padding: 10px 12px;
    padding: 1rem 1.2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }

  #pageHeader .search .searchQuery:focus {
    width: 400px;
    width: 40rem;
  }

  .field-validation-error {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 1080px) {
  #login form .headerLoginInputWrapper {
    width: 88%;
    margin-left: 10px;
    margin-left: 1rem;
  }

  #login .field {
    width: 43%;
  }

  #login legend {
    width: 10%;
  }

  #login legend h4 {
    margin-top: -10px;
    margin-top: -1rem;
    text-align: center;
    margin-right: 0;
  }

  #login legend h4 i {
    margin-right: 0;
    display: block;
  }

  #forgottenPassword h5 {
    margin-top: -10px;
    margin-top: -1rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 900px) {
  #login form .headerLoginInputWrapper {
    width: 100%;
  }

  #login legend {
    display: none;
  }

  #login form,
  #login #emailSent form {
    width: 100%;
    float: none;
  }
}

@media only screen and (max-width: 768px) {
  .mobileAccountLink {
    display: block;
    position: absolute;
    z-index: 2;
    top: 8px;
    top: .8rem;
    right: 14%;
    width: auto;
    padding: 0px 14px;
    padding: 0rem 1.4rem;
    background: #2a2a2a;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 42px;
    line-height: 4.2rem;
    text-align: center;
    text-decoration: none;
    border-radius: 0px 0px 5px 5px;
    border-radius: 0rem 0rem .5rem .5rem;
  }

  .mobileAccountLink span {
    display: inline-block;
    margin-left: 10px;
    margin-left: 1rem;
  }

  .mobileAccountLink:hover {
    color: #fff;
    background: #231f20;
  }

  #logo {
    width: 50%;
  }

  #pageHeader .headerNav,
  #pageHeader .search {
    display: none;
  }

  #pageHeader.loggedIn {
    padding-top: 20px;
    padding-top: 2rem;
  }

  .mobileLogin .field {
    padding-top: 0;
    width: 100%;
  }

  .mobileLogin .field .fa {
    position: relative;
    top: 6px;
  }

  .mobileLogin .field.showPassword {
    margin: 10px 0;
  }

  .mobileLogin .field.showPassword label {
    position: relative;
    top: -3px;
    font-weight: normal;
  }
}

@media only screen and (max-width: 550px) {
  .mobileAccountLink {
    right: 16%;
  }
}

@media only screen and (max-width: 480px) {
  .mobileAccountLink {
    right: 18%;
    width: 54px;
    width: 5.4rem;
    padding: 0;
    font-size: 28px;
    font-size: 2.8rem;
  }

  .mobileAccountLink span {
    display: none;
  }
}

@media only screen and (max-width: 400px) {
  .mobileAccountLink {
    right: 22%;
  }

  #logo {
    width: 65%;
  }
}

.pageWrap {
  opacity: 1;
  transition: opacity .7s ease;
}

.pageWrap.hide {
  opacity: 0;
}

.pageWrap .navTrigger {
  position: absolute;
  z-index: 2;
  top: 8px;
  top: .8rem;
  right: 3%;
  width: 52px;
  height: 42px;
  padding: 0px;
  padding: 0rem;
  font-family: Arial,sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  border-radius: 0px 0px 5px 5px;
  border-radius: 0rem 0rem .5rem .5rem;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.pageWrap .navTrigger i {
  margin: 0px 15px;
  margin: 0rem 1.5rem;
}

#mobileNav {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  min-height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#mobileNav .mobileNavWrapper {
  background: #2a2a2a;
  border-bottom: 10px solid #01A791;
}

#mobileNav .mobileNavHeader {
  position: relative;
  z-index: 2;
  height: 62px;
  color: #fff;
  background: #00bb9c;
  border-bottom: 2px solid #01A791;
  font-family: Arial,sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 62px;
  line-height: 6.2rem;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  overflow: hidden;
}

#mobileNav .mobileNavHeader .searchTrigger,
#mobileNav .mobileNavHeader h1 {
  float: left;
}

#mobileNav .mobileNavHeader .menuUp,
#mobileNav .mobileNavHeader .searchTrigger,
#mobileNav .mobileNavHeader .closeNav {
  height: 60px;
  background: #00bb9c;
  padding: 0px;
  padding: 0rem;
}

#mobileNav .mobileNavHeader .searchTrigger,
#mobileNav .mobileNavHeader .closeNav {
  width: 64px;
  overflow: hidden;
  text-align: center;
}

#mobileNav .mobileNavHeader .searchTrigger i,
#mobileNav .mobileNavHeader .closeNav i {
  margin: 16px 20px;
  margin: 1.6rem 2rem;
  font-size: 24px;
  font-size: 2.4rem;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#mobileNav .mobileNavHeader .menuUp i {
  display: none;
  position: relative;
  top: -1px;
  margin-left: 7px;
  margin-left: .7rem;
  font-size: 18px;
  font-size: 1.8rem;
}

#mobileNav .mobileNavHeader .searchTrigger {
  border-right: 2px solid #01A791;
}

#mobileNav .mobileNavHeader h1 {
  margin: 0px;
  margin: 0rem;
  color: #fff;
  font-family: Arial,sans-serif;
}

#mobileNav .mobileNavHeader .closeNav {
  border-left: 2px solid #01A791;
  float: right;
}

#mobileNav .mobileSearch {
  display: block;
  position: relative;
  z-index: 1;
  height: 84px;
  margin-top: -84px;
  margin-top: -8.4rem;
  padding: 20px 18px 0px;
  padding: 2rem 1.8rem 0rem;
  background: #00bb9c;
  border-bottom: 2px solid #01A791;
  transition: margin .3s ease;
}

#mobileNav .mobileSearch.open {
  margin-top: 0px;
  margin-top: 0rem;
}

#mobileNav .mobileSearch fieldset {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 3px;
  border-radius: .3rem;
}


#mobileNav .mobileSearch fieldset button {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 54px;
}

#mobileNav .mobileSearch fieldset button i {
  position: absolute;
  left: 0;
  right: 0;
}

#mobileNav .mobileSecondary,
#mobileNav .mobileTertiary {
  display: none;
}

#mobileNav .mobilePrimary,
#mobileNav .mobilePrimary li,
#mobileNav .mobileExtraNav,
#mobileNav .mobileExtraNav li {
  list-style: none;
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
}

#mobileNav .mobilePrimary,
#mobileNav .mobileExtraNav {
  margin: 30px 0px 0px;
  margin: 3rem 0rem 0rem;
  padding: 0px 0px 30px;
  padding: 0rem 0rem 3rem;
  border-bottom: 2px solid #2e2e2e;
  transition: margin .4s ease;
}

#mobileNav .mobilePrimary ul,
#mobileNav .mobileExtraNav ul {
  background: #2A2A2A;
}

#mobileNav .mobilePrimary li,
#mobileNav .mobilePrimary li>a,
#mobileNav .mobileExtraNav li,
#mobileNav .mobileExtraNav li>a {
  font-family: Arial,sans-serif;
  color: #fff;
  background: #2a2a2a;
  text-decoration: none;
}

#mobileNav .mobilePrimary>li,
#mobileNav .mobileExtraNav>li {
  cursor: default;
}

#mobileNav .mobilePrimary>li>.iconLink,
#mobileNav .mobileExtraNav>li>.iconLink {
  float: right;
}

#mobileNav .mobilePrimary li,
#mobileNav .mobileExtraNav li {
  position: relative;
  clear: both;
}

#mobileNav .mobilePrimary li a,
#mobileNav .mobileExtraNav li a {
  display: block;
  position: relative;
  padding: 16px 40px;
  padding: 1.6rem 4rem;
  font-size: 16px;
  font-size: 1.6rem;
}

#mobileNav .mobilePrimary li .iconLink,
#mobileNav .mobileExtraNav li .iconLink {
  display: none;
}

#mobileNav .mobilePrimary li .fa-chevron-up,
#mobileNav .mobileExtraNav li .fa-chevron-up {
  text-indent: 0;
}

#mobileNav .mobilePrimary li.selected>.textLink,
#mobileNav .mobileExtraNav li.selected>.textLink {
  position: relative;
  width: calc(100% - 75px);
  padding: 20px 20px 20px 40px;
  padding: 2rem 2rem 2rem 4rem;
  background: #363636;
  border-bottom: 1px solid #4a4949;
}

#mobileNav .mobilePrimary li.selected>.iconLink,
#mobileNav .mobilePrimary li .mobileSecondary .iconLink,
#mobileNav .mobilePrimary li .mobileSecondary li.selected>.iconLink,
#mobileNav .mobileExtraNav li.selected>.iconLink,
#mobileNav .mobileExtraNav li .mobileSecondary .iconLink,
#mobileNav .mobileExtraNav li .mobileSecondary li.selected>.iconLink {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 75px;
  height: 60px;
  padding: 20px 28px;
  padding: 2rem 2.8rem;
  background: #4a4949;
  border-bottom: 1px solid #4a4949;
  border-radius: 0;
}

#mobileNav .mobilePrimary li.selected>.iconLink i,
#mobileNav .mobilePrimary li .mobileSecondary .iconLink i,
#mobileNav .mobilePrimary li .mobileSecondary li.selected>.iconLink i,
#mobileNav .mobileExtraNav li.selected>.iconLink i,
#mobileNav .mobileExtraNav li .mobileSecondary .iconLink i,
#mobileNav .mobileExtraNav li .mobileSecondary li.selected>.iconLink i {
  top: initial;
}

#mobileNav .mobilePrimary li.selected>.textLink,
#mobileNav .mobileExtraNav li.selected>.textLink {
  float: left;
}

#mobileNav .mobilePrimary li.selected>.iconLink,
#mobileNav .mobileExtraNav li.selected>.iconLink {
  float: right;
  position: relative;
}

#mobileNav .mobilePrimary li .mobileSecondary li,
#mobileNav .mobileExtraNav li .mobileSecondary li {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#mobileNav .mobilePrimary li .mobileSecondary li.enter,
#mobileNav .mobileExtraNav li .mobileSecondary li.enter {
  -webkit-animation: navItemEnter .8s ease forwards;
  animation: navItemEnter .8s ease forwards;
}

#mobileNav .mobilePrimary li .mobileSecondary .textLink,
#mobileNav .mobileExtraNav li .mobileSecondary .textLink {
  width: calc(100% - 75px);
}

#mobileNav .mobilePrimary li .mobileSecondary .iconLink,
#mobileNav .mobileExtraNav li .mobileSecondary .iconLink {
  display: block;
  width: 38px;
  height: 38px;
  top: 11px;
  top: 1.1rem;
  right: 20px;
  right: 2rem;
  padding: 0px;
  padding: 0rem;
  background: #01A791;
  border-radius: 10px;
  text-align: center;
}

#mobileNav .mobilePrimary li .mobileSecondary .iconLink i,
#mobileNav .mobileExtraNav li .mobileSecondary .iconLink i {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
}

#mobileNav.inUse .mobilePrimary {
  margin-top: 0px;
  margin-top: 0rem;
  overflow: hidden;
}

#mobileNav.inUse .menuUp i {
  display: inline-block;
}

#mobileNav .mobileExtraNav a i {
  color: #01A791;
  margin-right: 10px;
  margin-right: 1rem;
}

#mobileNav .loginToggle {
  color: #fff;
  text-decoration: none;
}

#mobileNav .loginToggle.active {
  padding: 0px 30px;
  padding: 0rem 3rem;
}

#mobileNav .loginToggle.active span {
  display: inline-block;
  padding: 13px 10px 10px;
  padding: 1.3rem 1rem 1rem;
  background: #fff;
  color: #231f20;
  border-radius: 3px 3px 0 0;
}

#mobileNav .mobileLogin {
  display: none;
  margin: 0px 20px;
  margin: 0rem 2rem;
  padding: 20px;
  padding: 2rem;
  background: #fff;
  border-radius: 3px;
  border-radius: .3rem;
  transition: all ease .3s;
}

#mobileNav .mobileLogin legend {
  margin: 10px 0px;
  margin: 1rem 0rem;
}

#mobileNav .mobileLogin legend i {
  margin-right: 10px;
  margin-right: 1rem;
}

#mobileNav .mobileLogin .field {
  overflow: hidden;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

#mobileNav .mobileLogin .field label {
  width: 15%;
}

#mobileNav .mobileLogin .field input[type=email],
#mobileNav .mobileLogin .field input[type=text],
#mobileNav .mobileLogin .field input[type=password] {
  padding-left: 20%;
}

#mobileNav .mobileLogin .field .validationMessage {
  display: none;
  visibility: visible;
  position: static;
}

#mobileNav .mobileLogin .field.invalid .validationMessage {
  display: block;
}

#mobileNav .mobileLogin .showPassword {
  color: #231f20;
  font-size: 14px;
  font-size: 1.4rem;
}

#mobileNav .mobileLogin .showPassword label {
  display: inline-block;
  width: auto;
}

#mobileNav .mobileLogin .btn {
  width: 100%;
}

#mobileNav .mobileLogin .forgottenPassword {
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  padding: 16px 0px 0px;
  padding: 1.6rem 0rem 0rem;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

#mobileNav .mobileLogin .forgottenPassword a {
  padding: 0px;
  padding: 0rem;
  color: #231f20;
  font-weight: bold;
}

#mobileNav .mobileLogin .error {
  color: #f1383c;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

#mobileNav .resetPasswordWarning {
  color: #000;
  margin-top: 10px;
  margin-top: 1rem;
}

@-webkit-keyframes navItemEnter {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@keyframes navItemEnter {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@media only screen and (min-width: 769px) {
  #mobileNav {
    display: none;
  }

  .navTrigger {
    display: none;
  }

  .pageWrap.hide {
    opacity: 1;
  }
}

#mainNav {
  margin-bottom: 60px;
  margin-bottom: 6rem;
}

#mainNav .wrapper {
  position: relative;
}

.navPrimary,
.navPrimary li,
.navSecondary,
.navSecondary li,
.overflowMenu ul,
.overflowMenu li {
  list-style: none;
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
}

.navPrimary {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  padding-left: 34px;
  padding-left: 3.4rem;
  font-size: 0px;
  font-size: 0rem;
  background: #2a2a2a;
  -webkit-transform: skew(30deg);
  -ms-transform: skew(30deg);
  transform: skew(30deg);
}

.navPrimary:after,
.navPrimary:before {
  content: "";
  display: block;
  height: 60px;
  width: 44px;
  position: absolute;
  left: -47px;
  top: 0;
  background: #2a2a2a;
  border-bottom: 2px solid #01A791;
}

.navPrimary:after {
  left: auto;
  right: -47px;
}

.navPrimary li {
  display: inline-block;
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
  list-style: none;
  -webkit-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  transform: skew(-30deg);
}

.navPrimary li a {
  position: relative;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.navPrimary li a i {
  position: absolute;
  top: 33px;
  left: 0;
  right: 0;
  color: #606060;
}

.navPrimary li.active,
.navPrimary li.currentParentItem {
  background: #01A791;
}

.navPrimary li.active i,
.navPrimary li.currentParentItem i {
  color: #fff;
}

.navPrimary a,
.navSecondary a,
a.overflowAccordion,
.overflowMenu a {
  display: block;
  height: 58px;
  padding: 14px 10px;
  padding: 1.4rem 1rem;
  color: #fff;
  font-family: Arial,sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
}

.subNav {
  position: relative;
  left: 17px;
  width: 100%;
  height: 44px;
  background: #f9f9f9;
  border-bottom: 2px solid #01A791;
  transition: bottom .4s ease;
}

.navSecondary {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  height: 42px;
  list-style: none;
  padding: 0px 20px;
  padding: 0rem 2rem;
}

.navSecondary li {
  float: left;
}

.navSecondary li a {
  position: relative;
  text-align: center;
}

.navSecondary li a i {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #01A791;
  line-height: 10px;
}

.navSecondary li a:hover i,
.navSecondary li a.currentSubItem i {
  display: block;
}

.navSecondary.currentSubMenu {
  z-index: 1;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.navSecondary.currentSubMenu.hide {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.navSecondary.front {
  z-index: 2;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.navSecondary a,
a.overflowAccordion,
.overflowMenu a {
  height: 44px;
  padding: 12px 14px;
  padding: 1.2rem 1.4rem;
  font-size: 14px;
  font-size: 1.4rem;
  color: #231f20;
}

.navSecondary a:hover,
.navSecondary a.currentSubItem,
a.overflowAccordion:hover,
a.overflowAccordion.open,
.overflowMenu a:hover {
  font-weight: bold;
}

.overflowMenu {
  display: none;
  position: relative;
  z-index: 2;
}

.overflowMenu ul {
  position: absolute;
  top: 42px;
  right: 0;
  overflow: hidden;
  width: 225px;
  max-height: 0px;
  background: #f9f9f9;
  border-bottom: 2px solid #01A791;
  border-left: 2px solid #01A791;
  transition: max-height ease .4s;
}

.overflowMenu ul li i {
  display: none;
}

.overflowMenu ul.open {
  max-height: 220px;
}

.overflowAccordion {
  position: absolute;
  top: 0;
  right: 0;
}

.overflowAccordion i {
  margin-left: 5px;
  margin-left: .5rem;
  color: #01A791;
  transition: -webkit-transform ease .4s;
  transition: transform ease .4s;
  transition: transform ease .4s, -webkit-transform ease .4s;
}

.overflowAccordion.open i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.topLevel .navPrimary {
  z-index: 3;
}

.topLevel .wrapper .subNav {
  position: absolute;
  z-index: 2;
  background: #f9f9f9;
  bottom: -2px;
}

.topLevel .wrapper .subNav.slideIn {
  bottom: -44px;
}

@media only screen and (max-width: 1420px) {
  .navPrimary a {
    padding: 10px 7px;
    padding: 1rem .7rem;
    font-size: 13px;
    font-size: 1.3rem;
  }

  .navSecondary a,
  a.overflowAccordion,
  .overflowMenu a {
    padding: 12px 9px;
    padding: 1.2rem .9rem;
    font-size: 12px;
    font-size: 1.2rem;
  }

  .navSecondary a i {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 1250px) {
  .navPrimary:after,
  .navPrimary:before {
    width: 300px;
    left: -303px;
  }

  .navPrimary:after {
    left: auto;
    right: -303px;
  }
}

@media only screen and (max-width: 1225px) {
  .navPrimary {
    display: table;
    table-layout: fixed;
    padding: 0px;
    padding: 0rem;
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
  }

  .navPrimary li {
    display: table-cell;
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
  }

  .navPrimary li a {
    padding: 10px 6px;
    padding: 1rem .6rem;
    font-size: 12px;
    font-size: 1.2rem;
  }

  .navPrimary li a i {
    top: 39px;
  }

  .navPrimary:after,
  .navPrimary:before {
    display: none;
  }

  .subNav {
    left: 0;
  }

  .navSecondary {
    left: 0;
  }
}

@media only screen and (max-width: 1080px) {
  .navPrimary li a {
    height: 68px;
  }

  .navPrimary li a i {
    top: 48px;
  }
}

@media only screen and (max-width: 840px) {
  .navPrimary li a {
    height: 78px;
  }

  .navPrimary li a i {
    top: 60px;
  }
}

@media only screen and (max-width: 768px) {
  #mainNav {
    display: none;
  }
}

.sidebar {
  width: 23.5%;
  float: right;
  padding-bottom: 5px;
  padding-bottom: .5rem;
  background: #eee;
  border-radius: 3px;
  border-radius: .3rem;
  font-family: Arial,sans-serif;
  font-weight: bold;
}

.sidebar ul,
.sidebar li {
  list-style: none;
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
}

.sidebar li a {
  display: block;
  color: #3e3e3e;
  text-decoration: none;
}

.sidebar li a.topLevel {
  padding: 28px 40px;
  padding: 2.8rem 4rem;
  font-size: 24px;
  font-size: 2.4rem;
  border-bottom: 3px solid #4f94af;
}

.sidebar li.activeSubItem a {
  position: relative;
  padding: 30px 40px;
  padding: 3rem 4rem;
  background: #f7f7f7;
  border-bottom: 1px solid #dadada;
  font-size: 16px;
  font-size: 1.6rem;
}

.sidebar li.activeSubItem a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  z-index: 2;
  height: 10px;
  width: 10px;
  margin: auto;
  background: #f7f7f7;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sidebar li .sideChildren {
  background: #fff;
}

.sidebar li .sideChildren li+li {
  border-top: 1px solid #eee;
}

.sidebar li .sideChildren li a {
  padding: 30px 40px;
  padding: 3rem 4rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}

.sidebar li .sideChildren li a i {
  display: none;
}

.sidebar li .sideChildren li.active a {
  color: #0080A0;
  font-weight: bold;
}

.sidebar li .sideChildren li.active a i {
  display: block;
  float: left;
  margin: 3px 10px 10px 0px;
  margin: .3rem 1rem 1rem 0rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  margin-right: 10px;
  margin-right: 1rem;
  font-size: 14px;
  font-size: 1.4rem;
}

.sidebar li .sideChildren li.active a span {
  display: table-cell;
}

@media only screen and (max-width: 1140px) {
  .sidebar li a.topLevel,
  .sidebar li.activeSubItem a,
  .sidebar li .sideChildren li a {
    padding-left: 20px;
    padding-left: 2rem;
    padding-right: 20px;
    padding-right: 2rem;
  }
}

@media only screen and (max-width: 900px) {
  .sidebar {
    width: 100%;
    margin-top: 20px;
    margin-top: 2rem;
  }
}

.btn {
  padding: 12px 16px;
  padding: 1.2rem 1.6rem;
  font-family: Arial,sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  background: #01A791;
  color: #fff;
  border: 0;
  border-radius: 3px;
  border-radius: .3rem;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  transition: all .4s ease;
}

.btn:active,
.btn.active,
.btn.open,
.btn:hover {
  background: #00a792;
  color: #fff;
}

.btn.small {
  padding: 10px;
  padding: 1rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
}

.btn.medium {
  padding: 14px 40px 18px;
  padding: 1.4rem 4rem 1.8rem;
  font-size: 20px;
  font-size: 2rem;
}

.btn.large {
  padding: 22px 40px 30px 40px;
  padding: 2.2rem 4rem 3rem 4rem;
  font-size: 22px;
  font-size: 2.2rem;
}

.btn.iconBtn {
  text-indent: -9999px;
}

.btn.iconBtn i {
  float: left;
  text-indent: 0;
}

.btn.btnLight {
  color: #231f20;
  background: transparent;
  border: 1px solid #c5c5c5;
  text-shadow: none;
}

.btn.btnLight:hover {
  border-color: #231f20;
}

.btn[disabled] {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.btn.alt {
  background: #06b5e1;
  color: #fff;
}

.btn.alt:hover {
  background: #0795B9;
  color: #fff;
}

.btn.dark {
  background: #3e3e3e;
  color: #fff;
}

.btn.dark:hover {
  background: #231f20;
}

.btn.blue {
  background: #0080A0;
}

.btn.blue:hover {
  background: #117790;
}

.btn.delete {
  background: #fdd;
  color: #8d0000;
  border: 1px solid #fdd;
  text-shadow: none;
}

.btn.delete:hover {
  border-color: #8d0000;
}

.btnToggle {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  width: 40px;
  height: 20px;
  margin: auto;
  background: #fff;
  border: 0;
  border-top: 1px solid #eee;
  text-indent: -9999px;
  border-radius: 1px;
  border-radius: .1rem;
  box-shadow: 0 1px 3px #ddd;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.btnToggle.active {
  bottom: -1px;
  height: 31px;
  background: #01A791;
  color: #fff;
  box-shadow: none;
}

.btnToggle:focus {
  outline: none;
}

.btnToggle i {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  font-size: 14px;
  font-size: 1.4rem;
  text-indent: 0;
}

@media only screen and (max-width: 530px) {
  .btn {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

textarea {
  resize: vertical;
  display: block;
}

label {
  cursor: pointer;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

.standardWidth {
  width: 300px;
  width: 30rem;
}

.field {
  width: 100%;
}

.field label {
  font-family: Arial,sans-serif;
  font-weight: bold;
  position: relative;
  top: -2px;
  top: -.2rem;
  display: block;
}

.field .validationMessage {
  top: 50px;
  top: 5rem;
}



.field p {
  margin: 0px;
  margin: 0rem;
}

.field.marginBottom {
  margin: 0px 0px 20px;
  margin: 0rem 0rem 2rem;
}





.button {
  color: #fff;
  background-color: #01A791;
  font-family: Arial,sans-serif;
  text-decoration: none;
}

.button:active,
.button.active,
.button.open,
.button:hover {
  color: #fff;
  background-color: #231f20;
  border: none;
}

.button-secondary {
  background-color: #0080A0;
}

.button-secondary:active,
.button-secondary.active,
.button-secondary.open,
.button-secondary:hover {
  background-color: #0080A0;
}

.button-secondary a:hover {
  text-decoration: underline;
  color: #fff;
}

.button-tertiary {
  background-color: #fff;
  color: #231f20;
  border: 1px solid #c5c5c5;
  border-radius: 0 0 3px 1px rgba(0,0,0,0.1);
}

.button-tertiary:active,
.button-tertiary.active,
.button-tertiary.open,
.button-tertiary:hover {
  background-color: #fff;
  text-decoration: underline;
}



@-webkit-keyframes fade {
  10% {
    opacity: 1;
  }
}

@keyframes fade {
  10% {
    opacity: 1;
  }
}

#pageFooter {
  padding: 34px 0px;
  padding: 3.4rem 0rem;
  color: #fff;
  background: #2c2829;
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}

#pageFooter .wrapper {
  position: relative;
}

#pageFooter .wrapper #toTop {
  position: absolute;
  right: 0;
  top: -84px;
  top: -8.4rem;
  height: 50px;
  height: 5rem;
  width: 50px;
  width: 5rem;
  background: #2c2829;
  border-radius: 3px 3px 0px 0px;
  border-radius: .3rem .3rem 0rem 0rem;
  text-align: center;
  text-indent: -9999px;
}

#pageFooter .wrapper #toTop i {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 10px;
  padding-top: 1rem;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  text-indent: 0;
}

#pageFooter .copyright,
#pageFooter .social,
#pageFooter .footerLogo {
  width: 32%;
  float: right;
  margin-right: 2%;
}

#pageFooter .footerLogo {
  margin: 0px;
  margin: 0rem;
}

#pageFooter .footerLogo a {
  float: right;
}

#pageFooter .footerLogo a img {
  width: 83px;
  height: 140px;
}

#pageFooter .social a {
  margin-right: 18px;
  margin-right: 1.8rem;
  color: #fff;
  font-size: 34px;
  font-size: 3.4rem;
  text-decoration: none;
}

#pageFooter .social a:hover {
  color: #01A791;
}

#pageFooter.stickyFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media only screen and (max-width: 800px) {
  #pageFooter .hide {
    display: none;
  }

  #pageFooter .copyright {
    width: 100%;
    float: left;
    margin: 30px 0px 0px;
    margin: 3rem 0rem 0rem;
  }

  #pageFooter .social,
  #pageFooter .footerLogo {
    width: 50%;
    margin: 0px;
    margin: 0rem;
  }
}

