/**------------------------------------------*\
 * generic / _reset
 *-------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  cursor: default;
  font: 100%/1.5 sans-serif;
}

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

*, *:before, *:after {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 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: top;
}

template {
  display: none;
}

::-moz-selection {
  color: #FFFFFF;
  background-color: #D3D3D3;
}

::selection {
  color: #FFFFFF;
  background-color: #D3D3D3;
}

/**------------------------------------------*\
 * base / _page
 *-------------------------------------------*/
html {
  height: 100%;
  overflow-x: hidden;
}

html,
body {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
}

body {
  width: 100%;
  height: 100%;
  max-width: 100%;
  min-height: 100%;
  color: #464646;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0em;
  word-spacing: 0.05em;
  z-index: 0;
}

/**------------------------------------------*\
 * base / _headings
 *-------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: "AmasisMT", Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  line-height: 1.25em;
}

h1 {
  font-size: 28px;
  font-size: 1.75rem;
}

h2 {
  font-size: 25px;
  font-size: 1.5625rem;
}

h3 {
  font-size: 22px;
  font-size: 1.375rem;
}

h4 {
  font-size: 20px;
  font-size: 1.25rem;
}

h5 {
  font-size: 18px;
  font-size: 1.125rem;
}

h6 {
  font-size: 16px;
  font-size: 1rem;
}

/**------------------------------------------*\
 * base / _type - paragraph
 *-------------------------------------------*/
