@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap");

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0d6efd;
  text-decoration: underline;
}

a:hover {
  color: #0a58ca;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  overflow-x: hidden;
}

* {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
}
.list-inline li {
  display: inline-block;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 767.98px) {
  .list-inline li {
    display: block;
    width: 100%;
  }
}

ul {
  margin-left: 1rem;
}
ul.list-btns {
  margin-top: 2rem;
  margin-left: 0 !important;
  display: flex;
  flex-flow: row wrap;
}
ul.list-btns li {
  flex: 1;
}
ul.list-btns li:first-child {
  text-align: left;
}
ul.list-btns li:last-child {
  text-align: right;
  margin-right: 0;
}
ul.list-btns li a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.5;
  color: #95803A;
  font-style: normal;
}
ul.list-btns li a.first:before {
  content: "<  ";
  color: #95803A;
}
ul.list-btns li a.last:after {
  content: "  >";
  color: #95803A;
}
ul.list-btns li a:hover {
  text-decoration: underline;
}

/* 9. Sidebar Sticky */
#side-contact-form {
  position: fixed;
  z-index: 999;
  top: 25vh;
  right: -400px;
  left: auto;
  max-width: 400px;
  transform: translateY(0);
  width: calc(100% - 50px);
}

#side-contact-form-trigger-wrap {
  position: absolute;
  width: 230px;
  height: 35px;
  left: -132px;
  top: 40%;
  /*248px*/
  transform: rotate(-90deg);
  bottom: 0;
  z-index: 100;
  cursor: pointer;
  background: #917e3f;
  transition-delay: 0.5s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#side-contact-form-trigger-wrap p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding-top: 0;
  text-transform: uppercase;
  margin: 7px 0 10px;
  font-family: "Playfair Display", serif;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
  letter-spacing: 2px;
}

#side-contact-form-trigger-wrap p span {
  font-weight: 700;
}

#side-contact-form.move-left {
  transform: translateX(-100%);
}

#side-contact-form .uk-panel-scrollable {
  background: #fff;
  height: 100%;
}

.form-wrap {
  padding: 30px 30px 40px;
  min-height: 400px;
}

/* Sidebar Sticky End */
@media only screen and (max-width: 321px) {
  #side-contact-form {
    right: -270px;
    top: 23vh;
  }
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
  #side-contact-form {
    right: -310px;
  }
}
@media only screen and (min-width: 361px) and (max-width: 375px) {
  #side-contact-form {
    right: -325px;
  }
}
@media only screen and (min-width: 470px) {
  #side-contact-form {
    right: -400px;
  }
}
@media only screen and (min-width: 992px) {
  #side-contact-form {
    top: 35vh;
  }

  #side-contact-form.move-left #side-contact-form-trigger-wrap {
    transition-delay: 0.05s;
  }

  #side-contact-form-trigger-wrap {
    width: 130px;
    left: -82px;
    top: 40%;
    /*248px*/
    transform: rotate(-90deg);
    /* Legacy vendor prefixes that you probably don't need... */
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }

  #side-contact-form-trigger-wrap p {
    padding-left: 18px;
  }
}
.m-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 960px) {
  .w-2-3 {
    width: calc(100% * 2 / 3.001);
  }
}
.width-400 {
  width: 400px !important;
}

.mw-400 {
  max-width: 400px !important;
}

.mw-485 {
  max-width: 485px !important;
}

.mw-500 {
  max-width: 500px !important;
}

.mw-550 {
  max-width: 550px !important;
}

.mw-600 {
  max-width: 600px !important;
}

/* 10. Scroll */
.content {
  height: 260px;
  max-width: 100%;
  position: relative;
  display: block;
}

.mCustomScrollBox {
  padding-bottom: 45px;
}

.mCSB_scrollTools {
  position: absolute;
  right: auto;
  left: 5px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #95803A !important;
  border-radius: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  display: none;
}

.mCSB_draggerContainer {
  height: 100% !important;
}

.mCSB_dragger_bar {
  width: 7px !important;
}

.mCSB_scrollTools .mCSB_dragger {
  width: 10px;
  z-index: 99999999;
  height: 45px !important;
  transform: translateX(-50%);
  left: 1px;
}

.mCSB_scrollTools_vertical {
  width: 10px;
}

.mCSB_scrollTools_vertical::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #eeeeee;
}

/* Mobile View Content */
.mobile-view .content {
  top: 5%;
  height: 83%;
}

.mobile-view #mCSB_2_scrollbar_vertical {
  visibility: hidden;
  opacity: 0;
}

.mobile-view .mCSB_inside > .mCSB_container {
  margin: 0;
}

/* Mobile View Content End*/
/* Scroll end */
.btn-outline-gold {
  margin-top: 2rem;
  width: 100%;
  display: block;
  text-align: center;
  border: 2px solid #95803A;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  padding: 0.5rem;
}
.btn-outline-gold:hover {
  background-color: #95803A;
  color: #eeeeee !important;
  text-decoration: none !important;
}
.btn-outline-gold:hover:before {
  color: #eeeeee !important;
}
.btn-outline-gold:hover:after {
  color: #eeeeee !important;
}

