/*=======================================
Site CSS:

1. Normalize
2. General
3. Structure
4. Header & Footer
5. Content
6. Components
x. Media Queries

=========================================*/
/*================================================
  1. Normalize
================================================*/
/* normalize.css v3.0.2 | 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, menu, 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-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  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;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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;
}

/*================================================
  2. General
================================================*/
/* Fonts */
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon_-agn7n1.eot");
  src: url("fonts/icomoon.eot") format("embedded-opentype"), url("fonts/icomoon_-agn7n1.ttf") format("truetype"), url("fonts/icomoon_-agn7n1.woff") format("woff"), url("fonts/icomoon_-agn7n1-icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e600";
}

.icon-twitter:before {
  content: "\e601";
}

.icon-linkedin:before {
  content: "\e901";
}

.icon-instagram:before {
  content: "\e900";
}

/* Animations */
@-webkit-keyframes bounce {
  0 {
    background-position: 50% 50%;
  }

  50% {
    background-position: 50% 100%;
  }

  100% {
    background-position: 50% 50%;
  }
}

@-moz-keyframes bounce {
  0 {
    background-position: 50% 50%;
  }

  50% {
    background-position: 50% 100%;
  }

  100% {
    background-position: 50% 50%;
  }
}

@keyframes bounce {
  0 {
    background-position: 50% 50%;
  }

  50% {
    background-position: 50% 100%;
  }

  100% {
    background-position: 50% 50%;
  }
}

@-webkit-keyframes fadeIn {
  0 {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0 {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0 {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* General */
body {
  margin: 0;
  font-family: 'Lato', Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 160%;
  color: #4a3c31;
}

body .inverse {
  color: #fff;
}

hr {
  display: block;
  margin: 40px auto;
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #ddd;
}

/* Images */
img {
  max-width: 100%;
}

/* Clearfix */
.wrap:before, .wrap:after,
.page:before, .page:after {
  content: " ";
  display: table;
}

.wrap:after,
.page:after {
  clear: both;
}

.wrap, .page {
  *zoom: 1;
}

/* Helpers */
.hide {
  display: none !important;
}

.right {
  float: right;
  max-width: 40%;
  margin: 0 0 20px 40px;
}

.left {
  float: left;
  max-width: 40%;
  margin: 0 40px 20px 0;
}

.text-centered {
  text-align: center;
}

.text-right {
  text-align: right;
}

.separator {
  margin: 0 10px;
}

/* Typography */
p {
  margin: 20px 0 0 0;
}

p:first-child {
  margin-top: 0;
}

.page-content h3 + p, .page-content h4 + p {
  margin-top: 5px;
}

::selection {
  background-color: #ae9d95;
}

::-moz-selection {
  background-color: #ae9d95;
}

blockquote {
  margin: 40px auto;
  padding: 10px 20px;
  border-left: 2px solid #8a6f5b;
  font-family: 'Roboto Slab', 'Lato', sans-serif;
  font-weight: 300;
}
.rotator blockquote {
  border: 0;
  padding: 40px 0 80px 40px;
  margin: 0;
}

.highlight {
  color: #8fc225;
  font-weight: 400;
}

.green .highlight {
  color: #4a3c31;
  font-weight: 400;
}

.content-intro {
  font-family: 'Roboto Slab', 'Lato', sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 31.2px;
  line-height: 1.95rem;
  letter-spacing: 1px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px 0;
  font-family: 'Roboto Slab', 'Lato', sans-serif;
  color: #4a3c31;
  font-weight: 300;
}

.inverse h1, .inverse h2, .inverse h3, .inverse h4, .inverse h5, .inverse h6 {
  color: #fff;
}

h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 52px;
  line-height: 3.25rem;
  font-weight: 500;
}

h2 {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 44.2px;
  line-height: 2.7625rem;
  font-weight: 400;
}

h3 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 33.8px;
  line-height: 2.1125rem;
  font-weight: 400;
}

.page-content h3 {
  margin-top: 40px;
  margin-bottom: 5px;
  font-family: 'Lato', sans-serif;
  color: #8fc225;
  font-weight: 400;
}

h4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 31.2px;
  line-height: 1.95rem;
  font-weight: 600;
  letter-spacing: 1px;
}

.page-content h4 {
  margin-top: 40px;
  margin-bottom: 5px;
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28.6px;
  line-height: 1.7875rem;
  color: #4a3c31;
}

h5 {
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28.6px;
  line-height: 1.7875rem;
  font-weight: 400;
  text-transform: uppercase;
}

.page-content h5 {
  margin-top: 40px;
}

#page-footer h5 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
  font-weight: 300;
  letter-spacing: 1px;
}

h6 {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23.4px;
  line-height: 1.4625rem;
  font-weight: 400;
  text-transform: uppercase;
}

.page-content h6 {
  margin-top: 40px;
}

#page-footer h6 {
  line-height: 26px;
  line-height: 1.625rem;
  font-weight: 300;
  letter-spacing: 1px;
}

.pull-right h3, .pull-right h4,
.pull-right h5 {
  margin-top: 20px;
}
.pull-right h3:first-child, .pull-right h4:first-child,
.pull-right h5:first-child {
  margin-top: 0;
  margin-bottom: 0;
}

.highlight-title {
  box-sizing: border-box;
  position: relative;
  margin: 60px 10% 0 0;
  padding: 25px 120px 25px 40px;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 46px;
  letter-spacing: 1px;
  font-weight: 400;
}

.pull-title-right .highlight-title, .pull-title-left .highlight-title {
  margin-right: 0;
}

.highlight-title:first-child {
  margin-top: 0;
}