p {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

/**------------------------------------------*\
 * base / _type - abbr
 *-------------------------------------------*/
abbr {
  border-bottom: 1px dotted #D3D3D3;
}

/**------------------------------------------*\
 * base / _type - address
 *-------------------------------------------*/
address {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

/**------------------------------------------*\
 * base / _type - cite
 *-------------------------------------------*/
cite {
  font-weight: 700;
  font-style: normal;
}

/**------------------------------------------*\
 * base / _type - del
 *-------------------------------------------*/
del {
  opacity: 0.25;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**------------------------------------------*\
 * base / _type - dfn
 *-------------------------------------------*/
dfn {
  font-style: italic;
}

/**------------------------------------------*\
 * base / _type - hr
 *-------------------------------------------*/
hr {
  border: none;
  border-bottom: 1px solid #D3D3D3;
  margin-bottom: 7px;
  margin-bottom: 0.4375rem;
}

/**------------------------------------------*\
 * base / _type - mark
 *-------------------------------------------*/
mark {
  color: #FFFFFF;
  background-color: #13a0ea;
  padding: 0 4px;
  padding: 0 0.25rem;
}

/**------------------------------------------*\
 * base / _type - small
 *-------------------------------------------*/
small {
  font-size: 75%;
}

/**------------------------------------------*\
 * base / _type - strong
 *-------------------------------------------*/
strong {
  font-weight: 600;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/**------------------------------------------*\
 * base / _lists
 *-------------------------------------------*/
ul,
ol {
  margin-left: 24px;
  margin-left: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

ul {
  list-style-type: square;
}

ol {
  list-style-type: decimal;
}

dt {
  font-weight: 700;
}

dd {
  padding-left: 24px;
  padding-left: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/**------------------------------------------*\
 * base / _quotes
 *-------------------------------------------*/
q {
  font-weight: 400;
  quotes: "\2018" "\2019";
}

/**------------------------------------------*\
 * base / _blockquote
 *-------------------------------------------*/
blockquote {
  position: relative;
  color: #464646;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 24px;
  padding: 1.5rem;
  border-radius: 2px;
  border-radius: 0.125rem;
  border: 0;
  text-align: center;
  border-radus: 3px;
  border-radus: 0.1875rem;
}

/**------------------------------------------*\
 * base / _code
 * ^pre, ^code, ^kbd, ^samp
 *-------------------------------------------*/
pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace, monospace;
  color: #13a0ea;
  background-color: #181818;
  border: 0;
}

code,
kbd {
  padding: 0 4px;
  padding: 0 0.25rem;
  border-radius: 2px;
  border-radius: 0.125rem;
  line-height: 1em;
}

pre {
  display: block;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border-radius: 4px;
  border-radius: 0.25rem;
  overflow: auto;
  -moz-tab-size: 2;
  tab-size: 2;
  word-break: normal;
}

pre code {
  display: block;
  white-space: pre;
  background-color: transparent;
  overflow: auto;
  border-radius: 0;
  padding: 24px;
  padding: 1.5rem;
  line-height: 1.5em;
}

pre span {
  display: block;
}

/**------------------------------------------*\
 * base / _table
 *-------------------------------------------*/
table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}

/**------------------------------------------*\
 * base / _media
 *-------------------------------------------*/
audio,
canvas,
progress,
video,
img,
figure {
  vertical-align: middle;
}

figure,
img,
iframe {
  border: 0;
  max-width: 100%;
  height: auto;
}

progress {
  display: inline-block;
}

/**------------------------------------------*\
 * base / _links
 *-------------------------------------------*/
a {
  color: #8F8B05;
  text-decoration: none;
}

@font-face {
  font-family: 'AmasisMT';
  src: url("fonts/amasismt-webfont.eot");
  src: url("fonts/amasismt-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/amasismt-webfont.woff2") format("woff2"), url("fonts/amasismt-webfont.woff") format("woff"), url("fonts/amasismt-webfont.ttf") format("truetype"), url("fonts/amasismt-webfont.svg#amasis_mtregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'AmasisMT';
  src: url("fonts/amasismt-light-webfont.eot");
  src: url("fonts/amasismt-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/amasismt-light-webfont.woff2") format("woff2"), url("fonts/amasismt-light-webfont.woff") format("woff"), url("fonts/amasismt-light-webfont.ttf") format("truetype"), url("fonts/amasismt-light-webfont.svg#amasis_mt_lightregular") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'AmasisMT';
  src: url("fonts/amasismt-medium-webfont.eot");
  src: url("fonts/amasismt-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/amasismt-medium-webfont.woff2") format("woff2"), url("fonts/amasismt-medium-webfont.woff") format("woff"), url("fonts/amasismt-medium-webfont.ttf") format("truetype"), url("fonts/amasismt-medium-webfont.svg#amasis_mtmedium") format("svg");
  font-weight: 600;
  font-style: normal;
}
/**------------------------------------------*\
 * object / _table
 *-------------------------------------------*/
.table {
  width: 100%;
}
.table-title {
  border-bottom: 1px solid rgba(160, 160, 160, 0.15);
  padding: 16px;
  font-size: 20px;
}
.table-header {
  padding: 16px;
  font-size: 20px;
  font-weight: 600;
  text-align: right;
}
.table thead {
  background: #FAFAFA none repeat scroll 0% 0%;
}
.table tbody {
  background-color: #FFFFFF;
}
.table tbody tr {
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.table tbody tr:hover {
  box-shadow: inset 4px 0 #8F8B05;
  background-color: #EEEEEE;
}
.table th {
  font-size: 11px;
  border-bottom: 1px solid rgba(160, 160, 160, 0.15);
  padding: 8px 16px;
  text-transform: uppercase;
}
.table th, .table td {
  color: #666666;
}
.table td {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 16px 16px 15px;
  padding: 1rem 1rem 0.9375rem;
  border-right: 1px solid rgba(160, 160, 160, 0.15);
  border-bottom: 1px solid rgba(160, 160, 160, 0.15);
}
.table td.error {
  color: #FFFFFF;
  background-color: #8E2D2D;
}
.table td.success {
  color: #FFFFFF;
  background-color: #868E2D;
}
.table th {
  font-weight: 700;
  white-space: nowrap;
}

.auto-cell-size {
  white-space: nowrap;
  width: 1%;
}

.table-small-cell {
  padding: 8px !important;
  text-align: center !important;
}

.table-action-cell {
  padding: 8px !important;
}
.table-action-cell .btn {
  margin: 0;
}

/**------------------------------------------*\
 * object / _input
 *-------------------------------------------*/
.text-label {
  color: #212121;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
}

.input,
.select,
.textarea {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  background-color: #F5F5F5;
  border: 2px solid transparent;
  border-width: 0 0 2px;
  font-family: inherit;
  border-radius: 2px;
}
.input:hover,
.select:hover,
.textarea:hover {
  border-color: #CCC;
}
.input:focus,
.select:focus,
.textarea:focus {
  border-color: #212121;
}

.input,
.select {
  height: 44px;
  padding: 6px 10px;
  padding: 0.375rem 0.625rem;
}

.textarea {
  padding: 10px;
  padding: 0.625rem;
  min-height: 160px;
}

option {
  font-size: 0.875em;
  padding: 4px 10px;
}

.fieldset {
  border: 1px solid #EEE;
  padding: 24px;
  padding: 1.5rem;
  background-color: #FFF;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/**------------------------------------------*\
 * objects / _colors
 *-------------------------------------------*/
/**
 * Background States
 */
.hue-default {
  background-color: #FFFFFF;
}

.hue-primary {
  color: #FFFFFF;
  background-color: #8F8B05;
}

.hue-secondary {
  color: #FFFFFF;
  background-color: #FFFFFF;
}

.hue-success {
  color: #FFFFFF;
  background-color: #868E2D;
}

.hue-warning {
  color: #212121;
  background-color: #37194E;
}

.hue-error {
  color: #FFFFFF;
  background-color: #8E2D2D;
}

.hue-dark {
  color: #F9F9F9;
  background-color: #1A190C;
}

/**
 * Text Classes
 */
.primary-txt {
  color: #8F8B05;
}

.secondary-txt {
  color: #FFFFFF;
}

.success-txt {
  color: #868E2D;
}

.warning-txt {
  color: #37194E;
}

.error-txt {
  color: #8E2D2D;
}

.border-success {
  border-color: #868E2D;
}

.border-warning {
  border-color: #37194E;
}

.border-error {
  border-color: #8E2D2D;
}

.close {
  display: block;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  padding: 8px;
  padding: 0.5rem;
  border: 0;
  background-color: transparent;
}

.close-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAHKSURBVHja7drRccIwFERR94Apw6b/GdxDoAygh80HHx7GlvGTduUos3EBuickWHqjDl3bT+P5BhhggAEGGGCAAQYYYIABBrQEOGPCIIm54IqTGnDGHcBDQLjgBeAnSsjJh4DwzgeAG3oVYM5nE+b8MCE3n0n4zA8S9i8zYfnzJBCW+QAw8QEDngLCen7gs40sxicU50e/hbgEQn78PcAjUPJz3sQcAik/by+UIoz183M3c2MRgZifvxvNJ1DzS7bTeQRyftl5IE6g55ceaGIEQX75iWxcjXqtECT5jCPlPoIon3Mm/k6Q5bMO9dsEYT5vKpEmSPOZY5UUQZrPnQut/66l+ezB1h4CeZ7BBXwn0CdKbMA2QTAQ4wPSBMU8z4B/9yfU+D9x41+jjb/IUnsexUBSAEhv2QYtQZ3fodMS9PliQo18KaFOvpBQK3+LMB4FiB8WRz6hZr6EUDdfQKidTyfUzycTjsh/E/bOVMkA3piKRDgqn0Y4Lp9EODKfQti/1CQ6W60TrnzACTfR0XD52QbubUUW6j8IugtPoWtnsYVmgu7KWfDWXHShvu1Lfx2av3b55x4DDDDAAAMMMMAAAwwwwAADDMh8fgE+LAS3cx8IRQAAAABJRU5ErkJggg==");
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: medium none;
  height: 24px;
  width: 24px;
  display: block;
}

.badge {
  font-size: 11px;
  line-height: 18px;
  border-radius: 2px;
  padding: 4px 6px;
  margin: 2px 0;
  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  display: inline-block;
}

.rd-container {
  visibility: hidden;
  -webkit-transform: translate3d(0, 10%, 0);
  -ms-transform: translate3d(0, 10%, 0);
  -o-transform: translate3d(0, 10%, 0);
  transform: translate3d(0, 10%, 0);
  opacity: 1;
  -webkit-transition: all 150ms ease-in;
  -moz-transition: all 150ms ease-in;
  transition: all 150ms ease-in;
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  z-index: 1000;
  min-width: 240px;
}
.rd-container-attachment {
  position: absolute;
}
.rd-container.js-is--open {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.rd-container table {
  margin-bottom: 0;
  background-color: #f0f0f0;
}
.rd-container tr {
  background-color: transparent;
}
.rd-container th,
.rd-container td {
  min-height: 40px;
  min-height: 2.5rem;
  min-width: 40px;
  min-width: 2.5rem;
  padding: 12px 8px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
  border-color: transparent;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.rd-container td {
  background-color: #FFFFFF;
}
.rd-container td:hover {
  color: #FFFFFF;
  background-color: #8F8B05;
}

.rd-month {
  display: inline-block;
  vertical-align: top;
}

.rd-back,
.rd-next {
  position: absolute;
  top: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  margin: 0;
  padding: 12px;
  font-size: 16px;
  line-height: 16px;
  height: 48px;
}
.rd-back:hover, .rd-back:focus,
.rd-next:hover,
.rd-next:focus {
  background-color: #FFFFFF;
}
.rd-back[disabled],
.rd-next[disabled] {
  cursor: default;
}

.rd-back {
  left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.rd-back:before {
  display: block;
  content: '\2190';
}

.rd-next {
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.rd-next:before {
  display: block;
  content: '\2192';
}

.rd-day-body {
  cursor: pointer;
  text-align: center;
}

.rd-time-selected,
.rd-time-option:hover {
  cursor: pointer;
}

.rd-day-select {
  cursor: pointer;
  color: #212121;
  font-weight: 700;
  background-color: #DDD;
}

.rd-day-prev-month,
.rd-day-next-month {
  color: #999999;
}

.rd-day-disabled {
  cursor: default;
  color: #fcc;
}

.rd-time {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  color: #212121;
  background-color: #DDDDDD;
}

.rd-month-label {
  padding: 16px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  background-color: #EEE;
  text-align: center;
}

.rd-time-list {
  position: absolute;
  overflow-y: scroll;
  max-height: 160px;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
  color: #333;
}

.rd-time-selected {
  font-size: 14px;
  line-height: 16px;
  padding: 12px 16px;
  font-weight: 700;
}

.rd-time-option {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 16px;
}
.rd-time-option:hover, .rd-time-option:focus {
  background-color: #F8F8F8;
}

.rd-day-concealed {
  visibility: hidden;
}

/**------------------------------------------*\
 * objects / _form-label
 *-------------------------------------------*/
.form-label {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-transform: lowercase;
  font-weight: 600;
}
.is--disabled .form-label {
  opacity: 0.5;
}
.is--disabled .form-label:hover {
  cursor: not-allowed;
}

.form-row {
  margin: 8px 0;
  margin: 0.5rem 0;
  min-height: 72px;
  min-height: 4.5rem;
}

.form-group {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.form-group .control {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}
.form-group .control + .control {
  margin: 0;
}

.btn-control__item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.btn-control {
  z-index: 0;
}
.btn-control .btn-text {
  position: relative;
  z-index: 2;
  font-style: normal;
}
.btn-control input {
  visibility: hidden;
  position: absolute;
}
.btn-control input:checked ~ .btn-control__item {
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.btn-group .btn-control {
  margin: 0;
  border-radius: 0;
  border: 0 none;
}
.btn-group .btn-control:first-of-type {
  border-radius: 4px 0 0 4px;
}
.btn-group .btn-control:last-of-type {
  border-radius: 0 4px 4px 0;
}

/**------------------------------------------*\
 * objects / _rangeslider
 *-------------------------------------------*/
.rangeslider {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 56px;
  height: 3.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.rangeslider-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
  height: 10px;
  height: 0.625rem;
  top: 32px;
  top: 2rem;
  background-color: #EEEEEE;
  border: 1px solid #BBBBBB;
  border-radius: 16px;
  border-radius: 1rem;
}
.rangeslider-line-left, .rangeslider-line-mid, .rangeslider-line-right {
  position: absolute;
  display: block;
  top: 0;
  height: 8px;
  height: 0.5rem;
}
.rangeslider-line-left {
  left: 0;
  width: 11%;
}
.rangeslider-line-mid {
  left: 9%;
  widht: 82%;
}
.rangeslider-line-right {
  right: 0;
  width: 11%;
}
.rangeslider-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
  height: 10px;
  height: 0.625rem;
  top: 32px;
  top: 2rem;
  background: #8F8B05;
}
.rangeslider-bar-edge {
  position: absolute;
  display: block;
  left: 0;
  height: 10px;
  height: 0.625rem;
  top: 32px;
  top: 2rem;
  width: 16px;
  width: 1rem;
  border-right: 0;
  background-color: #8F8B05;
  border-radius: 16px 0 0 16px;
  border-radius: 1rem 0 0 1rem;
}
.rangeslider-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
  height: 2px;
  height: 0.125rem;
  top: 36px;
  top: 2.25rem;
  background-color: #212121;
  border-radius: 2px;
  border-radius: 0.125rem;
}
.rangeslider-handle {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
  top: 24px;
  top: 1.5rem;
  width: 28px;
  width: 1.75rem;
  height: 28px;
  height: 1.75rem;
  border: 1px solid #AAAAAA;
  background-color: #DDDDDD;
  border-radius: 28px;
  border-radius: 1.75rem;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.rangeslider-handle.state_hover, .rangeslider-handle:hover {
  background-color: #FFFFFF;
}
.rangeslider-handle.type_last {
  z-index: 2;
}
.rangeslider-min, .rangeslider-max {
  position: absolute;
  display: block;
  cursor: default;
  color: #212121;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  text-shadow: none;
  top: 0;
  font-weight: 700;
  padding: 2px 4px;
  padding: 0.125rem 0.25rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border-radius: 0.125rem;
}
.rangeslider-min {
  left: 0;
}
.rangeslider-max {
  right: 0;
}
.rangeslider-from, .rangeslider-to, .rangeslider-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
  color: #FFFFFF;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  text-shadow: none;
  padding: 2px 4px;
  padding: 0.125rem 0.25rem;
  background-color: #8F8B05;
  border-radius: 2px;
  border-radius: 0.125rem;
}
.rangeslider-with-grid {
  height: 72px;
  height: 4.5rem;
}
.rangeslider-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  height: 1.75rem;
}
.rangeslider-with-grid .rangeslider-grid {
  display: block;
}
.rangeslider-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  width: 0.0625rem;
  height: 8px;
  height: 0.5rem;
  opacity: .5;
  background-color: #212121;
}
.rangeslider-grid-pol.small {
  height: 4px;
  height: 4px;
  height: 0.25rem;
  background-color: #999999;
}
.rangeslider-grid-text {
  position: absolute;
  left: 0;
  bottom: 5px;
  bottom: 0.3125rem;
  white-space: nowrap;
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1em;
  padding: 0 3px;
  padding: 0 0.1875rem;
  color: #212121;
}
.rangeslider-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  z-index: 2;
  opacity: 0;
  cursor: not-allowed;
}
.rangeslider-disabled {
  opacity: 0.4;
}
.rangeslider-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

/**------------------------------------------*\
 * objects / _switch
 *-------------------------------------------*/
.switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 64px;
  width: 4rem;
  height: 36px;
  height: 2.25rem;
  border-radius: 36px;
  border-radius: 2.25rem;
  border: 2px solid #DDDDDD;
  background-color: #EEEEEE;
  margin: 6px 4px;
  margin: 0.375rem 0.25rem;
  overflow: hidden;
  z-index: 10;
}
.switch--disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.switch input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.switch input[type="checkbox"]:checked + .switch__handle {
  -webkit-transform: translateX(125%);
  -ms-transform: translateX(125%);
  -o-transform: translateX(125%);
  transform: translateX(125%);
  -webkit-box-shadow: 0 0 0 36px #8F8B05;
  box-shadow: 0 0 0 36px #8F8B05;
  left: 3px;
}
.switch input[type="checkbox"]:checked + .switch__handle:after {
  width: 26px;
  height: 26px;
  top: -4px;
  background-color: inherit;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
}

/**------------------------------------------*\
 * objects / _switch__handle
 *-------------------------------------------*/
.switch__handle {
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -10px;
  margin-top: -0.625rem;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 1;
  border-radius: 20px;
  border: 1px solid #BBBBBB;
  background-color: #DDDDDD;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.54, 1.85, 0.5, 1) 0ms;
  -moz-transition: -moz-transform 300ms cubic-bezier(0.54, 1.85, 0.5, 1) 0ms;
  transition: transform 300ms cubic-bezier(0.54, 1.85, 0.5, 1) 0ms;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px #DDDDDD;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px #DDDDDD;
}

.switch__handle:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 1.5em;
  -webkit-transition: width 100ms ease-out, height 200ms 50ms ease-in, top 200ms 50ms ease-in, box-shadow 200ms ease-in;
  -moz-transition: width 100ms ease-out, height 200ms 50ms ease-in, top 200ms 50ms ease-in, box-shadow 200ms ease-in;
  transition: width 100ms ease-out, height 200ms 50ms ease-in, top 200ms 50ms ease-in, box-shadow 200ms ease-in;
}
.switch__handle:hover {
  background-color: #FFF;
}
.switch__handle:hover:after {
  background-color: inherit;
}

.prompt {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 16px;
  line-height: 1rem;
  font-weight: 700;
  padding: 6px 8px;
  padding: 0.375rem 0.5rem;
  text-transform: uppercase;
}
.prompt--dark {
  color: #BABABA;
  background-color: #1A190C;
}
.prompt--light {
  color: #212121;
  background-color: #FFFFFF;
}

.control {
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 14px 16px 14px 40px;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  opacity: 0.8;
  z-index: 1;
}
.control__item {
  opacity: 0.8;
}
.control--inline {
  cursor: pointer;
  padding-left: 20px;
  margin-bottom: 0;
}
.control input {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 8px;
  width: 20px;
  height: 20px;
  opacity: 0;
  z-index: -1;
}

.control__item {
  color: #FFFFFF;
  background-color: transparent;
  position: absolute;
  display: block;
  top: 50%;
  left: 8px;
  text-align: center;
  background-size: 50% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 2px solid #DDDDDD;
  z-index: 1;
}
.control__item:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  z-index: 2;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  transition: all 150ms ease;
}

.control--stacked {
  margin: 16px 0;
}
.control + .control {
  margin-top: 8px;
}

.control:hover, .control:focus {
  opacity: 1;
}
.control:hover .control__item, .control:focus .control__item {
  opacity: 1;
}

.control--checkbox .control__item {
  border-radius: 3px;
  border-radius: 0.1875rem;
}
.control--checkbox .control__item:after {
  border-radius: 1px;
  border-radius: 0.0625rem;
}
.control--checkbox input:checked ~ .control__item {
  border-color: #8F8B05;
}
.control--checkbox input:checked ~ .control__item:after {
  background-color: #8F8B05;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.control--radio .control__item {
  border-radius: 50%;
}
.control--radio .control__item:after {
  border-radius: 50%;
}
.control--radio input:checked ~ .control__item {
  border-color: #8F8B05;
}
.control--radio input:checked ~ .control__item:after {
  background-color: #8F8B05;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.control--tick .control__item {
  border-radius: 3px;
}
.control--tick .control__item:after {
  border-radius: 1px;
}
.control--tick input:checked ~ .control__item {
  border-color: #8F8B05;
}
.control--tick input:checked ~ .control__item:after {
  background-color: #8F8B05;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/**------------------------------------------*\
 * components / _button
 *-------------------------------------------*/
.btn {
  position: relative;
  display: inline-block;
  min-height: 36px;
  min-height: 2.25rem;
  @incldue rem(margin-bottom, $spacing/2);
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-transform: lowercase;
  padding: 8px 20px;
  padding: 0.5rem 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: none;
  font-family: inherit;
  background-color: #8F8B05;
  border: 2px solid #a8a306;
  border-radius: .25em;
  text-align: center;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.37);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.37);
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  text-shadow: 0 2px rgba(0, 0, 0, 0.25);
}
.btn .icon {
  vertical-align: top;
  margin-left: 8px;
  margin-left: 0.5rem;
  fill: #FFFFFF;
}
.btn:hover, .btn:focus, .btn:active {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.btn--small {
  line-height: 16px;
  line-height: 1rem;
  padding: 12px 20px;
  padding: 0.75rem 1.25rem;
}
.btn--secondary {
  background-color: #FFFFFF;
}
.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  background-color: #f2f2f2;
}

.btn-round {
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 56px;
  text-align: center;
  cursor: pointer;
  line-height: 56px;
  white-space: nowrap;
  position: relative;
  border-radius: 50%;
  transition: all 0.2s ease 0s;
  padding: 16px;
}

/**------------------------------------------*\
 * components / _icon
 *-------------------------------------------*/
.icon {
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  font-style: normal;
  color: #464646;
  fill: #464646;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.icon--small {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.c-breadcrumb {
  display: inline-block;
  vertical-align: top;
  padding: 4px 24px;
  padding: 0.25rem 1.5rem;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}
.c-breadcrumb__item {
  display: inline-block;
}
.c-breadcrumb__item.is--current a:after {
  content: "";
}
.c-breadcrumb a {
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.c-breadcrumb a:after {
  content: ">>";
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 1px 8px;
  padding: 0.0625rem 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.c-breadcrumb a,
.c-breadcrumb span {
  text-transform: lowercase;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  font-weight: 600;
}

.card, .panel {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
}

.panel,
.card,
.well {
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.07), 1px 2px 5px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.07), 1px 2px 5px 0px rgba(0, 0, 0, 0.06);
}

.card-header {
  padding: 24px;
  padding: 1.5rem;
}

.card-content {
  padding: 24px;
  padding: 1.5rem;
}

.card-header .floating-actions {
  position: absolute;
  z-index: 2;
  bottom: -28px;
  right: 24px;
}

.card-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 0;
}

.panel-body {
  padding: 16px;
  padding: 1rem;
}

.card-list {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}

.card-list__item {
  cursor: pointer;
  display: block;
}
.card-list__item a {
  position: relative;
  width: 100%;
  cursor: pointer;
  display: block;
  padding: 0px;
  text-align: left;
  text-decoration: none;
}
.card-list__item a:hover, .card-list__item a:focus, .card-list__item a:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.card-list-label {
  color: #212121;
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  margin: 0px 0px 0px 56px;
  padding: 13px 16px 13px 0;
  text-decoration: none;
  word-wrap: break-word;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.card-list-icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
}

.card-list-link {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  padding: 10px 16px;
  font-weight: 600;
  text-decoration: none;
  color: #464646;
  background-color: rgba(0, 0, 0, 0.05);
}

.external-link:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA9klEQVRo3u3ZvRGDMAyGYY/gmTQBo7CE9mCkjOAh1DtNihQ5sOHTj3Mq1JL34WyO4NJ7LytPSUACEvDHAGLZiKURS787P64Juc4l4BPfn44noC0LIJaKiA8F0N6MxHKgl5AZ4Co+NGAkPizgJP4IDziLn/l9F8BVfGjASHxYwGh8SMBMfDjAbHwowJ14yOs0AqAdrwqwiFcDWMWrAFDxLpsYeefNAehlYwrQWPNmAK0NawIgll3raWMFqMTy0nhUWi6hb8QBfO023cSVWHbwn551vkokIAEJMAB4j9vnddA0twMO0GxuR0xP7/xZfJ5SJiABCfCfNz7lKd/8aYIzAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: inline-block;
  height: 13px;
  margin-left: 4px;
  width: 15px;
}

.list-group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-group__item {
  display: block;
}

.list-group-link {
  display: inherit;
  border-bottom: 1px solid #F0F0F0;
  border-image: none;
  padding: 16px;
  padding: 1rem;
  color: inherit;
  text-decoration: none;
}
.list-group-link:hover, .list-group-link:focus, .list-group-link:active {
  background-color: #EEE;
}

.item-heading {
  font-size: 15px;
  line-height: 24px;
  padding-bottom: 0px;
}

.item-text {
  font-size: 14px;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.icon-circle {
  width: 16px;
  height: 16px;
  border-width: 4px;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-top: -2px;
}

.avatar {
  border-radius: 50%;
}

.alert-holder {
  list-style: none;
  padding: 16px;
  margin: 0;
  display: none;
}
.alert-holder .alert {
  position: relative;
  margin: 0 0 8px;
}

.alert {
  display: block;
  z-index: 4;
  margin: 16px;
  border-radius: 3px;
}
.alert .alert-link {
  color: inherit;
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  font-weight: 600;
}
.alert .alert-link:hover, .alert .alert-link:focus {
  opacity: 0.85;
  border-color: rgba(0, 0, 0, 0.85);
}
.alert .close {
  position: absolute;
  top: 8px;
  right: 8px;
}

.alert-content {
  display: inline-block;
  padding: 16px 48px 16px 16px;
}

.alert-media--icon {
  padding: 24px 0 24px 24px;
}

.alert-media--img {
  padding: 16px 0 16px 16px;
}

.alert-title {
  font-size: 17px;
  line-height: 24px;
  padding: 0;
}

.alert-msg {
  font-size: 14px;
  line-height: 16px;
  padding: 0;
}

/**------------------------------------------*\
 * components / _tabs-nav
 *-------------------------------------------*/
.tabs--large .tabs-nav {
  padding: 0 32px;
  padding: 0 2rem;
}
.tabs--large .tabs-section {
  padding: 32px;
  padding: 2rem;
}

.tabs--icons .tabs-nav__item a {
  padding: 16px;
}
.tabs--icons .tabs-nav__item a .icon {
  margin: 0;
}
.tabs--icons .tab-title {
  position: absolute;
  top: 0;
  left: -999em;
}

.tabs--overflow .tabs-nav__item {
  display: table-cell;
}

.tabs-nav {
  position: relative;
  background-color: #FFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 64em) {
  .tabs-nav ul {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.tabs-nav ul {
  margin: 0;
  padding: 0;
}
.tabs-nav__item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  height: 48px;
  height: 3rem;
}
.tabs-nav__item a {
  position: relative;
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
  white-space: nowrap;
  color: #999;
  padding: 0 8px;
  padding: 0 0.5rem;
  background-color: transparent;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.tabs-nav__item a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 3px;
  height: 0.1875rem;
  background-color: transparent;
}
.tabs-nav__item a .icon {
  margin: 0 0 0 16px;
  margin: 0 0 0 1rem;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  fill: #999;
  vertical-align: middle;
}
.tabs-nav__item a:hover, .tabs-nav__item a:focus, .tabs-nav__item a:active {
  background-color: #F8F8F8;
}
.tabs-nav__item a:hover .icon, .tabs-nav__item a:focus .icon, .tabs-nav__item a:active .icon {
  fill: #8F8B05;
}
.tabs-nav__item--active a {
  color: #8F8B05;
  background-color: #F8F8F8;
}
.tabs-nav__item--active a:after {
  background-color: #8F8B05;
}
.tabs-nav__item--active a .icon {
  fill: #8F8B05;
}

.tab-title {
  display: inline-block;
  vertical-align: middle;
  padding: 16px;
  padding: 1rem;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  font-weight: 600;
}

.tabs-section {
  display: none;
  padding: 24px;
}

.tabs-section--active {
  display: block;
}
.tabs-section--active .tab-content {
  -webkit-animation: tabcontent 1s ease-in;
  -moz-animation: tabcontent 1s ease-in;
  animation: tabcontent 1s ease-in;
}

@-webkit-keyframes tabcontent {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tabcontent {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**------------------------------------------*\
 * components / _dialog
 *-------------------------------------------*/
.dialog-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
  opacity: 0;
}
.dialog-box.dialog--open {
  visibility: visible;
  opacity: 1;
}
.dialog-box.dialog--open ~ .dialog-backdrop {
  visibility: visible;
  opacity: 1;
}
.dialog-box:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: inherit;
}

.dialog {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-animation: dialogpop 300ms;
  -moz-animation: dialogpop 300ms;
  animation: dialogpop 300ms;
  max-width: 360px;
  max-width: 22.5rem;
  text-align: left;
}
.dialog__head {
  padding: 24px 24px 0;
  padding: 1.5rem 1.5rem 0;
}
.dialog__content {
  padding: 24px;
  padding: 1.5rem;
}
.dialog__actions {
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.1);
}

.dialog-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
  z-index: 999;
  visibility: hidden;
  opacity: 0;
}

@-webkit-keyframes dialogpop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0%, 100%, 0) scale(0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0) scale(1, 1);
  }
}
@keyframes dialogpop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0%, 100%, 0) scale(0, 0);
    -ms-transform: translate3d(0%, 100%, 0) scale(0, 0);
    -o-transform: translate3d(0%, 100%, 0) scale(0, 0);
    transform: translate3d(0%, 100%, 0) scale(0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0) scale(1, 1);
    -ms-transform: translate3d(0%, 0, 0) scale(1, 1);
    -o-transform: translate3d(0%, 0, 0) scale(1, 1);
    transform: translate3d(0%, 0, 0) scale(1, 1);
  }
}
.accordion {
  position: relative;
  background-color: #FFF;
}