@media (min-width: 992px) {
  .d-lg-block {
    display: block;
  }

  .d-sm-block {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .d-lg-block {
    display: none;
  }

  .d-sm-block {
    display: block;
  }
}
.font-ssp {
  font-family: "Source Sans Pro", sans-serif !important;
}

@font-face {
  font-family: "Gill Sans";
  src: url("./fonts/GillSans.woff2") format("woff2"), url("./fonts/GillSans.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Minion Pro";
  src: url("./fonts/MinionPro-Regular.woff2") format("woff2"), url("./fonts/MinionPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.transition {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

html, body {
  height: 100%;
}

body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  font-style: normal;
}
body.scroll {
  overflow: visible !important;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media only screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media only screen and (min-width: 1920px) {
  .container {
    width: 1890px;
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  font-style: normal;
}

/* ========================================================================
   Component: Form
 ========================================================================== */
/*
 * 1. Define consistent box sizing.
 *    Default is `content-box` with following exceptions set to `border-box`
 *    `select`, `input[type="checkbox"]` and `input[type="radio"]`
 *    `input[type="search"]` in Chrome, Safari and Opera
 *    `input[type="color"]` in Firefox
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Change font properties to `inherit` in all browsers.
 */
.uk-input,
.uk-select,
.uk-textarea,
.uk-radio,
.uk-checkbox {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
}

/*
 * Show the overflow in Edge.
 */
.uk-input {
  overflow: visible;
}

/*
 * Remove the inheritance of text transform in Firefox.
 */
.uk-select {
  text-transform: none;
}

/*
 * 1. Change font properties to `inherit` in all browsers
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
.uk-select optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}

/*
 * Remove the default vertical scrollbar in IE 10+.
 */
.uk-textarea {
  overflow: auto;
}

/*
 * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
 */
.uk-input[type=search]::-webkit-search-cancel-button,
.uk-input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
.uk-input[type=number]::-webkit-inner-spin-button,
.uk-input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/*
 * Removes placeholder transparency in Firefox.
 */
.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
  opacity: 1;
}

/*
 * Improves consistency of cursor style for clickable elements
 */
.uk-radio:not(:disabled),
.uk-checkbox:not(:disabled) {
  cursor: pointer;
}

/*
 * Define consistent border, margin, and padding.
 */
.uk-fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/* Input, select and textarea
 * Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`,  `month`,
            `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color`
 * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image`
 ========================================================================== */
/*
 * Remove default style in iOS.
 */
.uk-input,
.uk-textarea {
  -webkit-appearance: none;
}

/*
 * 1. Prevent content overflow if a fixed width is used
 * 2. Take the full width
 * 3. Reset default
 * 4. Style
 */
.uk-input,
.uk-select,
.uk-textarea {
  /* 1 */
  max-width: 100%;
  /* 2 */
  width: 100%;
  /* 3 */
  border: 0 none;
  /* 4 */
  padding: 0 10px;
  background: #fff;
  color: #231f20;
  border: 1px solid #e5e5e5;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
}

/*
 * Single-line
 * 1. Allow any element to look like an `input` or `select` element
 * 2. Make sure line-height is not larger than height
 *    Also needed to center the text vertically
 */
.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: 40px;
  vertical-align: middle;
  /* 1 */
  display: inline-block;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 1rem;
}

/* 2 */
.uk-input:not(input),
.uk-select:not(select) {
  line-height: 38px;
}

/*
 * Multi-line
 */
.uk-select[multiple],
.uk-select[size],
.uk-textarea {
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: top;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 1rem;
}

/* Focus */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  outline: none;
  background-color: #fff;
  color: #231f20;
  border-color: #1e87f0;
}

/* Disabled */
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
  background-color: #f8f8f8;
  color: #b1b9c4;
  border-color: #e5e5e5;
}

/*
 * Placeholder
 */
.uk-input::-ms-input-placeholder {
  color: #b1b9c4 !important;
}

.uk-input::placeholder {
  color: #b1b9c4;
}

.uk-textarea::-ms-input-placeholder {
  color: #b1b9c4 !important;
}

.uk-textarea::placeholder {
  color: #b1b9c4;
}

/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Small
 */
.uk-form-small {
  font-size: 0.875rem;
}

.uk-form-small:not(textarea):not([multiple]):not([size]) {
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
}

.uk-form-small:not(select):not(input):not(textarea) {
  line-height: 28px;
}

/*
 * Large
 */
.uk-form-large {
  font-size: 1.25rem;
}

.uk-form-large:not(textarea):not([multiple]):not([size]) {
  height: 55px;
  padding-left: 12px;
  padding-right: 12px;
}

.uk-form-large:not(select):not(input):not(textarea) {
  line-height: 53px;
}

/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Error
 */
.uk-form-danger,
.uk-form-danger:focus {
  color: #f0506e;
  border-color: #f0506e;
}

/*
 * Success
 */
.uk-form-success,
.uk-form-success:focus {
  color: #32d296;
  border-color: #32d296;
}

/*
 * Blank
 */
.uk-form-blank {
  background: none;
  border-color: transparent;
}

.uk-form-blank:focus {
  border-color: #e5e5e5;
  border-style: dashed;
}

/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Fixed widths
 * Different widths for mini sized `input` and `select` elements
 */
input.uk-form-width-xsmall {
  width: 50px;
}

select.uk-form-width-xsmall {
  width: 75px;
}

.uk-form-width-small {
  width: 130px;
}

.uk-form-width-medium {
  width: 200px;
}

.uk-form-width-large {
  width: 500px;
}

/* Select
 ========================================================================== */
/*
 * 1. Remove default style. Also works in Firefox
 * 2. Style
 * 3. Remove default style in IE 10/11
 * 4. Set `color` for options in the select dropdown, because the inherited `color` might be too light.
 */
.uk-select:not([multiple]):not([size]) {
  /* 1 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 2 */
  padding-right: 20px;
  background-image: url("../../images/backgrounds/form-select.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

/* 3 */
.uk-select:not([multiple]):not([size])::-ms-expand {
  display: none;
}

/* 4 */
.uk-select:not([multiple]):not([size]) option {
  color: #444;
}

/*
 * Disabled
 */
.uk-select:not([multiple]):not([size]):disabled {
  background-image: url("../../images/backgrounds/form-select.svg");
}

/* Datalist
 ========================================================================== */
/*
 * 1. Remove default style in Chrome
 */
.uk-input[list] {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.uk-input[list]:hover,
.uk-input[list]:focus {
  background-image: url("../../images/backgrounds/form-datalist.svg");
}

/* 1 */
.uk-input[list]::-webkit-calendar-picker-indicator {
  display: none;
}

/* Radio and checkbox
 * Note: Does not work in IE11
 ========================================================================== */
/*
 * 1. Style
 * 2. Make box more robust so it clips the child element
 * 3. Vertical alignment
 * 4. Remove default style
 * 5. Fix black background on iOS
 * 6. Center icons
 */
.uk-radio,
.uk-checkbox {
  /* 1 */
  display: inline-block;
  height: 16px;
  width: 16px;
  /* 2 */
  overflow: hidden;
  /* 3 */
  margin-top: -4px;
  vertical-align: middle;
  /* 4 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 5 */
  background-color: transparent;
  /* 6 */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #cccccc;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border;
}

.uk-radio {
  border-radius: 50%;
}

/* Focus */
.uk-radio:focus,
.uk-checkbox:focus {
  outline: none;
  border-color: #1e87f0;
}

/*
 * Checked
 */
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: #1e87f0;
  border-color: transparent;
}

/* Focus */
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: #0e6dcd;
}

/*
 * Icons
 */
.uk-radio:checked {
  background-image: url("../../images/backgrounds/form-radio.svg");
}

.uk-checkbox:checked {
  background-image: url("../../images/backgrounds/form-checkbox.svg");
}

.uk-checkbox:indeterminate {
  background-image: url("../../images/backgrounds/form-checkbox-indeterminate.svg");
}

/*
 * Disabled
 */
.uk-radio:disabled,
.uk-checkbox:disabled {
  background-color: #f8f8f8;
  border-color: #e5e5e5;
}

.uk-radio:disabled:checked {
  background-image: url("../../images/backgrounds/form-radio.svg");
}

.uk-checkbox:disabled:checked {
  background-image: url("../../images/backgrounds/form-checkbox.svg");
}

.uk-checkbox:disabled:indeterminate {
  background-image: url("../../images/backgrounds/form-checkbox-indeterminate.svg");
}

/* Legend
 ========================================================================== */
/*
 * Legend
 * 1. Behave like block element
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove padding so people aren't caught out if they zero out fieldsets.
 * 4. Style
 */
.uk-legend {
  /* 1 */
  width: 100%;
  /* 2 */
  color: inherit;
  /* 3 */
  padding: 0;
  /* 4 */
  font-size: 1.5rem;
  line-height: 1.4;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  line-height: 1.5;
  font-style: normal;
  letter-spacing: 2px;
}

/* Custom controls
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 */
.uk-form-custom {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
}

/*
 * 1. Position and resize the form control to always cover its container
 * 2. Required for Firefox for positioning to the left
 * 3. Required for Webkit to make `height` work
 * 4. Hide controle and show cursor
 * 5. Needed for the cursor
 * 6. Clip height caused by 5. Needed for Webkit only
 */
.uk-form-custom select,
.uk-form-custom input[type=file] {
  /* 1 */
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  /* 2 */
  left: 0;
  /* 3 */
  -webkit-appearance: none;
  /* 4 */
  opacity: 0;
  cursor: pointer;
}

.uk-form-custom input[type=file] {
  /* 5 */
  font-size: 500px;
  /* 6 */
  overflow: hidden;
}

/* Label
 ========================================================================== */
.uk-form-label {
  color: #000;
  font-size: 0.875rem;
}

/* Layout
 ========================================================================== */
/*
 * Stacked
 */
.uk-form-stacked .uk-form-label {
  display: block;
  margin-bottom: 5px;
}

/*
 * Horizontal
 */
/* Tablet portrait and smaller */
@media (max-width: 959px) {
  /* Behave like `uk-form-stacked` */
  .uk-form-horizontal .uk-form-label {
    display: block;
    margin-bottom: 5px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-form-horizontal .uk-form-label {
    width: 200px;
    margin-top: 7px;
    float: left;
  }

  .uk-form-horizontal .uk-form-controls {
    margin-left: 215px;
  }

  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
  .uk-form-horizontal .uk-form-controls-text {
    padding-top: 7px;
  }
}
/* Icons
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set width
 * 3. Center icon vertically and horizontally
 * 4. Style
 */
.uk-form-icon {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  width: 40px;
  /* 3 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* 4 */
  color: #b1b9c4;
}

/*
 * Required for `a`.
 */
.uk-form-icon:hover {
  color: #231f20;
}

/*
 * Make `input` element clickable through icon, e.g. if it's a `span`
 */
.uk-form-icon:not(a):not(button):not(input) {
  pointer-events: none;
}

/*
 * Input padding
 */
.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
  padding-left: 40px !important;
}

/*
 * Position modifier
 */
.uk-form-icon-flip {
  right: 0;
  left: auto;
}

.uk-form-icon-flip ~ .uk-input {
  padding-right: 40px !important;
}

/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Address `overflow` set to `hidden` in IE.
 * 4. Correct `font` properties and `color` not being inherited for `button`.
 * 5. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 6. Remove default style for `input type="submit"`in iOS.
 * 7. Style
 * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
 *    Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
 * 9. Align text if button has a width
 * 10. Required for `a`.
 */
.uk-button {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  overflow: visible;
  /* 4 */
  font: inherit;
  color: inherit;
  /* 5 */
  text-transform: none;
  /* 6 */
  -webkit-appearance: none;
  border-radius: 0;
  /* 7 */
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: 0.875rem;
  /* 8 */
  line-height: 38px;
  /* 9 */
  text-align: center;
  /* 10 */
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color;
}

.uk-button:not(:disabled) {
  cursor: pointer;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 1rem;
}

/*
 * Remove the inner border and padding in Firefox.
 */
.uk-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Hover */
.uk-button:hover {
  /* 9 */
  text-decoration: none;
}

/* Focus */
.uk-button:focus {
  outline: none;
}

/* OnClick + Active */
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-button-default {
  background-color: transparent;
  color: #000;
  border: 1px solid #e5e5e5;
}

/* Hover + Focus */
.uk-button-default:hover,
.uk-button-default:focus {
  background-color: transparent;
  color: #000;
  border-color: #b2b2b2;
}

/* OnClick + Active */
.uk-button-default:active,
.uk-button-default.uk-active {
  background-color: transparent;
  color: #000;
  border-color: #999999;
}

/*
 * Primary
 */
.uk-button-primary {
  background-color: #1e87f0;
  color: #fff;
  border: 1px solid transparent;
}

/* Hover + Focus */
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #0f7ae5;
  color: #fff;
}

/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #0e6dcd;
  color: #fff;
}