.highlight-title:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 40px;
  width: 40px;
  height: 46px;
  margin-top: -23px;
  background-image: url(../../img/elem/arrow-down-white.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.highlight-title.no-arrow:after {
  display: none;
}

.no-svg .highlight-title:after {
  background-image: url(../../img/elem/arrow-down-white.png);
}

.pull-title-right .highlight-title:after {
  right: 0;
}

/* Lists */
ul, ol {
  margin: 20px 0 0 0;
  text-align: left;
}
ul:first-child, ol:first-child {
  margin-top: 0;
}

ul li, ol li {
  margin: 10px 0 0 0;
}

ul ul, ol ol, ul ol, ol ul {
  margin-top: 5px;
  margin-bottom: 20px;
}

ul.col-list:before, ul.col-list:after {
  content: "";
  display: table;
}
ul.col-list:after {
  clear: both;
}
ul.col-list {
  zoom: 1;
}

ul.col-list li {
  float: left;
  width: 48%;
  margin-right: 2%;
}

ul.col-list li:nth-child(odd) {
  clear: both;
}

#page-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Links */
a, a:link, a:visited {
  color: #475fd8;
  text-decoration: none;
}

.inverse a {
  color: #fff;
}

a:hover, .inverse a:hover {
  text-decoration: underline;
}

.inverse a:hover {
  color: #ae9d95;
}

a.cta-link {
  display: inline-block;
  padding-left: 22px;
  background-image: url(../../img/elem/arrows-right-blue.svg);
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: auto 16px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
  .no-svg a.cta-link {
    background-image: url(../../img/elem/arrows-right-blue.png);
  }
a.cta-link:hover {
  background-position: 5px 4px;
  text-decoration: none;
  border-color: #ce160e;
}

/* Buttons */
a.button, .button {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 15px 30px;
  background: #475fd8;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-weight: 300;
  text-transform: uppercase;
}

a.button:hover, .button:hover {
  background-color: #354AB3;
  color: #fff;
  text-decoration: none;
}

a.button.full, .button.full {
  display: block;
}

a.button.inverse, .button.inverse {
  background-color: #8fc225;
  color: #fff;
}

a.button.inverse:hover, .button.inverse:hover {
  background-color: #329d03;
}

/* Jump links */
.jump-down {
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
  cursor: pointer;
}

.jump-down {
  width: 60px;
  height: 66px;
  background-image: url(../../img/elem/arrow-down-white.svg);
  background-size: 40px 46px;
}

.no-svg .jump-down {
  background-image: url(../../img/elem/arrow-down-white.png);
}

.jump-down:hover {
  -moz-animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

/* Forms */
.fields-wrap {
  margin: 40px 0;
}

.fields-wrap:before, .fields-wrap:after {
  content: " ";
  display: table;
}

.fields-wrap:after {
  clear: both;
}

.form-item-container-left {
  float: left;
  width: 48%;
  margin-right: 2%;
}

.form-item-container-right {
  float: left;
  width: 48%;
  margin-left: 2%;
}

fieldset {
  position: relative;
  margin: 30px 0 0 0;
  padding: 0;
  border: 0;
}
fieldset:first-child {
  margin-top: 0;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
fieldset.required label:after {
  content: '*';
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  color: #E06464;
}

input[type="text"], input[type="email"], textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px 20px;
  background-color: #eee;
  border: 0;
  outline: none;
}

select {
  width: 100%;
  max-width: 400px;
  text-indent: 15px;
  border: 1px solid #eee;
  background-color: #eee;
}

input[type="submit"], input[type="button"] {
  display: inline-block;
  padding: 10px 25px;
  border: 0;
  background: #475fd8;
  color: #fff;
  outline: none;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-appearance: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input[type="submit"]:hover, input[type="button"]:hover {
  background: #354AB3;
}

#pFormMessage1 {
  display: none;
}

.error-message {
  color: #E06464;
  font-size: 85%;
}

/* Tables */
table.table-content {
  width: 100%;
  margin: 20px auto;
  border: 1px solid #ddd;
}

table.table-content td, table.table-content th {
  padding: 10px;
  line-height: 120%;
  text-align: left;
  border: 1px solid #ddd;
}

table.table-content th {
  font-family: 'Roboto Slab';
  border-bottom: 1px solid #ddd;
  background-color: #eee;
}

@media screen and (max-width:767px) {
  table.table-content thead, table.table-content tr.table-heading {
    display: none;
  }
  table.table-content tr {
    display: block;
    padding: 20px;
    border-top: 1px solid #ddd;
  }
  table.table-content tbody tr:first-child {
    border-top: 0;
  }
  table.table-content td {
    display: block;
    width: 100%;
    border: 0;
  }
  table.table-content td:before {
    content: attr(data-th)": ";
    margin-right: 5px;
    font-weight: bold;
  }
}

/*================================================
  3. Structure
================================================*/
/* Grid */
.row {
  margin: 20px auto;
}
.row:before, .row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
.row {
  zoom: 1;
}

.col {
  box-sizing: border-box;
  float: left;
  margin-left: 4%;
}

.col:first-child {
  margin-left: 0;
}

.col.span1 {
  width: 4.666667%;
}

.col.span2 {
  width: 13.333333%;
}

.col.span3 {
  width: 22%;
}

.col.span4 {
  width: 30.666667%;
}

.col.span5 {
  width: 39.333333%;
}

.col.span6 {
  width: 48%;
}

.col.span7 {
  width: 56.666667%;
}

.col.span8 {
  width: 65.333333%;
}

.col.span9 {
  width: 74%;
}

.col.span10 {
  width: 82.666667%;
}

.col.span11 {
  width: 91.333333%;
}

.col.span12 {
  width: 100%;
}

.nomargin-cols .col {
  width: 50%;
  margin: 0;
}

.nomargin-cols .col.span1 {
  width: 8.333333%;
}

.nomargin-cols .col.span2 {
  width: 16.666667%;
}

.nomargin-cols .col.span3 {
  width: 25%;
}

.nomargin-cols .col.span4 {
  width: 33.333333%;
}

.nomargin-cols .col.span5 {
  width: 41.666667%;
}

.nomargin-cols .col.span6 {
  width: 50%;
}

.nomargin-cols .col.span7 {
  width: 58.333333%;
}

.nomargin-cols .col.span8 {
  width: 66.666667%;
}

.nomargin-cols .col.span9 {
  width: 75%;
}

.nomargin-cols .col.span10 {
  width: 83.333333%;
}

.nomargin-cols .col.span11 {
  width: 91.666667%;
}

.nomargin-cols .col.span12 {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .col, .col.span1, .col.span2, .col.span3, .col.span4, .col.span5, .col.span6,
  .col.span7, .col.span8, .col.span9, .col.span10, .col.span11, .col.span12,
  .nomargin-cols .col.span1, .nomargin-cols .col.span2, .nomargin-cols .col.span3,
  .nomargin-cols .col.span4, .nomargin-cols .col.span5, .nomargin-cols .col.span6,
  .nomargin-cols .col.span7, .nomargin-cols .col.span8, .nomargin-cols .col.span9,
  .nomargin-cols .col.span10, .nomargin-cols .col.span11, .nomargin-cols .col.span12 {
    float: none;
    width: 100%;
    margin: 40px 0 0 0;
  }

  .col:first-child, .col.span1:first-child, .col.span2:first-child, .col.span3:first-child, .col.span4:first-child, .col.span5:first-child, .col.span6:first-child,
  .col.span7:first-child, .col.span8:first-child, .col.span9:first-child, .col.span10:first-child, .col.span11:first-child, .col.span12:first-child,
  .nomargin-cols .col.span1:first-child, .nomargin-cols .col.span2:first-child, .nomargin-cols .col.span3:first-child,
  .nomargin-cols .col.span4:first-child, .nomargin-cols .col.span5:first-child, .nomargin-cols .col.span6:first-child,
  .nomargin-cols .col.span7:first-child, .nomargin-cols .col.span8:first-child, .nomargin-cols .col.span9:first-child,
  .nomargin-cols .col.span10:first-child, .nomargin-cols .col.span11:first-child, .nomargin-cols .col.span12 {
    margin-top: 0;
  }
}

.wrap:before, .wrap:after {
  content: "";
  display: table;
}
.wrap:after {
  clear: both;
}
.wrap {
  zoom: 1;
}

.page {
  box-sizing: border-box;
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding: 60px 0;
}

.page.nopadding {
  padding: 0;
}

.main-content {
  position: relative;
  margin-bottom: 60px;
}

.secondary-content + .page {
  margin-top: 60px;
}

#subnavigation {
  position: absolute;
  top: 40px;
  left: 0;
  width: 12%;
  background: #475fd8;
  color: #fff;
}

.page-content {
  padding-top: 60px;
}

.sidebar {
  display: block;
  float: right;
  max-width: 46%;
  margin-left: 4%;
  margin-bottom: 4%;
}
.sidebar img {
  display: block;
  margin: 0 auto;
}

/*================================================
  4. Header & Footer
================================================*/
/*------------------------
  Header
--------------------------*/
#page-header {
  position: relative;
  z-index: 1000;
  height: 126px;
}

#page-header .page {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  padding: 20px 10% 0 10%;
  background-color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#page-header.fixed .page {
  padding-top: 10px;
  border-bottom: 1px solid #eee;
}