.accordion dl {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
}

.accordion dd {
  background-color: #FFF;
}

.accordionTitle {
  background-color: #FFF;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  padding: 15px 16px;
  padding: 0.9375rem 1rem;
  display: block;
  text-decoration: none;
  color: #212121;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0;
}
.accordionTitle:before {
  content: "+";
  font-size: 16px;
  line-height: 1em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.accordionTitle
.accordionTitle:hover {
  background-color: #FFF;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: #FFF;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 50em;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
@media screen and (min-width: 30em) {
  .accordionItem {
    max-height: 15em;
    -webkit-transition: max-height 0.300s;
    transition: max-height 0.300s;
  }
}

.accordionItemCollapsed,
.accordionItem.is-collapsed {
  max-height: 0;
}

.animateIn {
  -webkit-animation: accordionIn 300ms normal ease-in-out both 1;
  -moz-animation: accordionIn 300ms normal ease-in-out both 1;
  animation: accordionIn 300ms normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 300ms alternate ease-in-out both 1;
  -moz-animation: accordionOut 300ms alternate ease-in-out both 1;
  animation: accordionOut 300ms alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.progress {
  position: relative;
  display: block;
  vertical-align: top;
  height: 8px;
  height: 0.5rem;
  background-color: #3C3B29;
  border-radius: 8px;
  border-radius: 0.5rem;
  overflow: hidden;
  margin: 8px 0;
  margin: 0.5rem 0;
}
.progress__bar {
  width: 40%;
  height: 100%;
  display: block;
  background-color: #8F8B05;
}
.progress--warning .progress__bar {
  background-color: #37194E;
}
.progress--success .progress__bar {
  background-color: #868E2D;
}
.progress--error .progress__bar {
  background-color: #8E2D2D;
}

/**------------------------------------------*\
 * component / _nav
 *-------------------------------------------*/
.c-nav ul, .c-nav ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/**------------------------------------------*\
 * layout / _main
 *-------------------------------------------*/
.l-main {
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  margin: auto;
  background-color: #FFFFFF;
  background: -moz-linear-gradient(top, #1a190c 0%, rgba(255, 255, 255, 0) 264px, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a190c), color-stop(264px, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, #1a190c 0%, rgba(255, 255, 255, 0) 264px, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #1a190c 0%, rgba(255, 255, 255, 0) 264px, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, #1a190c 0%, rgba(255, 255, 255, 0) 264px, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #1a190c 0%, rgba(255, 255, 255, 0) 264px, rgba(255, 255, 255, 0) 100%);
}

.page-title,
.section-title {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-size: 32px;
  font-size: 2rem;
  text-shadow: 0 2px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #8F8B05;
}

.page-title {
  color: #000000;
}

.section-title--light {
  color: #FFFFFF;
}
.section-title span {
  color: #8F8B05;
}

.l-news-box {
  position: relative;
  width: 100%;
  max-width: 100%;
  border: 1px solid #8F8B05;
  margin: 24px 0;
  margin: 1.5rem 0;
}
.l-news-box__left, .l-news-box__right {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
}
@media screen and (min-width: 48em) {
  .l-news-box__left, .l-news-box__right {
    padding: 16px;
    padding: 1rem;
  }
  .l-news-box__left {
    width: 25%;
  }
  .l-news-box__right {
    width: 75%;
  }
}
.l-news-box .btn {
  position: absolute;
  bottom: -8px;
  right: -8px;
}

.l-news-list {
  list-style: none;
  padding: 0 24px;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .l-news-list {
    border-left: 4px solid #8F8B05;
  }
}
.l-news-list__item {
  padding: 0;
}

@media screen and (min-width: 60em) {
  .box {
    padding: 24px 48px 0 0;
    padding: 1.5rem 3rem 0 0;
  }
}
.box-title {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  text-shadow: 0 2px rgba(0, 0, 0, 0.1);
}
.box-title a {
  color: #000;
}

.staff-highlight {
  color: #F3F0C2;
  background-color: #8F8B05;
  padding: 16px;
  margin-bottom: 24px !important;
}
.staff-highlight__info {
  padding: 0 24px;
}
.staff-highlight__info h3 {
  color: #FFFFFF;
  padding-bottom: 8px;
}

.staff-box {
  color: #212121;
  background-color: #FFFFFF;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #DDDDDD;
}
.staff-box-title {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  color: #999999;
}
.staff-box__img {
  padding: 24px;
  padding: 1.5rem;
}
.staff-box__img img {
  border: 2px solid #8F8B05;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.staff-box__info {
  padding: 24px;
  padding: 1.5rem;
}
.staff-box__info p {
  font-size: 14px;
  font-size: 0.875rem;
}

.side .widget_product_categories,
.side .widget_shopping_cart,
.side .widget_text,
.side .widget_nav_menu {
  color: #F9F9F9;
  background-color: #454425;
}

.chemical-body-menu {
  color: #FFFFFF;
  background-color: #454425;
}

.chemical-highlight .menu-item a:before {
  content: ">";
  color: #8F8B05;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
}

.chemical-highlight,
.chemical-quick-menu,
.chemical-contact {
  color: #212121 !important;
  background-color: #DFDCD5 !important;
}
.chemical-highlight .widget-title,
.chemical-quick-menu .widget-title,
.chemical-contact .widget-title {
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 4px solid #e9e7e3;
}

.chemical-highlight {
  background-position: top right !important;
}
.chemical-highlight .menu-item {
  width: 50%;
  float: left;
}
.chemical-highlight .menu-item a {
  font-size: 14px;
  font-size: 0.875rem;
}

.chemical-offer {
  color: #FFFFFF;
  background-color: #3c3b27;
  width: 100%;
}

.chemical-box,
.chemical-action-box {
  color: #FFFFFF;
  background-color: #3c3b27;
  background-position: top left !important;
  text-align: right;
}
.chemical-box p, .chemical-box .widget-title,
.chemical-action-box p,
.chemical-action-box .widget-title {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  text-align: left;
}

.chemical-box.store .widget-title {
  color: #8F8B05;
}

.chemical-highlight,
.chemical-box,
.chemical-action-box {
  position: relative;
  width: 100%;
  background-repeat: no-repeat !important;
}
.chemical-highlight .widget-title,
.chemical-box .widget-title,
.chemical-action-box .widget-title {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.chemical-highlight p,
.chemical-box p,
.chemical-action-box p {
  font-size: 14px;
  font-size: 0.875rem;
}
.chemical-highlight .btn,
.chemical-box .btn,
.chemical-action-box .btn {
  position: absolute;
  bottom: -8px;
  bottom: -0.5rem;
  right: -8px;
  right: -0.5rem;
}

.list-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-menu li {
  display: block;
  border-bottom: 1px dotted #C4C3C0;
}
.list-menu li a {
  display: block;
  color: #616161;
  padding: 12px 8px;
  padding: 0.75rem 0.5rem;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.list-menu li a:hover, .list-menu li a:focus, .list-menu li a:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.list-body {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-body li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  font-size: 14px;
  font-size: 0.875rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.list-body li:before {
  content: "\003e";
  display: inline-block;
  vertical-align: top;
  color: #8F8B05;
  font-weight: 700;
  margin-right: 8px;
  margin-right: 0.5rem;
}
.list-body li a {
  display: inline-block;
  vertical-align: top;
  color: #FFFFFF;
  border-bottom: 2px solid transparent;
}
.list-body li a:hover, .list-body li a:focus, .list-body li a:active {
  border-color: #8F8B05;
}

.list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-title {
  font-size: 16px;
  font-size: 1rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.list-link {
  text-decoration: underline;
}
.list-caption {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.list__item {
  font-size: 14px;
  font-size: 0.875rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.list__item h5 {
  padding: 0 0 8px;
}

.hero {
  position: relative;
  color: #F9F9F9;
  background-color: #1A190C;
  border-bottom: 2px solid #8F8B05;
  padding: 24px;
  padding: 1.5rem;
  text-align: center;
}
@media screen and (min-width: 60em) {
  .hero {
    text-align: inherit;
    padding: 40px 0;
    padding: 2.5rem 0;
    min-height: 360px;
  }
  .hero__info {
    padding: 0 24px;
    padding: 0 1.5rem;
  }
}
.hero-title {
  padding-top: 24px;
  padding-top: 1.5rem;
  font-size: 32px;
  font-size: 2rem;
  text-shadow: 2px 2px 0px #585607;
  color: #B0AC05;
}
.hero-title strong {
  color: #FFFFFF;
}
.hero-title:before {
  content: "\201C";
  font-size: 40px;
  font-size: 2.5rem;
  color: #8F8B05;
}
@media screen and (min-width: 60em) {
  .hero-title {
    padding-top: 0;
    font-size: 43px;
    font-size: 2.6875rem;
  }
  .hero-title:before {
    font-size: 112px;
    font-size: 7rem;
    position: relative;
    top: 32px;
    top: 2rem;
    left: -8px;
    left: -0.5rem;
  }
}
@media screen and (min-width: 60em) {
  .hero-image {
    position: absolute;
    bottom: 0;
  }
}
@media screen and (min-width: 60em) {
  .hero-caption {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.l-pg-banner {
  background-color: #1A190C;
}

.container {
  max-width: 1152px;
  max-width: 72rem;
  margin: auto;
}

.banner {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  height: 288px;
  border-bottom: 2px solid #8F8B05;
  background-color: #1A190C;
  padding-top: 24px;
  padding-top: 1.5rem;
}
.banner__info {
  max-width: 1152px;
  max-width: 72rem;
  margin: auto;
}

.content,
.side {
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 60em) {
  .content,
  .side {
    padding: 24px;
    padding: 1.5rem;
  }
}

.side .widget {
  padding: 24px;
  padding: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.page-ct {
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0;
  padding: 1.5rem 0;
  max-width: 1152px;
  max-width: 72rem;
}
.home .page-ct {
  max-width: 100%;
  background: #FFFFFF;
  background: -moz-linear-gradient(top, #1a190c 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a190c), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, #1a190c 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #1a190c 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, #1a190c 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #1a190c 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
}
.home .page-ct .u-g {
  max-width: 1152px;
  max-width: 72rem;
}
.page-ct--leftbar {
  -webkit-flex-flow: row-reverse wrap;
  -moz-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;
}
.page-ct--rightbar {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
}

.featured-image {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #8F8B05;
}

.l-bar {
  color: #F9F9F9;
  background-color: #1A190C;
  padding: 16px 24px;
  padding: 1rem 1.5rem;
  border-bottom: 2px solid #FFFFFF;
}

.testimonials {
  padding: 0;
  margin: 0;
  list-style: none;
}
.testimonials > li {
  position: relative;
  display: block;
  color: #FFFFFF;
  background-color: #8F8B05;
  padding: 24px 48px;
  padding: 1.5rem 3rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.37);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.37);
}
.testimonials > li p {
  margin-bottom: 0;
}
.testimonials > li:before, .testimonials > li:after {
  position: absolute;
  color: #a8a306;
  font-size: 64px;
  font-size: 4rem;
  line-height: 1em;
  text-align: center;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
}
.testimonials > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\201C";
}
.testimonials > li:after {
  content: "\201D";
  bottom: 0;
  right: 0;
}

.list-check {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  margin: 0 0 1.5rem;
}
.list-check li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-size: 18px;
  background-size: 1.125rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(../media/check-icon.svg);
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
}

.social-nav {
  position: fixed;
  top: 25%;
  right: 0;
  border-top-left-radius: 3px;
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 3px;
  border-bottom-left-radius: 0.1875rem;
  overflow: hidden;
  display: none;
}
@media screen and (min-width: 48em) {
  .social-nav {
    display: inherit;
  }
}
.social-nav ul {
  margin: 0;
  padding: 0;
}
.social-nav__item {
  display: block;
}
.social-nav__item a {
  display: block;
  padding: 8px;
  padding: 0.5rem;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  background-color: #8F8B05;
}
.social-nav__item a .icon {
  fill: #FFFFFF;
}
.social-nav__item a:hover, .social-nav__item a:focus, .social-nav__item a:active {
  background-color: #767304;
}

/**------------------------------------------*\
 * layout / _topbar
 *-------------------------------------------*/
.l-topbar {
  position: relative;
  color: #F9F9F9;
  background-color: #3C3B29;
  margin: auto;
  text-align: right;
  display: none;
}
@media screen and (min-width: 60em) {
  .l-topbar {
    padding-top: 24px;
    padding-top: 1.5rem;
    display: block;
  }
}
.l-topbar .btn {
  margin: 0;
  border-radius: 0;
}
.l-topbar-number {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 0 16px;
  padding: 0 1rem;
  text-shadow: 2px 2px 2px #000;
}
.l-topbar-times {
  color: #C4C2A1;
  text-shadow: 2px 2px 2px #000;
  padding: 0 16px;
  padding: 0 1rem;
}
.l-topbar-open {
  color: #C4C2A1;
  padding: 0 16px;
  padding: 0 1rem;
}
.l-topbar-number, .l-topbar-open {
  vertical-align: top;
  font-weight: 700;
  display: none;
}
@media screen and (min-width: 60em) {
  .l-topbar-number, .l-topbar-open {
    display: inline-block;
  }
}

/**------------------------------------------*\
 * layout / _footer
 *-------------------------------------------*/
.l-footer {
  position: relative;
  color: #F9F9F9;
  background-color: #3C3B29;
  margin: auto;
  border-top: 8px solid #D3D3D3;
}
.l-footer__bottom {
  text-align: center;
  background-color: #363525;
}
@media screen and (min-width: 48em) {
  .l-footer__bottom {
    text-align: inherit;
  }
}
.l-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-footer-copyright {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 60em) {
  .l-footer-copyright {
    padding: 18px 16px;
    padding: 1.125rem 1rem;
  }
}
.l-footer .widget {
  padding: 16px 0;
  padding: 1rem 0;
}
@media screen and (min-width: 48em) {
  .l-footer .widget {
    padding: 24px;
    padding: 1.5rem;
  }
}
.l-footer .widget li, .l-footer .widget p, .l-footer .widget address {
  font-size: 14px;
}
.l-footer .widget a {
  font-weight: 700;
}

.footer-title {
  position: relative;
  font-size: 20px;
}

.l-footer-company {
  text-align: center;
  font-size: 14px;
  padding: 24px;
  padding: 1.5rem;
}

.l-footer-logo,
.l-footer-address {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/**------------------------------------------*\
 * layout / _footermenu
 *-------------------------------------------*/
.l-footermenu__item {
  display: inline-block;
  vertical-align: top;
  padding: 8px 10px;
  padding: 0.5rem 0.625rem;
}
.l-footermenu__item a {
  position: relative;
  display: block;
  color: #F9F9F9;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.l-footermenu__item a:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  width: 0;
  bottom: -3px;
  bottom: -0.1875rem;
  height: 3px;
  height: 0.1875rem;
  background-color: #8F8B05;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.l-footermenu__item a:hover, .l-footermenu__item a:focus, .l-footermenu__item a:active {
  color: #FFF;
}
.l-footermenu__item a:hover:after, .l-footermenu__item a:focus:after, .l-footermenu__item a:active:after {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .l-footermenu {
    padding: 4px 8px;
    padding: 0.25rem 0.5rem;
    text-align: right;
  }
}
@media screen and (min-width: 60em) {
  .l-footermenu {
    padding: 8px;
    padding: 0.5rem;
  }
}

.search-form {
  margin: auto;
}
.search-form .site-search {
  position: relative;
  color: #FFF;
  background-color: #8F8B05;
  display: none;
  height: 64px;
  height: 4rem;
}
.search-form .site-search__field {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: 0;
  color: #FFFFFF;
  background-color: transparent;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 0 16px;
  padding: 0 1rem;
}
.search-form .site-search__submit {
  border: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  width: 4rem;
  height: 100%;
}
.search-form .site-search__submit svg {
  fill: #FFFFFF;
  width: 28px;
  width: 1.75rem;
  height: 28px;
  height: 1.75rem;
}
@media screen and (min-width: 60em) {
  .search-form .site-search {
    height: 96px;
    height: 6rem;
  }
  .search-form .site-search__field {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    padding: 0 24px;
    padding: 0 1.5rem;
  }
  .search-form .site-search__submit {
    width: 96px;
    width: 6rem;
  }
  .search-form .site-search__submit svg {
    width: 48px;
    width: 3rem;
    height: 48px;
    height: 3rem;
  }
}
.js-search--open .search-form .site-search {
  display: block;
}

/**------------------------------------------*\
 * layout / _header
 *-------------------------------------------*/
.l-header {
  position: relative;
  height: 64px;
  height: 4rem;
  color: #F9F9F9;
  background-color: #3C3B29;
  box-shadow: inset 0 -2px #5a593e;
}
.l-header .container {
  position: relative;
  height: 100%;
}
.l-header .container:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: inherit;
}
@media screen and (min-width: 60em) {
  .l-header {
    height: 112px;
    height: 7rem;
  }
}

/**------------------------------------------*\
 * layout / _trigger
 *-------------------------------------------*/
.trigger {
  position: absolute;
  top: 0;
  border: 0;
  width: 56px;
  width: 3.5rem;
  height: 56px;
  height: 3.5rem;
  margin: 4px;
  margin: 0.25rem;
  padding: 16px;
  padding: 1rem;
  text-align: center;
  border-radius: 50%;
}
.trigger:hover, .trigger:focus, .trigger:active {
  background-color: #3C3B29;
}
.trigger.is--active .bar {
  background-color: transparent;
}
.trigger.is--active .bar:before, .trigger.is--active .bar:after {
  background-color: #8F8B05;
}
.trigger.is--active .bar:before {
  -webkit-transform: translateY(8px) rotate(-45deg);
  -ms-transform: translateY(8px) rotate(-45deg);
  -o-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.trigger.is--active .bar:after {
  -webkit-transform: translateY(-8px) rotate(45deg);
  -ms-transform: translateY(-8px) rotate(45deg);
  -o-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}
.trigger .menu {
  height: 24px;
  width: 24px;
  position: relative;
  margin: auto;
  border: 2px solid transparent;
  border-radius: 100%;
  cursor: pointer;
}
.trigger .bar {
  height: 3px;
  width: 24px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  margin-top: -0.125rem;
  background-color: #F9F9F9;
  border-radius: 6px;
  transition: 0.2s;
}
.trigger .bar:before, .trigger .bar:after {
  content: "";
  position: relative;
  width: inherit;
  height: inherit;
  display: block;
  background-color: #F9F9F9;
  border-radius: inherit;
  transition: 0.4s;
}
.trigger .bar:before {
  top: -8px;
}
.trigger .bar:after {
  bottom: -5px;
}
.trigger span {
  position: absolute;
  top: 0;
  left: -999em;
}
.trigger--menu {
  left: 0;
}
@media screen and (min-width: 60em) {
  .trigger--menu {
    display: none;
  }
}
.trigger--search {
  right: 0;
}
.trigger--search .icon {
  fill: #F9F9F9;
}
@media screen and (min-width: 60em) {
  .trigger--search {
    top: 50%;
    margin: -32px 0 0;
    margin: -2rem 0 0;
  }
}

/**------------------------------------------*\
 * layout / _logo
 *-------------------------------------------*/
.l-logo {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: inherit;
  padding: 0 24px;
  padding: 0 1.5rem;
  text-align: center;
}
.l-logo:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: inherit;
}
@media screen and (min-width: 60em) {
  .l-logo {
    max-width: 33.3333%;
    padding: 24px;
    padding: 1.5rem;
    text-align: center;
  }
}
.l-logo a {
  display: inline-block;
  vertical-align: middle;
}
.l-logo .logo {
  position: relative;
  width: 120px;
  width: 7.5rem;
  height: auto;
}
@media screen and (min-width: 60em) {
  .l-logo .logo {
    width: 320px;
    width: 20rem;
    top: -136px;
  }
}
@media screen and (min-width: 71.25em) {
  .l-logo .logo {
    top: -72px;
  }
}

/**------------------------------------------*\
 * layout / _sitenav
 *-------------------------------------------*/
.c-nav-sitenav {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.c-nav-sitenav__item {
  display: block;
  text-align: left;
  position: relative;
}
.c-nav-sitenav__item a {
  color: #F9F9F9;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 16px;
  line-height: 1rem;
  text-transform: lowercase;
  font-family: "AmasisMT", Georgia, "Times New Roman", Times, serif;
  text-shadow: 2px 2px 2px #000;
}
@media screen and (max-width: 59.9375em) {
  .c-nav-sitenav {
    z-index: 10;
    opacity: 0;
    -webkit-transform: translate3d(0, 25%, 0);
    -ms-transform: translate3d(0, 25%, 0);
    -o-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    visibility: hidden;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
  }
  .js-nav--open .c-nav-sitenav {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  .c-nav-sitenav__item a {
    color: #F9F9F9;
    background-color: #8F8B05;
    padding: 16px;
    padding: 1rem;
  }
  .c-nav-sitenav__item a:hover, .c-nav-sitenav__item a:focus, .c-nav-sitenav__item a:active {
    background-color: #767304;
  }
}
@media screen and (min-width: 60em) {
  .c-nav-sitenav {
    position: relative;
    top: auto;
    left: auto;
    max-width: 66.666%;
    text-align: right;
    height: inherit;
  }
  .c-nav-sitenav > ul {
    height: inherit;
    font-size: 0;
  }
  .c-nav-sitenav__item {
    display: inline-block;
    padding: 0;
    height: inherit;
  }
  .c-nav-sitenav__item > a {
    position: relative;
    height: inherit;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 0 12px;
    padding: 0 0.75rem;
  }
  .c-nav-sitenav__item > a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: inherit;
  }
  .c-nav-sitenav__item > a:hover, .c-nav-sitenav__item > a:focus, .c-nav-sitenav__item > a:active {
    color: #F9F9F9;
  }
  .c-nav-sitenav__item > a:hover span, .c-nav-sitenav__item > a:focus span, .c-nav-sitenav__item > a:active span {
    border-color: #8F8B05;
  }
  .c-nav-sitenav__item span {
    position: relative;
    display: inline-block;
    padding: 4px 0;
    padding: 0.25rem 0;
    border-bottom: 4px solid transparent;
  }
}

.c-dropdown {
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  background-color: #767304;
  height: 0;
}
.is--active > .c-dropdown {
  height: auto;
}
.c-dropdown a {
  color: #FFFFFF;
  padding: 16px;
  padding: 1rem;
  background-color: #767304;
}
.c-dropdown a:hover, .c-dropdown a:focus, .c-dropdown a:active {
  background-color: #8F8B05;
}
@media screen and (min-width: 60em) {
  .c-dropdown {
    position: absolute;
    top: 100%;
    opacity: 0;
    z-index: 10;
    min-width: 240px;
    min-width: 15rem;
    visibility: hidden;
    -webkit-transform: translate3d(0, 25%, 0);
    -ms-transform: translate3d(0, 25%, 0);
    -o-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
  }
  .is--active > .c-dropdown {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  .c-dropdown a {
    background-color: #8F8B05;
    padding: 8px 16px;
    padding: 0.5rem 1rem;
  }
  .c-dropdown a:hover, .c-dropdown a:focus, .c-dropdown a:active {
    background-color: #767304;
  }
}

.l-hero {
  width: 100%;
}
@media screen and (min-width: 60em) {
  .l-hero {
    height: 576px;
    height: 36rem;
    overflow: hidden;
  }
}

.login {
  background-color: #3C3B29;
  background-image: url("../media/heartfelt-bg.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.login-wrap {
  height: 100%;
  text-align: center;
}
.login-wrap:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: inherit;
}

.login-panel {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  max-width: 320px;
  max-width: 20rem;
  padding: 24px 24px 72px;
  padding: 1.5rem 1.5rem 4.5rem;
  background-color: #FFFFFF;
  margin: auto;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-animation: popin 2ms ease-in;
  -moz-animation: popin 2ms ease-in;
  animation: popin 2ms ease-in;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  animation-delay: 100ms;
}
.login-panel .btn {
  float: right;
  margin-right: 0;
}

.login-link {
  display: inline-block;
  font-weight: 600;
  padding: 16px;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #464646;
}

@-webkit-keyframes popin {
  0% {
    opacity: 0;
  }
  50% {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}
@keyframes popin {
  0% {
    opacity: 0;
  }
  50% {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/* line 4, ../../src/sass/messenger.sass */
ul.messenger {
  margin: 0;
  padding: 0;
}

/* line 8, ../../src/sass/messenger.sass */
ul.messenger > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 14, ../../src/sass/messenger.sass */
ul.messenger.messenger-empty {
  display: none;
}

/* line 17, ../../src/sass/messenger.sass */
ul.messenger .messenger-message {
  overflow: hidden;
  *zoom: 1;
}

/* line 20, ../../src/sass/messenger.sass */
ul.messenger .messenger-message.messenger-hidden {
  display: none;
}

/* line 23, ../../src/sass/messenger.sass */
ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a {
  padding-right: 5px;
}

/* line 26, ../../src/sass/messenger.sass */
ul.messenger .messenger-message .messenger-actions {
  float: right;
}

/* line 29, ../../src/sass/messenger.sass */
ul.messenger .messenger-message .messenger-actions a {
  cursor: pointer;
  text-decoration: underline;
}

/* line 33, ../../src/sass/messenger.sass */
ul.messenger .messenger-message ul, ul.messenger .messenger-message ol {
  margin: 10px 18px 0;
}

/* line 36, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed {
  position: fixed;
  z-index: 10000;
}

/* line 40, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed .messenger-message {
  min-width: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 45, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed .message .messenger-actions {
  float: left;
}

/* line 48, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed.messenger-on-top {
  top: 20px;
}

/* line 51, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed.messenger-on-bottom {
  bottom: 20px;
}

/* line 54, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
  left: 50%;
  width: 800px;
  margin-left: -400px;
}

@media (max-width: 960px) {
  /* line 54, ../../src/sass/messenger.sass */
  ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
    left: 10%;
    width: 80%;
    margin-left: 0px;
  }
}
/* line 64, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right {
  right: 20px;
  left: auto;
}

/* line 68, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
  left: 20px;
  margin-left: 0px;
}

/* line 72, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left {
  width: 350px;
}

/* line 75, ../../src/sass/messenger.sass */
ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions {
  float: left;
}

/* line 78, ../../src/sass/messenger.sass */
ul.messenger .messenger-spinner {
  display: none;
}

@-webkit-keyframes ui-spinner-rotate-right {
  /* line 64, ../../src/sass/messenger-spinner.scss */
  0% {
    -webkit-transform: rotate(0deg);
  }
  /* line 65, ../../src/sass/messenger-spinner.scss */
  25% {
    -webkit-transform: rotate(180deg);
  }
  /* line 66, ../../src/sass/messenger-spinner.scss */
  50% {
    -webkit-transform: rotate(180deg);
  }
  /* line 67, ../../src/sass/messenger-spinner.scss */
  75% {
    -webkit-transform: rotate(360deg);
  }
  /* line 68, ../../src/sass/messenger-spinner.scss */
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes ui-spinner-rotate-left {
  /* line 72, ../../src/sass/messenger-spinner.scss */
  0% {
    -webkit-transform: rotate(0deg);
  }
  /* line 73, ../../src/sass/messenger-spinner.scss */
  25% {
    -webkit-transform: rotate(0deg);
  }
  /* line 74, ../../src/sass/messenger-spinner.scss */
  50% {
    -webkit-transform: rotate(180deg);
  }
  /* line 75, ../../src/sass/messenger-spinner.scss */
  75% {
    -webkit-transform: rotate(180deg);
  }
  /* line 76, ../../src/sass/messenger-spinner.scss */
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes ui-spinner-rotate-right {
  /* line 80, ../../src/sass/messenger-spinner.scss */
  0% {
    -moz-transform: rotate(0deg);
  }
  /* line 81, ../../src/sass/messenger-spinner.scss */
  25% {
    -moz-transform: rotate(180deg);
  }
  /* line 82, ../../src/sass/messenger-spinner.scss */
  50% {
    -moz-transform: rotate(180deg);
  }
  /* line 83, ../../src/sass/messenger-spinner.scss */
  75% {
    -moz-transform: rotate(360deg);
  }
  /* line 84, ../../src/sass/messenger-spinner.scss */
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-moz-keyframes ui-spinner-rotate-left {
  /* line 88, ../../src/sass/messenger-spinner.scss */
  0% {
    -moz-transform: rotate(0deg);
  }
  /* line 89, ../../src/sass/messenger-spinner.scss */
  25% {
    -moz-transform: rotate(0deg);
  }
  /* line 90, ../../src/sass/messenger-spinner.scss */
  50% {
    -moz-transform: rotate(180deg);
  }
  /* line 91, ../../src/sass/messenger-spinner.scss */
  75% {
    -moz-transform: rotate(180deg);
  }
  /* line 92, ../../src/sass/messenger-spinner.scss */
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes ui-spinner-rotate-right {
  /* line 96, ../../src/sass/messenger-spinner.scss */
  0% {
    transform: rotate(0deg);
  }
  /* line 97, ../../src/sass/messenger-spinner.scss */
  25% {
    transform: rotate(180deg);
  }
  /* line 98, ../../src/sass/messenger-spinner.scss */
  50% {
    transform: rotate(180deg);
  }
  /* line 99, ../../src/sass/messenger-spinner.scss */
  75% {
    transform: rotate(360deg);
  }
  /* line 100, ../../src/sass/messenger-spinner.scss */
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ui-spinner-rotate-left {
  /* line 104, ../../src/sass/messenger-spinner.scss */
  0% {
    transform: rotate(0deg);
  }
  /* line 105, ../../src/sass/messenger-spinner.scss */
  25% {
    transform: rotate(0deg);
  }
  /* line 106, ../../src/sass/messenger-spinner.scss */
  50% {
    transform: rotate(180deg);
  }
  /* line 107, ../../src/sass/messenger-spinner.scss */
  75% {
    transform: rotate(180deg);
  }
  /* line 108, ../../src/sass/messenger-spinner.scss */
  100% {
    transform: rotate(360deg);
  }
}
/* line 116, ../../src/sass/messenger-spinner.scss */
.messenger-spinner {
  position: relative;
  border-radius: 100%;
}

/* line 120, ../../src/sass/messenger-spinner.scss */
ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
  display: block;
}

/* line 124, ../../src/sass/messenger-spinner.scss */
.messenger-spinner .messenger-spinner-side {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}

/* line 130, ../../src/sass/messenger-spinner.scss */
.messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
  border-radius: 999px;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

/* line 140, ../../src/sass/messenger-spinner.scss */
.messenger-spinner .messenger-spinner-side-left {
  left: 0;
}

/* line 143, ../../src/sass/messenger-spinner.scss */
.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
  left: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-animation-name: ui-spinner-rotate-left;
  -moz-animation-name: ui-spinner-rotate-left;
  -ms-animation-name: ui-spinner-rotate-left;
  -o-animation-name: ui-spinner-rotate-left;
  animation-name: ui-spinner-rotate-left;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

/* line 152, ../../src/sass/messenger-spinner.scss */
.messenger-spinner .messenger-spinner-side-right {
  left: 50%;
}

/* line 155, ../../src/sass/messenger-spinner.scss */
.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
  left: -100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-animation-name: ui-spinner-rotate-right;
  -moz-animation-name: ui-spinner-rotate-right;
  -ms-animation-name: ui-spinner-rotate-right;
  -o-animation-name: ui-spinner-rotate-right;
  animation-name: ui-spinner-rotate-right;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

/* line 15, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future {
  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.24), 0px 1px 5px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c5b5b), color-stop(100%, #353535));
  background-image: -webkit-linear-gradient(#5c5b5b, #353535);
  background-image: -moz-linear-gradient(#5c5b5b, #353535);
  background-image: -o-linear-gradient(#5c5b5b, #353535);
  background-image: linear-gradient(#5c5b5b, #353535);
  background-color: #5c5b5b;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

/* line 23, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message {
  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  border: 0px;
  margin-bottom: 0px;
  font-size: 13px;
  background: transparent;
  color: #f0f0f0;
  text-shadow: 0px 1px #111111;
  font-weight: 500;
  padding: 10px 30px 13px 65px;
}

/* line 36, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message a {
  color: #5599ff;
}

/* line 39, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message .messenger-close {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #888888;
  text-shadow: 0px 1px black;
  opacity: 1;
  font-weight: bold;
  display: block;
  font-size: 20px;
  line-height: 20px;
  padding: 8px 10px 7px 7px;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

/* line 56, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message .messenger-close:hover {
  color: #bbbbbb;
}

/* line 59, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message .messenger-close:active {
  color: #777777;
}

/* line 62, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message .messenger-actions {
  float: none;
  margin-top: 10px;
}

/* line 66, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message .messenger-actions a {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  padding: 10px;
  color: #aaaaaa;
  text-shadow: 0px 1px #222222;
  margin-right: 10px;
  padding: 3px 10px 5px;
  text-transform: capitalize;
}

/* line 78, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message .messenger-actions a:hover {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.2);
  color: #f0f0f0;
}

/* line 82, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message .messenger-actions a:active {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28), inset 0px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
  color: #aaaaaa;
}

/* line 87, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message .messenger-actions .messenger-phrase {
  display: none;
}

/* line 90, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message .messenger-message-inner:before {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 17px;
  display: block;
  content: " ";
  top: 50%;
  margin-top: -8px;
  height: 13px;
  width: 13px;
  z-index: 20;
}

/* line 103, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message.alert-success .messenger-message-inner:before {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fca4a), color-stop(100%, #098d38));
  background-image: -webkit-linear-gradient(top, #5fca4a, #098d38);
  background-image: -moz-linear-gradient(top, #5fca4a, #098d38);
  background-image: -o-linear-gradient(top, #5fca4a, #098d38);
  background-image: linear-gradient(top, #5fca4a, #098d38);
  background-color: #5fca4a;
}

/* line 107, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message.alert-info .messenger-message-inner:before {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #61c4b8), color-stop(100%, #1992a3));
  background-image: -webkit-linear-gradient(top, #61c4b8, #1992a3);
  background-image: -moz-linear-gradient(top, #61c4b8, #1992a3);
  background-image: -o-linear-gradient(top, #61c4b8, #1992a3);
  background-image: linear-gradient(top, #61c4b8, #1992a3);
  background-color: #61c4b8;
}

/* line 113, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message.alert-error .messenger-message-inner:before {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd6a45), color-stop(100%, #91361a));
  background-image: -webkit-linear-gradient(top, #dd6a45, #91361a);
  background-image: -moz-linear-gradient(top, #dd6a45, #91361a);
  background-image: -o-linear-gradient(top, #dd6a45, #91361a);
  background-image: linear-gradient(top, #dd6a45, #91361a);
  background-color: #dd6a45;
}

/* line 32, ../../src/sass/messenger-spinner.scss */
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
  width: 32px;
  height: 32px;
  background: transparent;
}

/* line 37, ../../src/sass/messenger-spinner.scss */
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
  background: #dd6a45;
  -webkit-animation-duration: 20s;
  -moz-animation-duration: 20s;
  -ms-animation-duration: 20s;
  -o-animation-duration: 20s;
  animation-duration: 20s;
  opacity: 1;
}

/* line 45, ../../src/sass/messenger-spinner.scss */
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
  content: "";
  background: #333333;
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  display: block;
}

/* line 32, ../../src/sass/messenger-spinner.scss */
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
  width: 32px;
  height: 32px;
  background: transparent;
}

/* line 37, ../../src/sass/messenger-spinner.scss */
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
  background: #dd6a45;
  -webkit-animation-duration: 600s;
  -moz-animation-duration: 600s;
  -ms-animation-duration: 600s;
  -o-animation-duration: 600s;
  animation-duration: 600s;
  opacity: 1;
}

/* line 45, ../../src/sass/messenger-spinner.scss */
ul.messenger-theme-future .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
  content: "";
  background: #333333;
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  display: block;
}

/* line 125, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message-slot.messenger-last .messenger-message {
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  -ms-border-radius: 4px 4px 0px 0px;
  -o-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}

/* line 128, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message-slot.messenger-first .messenger-message {
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  -ms-border-radius: 0px 0px 4px 4px;
  -o-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
}

/* line 132, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-message-slot.messenger-first.messenger-last .messenger-message {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  -moz-box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  box-shadow: inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
}

/* line 136, ../../src/sass/messenger-theme-future.sass */
ul.messenger-theme-future .messenger-spinner {
  display: block;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -18px;
  z-index: 999;
  height: 32px;
  width: 32px;
  z-index: 10;
}

.home__sct {
  position: relative;
  overflow: hidden;
}
.home__projects, .home__info, .home__blog {
  display: inline-block;
  vertical-align: top;
}
.home__projects {
  background-color: #FFFFFF;
  text-align: center;
}
.home__blog-post {
  background-color: #E2E2E2;
  height: 100%;
  padding: 24px;
  padding: 1.5rem;
}

.post {
  display: inline-block;
  vertical-align: top;
}
.post__info {
  display: inline-block;
  vertical-align: top;
  padding: 24px;
  padding: 1.5rem;
  overflow: hidden;
}
.post__more {
  font-weight: 700;
  border: 0;
}

.bubble__title {
  font-size: 20px;
  font-size: 1.25rem;
}

.info-box {
  display: inline-block;
  padding: 24px;
  padding: 1.5rem;
  border-bottom: 1px solid #D3D3D3;
  background-color: #d5d5d5;
  height: 100%;
}
.info-box__title {
  font-size: 32px;
  font-size: 2rem;
  margin-top: -8px;
  margin-top: -0.5rem;
}
.info-box__title small {
  font-weight: 700;
  color: #8F8B05;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1em;
}

.project {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  background-color: #FFFFFF;
  border-radius: 3px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  overflow: hidden;
}
.project--home {
  margin: 0;
  border-radius: 0;
  background-color: transparent;
}
@media screen and (min-width: 48em) and (max-width: 59.99em) {
  .project--home {
    width: 50%;
  }
}
.project__category, .project__left, .project__right {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.project__category {
  width: 100%;
  color: #F9F9F9;
  padding: 16px;
  padding: 1rem;
  text-transform: uppercase;
}
.project__category--global {
  background-color: #FFFFFF;
}
.project__category--uk {
  background-color: #0431b4;
}
.project__category--overseas {
  background-color: #8F8B05;
}
.project__category h4 {
  font-size: 16px;
  line-height: 16px;
  padding: 0;
}
.project__category a {
  color: #FFF;
}
.project__left {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  max-width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
}
@media screen and (min-width: 60em) {
  .project__left {
    max-width: 33.3333%;
    -webkit-flex-basis: 33.3333%;
    -moz-flex-basis: 33.3333%;
    flex-basis: 33.3333%;
    -ms-flex-preferred-size: 33.3333%;
    min-height: 480px;
    min-height: 30rem;
  }
}
.project__right {
  max-width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
}
@media screen and (min-width: 60em) {
  .project__right {
    max-width: 66.6666%;
    -webkit-flex-basis: 66.6666%;
    -moz-flex-basis: 66.6666%;
    flex-basis: 66.6666%;
    -ms-flex-preferred-size: 66.6666%;
  }
}
.project__info {
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.75);
  height: auto;
  position: absolute;
  right: 0;
  left: 48px;
  left: 3rem;
  bottom: 48px;
  bottom: 3rem;
  padding: 16px;
  padding: 1rem;
  z-index: 1;
}
.project__info h2 {
  padding: 0;
}
.project__info p {
  padding: 0;
}
.project__bubble {
  position: relative;
  background-color: #3C3B29;
  text-align: left;
  border-radius: 5px;
  padding: 16px;
  padding: 1rem;
  margin: 24px;
  margin: 1.5rem;
}
.project__bubble:after {
  content: "";
  position: absolute;
  bottom: -32px;
  left: 32px;
  width: 0;
  height: 0;
  border: 16px solid #3C3B29;
  border-color: #3C3B29 transparent transparent transparent;
}
.project__bubble p {
  padding: 0;
}
.project__bubble img {
  width: 72px;
  height: 72px;
  border-radius: 100%;
  float: left;
  margin-right: 16px;
}

.project-single {
  padding: 24px;
  padding: 1.5rem;
}

.status {
  padding: 24px;
  padding: 1.5rem;
}
.status ul {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.cause__info, .cause__progress {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  max-width: 100%;
}
.cause__info {
  width: 100%;
  padding: 24px;
  padding: 1.5rem;
}
.cause__info .btn {
  margin: 0;
}
@media screen and (min-width: 60em) {
  .cause__info {
    width: 60%;
  }
}
.cause__progress {
  width: 100%;
  background-color: #e2e2e2;
}
@media screen and (min-width: 60em) {
  .cause__progress {
    width: 40%;
  }
}
.cause__progress .btn {
  margin: 0;
  width: 100%;
  position: absolute;
  display: block;
  bottom: 0;
  border-radius: 0;
}

.progress-bar {
  height: 12px;
  width: 100%;
  display: block;
  background-color: #FFF;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 auto 24px;
  margin: 0 auto 1.5rem;
}
.progress-bar__status {
  display: block;
  height: 100%;
  background-color: #8F8B05;
}

/**------------------------------------*\
 * regions / _main
 * ^.ar-address
 *------------------------------------*/
.address {
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

/**------------------------------------*\
 * regions / _main
 * ^.ar-rule
 *------------------------------------*/
.rule {
  width: 50%;
  margin: 8px auto;
  margin: 0.5rem auto;
  border-width: 1px;
  border-style: solid;
  border-color: #f2f2f2;
}

/**------------------------------------*\
 * regions / _main
 * ^.ar-filter
 *------------------------------------*/
.filters {
  text-align: right;
  margin: 24px 0;
  margin: 1.5rem 0;
  background-color: #FFFFFF;
  border-radius: 3px;
  padding: 24px;
  padding: 1.5rem;
}

/**------------------------------------*\
 * regions / _main
 * ^.ar-filter-nav
 *------------------------------------*/
.filter-nav {
  display: inline-block;
  vertical-align: middle;
}
.filter-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.filter-nav__item {
  display: inline-block;
}
.filter-nav__item a {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
  display: block;
  padding: 10px 18px;
  padding: 0.625rem 1.125rem;
  border-radius: 3px;
  margin: 0 4px;
  margin: 0 0.25rem;
  text-transform: uppercase;
}
.filter-nav__item a:hover, .filter-nav__item a:focus, .filter-nav__item a:active {
  color: #FFF;
}
.filter-nav__item--global a {
  background-color: #FFFFFF;
}
.filter-nav__item--uk a {
  background-color: #0431b4;
}
.filter-nav__item--overseas a {
  background-color: #8F8B05;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 *   Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *   Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/*
 *   Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.owl-dots {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
  left: 0;
  right: 0;
  padding: 8px;
  padding: 0.5rem;
  text-align: center;
}

.owl-dot {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  margin: 4px;
  opacity: 0.5;
}
.owl-dot.active {
  opacity: 1;
}
.owl-dot.active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: 3px;
  width: 8px;
  height: 8px;
  background-color: #FFFFFF;
  border-radius: 50%;
}

.owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  display: none;
}
@media screen and (min-width: 60em) {
  .owl-nav {
    display: inherit;
  }
}

.owl-next,
.owl-prev {
  display: block;
  height: 40px;
  color: #FFFFFF;
  background-color: #8F8B05;
  padding: 12px 16px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.owl-prev {
  float: left;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.owl-next {
  float: right;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.u-g {
  width: 100%;
  max-width: 100%;
  list-style: none;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
}
.u-g--rev {
  direction: rtl;
  text-align: left;
}
.u-g--right {
  text-align: right;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.u-g--center {
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.u-g--contain {
  max-width: 1152px;
  max-width: 72rem;
  margin: auto;
}
.u-g-i {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.one-whole {
  max-width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
}

.one-quarter {
  max-width: 25%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
}

.one-third {
  max-width: 33.3333%;
  -webkit-flex-basis: 33.3333%;
  -moz-flex-basis: 33.3333%;
  flex-basis: 33.3333%;
  -ms-flex-preferred-size: 33.3333%;
}

.one-half {
  max-width: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
}

.two-thirds {
  width: 66.6666%;
  -webkit-flex-basis: 66.6666%;
  -moz-flex-basis: 66.6666%;
  flex-basis: 66.6666%;
  -ms-flex-preferred-size: 66.6666%;
}

.three-quarters {
  max-width: 75%;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
}

@media screen and (min-width: 480px) and (max-width: 839px) {
  .md--one-whole {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
  }

  .md--one-half,
  .md--two-quarters,
  .md--three-sixths,
  .md--four-eights {
    max-width: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
  }

  .md--one-third,
  .md--two-sixths {
    max-width: 33.3333%;
    -webkit-flex-basis: 33.3333%;
    -moz-flex-basis: 33.3333%;
    flex-basis: 33.3333%;
    -ms-flex-preferred-size: 33.3333%;
  }

  .md--two-thirds,
  .md--four-sixths {
    max-width: 66.6666%;
    -webkit-flex-basis: 66.6666%;
    -moz-flex-basis: 66.6666%;
    flex-basis: 66.6666%;
    -ms-flex-preferred-size: 66.6666%;
  }

  .md--one-quarter,
  .md--two-eighths {
    max-width: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
  }

  .md--three-quarters,
  .md--six-eighths {
    max-width: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
  }

  .md--one-fifth {
    max-width: 20%;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
  }

  .md--two-fifths {
    max-width: 40%;
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
  }

  .md--three-fifths {
    max-width: 60%;
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
  }

  .md--four-fifths {
    max-width: 80%;
    -webkit-flex-basis: 80%;
    -moz-flex-basis: 80%;
    flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
  }

  .md--one-sixth {
    max-width: 16.6666%;
    -webkit-flex-basis: 16.6666%;
    -moz-flex-basis: 16.6666%;
    flex-basis: 16.6666%;
    -ms-flex-preferred-size: 16.6666%;
  }

  .md--one-eighth {
    max-width: 12.5%;
    -webkit-flex-basis: 12.5%;
    -moz-flex-basis: 12.5%;
    flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
  }

  .md--three-eighths {
    max-width: 37.5%;
    -webkit-flex-basis: 37.5%;
    -moz-flex-basis: 37.5%;
    flex-basis: 37.5%;
    -ms-flex-preferred-size: 37.5%;
  }

  .md--five-eighths {
    max-width: 62.5%;
    -webkit-flex-basis: 62.5%;
    -moz-flex-basis: 62.5%;
    flex-basis: 62.5%;
    -ms-flex-preferred-size: 62.5%;
  }

  .md--seven-eighths {
    max-width: 87.5%;
    -webkit-flex-basis: 87.5%;
    -moz-flex-basis: 87.5%;
    flex-basis: 87.5%;
    -ms-flex-preferred-size: 87.5%;
  }
}
@media screen and (min-width: 840px) {
  .lg--one-whole {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
  }

  .lg--one-half,
  .lg--two-quarters,
  .lg--three-sixths,
  .lg--four-eighths,
  .lg--five-tenths,
  .lg--six-twelfths {
    max-width: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
  }

  .lg--one-third,
  .lg--two-sixths,
  .lg--four-twelfths {
    max-width: 33.3333%;
    -webkit-flex-basis: 33.3333%;
    -moz-flex-basis: 33.3333%;
    flex-basis: 33.3333%;
    -ms-flex-preferred-size: 33.3333%;
  }

  .lg--two-thirds,
  .lg--four-sixths,
  .lg--eight-twelfths {
    max-width: 66.6666%;
    -webkit-flex-basis: 66.6666%;
    -moz-flex-basis: 66.6666%;
    flex-basis: 66.6666%;
    -ms-flex-preferred-size: 66.6666%;
  }

  .lg--one-quarter,
  .lg--two-eighths,
  .lg--three-twelfths {
    max-width: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
  }

  .lg--three-quarters,
  .lg--six-eighths,
  .lg--nine-twelfths {
    max-width: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
  }

  .lg--one-fifth,
  .lg--two-tenths {
    max-width: 20%;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
  }

  .lg--two-fifths,
  .lg--four-tenths {
    max-width: 40%;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
  }

  .lg--three-fifths,
  .lg--six-tenths {
    max-width: 60%;
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
  }

  .lg--four-fifths,
  .lg--eight-tenths {
    max-width: 80%;
    -webkit-flex-basis: 80%;
    -moz-flex-basis: 80%;
    flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
  }

  .lg--one-sixth,
  .lg--two-twelfths {
    max-width: 16.6666%;
    -webkit-flex-basis: 16.6666%;
    -moz-flex-basis: 16.6666%;
    flex-basis: 16.6666%;
    -ms-flex-preferred-size: 16.6666%;
  }

  .lg--five-sixths,
  .lg--ten-twelfths {
    max-width: 83.3333%;
    -webkit-flex-basis: 83.3333%;
    -moz-flex-basis: 83.3333%;
    flex-basis: 83.3333%;
    -ms-flex-preferred-size: 83.3333%;
  }

  .lg--one-eighth {
    max-width: 12.5%;
    -webkit-flex-basis: 12.5%;
    -moz-flex-basis: 12.5%;
    flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
  }

  .lg--three-eighths {
    max-width: 37.5%;
    -webkit-flex-basis: 37.5%;
    -moz-flex-basis: 37.5%;
    flex-basis: 37.5%;
    -ms-flex-preferred-size: 37.5%;
  }

  .lg--five-eighths {
    max-width: 62.5%;
    -webkit-flex-basis: 62.5%;
    -moz-flex-basis: 62.5%;
    flex-basis: 62.5%;
    -ms-flex-preferred-size: 62.5%;
  }

  .lg--seven-eighths {
    max-width: 87.5%;
    -webkit-flex-basis: 87.5%;
    -moz-flex-basis: 87.5%;
    flex-basis: 87.5%;
    -ms-flex-preferred-size: 87.5%;
  }

  .lg--one-tenth {
    max-width: 10%;
    -webkit-flex-basis: 10%;
    -moz-flex-basis: 10%;
    flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
  }

  .lg--three-tenths {
    max-width: 30%;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
  }

  .lg--seven-tenths {
    max-width: 70%;
    -webkit-flex-basis: 70%;
    -moz-flex-basis: 70%;
    flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
  }

  .lg--nine-tenths {
    max-width: 90%;
    -webkit-flex-basis: 90%;
    -moz-flex-basis: 90%;
    flex-basis: 90%;
    -ms-flex-preferred-size: 90%;
  }

  .lg--one-twelfth {
    max-width: 8.3333%;
    -webkit-flex-basis: 8.3333%;
    -moz-flex-basis: 8.3333%;
    flex-basis: 8.3333%;
    -ms-flex-preferred-size: 8.3333%;
  }

  .lg--five-twelfths {
    max-width: 41.6666%;
    -webkit-flex-basis: 41.6666%;
    -moz-flex-basis: 41.6666%;
    flex-basis: 41.6666%;
    -ms-flex-preferred-size: 41.6666%;
  }

  .lg--seven-twelfths {
    max-width: 58.3333%;
    -webkit-flex-basis: 58.3333%;
    -moz-flex-basis: 58.3333%;
    flex-basis: 58.3333%;
    -ms-flex-preferred-size: 58.3333%;
  }

  .lg--eleven-twelfths {
    max-width: 91.6666%;
    -webkit-flex-basis: 91.6666%;
    -moz-flex-basis: 91.6666%;
    flex-basis: 91.6666%;
    -ms-flex-preferred-size: 91.6666%;
  }
}
.u-relative {
  position: relative;
}

.u-absolute {
  position: absolute;
}

.u-fixed {
  position: fixed;
}

.u-pull-l {
  float: left;
}

.u-pull-r {
  float: right;
}

.u-no-p {
  padding: 0 !important;
}

.u-no-m {
  margin: 0 !important;
}

.u-mrs {
  margin-right: 8px;
}

.u-mrsd {
  margin-right: 16px;
}

.u-mls {
  margin-left: 8px;
}

.u-mlsd {
  margin-left: 16px;
}

.u-pst {
  padding: 24px;
  padding: 1.5rem;
}

.u-txt-sm {
  font-size: 14px;
  line-height: 16px;
}

.u-cf:after {
  content: "";
  display: table;
  clear: both;
}

.u-top-l {
  top: 0;
  left: 0;
}

.u-top-r {
  top: 0;
  right: 0;
}

.u-txt-r {
  text-align: right;
}

.u-txt-l {
  text-align: left;
}

.u-txt-c {
  text-align: center;
}

.u-divider {
  margin: 16px 0;
  margin: 1rem 0;
}

.lead {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
}

.wp-caption {
  font-weight: inherit;
}

.wp-caption-text {
  font-weight: inherit;
}

.sticky {
  font-weight: inherit;
}

.gallery-caption {
  font-weight: inherit;
}

.bypostauthor {
  color: #8F8B05;
}

.alignright {
  float: right;
  margin-left: 24px;
  margin-left: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.alignleft {
  float: left;
  margin-right: 24px;
  margin-right: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.aligncenter {
  margin: auto;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}