/*
 * Secondary
 */
.uk-button-secondary {
  background-color: #222;
  color: #fff;
  border: 1px solid transparent;
}

/* Hover + Focus */
.uk-button-secondary:hover,
.uk-button-secondary:focus {
  background-color: #151515;
  color: #fff;
}

/* OnClick + Active */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #080808;
  color: #fff;
}

/*
 * Danger
 */
.uk-button-danger {
  background-color: #f0506e;
  color: #fff;
  border: 1px solid transparent;
}

/* Hover + Focus */
.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: #ee395b;
  color: #fff;
}

/* OnClick + Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #ec2147;
  color: #fff;
}

/*
 * Disabled
 * The same for all style modifiers
 */
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
  background-color: transparent;
  color: #b1b9c4;
  border-color: #e5e5e5;
}

/* Size modifiers
 ========================================================================== */
.uk-button-small {
  padding: 0 15px;
  line-height: 28px;
  font-size: 0.875rem;
}

.uk-button-large {
  padding: 0 40px;
  line-height: 53px;
  font-size: 0.875rem;
}

/* Text modifiers
 ========================================================================== */
/*
 * Text
 * 1. Reset
 * 2. Style
 */
.uk-button-text {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #000;
  position: relative;
}

.uk-button-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  border-bottom: 1px solid #000;
  transition: right 0.3s ease-out;
}