#page-header .logo {
  float: left;
  max-width: 22%;
  padding: 0 0 20px 0;
}

#page-header .logo img {
  display: block;
  //width: 100%;
  //height: 100%;
  max-height: 86px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#page-header.fixed .logo {
  padding-bottom: 10px;
}

#page-header.fixed .logo img {
  max-height: 60px;
}

#main-nav {
  float: right;
  width: 76%;
  margin-top: 23px;
}

#page-header.fixed #main-nav {
  margin-top: 10px;
}

/*------------------------
  Footer
--------------------------*/
#page-footer {
  position: relative;
  background-color: #4a3c31;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20.8px;
  line-height: 1.3rem;
}

.footer-content {
  float: left;
  width: 24%;
  margin-right: 2%;
}

.footer-links {
  float: left;
  width: 74%;
}

#page-footer a {
  position: relative;
  left: 0;
  color: #ae9d95;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#page-footer h6 a {
  color: #fff;
}

#page-footer a:hover {
  left: 10px;
  color: #fff;
}
  #page-footer .social a:hover, #page-footer .site-info a:hover {
    left: inherit;
  }

#page-footer .highlight {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23.4px;
  line-height: 1.4625rem;
}

#page-footer .footer-content ul {
  margin-bottom: 30px;
}

#page-footer .footer-content p {
  margin-top: 5px;
}

#page-footer .footer-content p a {
  color: #fff;
  font-weight: 300;
}

#page-footer .footer-content p a:hover {
  color: #8fc225;
}

.footer-links .footer-col {
  box-sizing: border-box;
  float: left;
  width: 25%;
  padding: 0 15px;
}

.footer-links .footer-col:first-child {
  margin-left: 0;
}

#page-footer .social {
  margin-top: 20px;
  text-align: right;
}

#page-footer .social .social-link {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  color: #fff;
}

.social-link .icon {
  display: block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 26px;
  line-height: 50px;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.social-link:hover .icon-facebook {
  border-color: #6b91e0;
  color: #6b91e0;
}

.social-link:hover .icon-twitter {
  border-color: #00aced;
  color: #00aced;
}

.social-link .icon.icon-linkedin {
  font-size: 20px;
}
.social-link:hover .icon-linkedin {
  border-color: #0071A1;
  color: #0071A1;
}

.social-link:hover .icon-instagram {
  border-color: #d10869;
  color: #d10869;
}

.social-link .icon.icon-twitter {
  font-size: 20px;
}

#page-footer .site-info {
  border-top: 1px solid #3f3329;
  color: #ae9d95;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18.2px;
  line-height: 1.1375rem;
}

#page-footer .site-info .page {
  padding: 30px 0;
}

.site-info .copyright {
  display: block;
  float: left;
  max-width: 48%;
  line-height: 24px;
}

.site-info .site-author {
  display: block;
  float: right;
  text-align: right;
}

.site-info .site-author a {
  padding-right: 30px;
  line-height: 24px;
  color: #ae9d95;
}

.site-author a .credit {
  display: inline-block;
  width: 25px;
  height: 24px;
  margin-left: 5px;
  background: url(../../img/elem/tbh-logo.png) 100% 50% no-repeat;
  text-indent: -9999px;
  text-align: left;
}

/*================================================
  5. Content
================================================*/
/*------------------------
  Content sections
--------------------------*/
.highlight-title, .pull-title-left, .pull-title-right, .content-callout, #location-search h1, .location-results-nav {
  background-color: #4a3c31;
  color: #fff;
}

.pull-right, .pull-left {
  margin-bottom: 60px;
}
.pull-right.padded, .pull-left.padded {
  margin-top: 80px;
  margin-bottom: 80px;
}

.pull-right.green, .pull-left.green, .content-panel {
  background-color: #8fc225;
  color: #fff;
}

.pull-right.gray, .pull-left.gray {
  background-color: #efede8;
}

.pull-left, .pull-title-left {
  box-sizing: border-box;
  margin-right: 10%;
  padding: 40px 40px 40px 10%;
}
.pull-title-left {
  padding: 0 0 0 10%;
}
.intro .pull-left {
  margin-bottom: 0;
  padding-left: 10%;
}

.pull-right, .pull-title-right {
  box-sizing: border-box;
  margin-left: 10%;
  padding: 40px 10% 40px 40px;
}
.pull-title-right {
  padding: 0 10% 0 0;
}
.pull-right.image-with-text {
  margin-bottom: 60px;
  padding: 0 10% 0 0;
}

/*------------------------
  Intro/banner
--------------------------*/
.intro {
  position: relative;
  padding-top: 300px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.intro.interior {
  padding-top: 0;
}

.intro-content, .intro-title {
  position: relative;
  padding: 20px 200px 20px 40px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 31.2px;
  line-height: 1.95rem;
  font-weight: 300;
  letter-spacing: 1px;
}
.intro-content h2, .intro-title h2 {
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 31.2px;
  line-height: 1.95rem;
  font-weight: 300;
  letter-spacing: 1px;
}

.intro-title {
  padding-left: 0;
}

.intro-title h1 {
  margin-bottom: 0;
}

.intro-content h2, .intro-title h2 {
  margin-top: 10px;
}

.intro-title p:empty {
  margin: 0;
}

.intro-content.inverse a, .intro-title.inverse a {
  color: #475fd8;
}
.intro-content.inverse a:hover .intro-title.inverse a:hover {
  color: #475fd8;
  text-decoration: underline;
}

.intro .jump-down {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -30px;
}

.intro-content p {
  letter-spacing: 1px;
}

/*------------------------
  Content CTA
--------------------------*/
.content-callout {
  padding: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 31.2px;
  line-height: 1.95rem;
  font-weight: 300;
}

.content-callout.large-callout {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 44.2px;
  line-height: 2.7625rem;
}

.content-callout .separator {
  font-size: 18px;
  color: #8d7562;
}

.content-callout h3, .content-callout h4 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 39px;
  line-height: 2.4375rem;
  color: #fff;
}

.content-callout.large-callout h3 {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 44.2px;
  line-height: 2.7625rem;
}

.content-callout .highlight {
  font-family: 'Roboto Slab';
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36.4px;
  line-height: 2.275rem;
}

.content-callout a.button {
  display: block;
  margin-top: 30px;
  font-size: 18px;
  font-size: 1.125rem;
}

.content-callout a.button:hover {
  color: #fff;
}

.content-callout + p {
  margin-top: 0;
}

/*------------------------
  Content panel
--------------------------*/
.content-panel {
  margin-top: 80px;
  margin-bottom: 80px;
}

.content-panel .page {
  padding-top: 0;
  padding-bottom: 0;
}

.content-panel-content {
  padding: 40px 8%;
  font-weight: 300;
}

.content-panel-content h3 {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 44.2px;
  line-height: 2.7625rem;
  letter-spacing: 0;
  font-weight: 300;
}

.content-panel-content ul, .content-panel-content ol {
  padding-left: 20px;
}

/*------------------------
  Form panel
--------------------------*/
.form-callout {
  background-image: url(../../img/bg/colored-glass-blurred.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.form-callout h2 {
  margin-bottom: 40px;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 52px;
  line-height: 3.25rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
}

.form-callout label {
  color: #fff;
}

.form-callout .fields-wrap {
  margin: 0;
}

.form-callout fieldset {
  margin-top: 10px;
}
.form-callout fieldset:first-child {
  margin-top: 0;
}

.form-callout input[type="text"], .form-callout input[type="email"], .form-callout textarea {
  padding: 20px;
  background: #fff;
}
.form-callout select {
  width: 100%;
  max-width: none;
  height: 40px;
  background: #fff;
}

.form-callout input[type="submit"] {
  padding: 20px 80px;
}

#SubmitButtonsDiv {
  margin-top: 40px;
  text-align: center;
}

.form-callout fieldset.error .error-message {
  background: #8fc225;
  padding: 5px;
  color: #fff;
}

/*------------------------
  Page CTA
--------------------------*/
.page-cta {
  margin: 0 auto 60px auto;
  font-family: 'Roboto Slab', 'Lato', sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36.4px;
  line-height: 2.275rem;
  font-weight: 300;
}

/*------------------------
  Location search panel
--------------------------*/
.pull-left.search-panel {
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.search-panel > .wrap {
  padding-left: 40px;
  padding-right: 20%;
}

.search-panel #location-search-form {
  margin-top: 40px;
}

/*------------------------
  Companies
--------------------------*/
.companies {
  margin-bottom: 40px;
  text-align: center;
}

.companies img {
  display: inline-block;
  vertical-align: middle;
  margin: 20px 40px;
}

/*------------------------
  Rotator
--------------------------*/
.rotator {
  overflow: hidden;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 44.2px;
  line-height: 2.7625rem;
  font-family: 'Roboto Slab';
  font-weight: 300;
}

.rotator .col.image-with-text-content {
  padding: 60px 0 80px 60px;
}

.rotator hr {
  margin: 30px auto;
}

.rotator .content-intro {
  margin-top: 0;
}


/*================================================
  6. Components
================================================*/
/*------------------------
  Anchor buttons
--------------------------*/
#anchor-buttons {
  height: 62px;
  text-align: center;
}

#anchor-buttons .page {
  visibility: visible;
  opacity: 1;
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: 15%;
  padding-right: 15%;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#anchor-buttons.hidden .page {
  visibility: hidden;
  opacity: 0;
}
#anchor-buttons.stop .page {
  position: relative;
}

#anchor-buttons a.button, #anchor-buttons .button {
  background-color: #86B720;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  font-weight: 500;
  cursor: pointer;
}

#anchor-buttons a.button:hover, #anchor-buttons .button:hover {
  background-color: #329d03;
  padding-bottom: 25px;
  padding-top: 25px;
  margin-top: -10px;
}

/*------------------------
  Highlight items
--------------------------*/
.highlight-items {
  margin-bottom: 60px;
}

.highlight-item, a.highlight-item {
  position: relative;
  display: block;
  float: left;
  width: 25%;
  padding-bottom: 25%;
  color: #fff;
  background-color: #ae9d95;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-decoration: none;
}
.highlight-item:first-child, a.highlight-item:first-child {
  margin-top: 0;
}

a.highlight-item:hover {
  color: #fff;
  text-decoration: none;
}

/* Background images */
.highlight-item.containers {
  background-image: url(../../img/bg/highlight-containers.jpg);
}
.highlight-item.highway-bead {
  background-image: url(../../img/bg/highlight-highway-bead.jpg);
}
.highlight-item.colored-glass {
  background-image: url(../../img/bg/highlight-colored-glass.jpg);
}
.highlight-item.fiberglass {
  background-image: url(../../img/bg/highlight-fiberglass.jpg);
}
.highlight-item.specialty-glass {
  background-image: url(../../img/bg/highlight-specialty-glass.jpg);
}
.highlight-item.glass-abrasives {
  background-image: url(../../img/bg/highlight-glass-abrasives.jpg);
}
.highlight-item.fillers {
  background-image: url(../../img/bg/highlight-fillers.jpg);
}
.highlight-item.plastics {
  background-image: url(../../img/bg/highlight-plastics.jpg);
}
.highlight-item.landscaping {
  background-image: url(../../img/bg/highlight-landscaping.jpg);
}
.highlight-item.terrazzo {
  background-image: url(../../img/bg/highlight-terrazzo.jpg);
}
.highlight-item.countertop {
  background-image: url(../../img/bg/highlight-countertop.jpg);
}
.highlight-item.aquarium {
  background-image: url(../../img/bg/highlight-aquarium.jpg);
}
.highlight-item.fire-pit {
  background-image: url(../../img/bg/highlight-fire-pit.jpg);
}
.highlight-item.pool {
  background-image: url(../../img/bg/highlight-pool.jpg);
}

.highlight-item-title-wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.highlight-item-title {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 10px 20px;
  background-color: #4a3c31;
  background-color: rgba(74, 60, 49, 0.7);
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 100%;
  text-transform: uppercase;
}