/* Hover + Focus */
.uk-button-text:hover,
.uk-button-text:focus {
  color: #000;
}

.uk-button-text:hover::before,
.uk-button-text:focus::before {
  right: 0;
}

/* Disabled */
.uk-button-text:disabled {
  color: #b1b9c4;
}

.uk-button-text:disabled::before {
  display: none;
}

/*
 * Link
 * 1. Reset
 * 2. Style
 */
.uk-button-link {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #adb6c1;
}

/* Hover + Focus */
.uk-button-link:hover,
.uk-button-link:focus {
  color: #13c0f2;
  text-decoration: underline;
}

/* Disabled */
.uk-button-link:disabled {
  color: #b1b9c4;
  text-decoration: none;
}

/* Group
 ========================================================================== */
/*
 * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements
 * 2. Behave like button
 * 3. Create position context
 */
.uk-button-group {
  /* 1 */
  display: inline-flex;
  /* 2 */
  vertical-align: middle;
  /* 3 */
  position: relative;
}

/* Group
     ========================================================================== */
/*
     * Collapse border
     */
.uk-button-group > .uk-button:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .uk-button {
  margin-left: -1px;
}

/*
     * Create position context to superimpose the successor elements border
     * Known issue: If you use an `a` element as button and an icon inside,
     * the active state will not work if you click the icon inside the button
     * Workaround: Just use a `button` or `input` element as button
     */
.uk-button-group .uk-button:hover,
.uk-button-group .uk-button:focus,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button.uk-active {
  position: relative;
  z-index: 1;
}

/* ========================================================================
   Component: Section
 ========================================================================== */
/*
 * 1. Make it work with `100vh` and height in general
 */
.uk-section {
  box-sizing: border-box;
  /* 1 */
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
/*
 * Micro clearfix
 */
.uk-section::before,
.uk-section::after {
  content: "";
  display: table;
}

.uk-section::after {
  clear: both;
}

/*
 * Remove margin from the last-child
 */
.uk-section > :last-child {
  margin-bottom: 0;
}

/* Size modifiers
 ========================================================================== */
/*
 * XSmall
 */
.uk-section-xsmall {
  padding-top: 20px;
  padding-bottom: 20px;
}

/*
 * Small
 */
.uk-section-small {
  padding-top: 40px;
  padding-bottom: 40px;
}

/*
 * Large
 */
.uk-section-large {
  padding-top: 70px;
  padding-bottom: 70px;
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-section-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
/*
 * XLarge
 */
.uk-section-xlarge {
  padding-top: 140px;
  padding-bottom: 140px;
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-section-xlarge {
    padding-top: 210px;
    padding-bottom: 210px;
  }
}
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-section-default {
  background: #fff;
}

/*
 * Muted
 */
.uk-section-muted {
  background: #f8f8f8;
}

/*
 * Primary
 */
.uk-section-primary {
  background: #1e87f0;
}

/*
 * Secondary
 */
.uk-section-secondary {
  background: #222;
}

.section-header-mobile-nav-icon {
  background-color: #2F2F2F;
  position: relative;
  width: 100%;
  height: auto;
  padding: 1rem 0;
  z-index: 999;
}
.section-header-mobile-nav-icon .wrapper {
  background-color: #2F2F2F;
  position: absolute;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  z-index: 10;
}
.section-header-mobile-nav-icon #nav-icon {
  width: 30px;
  height: 28px;
  padding-bottom: 14px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.section-header-mobile-nav-icon #nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}
.section-header-mobile-nav-icon #nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.section-header-mobile-nav-icon #nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: 7px;
}
.section-header-mobile-nav-icon #nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #eeeeee;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.section-header-mobile-nav-icon #nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.section-header-mobile-nav-icon #nav-icon span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.section-header-mobile-nav-icon #nav-icon span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

@media (min-width: 992px) {
  header {
    border-bottom: 2px solid black;
  }
}
header section.section-header-top {
  background-color: #95803A;
  padding: 0.25rem 0;
  text-align: center;
}
header section.section-header-top h2 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.5;
  color: #000000;
  font-style: normal;
  letter-spacing: 10px;
}
header section.section-header-main {
  background-color: #2F2F2F;
  padding: 1rem 0;
}
header section.section-header-main .container-fluid .logo {
  position: relative;
  display: block;
}
header section.section-header-main .container-fluid .logo img, header section.section-header-main .container-fluid .logo svg {
  height: 100px;
}
header section.section-header-main .container-fluid .item {
  position: relative;
  text-decoration: none;
  font-family: "Playfair Display", serif;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
  z-index: 2;
  padding: 24px;
  width: auto;
}
header section.section-header-main .container-fluid .item.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0.5rem;
  left: 0;
  background-color: #95803A;
}
header section.section-header-main .container-fluid .item:hover {
  color: #eeeeee;
}
header section.section-header-main .container-fluid .item:hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0.5rem;
  left: 0;
  background-color: #95803A;
  z-index: 1;
}
footer {
  background-color: #2F2F2F;
}
footer .container {
  text-align: center;
}
footer .container .list-inline {
  vertical-align: middle;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
}
footer .container .list-inline.list-social {
  margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
  footer .container .list-inline.list-social li {
    display: initial !important;
    width: auto !important;
  }
}
footer .container .list-inline.list-social li a {
  font-size: 1rem;
}
footer .container .list-inline strong {
  font-weight: 700;
}
footer .container .list-inline a {
  color: #eeeeee;
  text-decoration: none;
}