.highlight-item-content {
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
  overflow: hidden;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 0;
  padding: 30px 20px;
  background-color: #475fd8;
  background-color: rgba(71, 95, 216, 0.9);
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.highlight-item:hover .highlight-item-content {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.highlight-item a:hover {
  color: #fff;
}

.highlight-item-content:before {
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  width: 46px;
  height: 40px;
  background-image: url(../../img/elem/arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.highlight-item-content p {
  margin-top: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 170%;
}

.highlight-item-content b, .highlight-item-content strong {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23.4px;
  line-height: 1.4625rem;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
}

/*------------------------
  Panels
--------------------------*/
.panels {
  margin: 60px 0;
}

.panel {
  position: relative;
  display: block;
  float: left;
  width: 33.33333333%;
  margin: 0;
  min-height: 480px;
  background-color: #8fc225;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: auto auto;
  color: #fff;
  text-decoration: none;
}

.panel h3 {
  margin: 0;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 52px;
  line-height: 3.25rem;
}

.panel h4 {
  margin-top: 0;
  color: #fff;
  font-family: 'Lato', sans-serif; 
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 130%;
  font-weight: 300;
}

.panel h3 a, .panel h4 a {
  color: #fff;
  font-weight: 500;
}

a.panel:hover {
  color: #fff;
  text-decoration: none;
}
  /* Background colors */
  .panel.blue {
    background-color: #8090e5;
  }
  .panel.tan {
    background-color: #b6ab94;
  }
  /* Background images */
  .panel.recycle {
    background-image: url(../../img/bg/panel-recycle.png);
  }
  .panel.glass {
    background-image: url(../../img/bg/panel-glass.png);
  }
  .panel.mobile {
    background-image: url(../../img/bg/panel-mobile.png);
  }
  .panel.education {
    background-image: url(../../img/bg/recycling-bin.jpg);
    background-position: 50% 50%;
  }

.panel b, .panel strong {
  font-weight: 400;
}

.panel .panel-content {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.panel .panel-content ul, .panel .panel-content ol {
  padding-left: 20px;
}

a.panel .panel-content:after {
  content: '';
  opacity: 0;
  display: block;
  width: 46px;
  height: 40px;
  margin-top: 20px;
  background-image: url(../../img/elem/arrow-right-white.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.panel:hover  {
  background-color: #8fc225;
  background-color: rgba(143, 194, 37, 0.9);
}

a.panel:hover .panel-content:after {
  opacity: 1;
}

a.panel.blue:hover .panel-content {
  background-color: #475fd8;
  background-color: rgba(71, 95, 216, 0.9);
}
a.panel.tan:hover .panel-content {
  background-color: #b6ab94;
  background-color: rgba(182, 171, 148, 0.9);
}

.panel a.cta-link {
  background-image: url(../../img/elem/arrows-right-white.svg);
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23.4px;
  line-height: 1.4625rem;
}
  .no-svg .panel a.cta-link {
    background-image: url(../../img/elem/arrows-right-white.png);
  }

/*------------------------
  Image with text
--------------------------*/
.image-with-text .wrap {
  position: relative;
}

.image-with-text-image {
  box-sizing: border-box;
  float: left;
  width: 44%;
}

.image-with-text-image img {
  display: block;
}

.image-with-text-content {
  padding: 60px;
}
.col.image-with-text-content {
  box-sizing: border-box;
  float: right;
  width: 56%;
  margin-left: 0;
  padding: 60px 0 60px 60px;
}

/*------------------------
  Info items
--------------------------*/
.info-item {
  box-sizing: border-box;
  float: left;
  width: 23.5%;
  min-height: 388px;
  margin-left: 2%;
  padding: 50px 30px 30px 30px;
  background-color: #fff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20.8px;
  line-height: 1.3rem;
  text-align: center;
}

.condensed .info-item {
  width: 18.4%;
  min-height: 250px;
  padding: 40px 20px 20px 20px;
}

.info-item:first-child {
  margin-left: 0;
}

.info-item-icon {
  height: 90px;
  margin: 0 auto 40px auto;
}

.info-item-icon img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
}

.info-item h3 {
  font-family: 'Lato', sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  font-weight: 600;
  text-transform: uppercase;
}

.info-item h3 .subtitle {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 100%;
}

.info-item h3.condensed {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 40px;
}

/*------------------------
  Location finder
--------------------------*/
.modalbg {
  box-sizing: border-box;
  position: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 80px 0;
  background-color: #78aa10;
  background-color: rgba(120, 170, 16, 0.95);
}

.modalbg .close {
  position: absolute;
  z-index: 1000000;
  top: 20px;
  right: 20px;
  width: 38px;
  height: 38px;
  padding: 5px;
  background-image: url(../../img/elem/close.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}

.no-svg .close {
  background-image: url(../../img/elem/close.png);
}

/* Location search */
body.body-searchmodal-active, body.menu-active {
  overflow: hidden;
}

#location-search {
  width: 92%;
  max-width: 770px;
  margin: 0 auto;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 31.2px;
  line-height: 1.95rem;
  text-align: center;
}

#location-search-form {
  margin-top: 40px;
}

#location-search-form:before, #location-search-form:after {
  content: "";
  display: table;
}
#location-search-form:after {
  clear: both;
}
#location-search-form {
  zoom: 1;
}

#location-search h1 {
  margin-bottom: 40px;
  padding: 20px;
  text-align: center;
}

#location-search form {
  margin: 40px 0;
}
#location-search form:before, #location-search form:after {
  content: "";
  display: table;
}
#location-search form:after {
  clear: both;
}
#location-search form {
  zoom: 1;
}

#location-search-form .field-zip,
#location-search-form .field-distance,
#location-search-form .submit {
  float: left;
  width: 31%;
  margin-left: 3.5%;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 100%;
}

#location-search-form .field-zip {
  margin-left: 0;
}

#location-search-form input, #location-search-form select {
  width: 100%;
  max-width: none;
  height: 60px;
}

#location-search-form input[type="text"], #location-search-form select {
  color: #4a3c31;
  text-transform: uppercase;
}

#location-search-form select {
  height: 60px;
}

#location-search-form #divMessage {
  margin-top: 5px;
  text-align: left;
}

::-webkit-input-placeholder {
  color: #4a3c31;
}

:-moz-placeholder {
  color: #4a3c31;
}

::-moz-placeholder {
  color: #4a3c31;
}

:-ms-input-placeholder {
  color: #4a3c31;
}

#location-search a.button {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 100%;
}

#location-search .title-border {
  margin: 40px auto;
  font-family: 'Roboto Slab', 'Lato', sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 100%;
  font-weight: 300;
}

.title-border {
  position: relative;
}

.title-border:before, .title-border:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 1px;
  background-color: #fff;
}
  .title-border:before {
    margin-right: 10px;
  }
  .title-border:after {
    margin-left: 10px;
  }

/* Locations results */
#location-results-wrap h1 {
  position: relative;
  margin: -40px 0 0 0;
  padding-top: 20px;
  padding-bottom: 60px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  text-align: center;
  color: #fff;
}

#location-results-wrap {
  margin-bottom: 80px;
}

.location-results {
  background-color: #aad454;
}
.location-results:before, .location-results:after {
  content: "";
  display: table;
}
.location-results:after {
  clear: both;
}
.location-results {
  zoom: 1;
}

.location-results-map, .location-results-list {
  float: left;
  width: 50%;
}

.location-results-map, .locations {
  height: 660px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.locations-wrap, .locations {
  position: relative;
  height: 580px;
  overflow-x: hidden;
}

.location-results-map {
  overflow-y: hidden;
}

.location-results-map #map {
  position: relative;
  width: 100%;
  height: 100%;
}

#map h5 {
  margin-bottom: 10px;
}
#map p.address {
  margin-top: 10px;
  line-height: 150%;
}

.location-results-list {
  position: relative;
}

.location-results-nav {
  box-sizing: border-box;
  position: relative;
  width: 80%;
  padding-right: 20%;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 100%;
}

.location-results-nav h2 {
  margin: 0;
  padding: 20px 40px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 40px;
  color: #fff;
}