main section.section-hero {
  position: relative;
  display: block;
  height: 100%;
}
main section.section-hero video {
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.section-hero .filter {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
main section.section-hero .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 80%;
  transform: translate(-50%, -50%);
  text-align: center;
  justify-content: center;
  width: 100%;
}
main section.section-hero .overlay h1 {
  font-family: "Playfair Display", serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
}
@media (min-width: 576px) {
  main section.section-hero .overlay h1 {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
main section.section-hero .overlay h1 span {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.25rem 1rem;
}
main section.section-hero .overlay .list-inline {
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 576px) {
  main section.section-hero .overlay .list-inline {
    max-width: 360px;
  }
}
@media (min-width: 576px) {
  main section.section-hero .overlay .list-inline {
    gap: 20px;
  }
}
main section.section-hero .overlay .list-inline li {
  flex: 1;
}
main section.section-hero .overlay .list-inline li img {
  width: 100px;
}
main section.section-team {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 100%;
}
main section.section-team .container {
  padding-top: 2.5%;
  display: flex;
  gap: 30px;
  flex-flow: row nowrap;
  /* align-items: flex-start; */
  align-items: center;
  align-content: center;
  padding-bottom: 10%;
}
main section.section-team .container .col-intro {
  display: flex;
  flex-flow: column nowrap;
}
main section.section-team .container .col-people {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}
main section.section-team .container .col-people:nth-child(odd) {
  flex-flow: column-reverse !important;
}
main section.section-team .container .col-people.col-center {
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 0 auto;
}
main section.section-team .container .col-people.col-center .person {
  align-items: center;
}
main section.section-team .container .col-people.col-center .person .caption {
  left: 0;
}
main section.section-team .container .col-people.col-right .person {
  display: flex;
  flex-flow: column nowrap;
}
main section.section-team .container .col-people.col-right .person img {
  position: relative;
  right: 0;
  align-self: flex-end;
}
main section.section-team .container .col-people.col-right .person .caption {
  align-self: flex-end;
  position: relative;
  left: -20px;
}
main section.section-team .container .col-people .person {
  display: flex;
  flex-flow: column nowrap;
}
main section.section-team .container .col-people .person:not(:first-of-type) {
  margin-top: 5rem;
}
main section.section-team .container .col-people .person .caption {
  position: relative;
  left: 20px;
  top: -1rem;
  background: url("./img/Team-box.svg") no-repeat top left;
  background-size: cover;
  padding: 1rem 2rem;
  max-width: 350px;
}
main section.section-team .container .col-people .person .caption h2 {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
}
main section.section-team .container .col-people .person .caption h3 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #95803A;
  font-style: normal;
  margin-bottom: 1rem;
}
main section.section-team .container .col-people .person .caption h3 span {
  color: #eeeeee;
}
main section.section-team .container .col-people .person .caption p {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
}
main section.section-team .container .col-people .person .caption p a {
  color: #eeeeee;
  text-decoration: none;
}
main section.section-team .container .col-people .person .caption p.contact.email {
  margin-bottom: 1rem;
}
main section.section-team .container-fluid {
  max-width: 600px;
  padding: 1rem;
  position: relative;
  top: -5rem;
}
main section.section-team .wrapper-intro {
  text-align: center;
}
main section.section-team .wrapper-intro h1 {
  font-family: "Playfair Display", serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
}
main section.section-team .wrapper-intro h1 span {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.25rem 1rem;
}
main section.section-team .wrapper-intro p {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
}
main section.section-team .wrapper-intro p span {
  color: #95803A;
}
main section.section-2-column {
  height: 100%;
  position: relative;
}
main section.section-2-column .wrapper {
  height: inherit;
  display: flex;
  flex-wrap: wrap;
}
main section.section-2-column .wrapper .left {
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  height: 100%;
  width: 40%;
  flex-grow: 1;
  position: relative;
}
main section.section-2-column .wrapper .left .content-wrapper {
  position: initial;
  transform: initial;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  place-content: center;
  align-content: center;
  align-items: center;
  justify-content: center;
  text-align: left;
  width: 100%;
  max-width: 90%;
}
main section.section-2-column .wrapper .left .content-wrapper ul {
  margin-left: 1rem;
}
main section.section-2-column .wrapper .left .content-wrapper .content-noscroll,
main section.section-2-column .wrapper .left .content-wrapper .content {
  padding-left: 0;
  width: 100%;
}
main section.section-2-column .wrapper .left .content-wrapper .content-noscroll h1,
main section.section-2-column .wrapper .left .content-wrapper .content h1 {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  line-height: 1.5;
  color: #95803A;
  margin-bottom: 1rem;
}
main section.section-2-column .wrapper .left .content-wrapper .content-noscroll h6,
main section.section-2-column .wrapper .left .content-wrapper .content h6 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #eeeeee;
  font-style: italic;
  margin-bottom: 1rem;
}
main section.section-2-column .wrapper .left .content-wrapper .content-noscroll p,
main section.section-2-column .wrapper .left .content-wrapper .content-noscroll li,
main section.section-2-column .wrapper .left .content-wrapper .content p,
main section.section-2-column .wrapper .left .content-wrapper .content li {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
  margin-bottom: 1rem;
}
main section.section-2-column .wrapper .left .content-wrapper .content-noscroll p a,
main section.section-2-column .wrapper .left .content-wrapper .content-noscroll li a,
main section.section-2-column .wrapper .left .content-wrapper .content p a,
main section.section-2-column .wrapper .left .content-wrapper .content li a {
  color: #95803A;
  text-decoration: none;
}
main section.section-2-column .wrapper .left .content-wrapper .content-noscroll ul li,
main section.section-2-column .wrapper .left .content-wrapper .content ul li {
  list-style: initial;
}
main section.section-2-column .wrapper .left .content-wrapper .content-noscroll .content-copy,
main section.section-2-column .wrapper .left .content-wrapper .content .content-copy {
  padding-left: 40px;
}
main section.section-2-column .wrapper .left .content-wrapper .content {
  height: 260px;
  overflow: hidden;
  margin-bottom: 0;
}
main section.section-2-column .wrapper .left .content-wrapper .content .wrapper-boxes {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1rem;
}
main section.section-2-column .wrapper .left .content-wrapper .content .wrapper-boxes .box {
  padding: 20px;
  border: 2px solid #95803A;
  text-align: center;
}
main section.section-2-column .wrapper .left .content-wrapper .content .wrapper-boxes .box img {
  margin-bottom: 0.5rem;
}
main section.section-2-column .wrapper .left .content-wrapper .content .wrapper-boxes .box h3 {
  font-family: "Playfair Display", serif;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #eeeeee;
  font-style: italic;
  margin-bottom: 1rem;
}
main section.section-2-column .wrapper .left .content-wrapper .content .wrapper-boxes .box p {
  font-family: "Playfair Display", serif;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
}
main section.section-2-column .wrapper .left .content-wrapper .content-bottom {
  padding: 0 1rem !important;
  margin: 0 auto !important;
  position: absolute;
  bottom: 2.5rem;
  left: 0;
  right: 0;
}
main section.section-2-column .wrapper .left .content-wrapper .content-bottom .content-wrapper {
  padding: 0 !important;
  margin: 0 auto !important;
  text-align: left;
  display: block;
}
main section.section-2-column .wrapper .left .content-wrapper .content-bottom .content-wrapper.copy-terms p {
  padding: 0;
  font-size: 0.625rem;
  color: #eeeeee;
}
main section.section-2-column .wrapper .left .content-wrapper .content-bottom .content-wrapper.copy-terms p strong {
  font-weight: 700 !important;
}
main section.section-2-column .wrapper .right {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 60%;
  flex-grow: 1;
  max-width: 90%;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  main section.section-2-column .wrapper .right.bg-sm-center {
    background-position: center center;
  }
}
main section.section-2-column .wrapper .right video {
  object-fit: cover;
  height: 100%;
}
main section.section-2-column .wrapper .right .filter {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

body {
  transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
  body {
    width: 100%;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    font-style: normal;
    max-height: 100vh;
  }
  body:not(.scroll){
    overflow: hidden;
  }
  body header section.section-header-top {
    justify-content: center;
    place-items: center;
  }
  body header section.section-header-main .container-fluid {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    place-items: center;
    justify-content: center;
  }
  body header section.section-header-main .container-fluid .logo {
    -webkit-box-ordinal-group: 2;
    order: 1;
    padding: 0 2rem;
  }
  body header section.section-header-main .container-fluid .item:nth-of-type(n + 4) {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  body footer {
    place-items: center;
    justify-content: center;
    display: flex;
    height: 200px;
  }
  body:not(.scroll) main {
    /* height: calc(100vh - 238px); */
    height: calc(100vh - 318px);
  }
  body main section.section-2-column .left {
    background-color: #2F2F2F;
  }
  body main section.section-2-column .left .content-wrapper.uli {
    padding: 0;
  }
  body main section.section-2-column .left .content-wrapper.uli .content-copy {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  body header .section-header-mobile-nav-icon,
body header .section-mobile-nav {
    display: none;
  }
  body main section.section-hero .overlay .list-menu {
    display: none !important;
  }
  body main .block-arrow {
    display: none;
  }
}
@media all and (max-width: 1199.98px) {
  body header .logo {
    max-width: 300px;
  }
  body header .logo img {
    width: 300px;
    height: auto !important;
  }
  body main .section-team .container {
    flex-flow: column nowrap;
    align-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 3rem;
  }
  body main .section-team .container .person {
    align-items: center !important;
  }
  body main .section-team .container .person img {
    position: initial !important;
    align-self: center !important;
  }
  body main .section-team .container .person .caption {
    position: initial !important;
  }
  body main section.section-2-column .wrapper .left,
body main section.section-2-column .wrapper .right {
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body header .container-fluid {
    align-content: center;
    align-items: center;
    text-align: center;
  }
  body:not(.scroll) main {
    background-color: #2F2F2F;
  }
  body main section.section-2-column .wrapper {
    min-height: 100%;
  }
  body main section.section-2-column .wrapper .left .content-wrapper,
body main section.section-2-column .wrapper .right {
    max-width: 100%;
  }
  body main section.section-2-column .left {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 2;
  }
  body main section.section-2-column .left .content-wrapper {
    position: static;
    transform: none;
    margin: 0 auto;
  }
  body main section.section-2-column .left .content-wrapper .content h1 {
    color: #95803A !important;
  }
}
@media (max-width: 991.98px) {
  body {
    background-color: #2F2F2F;
  }
  body header,
body main,
body footer {
    flex: initial !important;
    display: block;
    position: initial;
    height: auto !important;
    width: 100% !important;
  }
  body header {
    position: initial !important;
    z-index: 999;
  }
  body header section.section-header-main .container-fluid {
    display: block !important;
  }
  body header .logo {
    text-align: center;
    width: 100%;
    align-items: center;
    align-content: center;
    margin: 0 auto;
  }
  body header .logo img {
    width: 200px;
    height: auto !important;
  }
  body:not(.scroll) main {
    background-color: #2F2F2F;
  }
  body main #side-contact-form-trigger-wrap p {
    text-align: center;
  }
  body main section.section-2-column {
    position: initial !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #2F2F2F;
  }
  body main section.section-2-column .wrapper {
    position: relative;
    min-height: 100%;
  }
  body main section.section-2-column .wrapper .left,
body main section.section-2-column .wrapper .right {
    width: 100%;
    max-width: 100%;
  }
  body main section.section-2-column .wrapper .left {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
  }
  body main section.section-2-column .wrapper .left .content-wrapper {
    max-width: 100%;
    position: static;
    transform: none;
    margin: 0 auto;
  }
  body main section.section-2-column .wrapper .left .content-wrapper.uli {
    width: 100% !important;
    margin: 0;
    padding: 0;
    left: 0 !important;
  }
  body main section.section-2-column .wrapper .left .content-wrapper.uli .content-copy {
    padding: 0;
    text-align: center !important;
  }
  body main section.section-2-column .wrapper .left .content-wrapper.uli .content-copy a {
    font-size: 1.25rem;
  }
  body main section.section-2-column .wrapper .left .content-wrapper .content .wrapper-boxes {
    display: block;
  }
  body main section.section-2-column .wrapper .left .content-wrapper .content .wrapper-boxes .box {
    margin-bottom: 1rem;
  }
  body main section.section-2-column .wrapper .left .content-wrapper .content h3,
body main section.section-2-column .wrapper .left .content-wrapper .content h6,
body main section.section-2-column .wrapper .left .content-wrapper .content p,
body main section.section-2-column .wrapper .left .content-wrapper .content ol li,
body main section.section-2-column .wrapper .left .content-wrapper .content ol li a,
body main section.section-2-column .wrapper .left .content-wrapper .content ul li,
body main section.section-2-column .wrapper .left .content-wrapper .content ul li a,
body main section.section-2-column .wrapper .left .content-wrapper .content a {
    color: #eeeeee !important;
  }
  body main section.section-2-column .wrapper .right video {
    width: 100% !important;
    height: 100% I !important;
    object-fit: cover !important;
  }
  body main section.section-2-column .wrapper .right .filter {
    background-color: rgba(0, 0, 0, 0.75);
  }
  body:not(.scroll) main {
    /* height: calc(100vh - 220px) !important; */
    height: calc(100vh - 300px) !important;
  }
}
@media (max-width: 767.98px) {
  body {
    position: relative;
  }
  body::after {
    content: "";
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    transition: background-color 0.2s ease-in-out;
    z-index: 9997;
  }
  body.nav-visible::after {
    background-color: rgba(0, 0, 0, 0.8);
  }
  body footer {
    padding: 1rem 0;
  }
  body header {
    transition: all 0.2s ease-in-out;
  }
  body header.nav-visible .mobile-links {
    display: block;
  }
  body header .section-mobile-nav {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1200px;
  }
  body header .section-mobile-nav .navbar {
    position: absolute;
    top: -100vh;
    width: 100%;
    transition: all 0.5s ease-in-out;
    z-index: 9999;
    margin-top: 1rem;
  }
  body header .section-mobile-nav .navbar .links {
    display: flex;
    flex-flow: column nowrap;
    gap: 15px;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
  }
  body header .section-mobile-nav .navbar .links li {
    flex: 1;
    padding: 0 1rem;
    margin-bottom: 0.5rem;
  }
  body header .section-mobile-nav .navbar .links li a {
    position: relative;
    text-decoration: none;
    color: #eeeeee;
    font-size: 1.5rem;
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #eeeeee;
    font-style: normal;
  }
  body header .section-mobile-nav .navbar .links li a:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 10px;
    background-color: #95803A;
  }
  body header .section-mobile-nav .navbar .links li a:hover {
    color: #95803A;
  }
  body header .section-mobile-nav .navbar.visible {
    top: 0;
  }
  body header .section-header-mobile-nav-icon {
    display: block;
  }
  body header .section-header-top {
    display: none;
  }
  body header h2 {
    letter-spacing: 2px !important;
  }
  body header .item {
    display: none;
  }
  body main {
    transition: all 0.2s ease-in-out;
  }
  body main section.section-hero .overlay .list-menu {
    text-align: center;
    margin-left: 0;
  }
  body main section.section-hero .overlay .list-menu li {
    margin: 1rem 0;
  }
  body main section.section-hero .overlay .list-menu li a {
    font-family: "Playfair Display", serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #eeeeee;
    font-style: normal;
    text-decoration: none;
    position: relative;
  }
  body main section.section-hero .overlay .list-menu li a:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 10px;
    background-color: #95803A;
  }
  body main section.section-hero .overlay .list-inline {
    top: 75%;
  }
  body main section.section-hero .overlay .list-inline li {
    margin-right: 0;
  }
  body main .content-wrapper {
    position: relative !important;
    left: auto;
    top: auto;
    height: auto;
    display: block !important;
  }
  body main .content-wrapper .content {
    height: 75% !important;
  }
  body main .block-arrow {
    position: relative;
    top: 5%;
    text-align: center;
  }
  body main .block-arrow p {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 3rem !important;
    color: #95803A !important;
    font-weight: 300 !important;
  }
  body main .section-hero h1 {
    font-size: 2rem !important;
    letter-spacing: 2px !important;
  }
}
@media all and (max-width: 575.98px) {
  body main.home {
    /* height: calc(100vh - 165px) !important; */
    height: calc(100vh - 245px) !important;
  }
  body main .section-hero .list-inline {
    top: 55% !important;
    max-width: 85%;
  }
  body main .section-hero .list-inline li {
    margin-right: 0;
  }
  body main section.section-hero .overlay,
body main .section-mobile-hero-nav .overlay {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
  body header .container-fluid {
    align-content: center;
    align-items: center;
    text-align: center;
  }
  body main section.section-2-column .left {
    position: relative;
  }
  body main section.section-2-column .left .content-wrapper {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* Merged from style2.css */
main section.section-2-column .wrapper .left .content-wrapper .content {
  height: 50vh !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

.section-header-main .container-fluid .nav-list .nav-item-list {
  display: inline-block;
  position: relative;
}
.section-header-main .container-fluid .nav-list .sub-menu {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: red;
  width: 150px;
  height: auto;
  margin: 0;
  text-align: center;
  top: 38px;
  left: -20%;
  background-color: #2f2f2f;
  color: #eeeeee;
  font-size: 0.8rem;
}
.section-header-main .container-fluid .nav-list .sub-menu .first-sub-link {
  padding: 10%;
  margin: 0;
}
.section-header-main .container-fluid .nav-list .sub-menu .second-sub-link {
  padding: 0 10% 10% 10%;
  margin: 0;
}
.section-header-main .container-fluid .nav-list .sub-menu .sub-menu-link {
  text-decoration: none;
  font-family: "Playfair Display", serif;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #eeeeee;
  font-style: normal;
}
.section-header-main .container-fluid .nav-list .sub-menu .sub-menu-link:hover {
  color: #95803a;
}
.section-header-main .container-fluid .nav-list .sub-menu .sub-menu-link.first:hover {
  color: #95803a;
}
.section-header-main .container-fluid .nav-list .sub-menu .sub-menu-link.second:hover {
  color: #95803a;
}
.section-header-main .container-fluid .nav-list #mortgage-link:hover + .sub-menu,
.section-header-main .container-fluid .nav-list .sub-menu:hover {
  display: block;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .section-header-main.desktop {
    display: none;
  }
  header section.section-header-main .container-fluid .item {
    padding: 24px 15px !important;
  }
}
@media (min-width: 1px) and (max-width: 575.98px) {
  .section-header-main.desktop .container-fluid .nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section-header-main.desktop .container-fluid .nav-list .nav-item-list {
    display: none;
  }
  .section-header-main.desktop .container-fluid .nav-list .nav-item-list:nth-child(4) {
    display: block;
  }
  .section-header-main.desktop .container-fluid .nav-list .nav-item-list:nth-child(4) .logo {
    padding: 0;
    margin: 0 auto;
  }
  .section-header-main.tablet {
    display: none;
  }
}
@media (min-width: 992px) {
  .section-header-main.tablet {
    display: none;
  }
}
main.main {
  min-height: 600px;
}

.jit-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 32px 20px;
  box-sizing: border-box;
}

.jit-modal .modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 36px 40px;
  border: 1px solid #888;
  width: 80%;
  max-width: 760px;
  box-sizing: border-box;
  position: relative;
}

.jit-modal .modal-content p {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  font-style: normal;
  margin-bottom: 1rem;
}

.jit-modal .modal-content h2 {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #95803a;
  font-style: normal;
}

.jit-modal .modal-content .close {
  color: #aaa;
  float: left;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 10px;
}

.jit-modal .modal-content .close:hover,
.jit-modal .modal-content .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.jit-link-wrap {
  margin: 1rem 0 1.5rem;
}

main.section-legal-page,
main .section-legal-page {
  background:
    linear-gradient(180deg, rgba(149, 128, 58, 0.16) 0%, rgba(149, 128, 58, 0) 220px),
    linear-gradient(180deg, #f6f1e4 0%, #fffdf8 100%);
}

.section-legal-page {
  padding: 72px 24px 88px;
}

.section-legal-page .legal-shell {
  max-width: 980px;
  margin: 0 auto;
}

.section-legal-page .legal-hero {
  margin-bottom: 0;
  padding-bottom: 28px;
  background:
    linear-gradient(180deg, rgba(149, 128, 58, 0.08) 0%, rgba(149, 128, 58, 0) 100%);
}

.section-legal-page .legal-eyebrow {
  margin: 0 0 12px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #95803a;
}

.section-legal-page .legal-hero h1 {
  margin: 0 0 18px;
  font-family: "Playfair Display", serif;
  font-size: clamp(2.2rem, 4vw, 3.5rem);
  font-weight: 700;
  line-height: 1.1;
  color: #2f2f2f;
}

.section-legal-page .legal-intro {
  max-width: 720px;
  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.1rem;
  line-height: 1.7;
  color: #4f4a3f;
}

.section-legal-page .legal-card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(149, 128, 58, 0.22);
  box-shadow: 0 24px 70px rgba(47, 47, 47, 0.08);
  overflow: hidden;
}

.section-legal-page .legal-meta {
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid rgba(149, 128, 58, 0.2);
  border-bottom: 1px solid rgba(149, 128, 58, 0.16);
}

.section-legal-page .legal-meta p {
  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.98rem;
  line-height: 1.7;
  color: #4a4438;
}

.section-legal-page .legal-meta p + p {
  margin-top: 8px;
}

.section-legal-page .legal-copy, .section-legal-page .legal-hero {
  padding: 38px 34px 42px;
}

.section-legal-page .legal-copy h2 {
  margin: 32px 0 12px;
  font-family: "Playfair Display", serif;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.3;
  color: #95803a;
}

.section-legal-page .legal-copy p,
.section-legal-page .legal-copy li {
  margin: 0 0 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  color: #3f3b34;
}

.section-legal-page .legal-copy ul {
  margin: 0 0 18px 20px;
}

.section-legal-page .legal-copy a {
  color: #6f5c1d;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

@media (max-width: 767.98px) {
  .jit-modal {
    padding: 20px 12px;
  }

  .jit-modal .modal-content {
    width: 100%;
    margin: 10% auto;
    padding: 28px 22px;
  }

  .jit-link-wrap {
    margin: 1.25rem 0 1.5rem;
  }

  .section-legal-page {
    padding: 48px 16px 64px;
  }

  .section-legal-page .legal-meta,
  .section-legal-page .legal-copy {
    padding: 24px 20px;
  }

  .section-legal-page .legal-hero {
    padding-bottom: 22px;
  }

  .section-legal-page .legal-meta {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}