.location-results-nav a.search-jump-link {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
}
.location-results-nav a.search-jump-link:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(../../img/icons/search.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.location-results-nav a.search-jump-link:hover {
  color: #aad454;
  text-decoration: none;
}

.location-results-nav .previous, .location-results-nav .next {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 100%;
  background-color: #4a3c31;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 40px 46px;
  text-indent: -9999px;
  cursor: pointer;
}

.location-results-nav .next {
  background-image: url(../../img/elem/arrow-right-single.svg);
}
  .no-svg .location-results-nav .next {
    background-image: url(../../img/elem/arrow-right-single.png);
  }

.location-results-nav .previous {
  right: 90px;
  background-image: url(../../img/elem/arrow-left-single.svg);
}
  .no-svg .location-results-nav .previous {
    background-image: url(../../img/elem/arrow-left-single.png);
  }

.location-results-nav .previous:hover, .location-results-nav .next:hover {
  background-color: #655549;
}

.location-results-nav .previous.inactive, .location-results-nav .previous.inactive:hover,
.location-results-nav .next.inactive, .location-results-nav .next.inactive:hover {
  background-color: transparent;
  opacity: 0.1;
  cursor: inherit;
}

.location {
  position: relative;
  padding: 35px 40px 35px 100px;
  border-bottom: 1px solid #94b34a;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20.8px;
  line-height: 1.3rem;
}

.location .location-label {
  box-sizing: border-box;
  position: absolute;
  top: 40px;
  left: 40px;
  width: 34px;
  height: 45px;
  padding-top: 8px;
  background-image: url(../../img/elem/pointers.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 22px;
  color: #fff;
  text-align: center;
}

.location p {
  margin-top: 10px;
}

.location h3 {
  margin: 0;
  font-family: 'Lato', Arial, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
  font-weight: 600;
}

/* Location finder media queries */
@media screen and (max-width: 1320px) {
  .location-results-nav h2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28.6px;
    line-height: 1.7875rem;
  }
  .location-results-nav {
    width: 100%;
    padding-right: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .location-results-nav .previous:hover, .location-results-nav .next:hover {
    background-color: inherit;
  }

  #location-results-wrap h1 {
    margin: -80px 0 0 0;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 48px;
  }

  .location {
    padding: 25px 30px 25px 90px;
  }
  .location .location-label {
    top: 25px;
  }
}

@media screen and (max-width: 900px) {
  .modalbg {
    padding-bottom: 40px;
  }

  .optiscroll-content {
    position: relative !important;
  }
  .location-results-map {
    display: none;
  }
  .location-results-list {
    float: none;
    width: 100%;
  }
  .locations-wrap {
    height: auto;
  }
  .locations {
    height: auto;
    padding: 30px;
  }
  .location {
    padding: 0;
    margin-top: 30px;
    border: 0;
  }
  .location:first-child {
    margin-top: 0;
  }
  .location .location-label {
    display: none;
  }

  #location-results-wrap {
    margin-bottom: 40px;
  }

  #location-search-form .field-zip, #location-search-form .field-distance {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 20px;
  }
  #location-search-form .field-zip {
    margin-left: 0;
  }
  #location-search-form .submit {
    clear: both;
    float: none;
    width: auto;
    margin-left: 0;
  }
  #location-search-form .submit input {
    max-width: 400px;
  }

  #location-search .title-border {
    display: none;
  }
  #location-search a.button {
    display: inline-block;
    margin-top: 20px;
    padding: 5px;
    background: transparent;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 580px) {
  #location-search {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
  }

  #location-search-form .field-zip, #location-search-form .field-distance {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  #location-search-form .submit input {
    max-width: inherit;
  }

  .modalbg {
    padding-top: 60px;
  }

  .modalbg .close {
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
  }
  
  #location-results-wrap h1 {
    padding: 15px 50px;
    line-height: 30px;
  }
  #location-results-wrap h1.title-border:before,
  #location-results-wrap h1.title-border:after {
    display: none;
  }

  .location-results-nav {
    text-align: center;
    padding: 0;
  }
  .location-results-nav h2 {
    display: none;
    padding-bottom: 0;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 31.2px;
    line-height: 1.95rem;
  }
  .location-results-nav .previous, .location-results-nav .next {
    position: relative;
    right: inherit;
    display: inline-block;
    height: 70px;
  }

  .location-results-nav a.search-jump-link {
    display: block;
    position: relative;
    top: inherit;
    right: inherit;
    margin: 0;
    padding: 20px;
  }

  .location h3 {
    display: none;
  }
  .location p {
    margin: 0;
  }
  .location .location-address {
    font-weight: 600;
  }
}


/*------------------------
  Scrollbar
--------------------------*/

/**************************************
 *  Optiscroll container base style
 */

.optiscroll {
  position: relative;
  overflow: hidden;
}

.optiscroll-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden !important;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}


/**************************************
 *  Optiscroll scrollbars base style
 */

.optiscroll-v,
.optiscroll-h {
  position: absolute;
  z-index: 2;
  -webkit-backface-visibility: hidden;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.optiscroll-v { right: 0; }
.optiscroll-h { bottom: 0; }


/**************************************
 *  Optiscroll tracks base style
 */

.optiscroll-vtrack,
.optiscroll-htrack {
  display: block;
  position: absolute;
  opacity: 0;
  cursor: default;
  
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* track visible only when enabled */
.vtrack-on > .optiscroll-v .optiscroll-vtrack { opacity: 1; }
.htrack-on > .optiscroll-h .optiscroll-htrack { opacity: 1; }


/* extend draggable area while dragging */
.optiscroll-vtrack:active:before,
.optiscroll-htrack:active:before {
  content: '';
  position: absolute;
  top: -100px;
  left: -100px;
  bottom: -100px;
  right: -100px;
  z-index: 10000;
}



/**************************************
 *  Prevent iOS page bounce
 *  even when content is not longer enough.
 *
 *  Remember: enabling the page bounce fix will prevent 
 *  nested scroll areas to scroll the parent.
 */

/* Uncomment to prevent VERTICAL iOS page bounce. */
/*
.optiscroll-nobounce > .optiscroll-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  border-bottom: 2px solid transparent;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
*/


/* Uncomment to prevent HORIZONTAL iOS page bounce. */
/*
.optiscroll-nobounce > .optiscroll-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-right: 2px solid transparent;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
*/


/***
 ***  Scrollbars style  ***/

.optiscroll-v,
.optiscroll-h {
  background: transparent;
  
  /* Scrollbars are visible only on hover */ 
  opacity: 0; 
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.optiscroll.vtrack-on:hover > .optiscroll-v { opacity: 1; }
.optiscroll.htrack-on:hover > .optiscroll-h { opacity: 1; }

.optiscroll-v {
  top: 4px;
  bottom: 4px;
  width: 0;
}

.optiscroll-h {
  left: 4px;
  right: 4px;
  height: 0;
}

/* Avoid overapping while both scrollbars are enabled */
.vtrack-on.htrack-on > .optiscroll-v { 
  bottom: 8px;
}
.vtrack-on.htrack-on > .optiscroll-h { 
  right: 8px;
}


/***
 ***  Tracks style  ***/

.optiscroll-vtrack,
.optiscroll-htrack {
  background: rgba(0,0,0,0.3);
  border-radius: 2px;
  box-shadow: 0 0 1px #FFF;
}

.optiscroll-vtrack {
  width: 10px;
  right: 4px;
}

.optiscroll-htrack {
  height: 3px;
  bottom: 4px;
}

.optiscroll-vtrack:active,
.optiscroll-htrack:active {
  background: rgba(0,0,0,0.5);
}



/*------------------------
  Search
--------------------------*/
.searchForm input[type="text"] {
  margin: 20px 0;
}

table.dataGridView tr td {
    padding: 20px 0;
}


/*------------------------
  News
--------------------------*/
.featured-news-item {
  margin-top: 5%;
  padding-top: 5%;
  border-top: 1px solid #85B522;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
}
p.featured-news-title {
  margin-top: 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 31.2px;
  line-height: 1.95rem;
  font-weight: 500;
}

#ctl00_ctl00_SiteBodyPlaceHolder_news_pnlSearch {
  display: none;
}
#ctl00_ctl00_SiteBodyPlaceHolder_news_pnlSearch input[type="text"] {
  margin: 20px 0;
}

#ctl00_ctl00_SiteBodyPlaceHolder_news_pnlSearch + .newsTitle {
  margin-top: 0;
}

.newsCategories {
  display: none;
}

#ctl00_ctl00_SiteBodyPlaceHolder_news_News h1:empty,
#ctl00_ctl00_SiteBodyPlaceHolder_news_News .newsDate:empty {
  display: none;
}


/*------------------------
  Glass colors
--------------------------*/
.color-blue {
  color: #212A9B;
}
.color-cranberry {
  color: #B93917;
}
.color-turquoise {
  color: #236AD6;
}
.color-green {
  color: #487901;
}
.color-pink {
  color: #CF8767;
}
.color-amber {
  color: #653301;
}


/*------------------------
  Careers
--------------------------*/
#resumator-wrapper * {
  font-family: 'Lato', Arial, sans-serif !important;
}

.inverse #resumator-wrapper * {
  color: #fff !important;
}

#resumator-wrapper .resumator-job-title {
  margin-top: 30px;
  padding-top: 30px;
}

a.resumator-hide-details {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20.8px;
  line-height: 1.3rem;
}

.page-content .resumator-job-info-details,
.page-content .resumator-job-info,
.page-content .resumator-job-view-details,
.page-content .resumator-job-description li,
.page-content .resumator-job-description p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3rem;
}

/*================================================
  x. Media queries
================================================*/
@media screen and (min-width: 1500px) {
  .page {
    width: 70%;
  }
  /*#page-header .page {
    padding-left: 15%;
    padding-right: 15%;
  }*/

  .pull-left, .pull-title-left {
    margin-right: 15%;
    padding-left: 15%;
  }

  .pull-title-left {
    margin-right: 30%;
    padding: 0 0 0 15%;
  }

  .pull-right, .pull-title-right {
    margin-left: 15%;
    padding-right: 15%;
  }

  .pull-title-right {
    margin-left: 30%;
    padding: 0 15% 0 0;
  }

  .intro .pull-left {
    padding-left: 15%;
  }

  .pull-right.image-with-text {
    padding-right: 15%;
  }
}
@media screen and (min-width: 1700px) {
  body {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 160%;
  }

  .page {
    width: 62%;
  }
  #page-header .page, #anchor-buttons .page {
    padding-left: 10%;
    padding-right: 10%;
  }

  .pull-left, .pull-title-left {
    margin-right: 19%;
    padding-left: 19%;
  }

  .pull-title-left {
    margin-right: 38%;
    padding: 0 0 0 19%;
  }

  .pull-right, .pull-title-right {
    margin-left: 19%;
    padding-right: 19%;
  }

  .pull-title-right {
    margin-left: 38%;
    padding: 0 19% 0 0;
  }

  .intro .pull-left {
    padding-left: 19%;
  }

  .pull-right.image-with-text {
    padding-right: 19%;
  }
}
@media screen and (max-width: 1500px) {
  #subnavigation {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  #page-header .logo {
    max-width: 25%;
  }

  #main-nav {
    width: 74%;
  }

  .page {
    width: 90%;
  }
  #page-header .page, #anchor-buttons .page {
    padding-left: 5%;
    padding-right: 5%;
  }

  .pull-left, .pull-title-left {
    margin-right: 5%;
    padding-left: 5%;
  }

  .pull-title-left {
    margin-right: 5%;
    padding: 0 0 0 5%;
  }

  .pull-right, .pull-title-right {
    margin-left: 5%;
    padding-right: 5%;
  }

  .pull-title-right {
    margin-left: 0;
    padding: 0 5% 0 0;
  }

  .intro .pull-left {
    padding-left: 5%;
  }

  .pull-right.image-with-text {
    padding-right: 5%;
  }

  .info-item {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 4%;
  }
  .info-item:nth-child(odd) {
    clear: both;
    margin-left: 0;
  }

  .condensed .info-item {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .condensed .info-item:nth-child(odd) {
    clear: none;
    margin-left: 2%;
  }
  .condensed .info-item:first-child, .condensed .info-item:first-child:nth-child(odd) {
    margin-left: 0;
  }
  .condensed .info-item:nth-child(4) {
    clear: both;
    margin-left: 0;
  }

  .content-panel.search-panel .page {
    padding-right: 40px;
  }

  .search-panel > .wrap {
    padding-right: 0;
  }
}
@media screen and (max-width: 1120px) {
  #page-header {
    height: 100px;
  }

  #page-header .logo {
    max-width: 20%;
  }

  #page-header.fixed .logo {
    padding-bottom: 0;
  }

  #page-header .logo img {
    max-height: 60px;
  }

  #page-header.fixed .logo img {
    max-height: 40px;
  }

  #main-nav {
    width: 78%;
    margin-top: 10px;
  }

  .rotator {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36.4px;
    line-height: 2.275rem;
  }
  .rotator .col.image-with-text-content {
    padding: 40px 0 80px 40px;
  }
  .rotator .content-intro {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28.6px;
    line-height: 1.7875rem;
  }
}
@media screen and (max-width: 1024px) {
  #anchor-buttons {
    height: auto;
  }
  #anchor-buttons .page {
    position: relative;
    opacity: 1;
  }

  /* Headings */
  h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 41.6px;
    line-height: 2.6rem;
  }

  h2 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 39px;
    line-height: 2.4375rem;
  }

  h3 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36.4px;
    line-height: 2.275rem;
  }

  h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 31.2px;
    line-height: 1.95rem;
  }

  h5 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28.6px;
    line-height: 1.7875rem;
  }

  .highlight-title {
    margin-right: 0;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36.4px;
    line-height: 2.275rem;
  }

  .intro {
    padding-top: 180px;
  }

  .intro-content, .intro-title {
    padding: 0 100px 0 0;
  }

  .highlight-item, a.highlight-item, .highlight-item:first-child, a.highlight-item:first-child {
    width: 46%;
    margin: 4% 2% 0 2%;
    padding-bottom: 0;
    padding-top: 20%;
  }

  .highlight-item-content, .highlight-item-title {
    opacity: 1;
    visibility: visible;
    height: auto;
    position: relative;
  }

  .highlight-item-content {
    display: none;
  }

  .panel .panel-content {
    padding: 20px;
  }

  .location {
    line-height: 160%;
  }
}
@media screen and (max-width: 1023px) {
  #page-header .logo {
    max-width: 80%;
  }

  #page-header .logo img {
    max-height: 60px;
  }

  #main-nav {
    width: auto;
    margin-top: 0;
  }

  .footer-content {
    width: 48%;
    margin-right: 0;
  }

  .footer-links {
    width: 52%;
  }

  .footer-links .footer-col {
    width: 100%;
    margin-bottom: 0;
  }

  .footer-links .footer-col:nth-child(odd) {
    clear: both;
  }

  .footer-links .footer-col ul, .footer-content ul {
    display: none;
  }

  #page-footer .social {
    padding-left: 15px;
    text-align: left;
  }

  #page-footer .social .social-link:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) {

  .main-content {
    margin-bottom: 40px;
  }

  .pull-right.padded, .pull-left.padded {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .pull-right, .pull-left {
    margin-bottom: 40px;
  }

  .panels .highlight-title:after {
    display: none;
  }

  .panel {
    float: none;
    width: 100%;
    min-height: inherit;
    background-image: none !important;
  }
  .panel.education {
    display: none;
  }

  .panel .panel-content {
    position: relative;
    padding: 40px 120px 40px 40px;
  }

  .page-cta {
    margin-bottom: 40px;
  }

  a.panel .panel-content:after, a.panel:hover .panel-content:after {
    opacity: 1;
    visibility: visible;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -20px;
  }

  .content-panel .page {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-panel-content {
    padding: 20px 0 0 0;
  }

  .content-panel-content h4 {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .search-panel #location-search-form .field-zip,
  .search-panel #location-search-form .field-distance,
  .search-panel #location-search-form .submit {
    float: none;
    width: 100%;
    margin: 10px 0 0 0;
  }

  .content-callout, .content-callout.large-callout {
    padding: 30px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23.4px;
    line-height: 1.4625rem;
  }
  .content-callout .highlight {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23.4px;
    line-height: 1.4625rem;
  }
  .content-callout h3, .content-callout h4,
  .content-callout.large-callout h3, .content-callout.large-callout h4,
  .content-callout h3 .highlight, .content-callout h4 .highlight {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 31.2px;
    line-height: 1.95rem;
  }

  .companies img {
    display: inline-block;
    max-width: 100%;
    max-height: 50px;
    margin: 20px;
  }
  .companies.full img {
    display: block;
    margin: 20px auto;
    max-height: inherit;
  }

  .rotator-wrap, .rotator-title {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #subnavigation {
    display: block;
    position: relative;
    top: inherit;
    left: inherit;
    width: 90%;
    max-width: 1200px;
    margin: 0 5%;
  }
}
@media screen and (max-width: 767px) {
  #page-header {
    height: 90px;
  }

  #page-header .logo {
    max-width: 52%;
    padding: 0;
  }

  #page-header .logo img {
    max-height: 50px;
  }

  #anchor-buttons {
    margin-bottom: 40px;
  }
  #anchor-buttons .col {
    margin-top: 20px;
  }
  #anchor-buttons .col:first-child {
    margin-top: 0;
  }

  .highlight-title:after {
    display: none;
  }
  .highlight-title {
    padding: 25px 40px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 31.2px;
    line-height: 1.95rem;
  }

  .image-with-text-image, .image-with-text-content, .col.image-with-text-content {
    float: none;
    width: 100%;
  }

  .image-with-text-image {
    padding: 40px 40px 0 40px;
  }

  .image-with-text-image img {
    margin: 0 auto;
  }

  .image-with-text-content, .col.image-with-text-content {
    padding: 0 40px 40px 40px;
  }

  .page-content-wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-content {
    padding-top: 40px;
  }

  .sidebar {
    float: none;
    width: 100%;
    max-width: inherit;
    margin: 40px auto 0 auto;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .rotator {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 31.2px;
    line-height: 1.95rem;
  }

  .info-item {
    min-height: inherit;
    padding: 20px;
  }
  .info-item-icon {
    height: 70px;
    margin-bottom: 20px;
  }

  .form-callout {
    background-image: none;
    background-color: #8fc225;
  }
  .form-callout h2 {
    margin-bottom: 20px;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 39px;
    line-height: 2.4375rem;
  }
  .form-callout fieldset {
    margin-top: 20px;
  }
  .form-callout fieldset:first-child {
    margin-top: 0;
  }
  .form-item-container-left, .form-item-container-right {
    float: none;
    width: 100%;
    margin: 0;
  }
  .form-item-container-right {
    margin-top: 20px;
  }
  #page-footer .social .social-link {
    margin-left: 10px;
  }
}
@media screen and (max-width: 580px) {
  .pull-right, .pull-title-right,
  .pull-left, .pull-title-left {
    margin-left: 0;
    margin-right: 0;
  }
  .pull-right, .pull-left, .intro .pull-left, .intro .pull-right {
    padding: 5%;
  }
  .pull-title-right .highlight-title, .pull-title-left .highlight-title {
    padding-left: 0;
    padding-right: 0;
  }

  .intro {
    background-position: 100% 100%;
  }

  .intro-content, .intro-title {
    padding-right: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23.4px;
    line-height: 1.4625rem;
    text-align: center;
  }

  .intro .jump-down {
    display: none;
  }

  .intro-content h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 31.2px;
    line-height: 1.95rem;
  }

  .intro-content h2, .intro-title h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23.4px;
    line-height: 1.4625rem;
  }

  .featured-news-item, p.featured-news-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23.4px;
    line-height: 1.4625rem;
  }

  .highlight-items {
    margin-bottom: 0;
  }
  .highlight-item, a.highlight-item, .highlight-item:first-child, a.highlight-item:first-child {
    float: none;
    width: 100%;
    margin: 40px auto;
    padding-top: 150px;
  }
  .highlight-item:first-child, a.highlight-item:first-child {
    margin-top: 0;
  }

  .panels {
    margin-top: 20px;
  }
  .panel h3 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36.4px;
    line-height: 2.275rem;
  }

  .info-items-title {
    text-align: center;
  }
  .info-item, .condensed .info-item {
    float: none;
    width: 100%;
    min-height: inherit;
    margin: 20px 0 0 0;
  }

  .highlight-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
  }

  .search-panel > .wrap {
    padding: 0;
  }
  .pull-left.search-panel {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #page-footer, #page-footer .social {
    text-align: center;
  }

  #page-footer .page {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-content, .footer-links {
    float: none;
    width: 100%;
  }

  .footer-content {
    margin-bottom: 20px;
  }

  .footer-links .footer-col {
    float: none;
    width: 100%;
    margin: 20px 0;
    padding: 0;
  }

  #page-footer .social {
    padding-left: 0;
  }

  #page-footer .site-info .page {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .site-info .copyright, .site-info .site-author {
    float: none;
    max-width: 100%;
  }

  .site-info .site-author {
    margin-top: 10px;
    text-align: center;
  }
  .site-info .site-author a {
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .panel {
    font-size: 20px;
    font-size: 1.25rem;
  }

  .panel .panel-content {
    padding: 20px 100px 20px 20px;
  }
}