/*!
Theme Name: Scotlynn
Theme URI: https://operaticagency.com/
Author: Operatic
Author URI: https://operaticagency.com/
Text Domain: Operatic
Version: 0.1
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what
you've learned with others.

*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

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

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

:root {
  scroll-behavior: smooth; }

body {
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
  background-color: #191919; }

#main-content {
  position: relative;
  z-index: -1; }

/* images */
img {
  display: block;
  max-width: 100%;
  height: auto; }

.reveal {
  opacity: 0;
  transition: 1s;
  transform: translateY(100px); }
  .reveal.active {
    opacity: 1;
    transform: translateY(0); }

.drop {
  transition: 0.3s;
  transform: translateY(-45px);
  position: absolute;
  top: 0; }
  .drop.active {
    transform: translateY(0); }
  .drop.outer {
    left: 90px 60px; }
    @media only screen and (max-width: 767px) {
      .drop.outer {
        left: 50px 20px; } }

.fade-in {
  opacity: 0;
  transition: 2s;
  z-index: 4; }
  .fade-in.active {
    opacity: 1; }

.parallax {
  -moz-background-size: cover;
  background-size: cover;
  top: 0;
  margin-top: -100vh;
  width: 100vw;
  height: 100vh;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  z-index: -3; }

.section-inner {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 90px 60px; }
  @media only screen and (max-width: 767px) {
    .section-inner {
      padding: 50px 20px; } }

.red-border-line {
  width: 180px;
  height: 16px;
  background-color: #DB4A26;
  margin: 30px auto 0; }

a.link {
  color: #DB4A26 !important; }
  a.link:hover {
    text-decoration: underline !important; }

@media only screen and (max-width: 991px) {
  br {
    display: none; } }
.nav-shortcuts a {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 100000;
  padding: 10px 20px;
  font-weight: bold;
  color: #000;
  background-color: #fff;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
  transform: translate3d(-50%, -200%, 0); }
  .nav-shortcuts a:focus {
    transform: translate3d(-50%, 0, 0); }

.removed {
  display: none; }

body {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -1%;
  font-family: 'Manrope', sans-serif; }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 16px;
      line-height: 25px; } }

h1, .h1 {
  font-size: 120px;
  line-height: 128px;
  font-weight: 700;
  color: #000000;
  margin: 0;
  letter-spacing: -0.02em; }
  @media only screen and (max-width: 1499px) {
    h1, .h1 {
      font-size: 105px;
      line-height: 110px; } }
  @media only screen and (max-width: 1199px) {
    h1, .h1 {
      font-size: 48px;
      line-height: 54px; } }

@media only screen and (max-width: 1499px) {
  .home .h1 {
    font-size: 120px;
    line-height: 140px; } }
@media only screen and (max-width: 1199px) {
  .home .h1 {
    font-size: 48px;
    line-height: 54px; } }

h2, .h2 {
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin-top: 0px;
  margin-bottom: 25px; }
  @media only screen and (max-width: 767px) {
    h2, .h2 {
      font-size: 36px;
      line-height: 40px; } }

h3, .h3 {
  font-size: 55px;
  line-height: 55px;
  font-weight: 700;
  color: #000000;
  margin-top: 0px; }
  @media only screen and (max-width: 767px) {
    h3, .h3 {
      font-size: 38px;
      line-height: 38px; } }

h4, .h4 {
  font-size: 37px;
  line-height: 41px;
  letter-spacing: 2%;
  font-weight: 600;
  margin-top: 0px; }
  @media only screen and (max-width: 767px) {
    h4, .h4 {
      font-size: 23px;
      line-height: 25px; } }

h5, .h5 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 25%;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0px; }
  @media only screen and (max-width: 767px) {
    h5, .h5 {
      font-size: 16px;
      line-height: 20px; } }

.btn {
  text-decoration: none;
  display: inline-block;
  transition: 0.3s;
  cursor: pointer;
  min-width: 180px;
  text-align: center;
  position: relative;
  background: none;
  border: none;
  color: #000000;
  font-size: 18px;
  cursor: pointer;
  min-width: 248px; }
  .btn span {
    font-size: 21px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    display: block !important;
    padding: 12px 12px !important;
    margin-top: 0px !important; }
    @media only screen and (max-width: 1199px) {
      .btn span {
        padding: 15px 35px !important;
        font-size: 18px !important;
        line-height: 21px !important; } }
  .btn-primary.default {
    background: #FFB700; }
    .btn-primary.default:hover, .btn-primary.default:focus {
      background: #FFD15B; }
    .btn-primary.default:focus {
      outline: thin dotted; }
    .btn-primary.default span {
      color: #000000 !important; }
  .btn-primary.dark {
    background: #FFB700; }
    .btn-primary.dark:hover, .btn-primary.dark:focus {
      background: #FFD15B; }
    .btn-primary.dark:focus {
      outline: thin dotted; }
  .btn-secondary {
    background-color: #333333; }
    .btn-secondary:hover, .btn-secondary:focus {
      background-color: #5B5B5B; }
    .btn-secondary:focus {
      outline: thin dotted; }
    .btn-secondary span {
      color: #FFFFFF; }

.arrow-btn {
  height: 50px;
  width: 70px;
  min-width: 70px;
  background: #000000;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  border: 1px solid black;
  display: inline-block; }
  .arrow-btn .arrow {
    width: 25px;
    height: 17.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s; }
  .arrow-btn .chevron-container {
    opacity: 0;
    transition: 1s;
    height: 100%;
    width: 100%;
    position: relative; }
    .arrow-btn .chevron-container .chevron {
      height: 17.5px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-200%, -50%);
      transition: 2s;
      opacity: 0; }
    .arrow-btn .chevron-container .chevron {
      animation: cycle 2s linear infinite; }
    .arrow-btn .chevron-container .delay1 {
      animation-delay: 0.5s; }
    .arrow-btn .chevron-container .delay2 {
      animation-delay: 1s; }
    .arrow-btn .chevron-container .delay3 {
      animation-delay: 1.5s; }
@keyframes cycle {
  0% {
    opacity: 0;
    transform: translate(-200%, -50%); }
  25% {
    opacity: 1;
    transform: translate(-125%, -50%); }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%); }
  75% {
    opacity: 1;
    transform: translate(25%, -50%); }
  100% {
    opacity: 0;
    transform: translate(100%, -50%); } }
  .arrow-btn:hover {
    border: 1px solid #FFB700; }
    .arrow-btn:hover .arrow {
      transition: 1s;
      opacity: 0;
      left: 70%;
      filter: brightness(0) saturate(100%) invert(69%) sepia(62%) saturate(1985%) hue-rotate(1deg) brightness(104%) contrast(104%); }
    .arrow-btn:hover .chevron-container {
      opacity: 1; }
  .arrow-btn:active {
    box-shadow: none; }

header {
  position: sticky;
  top: 0;
  padding: 30px 40px 30px;
  background: linear-gradient(330deg, #000000 0.04%, #2D2D2D 99.93%);
  color: #FFFFFF;
  z-index: 9999;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  @media only screen and (max-width: 1599px) {
    header {
      padding: 20px 40px; } }
  @media only screen and (max-width: 767px) {
    header {
      padding: 20px 0 !important; } }
  header .header-inner {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    max-width: 1920px;
    margin: auto;
    padding: 0 20px; }
    header .header-inner .logo {
      width: 340px; }
      @media only screen and (max-width: 1799px) {
        header .header-inner .logo {
          width: 280px; } }
      @media only screen and (max-width: 1599px) {
        header .header-inner .logo {
          width: 250px; } }
      @media only screen and (max-width: 1399px) {
        header .header-inner .logo {
          width: 220px; } }
      @media only screen and (max-width: 767px) {
        header .header-inner .logo {
          width: 170px; } }
    header .header-inner .hamburger {
      border: transparent;
      display: flex;
      align-items: center;
      padding: 0;
      --button-color: #fcb900;
      background: transparent; }
      header .header-inner .hamburger svg {
        width: 50px;
        height: auto;
        margin: 0; }
      header .header-inner .hamburger .line {
        transition: y 0.15s ease-in 0.15s, rotate 0.15s ease-in, opacity 0ms 0.15s, fill 0.3s, x 0.3s;
        transform-origin: center; }
      header .header-inner .hamburger[aria-expanded="true"] .line {
        transition: y 0.15s ease-in, rotate 0.15s ease-in 0.15s, opacity 0ms 0.15s, x 0.3s; }
      header .header-inner .hamburger[aria-expanded="true"] :is(.top, .bottom) {
        y: 48; }
      header .header-inner .hamburger[aria-expanded="true"] .top {
        rotate: 45deg; }
      header .header-inner .hamburger[aria-expanded="true"] .middle {
        opacity: 0;
        x: 10; }
      header .header-inner .hamburger[aria-expanded="true"] .bottom {
        rotate: -45deg; }
    @media only screen and (max-width: 767px) {
      header .header-inner {
        gap: 0; } }
    header .header-inner .header-right {
      display: flex;
      align-items: center; }
      header .header-inner .header-right .main-nav {
        flex-grow: 1;
        max-width: 680px;
        justify-self: end; }
        header .header-inner .header-right .main-nav form {
          display: none;
          z-index: 9999; }
          header .header-inner .header-right .main-nav form img {
            top: 7px; }
          @media screen and (max-width: 1300px) {
            header .header-inner .header-right .main-nav form {
              display: initial; }
              header .header-inner .header-right .main-nav form input {
                width: 100% !important;
                box-sizing: border-box;
                display: block; } }
        header .header-inner .header-right .main-nav a {
          text-decoration: none;
          color: inherit; }
        header .header-inner .header-right .main-nav #main-menu {
          display: flex;
          list-style: none;
          justify-content: space-between;
          padding: 0;
          gap: 35px; }
          @media only screen and (max-width: 1799px) {
            header .header-inner .header-right .main-nav #main-menu {
              gap: 25px; } }
          @media only screen and (max-width: 1499px) {
            header .header-inner .header-right .main-nav #main-menu {
              gap: 15px; } }
          header .header-inner .header-right .main-nav #main-menu li:not(.current-menu-item):not(.current-menu-parent) {
            /* underline animation */ }
            header .header-inner .header-right .main-nav #main-menu li:not(.current-menu-item):not(.current-menu-parent) > a:hover {
              color: #FFB700; }
          header .header-inner .header-right .main-nav #main-menu > li {
            position: relative;
            padding: 0 5px; }
            header .header-inner .header-right .main-nav #main-menu > li a {
              font-weight: 700;
              font-size: 25px;
              line-height: 32px;
              letter-spacing: 0.01em;
              display: block;
              position: relative;
              padding: 0.1em 0; }
              @media only screen and (max-width: 1799px) {
                header .header-inner .header-right .main-nav #main-menu > li a {
                  font-size: 22px;
                  line-height: 28px; } }
              @media only screen and (max-width: 1599px) {
                header .header-inner .header-right .main-nav #main-menu > li a {
                  font-size: 18px;
                  line-height: 24px; } }
              @media only screen and (max-width: 1499px) {
                header .header-inner .header-right .main-nav #main-menu > li a {
                  font-size: 16px;
                  line-height: 20px; } }
          @media only screen and (min-width: 1300px) {
            header .header-inner .header-right .main-nav #main-menu .hide_desktop {
              display: none; } }
          header .header-inner .header-right .main-nav #main-menu .menu-item-has-children {
            cursor: pointer; }
            header .header-inner .header-right .main-nav #main-menu .menu-item-has-children > a {
              padding-right: 20px; }
            header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .nav-icon-container {
              position: relative; }
              header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .nav-icon-container i {
                position: absolute;
                cursor: pointer;
                font-size: 28px;
                right: -28px;
                top: -28px;
                transition: 0.2s; }
                @media only screen and (max-width: 1799px) {
                  header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .nav-icon-container i {
                    top: -26px;
                    right: -26px; } }
                @media only screen and (max-width: 1599px) {
                  header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .nav-icon-container i {
                    font-size: 22px;
                    top: -22px;
                    right: -20px; } }
                @media only screen and (max-width: 1499px) {
                  header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .nav-icon-container i {
                    top: -20px; } }
            header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .sub-menu {
              visibility: hidden;
              opacity: 0;
              padding-inline-start: 0;
              transition: visibility 0s, opacity 0.3s;
              position: absolute;
              left: 0;
              right: 0;
              top: 73px;
              background: #FFB700;
              text-align: match-parent;
              padding: 25px 30px;
              width: 218px;
              left: 50%;
              transform: translateX(-50%);
              z-index: -1;
              animation: growDown 300ms ease-in-out forwards;
              transform-origin: top center;
              display: none; }
              @media only screen and (max-width: 1599px) {
                header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .sub-menu {
                  top: 57px; } }
@keyframes growDown {
  0% {
    transform: scaleY(0) translateX(-50%); }
  80% {
    transform: scaleY(1.1) translateX(-50%); }
  100% {
    transform: scaleY(1) translateX(-50%); } }
              header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .sub-menu li {
                list-style: none;
                margin-right: 50px;
                width: 100%;
                padding: 10px 0; }
                header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .sub-menu li a {
                  font-size: 18px;
                  line-height: 24px;
                  font-weight: 700;
                  color: rgba(17, 17, 17, 0.6);
                  text-align: center; }
                  header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .sub-menu li a:hover {
                    color: #000000; }
                header .header-inner .header-right .main-nav #main-menu .menu-item-has-children .sub-menu li.current_page_item a {
                  color: #000000; }
            header .header-inner .header-right .main-nav #main-menu .menu-item-has-children.open a {
              color: #FFB700; }
            header .header-inner .header-right .main-nav #main-menu .menu-item-has-children.open a::after {
              opacity: 1;
              transform: translate3d(0, 0.2em, 0);
              transform: scale(1); }
            header .header-inner .header-right .main-nav #main-menu .menu-item-has-children.open .sub-menu {
              visibility: visible;
              opacity: 1;
              display: block; }
            header .header-inner .header-right .main-nav #main-menu .menu-item-has-children.open .nav-icon-container img {
              -moz-transform: scale(1, -1);
              -webkit-transform: scale(1, -1);
              -o-transform: scale(1, -1);
              -ms-transform: scale(1, -1);
              transform: scale(1, -1); }
          header .header-inner .header-right .main-nav #main-menu .menu-item-has-children:first-child .sub-menu:first-of-type {
            display: grid;
            grid-template-rows: repeat(1fr, 3);
            grid-template-columns: max-content max-content; }
          header .header-inner .header-right .main-nav #main-menu li.current-menu-parent a, header .header-inner .header-right .main-nav #main-menu li.current-menu-item a {
            color: #FFB700; }
        @media only screen and (max-width: 1300px) {
          header .header-inner .header-right .main-nav {
            animation: growDownmenu 300ms ease-in-out forwards;
            transform-origin: top center; }
          @keyframes growDownmenu {
            0% {
              transform: scaleY(0); }
            80% {
              transform: scaleY(1.1); }
            100% {
              transform: scaleY(1); } }
            header .header-inner .header-right .main-nav.open {
              display: block;
              position: absolute;
              overflow-y: scroll;
              top: 95px;
              left: 0;
              right: 0;
              max-width: 100%;
              background: #FFB700;
              padding: 30px 40px;
              height: calc(100vh - 95px); }
              header .header-inner .header-right .main-nav.open form img {
                display: none; }
              header .header-inner .header-right .main-nav.open #main-menu {
                flex-direction: column;
                padding: 0 0 120px;
                text-align: center;
                gap: 0;
                max-width: 75%;
                margin: 0 auto; }
                header .header-inner .header-right .main-nav.open #main-menu li {
                  margin: 0;
                  width: 100%;
                  white-space: normal;
                  border-bottom: solid 1px #000000; }
                  header .header-inner .header-right .main-nav.open #main-menu li:last-child {
                    border-bottom: none; }
                  header .header-inner .header-right .main-nav.open #main-menu li > a {
                    font-size: 18px;
                    line-height: 32px;
                    width: max-content;
                    margin: 0 auto;
                    max-width: 100%;
                    color: rgba(17, 17, 17, 0.6);
                    padding: 15px 0; }
                    header .header-inner .header-right .main-nav.open #main-menu li > a:hover {
                      color: #000000 !important; }
                  header .header-inner .header-right .main-nav.open #main-menu li.open > a {
                    padding-bottom: 10px;
                    color: #000000 !important; }
                  header .header-inner .header-right .main-nav.open #main-menu li.open .sub-menu {
                    padding-bottom: 12px; }
                  header .header-inner .header-right .main-nav.open #main-menu li .sub-menu {
                    position: relative;
                    max-height: 0;
                    top: 0;
                    overflow: hidden;
                    padding: 0 10px;
                    display: block !important;
                    background: transparent;
                    transition: 0.3s;
                    z-index: 99;
                    width: 100%; }
                    header .header-inner .header-right .main-nav.open #main-menu li .sub-menu li {
                      border-bottom: none; }
                      header .header-inner .header-right .main-nav.open #main-menu li .sub-menu li a {
                        padding: 0;
                        color: #000000; }
                  header .header-inner .header-right .main-nav.open #main-menu li .nav-icon-container i {
                    font-size: 26px;
                    top: -28px;
                    right: -27px; }
                  header .header-inner .header-right .main-nav.open #main-menu li.open .sub-menu {
                    max-height: 1000px;
                    transition: 1s; } }
    @media only screen and (max-width: 1300px) and (max-width: 600px) {
      header .header-inner .header-right .main-nav.open {
        padding: 30px 20px; } }

      header .header-inner .header-right form {
        position: relative; }
        header .header-inner .header-right form input {
          border-radius: 500px;
          font-style: normal;
          font-weight: 500;
          font-size: 15px;
          line-height: 17px;
          color: #2E2E43;
          border-style: hidden;
          padding: 12px 40px 12px 20px;
          outline: none; }
        header .header-inner .header-right form img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: -1; }
      header .header-inner .header-right .search-form {
        display: flex;
        justify-self: end;
        align-items: center;
        height: max-content;
        width: max-content;
        margin-left: 30px;
        padding-left: 5px;
        position: relative; }
        header .header-inner .header-right .search-form:before {
          position: absolute;
          content: '';
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          bottom: 0;
          width: 2px;
          height: 30px;
          background-color: #FFFFFF; }
        header .header-inner .header-right .search-form form {
          height: 100%;
          height: 45px;
          width: 65px; }
          header .header-inner .header-right .search-form form label {
            position: absolute;
            font-size: 0; }
          header .header-inner .header-right .search-form form input {
            position: absolute;
            right: 0;
            width: 0px;
            transition: 0.3s ease-out;
            background: transparent;
            cursor: pointer; }
            header .header-inner .header-right .search-form form input:focus {
              width: 37.5vw;
              background: white;
              cursor: text; }
      header .header-inner .header-right .quote-btn {
        margin-left: 15px; }
        @media only screen and (max-width: 1399px) {
          header .header-inner .header-right .quote-btn {
            margin-left: 5px; } }
        header .header-inner .header-right .quote-btn a {
          border: 1px solid #FFB700;
          padding: 10px 30px;
          text-decoration: none;
          display: inline-block;
          transition: 0.3s;
          cursor: pointer;
          font-size: 21px;
          line-height: 28px;
          font-weight: 700;
          width: max-content;
          color: #000000;
          background: #FFB700; }
          @media only screen and (max-width: 1499px) {
            header .header-inner .header-right .quote-btn a {
              font-size: 18px;
              line-height: 24px; } }
          @media only screen and (max-width: 1399px) {
            header .header-inner .header-right .quote-btn a {
              padding: 10px 25px; } }
          header .header-inner .header-right .quote-btn a:hover {
            background: #FFD15B;
            border-color: #FFD15B; }
      header .header-inner .header-right .phone-number {
        margin-left: 40px; }
        @media only screen and (max-width: 1399px) {
          header .header-inner .header-right .phone-number {
            margin-left: 30px; } }
        header .header-inner .header-right .phone-number a {
          font-size: 25px;
          line-height: 32px;
          font-weight: 700;
          color: #FFB700;
          text-decoration: none; }
          @media only screen and (max-width: 1799px) {
            header .header-inner .header-right .phone-number a {
              font-size: 22px;
              line-height: 28px; } }
          @media only screen and (max-width: 1499px) {
            header .header-inner .header-right .phone-number a {
              font-size: 18px;
              line-height: 24px; } }
          header .header-inner .header-right .phone-number a:hover {
            text-decoration: underline; }
      header .header-inner .header-right .mobile-buttons {
        display: none; }
      @media only screen and (min-width: 1300px) {
        header .header-inner .header-right .main-nav .quote-btn, header .header-inner .header-right .main-nav .phone-number, header .header-inner .header-right .main-nav .contact-menu {
          display: none; } }
      @media only screen and (max-width: 1300px) {
        header .header-inner .header-right .search-form, header .header-inner .header-right .quote-btn, header .header-inner .header-right .phone-number, header .header-inner .header-right .main-nav {
          display: none; }
        header .header-inner .header-right .main-nav.open {
          padding: 40px 20px; }
        header .header-inner .header-right .main-nav .quote-btn {
          display: block;
          text-align: center;
          margin-bottom: 30px; }
          header .header-inner .header-right .main-nav .quote-btn a {
            background-color: #333333;
            border-color: #333333;
            color: #FFFFFF;
            min-width: 183px;
            padding: 13px 30px; }
        header .header-inner .header-right .main-nav .phone-number {
          display: block;
          text-align: center;
          margin-left: 0px;
          margin-bottom: 15px; }
          header .header-inner .header-right .main-nav .phone-number a {
            color: #333333;
            font-size: 18px;
            line-height: 32px; }
        header .header-inner .header-right .mobile-buttons {
          display: initial; } }
  header .nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 115px;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s; }
    header .nav-overlay.dark {
      opacity: 1 !important;
      top: 0;
      transition: opacity 0.3s; }
    header .nav-overlay.open {
      opacity: 1 !important; }
    @media only screen and (max-width: 1300px) {
      header .nav-overlay {
        top: -95px;
        height: 95px; } }
  @media only screen and (max-width: 1300px) {
    header {
      padding: 20px 40px; } }
  @media only screen and (max-width: 600px) {
    header {
      padding: 20px 20px; } }

footer {
  margin-top: auto;
  background: linear-gradient(360deg, #000000 0.04%, #2D2D2D 99.93%); }
  @media only screen and (max-width: 767px) {
    footer {
      margin-top: 0px; } }
  footer .section-inner {
    max-width: 1920px;
    margin: 0 auto;
    color: #FFFFFF;
    padding: 50px 60px 20px; }
    @media only screen and (max-width: 767px) {
      footer .section-inner {
        padding: 40px 20px 30px; } }
    footer .section-inner .grid-container {
      display: grid;
      grid-template-columns: 300px auto;
      gap: 15px; }
      @media only screen and (max-width: 1199px) {
        footer .section-inner .grid-container {
          grid-template-columns: 100%; } }
      footer .section-inner .grid-container .grid-block .info .logo {
        margin-bottom: 20px;
        max-width: 300px; }
      footer .section-inner .grid-container .grid-block .info strong {
        font-size: 18px;
        line-height: 28px;
        font-weight: 700;
        color: #FFFFFF;
        margin-bottom: 10px;
        display: none; }
        @media only screen and (max-width: 1199px) {
          footer .section-inner .grid-container .grid-block .info strong {
            display: block; } }
      footer .section-inner .grid-container .grid-block .info .wrap {
        display: block; }
      footer .section-inner .grid-container .grid-block .info a, footer .section-inner .grid-container .grid-block .info span {
        display: inline-block;
        font-size: 13px;
        line-height: 20px;
        font-weight: 700;
        color: #FFFFFF;
        text-decoration: none;
        letter-spacing: 0.01em;
        text-transform: uppercase; }
      footer .section-inner .grid-container .grid-block .info .label {
        color: rgba(255, 255, 255, 0.7); }
      footer .section-inner .grid-container .grid-block .info a.address {
        display: none;
        margin-bottom: 10px; }
        @media only screen and (max-width: 1199px) {
          footer .section-inner .grid-container .grid-block .info a.address {
            display: block; } }
      footer .section-inner .grid-container .grid-block .info a:hover {
        text-decoration: underline; }
      footer .section-inner .grid-container .grid-block .footer-menu {
        padding-bottom: 50px; }
        @media only screen and (max-width: 1199px) {
          footer .section-inner .grid-container .grid-block .footer-menu {
            padding: 20px 0; } }
        footer .section-inner .grid-container .grid-block .footer-menu ul {
          display: flex;
          justify-content: flex-end;
          gap: 50px;
          margin-top: 5px; }
          @media only screen and (max-width: 1499px) {
            footer .section-inner .grid-container .grid-block .footer-menu ul {
              gap: 40px; } }
          @media only screen and (max-width: 1199px) {
            footer .section-inner .grid-container .grid-block .footer-menu ul {
              display: block;
              gap: 0;
              margin: 0;
              padding: 0; } }
          footer .section-inner .grid-container .grid-block .footer-menu ul li {
            list-style: none;
            position: relative; }
            footer .section-inner .grid-container .grid-block .footer-menu ul li a {
              font-size: 20px;
              line-height: 28px;
              font-weight: 700;
              color: #FFFFFF;
              text-decoration: none; }
              @media only screen and (max-width: 1499px) {
                footer .section-inner .grid-container .grid-block .footer-menu ul li a {
                  font-size: 17px;
                  line-height: 22px; } }
              @media only screen and (max-width: 1299px) {
                footer .section-inner .grid-container .grid-block .footer-menu ul li a {
                  font-size: 16px; } }
              @media only screen and (max-width: 1199px) {
                footer .section-inner .grid-container .grid-block .footer-menu ul li a {
                  font-size: 18px;
                  line-height: 38px;
                  font-weight: 400; } }
              footer .section-inner .grid-container .grid-block .footer-menu ul li a:hover {
                text-decoration: underline; }
    footer .section-inner .social {
      padding: 30px 0;
      width: 100%; }
      @media only screen and (max-width: 1199px) {
        footer .section-inner .social {
          padding: 0; } }
      footer .section-inner .social ul {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: end;
        align-items: center;
        gap: 0 50px; }
        @media only screen and (max-width: 1199px) {
          footer .section-inner .social ul {
            justify-content: start;
            gap: 0 30px; } }
        footer .section-inner .social ul li {
          list-style: none; }
          footer .section-inner .social ul li a {
            width: 50px;
            height: 50px;
            display: inline-block;
            background-color: #FFB700;
            border-radius: 4px;
            text-align: center;
            position: relative; }
            @media only screen and (max-width: 1199px) {
              footer .section-inner .social ul li a {
                width: 40px;
                height: 40px; } }
            footer .section-inner .social ul li a:hover {
              background-color: #FFD15B; }
            footer .section-inner .social ul li a svg {
              width: 40px;
              height: auto;
              position: absolute;
              content: '';
              top: 50%;
              transform: translateY(-50%);
              left: 0;
              right: 0;
              bottom: 0;
              margin: 0 auto; }
              @media only screen and (max-width: 1199px) {
                footer .section-inner .social ul li a svg {
                  width: 30px; } }
    footer .section-inner .bottom p {
      font-size: 12px;
      line-height: 20px;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.5);
      margin-bottom: 0px;
      letter-spacing: 0.01em; }
      footer .section-inner .bottom p span {
        padding-right: 35px;
        margin-right: 30px;
        position: relative;
        text-transform: uppercase; }
        footer .section-inner .bottom p span:after {
          position: absolute;
          content: '';
          top: 3px;
          right: 0;
          width: 2px;
          height: 10px;
          background-color: rgba(255, 255, 255, 0.5); }
          @media only screen and (max-width: 767px) {
            footer .section-inner .bottom p span:after {
              display: none; } }
        footer .section-inner .bottom p span.operatic-prod:after {
          display: none; }
        @media only screen and (max-width: 767px) {
          footer .section-inner .bottom p span {
            display: block; } }
      footer .section-inner .bottom p a {
        color: rgba(255, 255, 255, 0.5);
        text-decoration: none; }
        footer .section-inner .bottom p a:hover {
          text-decoration: underline; }

@media only screen and (max-width: 767px) {
  .page-id-44 .masonry-container {
    margin-bottom: -150px; } }

@media only screen and (max-width: 767px) {
  .page-id-168 .masonry-container {
    margin-bottom: -150px; } }

.page-id-548 .pregate-container.full-height .section-inner {
  padding-bottom: 90px; }

.page-id-46 .content-component.diagonal .section-inner {
  padding-bottom: 0px; }
  @media only screen and (min-width: 1199px) {
    .page-id-46 .content-component.diagonal .section-inner {
      padding-bottom: 270px; } }

.page-id-660 .icon-grid-container .section-inner .icon-grid .grid-item {
  padding: 20px 0; }
  .page-id-660 .icon-grid-container .section-inner .icon-grid .grid-item img {
    width: 100%; }
@media only screen and (max-width: 767px) {
  .page-id-660 .cta-component.light {
    background-color: #191919; } }

@media only screen and (max-width: 767px) {
  .home .pregate-container.diagonal .section-inner {
    padding-top: 0px; } }

@media only screen and (max-width: 500px) {
  .page-id-607 .icon-grid .grid-item img {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .single-news .hero {
    margin-bottom: 50px; }
  .single-news .content-component {
    padding-bottom: 5px; }
    .single-news .content-component .section-inner .content-block .content {
      max-width: 750px; } }
.single-news .content-component .section-inner .content-block.col-2 .content {
  max-width: 750px !important; }

.screen-reader-response {
  display: none; }

span .wpcf7-not-valid {
  border-bottom: 1px solid #ff0000 !important; }

span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 14px;
  font-weight: 500;
  display: none !important; }

div.wpcf7-validation-errors {
  border: 1px solid #f7e700 !important;
  text-align: center; }

.wpcf7 form.sent .wpcf7-response-output {
  color: #fff !important;
  text-align: center !important; }

.invalid div.wpcf7-response-output {
  margin-top: 40px;
  text-align: center;
  padding: 10px !important;
  color: #ff0000;
  background: #ffe2e2;
  font-weight: 700;
  border-radius: .25rem;
  border-color: #FFB700 !important; }

.failed div.wpcf7-response-output {
  margin-top: 110px;
  text-align: center;
  padding: 10px !important;
  color: #ff0000;
  background: #ffe2e2;
  font-weight: 700;
  border-radius: .25rem; }

.wpcf7-recaptcha {
  margin-bottom: 20px; }
  @media screen and (max-width: 375px) {
    .wpcf7-recaptcha {
      transform: scale(0.77);
      -webkit-transform: scale(0.77);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0; } }

.hero {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 3;
  clip-path: inset(0 0 0 0);
  max-height: 831px; }
  .hero video {
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%);
    object-fit: cover;
    max-height: 831px; }
    @media only screen and (max-width: 767px) {
      .hero video {
        height: 550px;
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); } }
    .hero video.video-mobile {
      display: none; }
      @media only screen and (max-width: 767px) {
        .hero video.video-mobile {
          display: block; } }
    @media only screen and (max-width: 767px) {
      .hero video.video-desktop {
        display: none; }
        .hero video.video-desktop.no-mobile {
          display: block; } }
  .hero.top video {
    object-position: top center; }
  .hero.center video {
    object-position: center bottom; }
  .hero .hero-inner {
    max-width: 1920px;
    padding: 90px 60px;
    margin: 0 auto;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    z-index: 2; }
    @media only screen and (max-width: 1499px) {
      .hero .hero-inner {
        padding: 60px; } }
    @media only screen and (max-width: 767px) {
      .hero .hero-inner {
        padding: 50px 20px; } }
    @media only screen and (max-width: 767px) {
      .hero .hero-inner.first {
        max-width: 100%;
        top: 90px;
        margin-left: inherit; } }
    .hero .hero-inner.second {
      max-width: 1920px;
      top: 350px; }
      @media only screen and (max-width: 1199px) {
        .hero .hero-inner.second {
          top: 200px; } }
      @media only screen and (max-width: 991px) {
        .hero .hero-inner.second {
          position: relative;
          top: 0;
          text-align: center;
          padding-top: 0px;
          margin: 0 auto; } }
  .hero .hero-video, .hero .hero-image {
    position: relative;
    max-height: 831px; }
    .hero .hero-video .content-container h1, .hero .hero-image .content-container h1 {
      font-weight: 700;
      font-size: 48px;
      line-height: 60px;
      color: #ffffff;
      letter-spacing: -0.02em; }
      @media only screen and (max-width: 1199px) {
        .hero .hero-video .content-container h1, .hero .hero-image .content-container h1 {
          font-size: 21px;
          line-height: 28px; } }
      .hero .hero-video .content-container h1.large, .hero .hero-image .content-container h1.large {
        font-size: 120px;
        line-height: 128px; }
        @media only screen and (max-width: 1499px) {
          .hero .hero-video .content-container h1.large, .hero .hero-image .content-container h1.large {
            font-size: 105px;
            line-height: 110px; } }
        @media only screen and (max-width: 1199px) {
          .hero .hero-video .content-container h1.large, .hero .hero-image .content-container h1.large {
            font-size: 48px;
            line-height: 54px; } }
    .hero .hero-video .content-container .sub-heading, .hero .hero-image .content-container .sub-heading {
      color: #fff;
      max-width: 1375px;
      display: block; }
    .hero .hero-video .content-container .home-subheading, .hero .hero-image .content-container .home-subheading {
      font-weight: 700;
      font-size: 48px;
      line-height: 60px;
      color: #ffffff;
      letter-spacing: -0.02em; }
      @media only screen and (max-width: 1199px) {
        .hero .hero-video .content-container .home-subheading, .hero .hero-image .content-container .home-subheading {
          font-size: 21px;
          line-height: 28px; } }
    .hero .hero-video .content-container .home-heading, .hero .hero-image .content-container .home-heading {
      font-size: 32px;
      line-height: 48px;
      font-weight: 700;
      letter-spacing: -0.03em;
      color: #fff;
      margin-top: 10px; }
      .hero .hero-video .content-container .home-heading span, .hero .hero-image .content-container .home-heading span {
        padding: 0 22px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .hero .hero-video .content-container .home-heading span, .hero .hero-image .content-container .home-heading span {
            display: block; } }
        .hero .hero-video .content-container .home-heading span:before, .hero .hero-image .content-container .home-heading span:before {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          background-color: #FFB700;
          border-radius: 50%;
          left: -5px;
          top: 20px; }
          @media only screen and (max-width: 1199px) {
            .hero .hero-video .content-container .home-heading span:before, .hero .hero-image .content-container .home-heading span:before {
              width: 8px;
              height: 8px;
              top: 10px; } }
          @media only screen and (max-width: 991px) {
            .hero .hero-video .content-container .home-heading span:before, .hero .hero-image .content-container .home-heading span:before {
              left: 0; } }
        @media only screen and (min-width: 767px) {
          .hero .hero-video .content-container .home-heading span:first-child, .hero .hero-image .content-container .home-heading span:first-child {
            padding-left: 0px; }
            .hero .hero-video .content-container .home-heading span:first-child:before, .hero .hero-image .content-container .home-heading span:first-child:before {
              display: none; } }
      @media only screen and (max-width: 1199px) {
        .hero .hero-video .content-container .home-heading, .hero .hero-image .content-container .home-heading {
          font-size: 21px;
          line-height: 28px; } }
    .hero .hero-video .content-container ul, .hero .hero-image .content-container ul {
      margin: 15px 0 0 0;
      padding: 0; }
      .hero .hero-video .content-container ul li, .hero .hero-image .content-container ul li {
        list-style: none;
        display: inline-block;
        padding: 0 20px;
        position: relative; }
        @media only screen and (max-width: 991px) {
          .hero .hero-video .content-container ul li, .hero .hero-image .content-container ul li {
            display: block; } }
        .hero .hero-video .content-container ul li:before, .hero .hero-image .content-container ul li:before {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          background-color: #FFB700;
          border-radius: 50%;
          left: -5px;
          top: 20px; }
          @media only screen and (max-width: 1199px) {
            .hero .hero-video .content-container ul li:before, .hero .hero-image .content-container ul li:before {
              width: 8px;
              height: 8px;
              top: 10px; } }
          @media only screen and (max-width: 991px) {
            .hero .hero-video .content-container ul li:before, .hero .hero-image .content-container ul li:before {
              left: 0; } }
        @media only screen and (min-width: 992px) {
          .hero .hero-video .content-container ul li:first-child, .hero .hero-image .content-container ul li:first-child {
            padding-left: 0px; }
            .hero .hero-video .content-container ul li:first-child:before, .hero .hero-image .content-container ul li:first-child:before {
              display: none; } }
        .hero .hero-video .content-container ul li a, .hero .hero-image .content-container ul li a {
          font-size: 32px;
          line-height: 48px;
          font-weight: 700;
          letter-spacing: -0.03em;
          color: #fff;
          text-decoration: none; }
          @media only screen and (max-width: 1199px) {
            .hero .hero-video .content-container ul li a, .hero .hero-image .content-container ul li a {
              font-size: 21px;
              line-height: 28px; } }
          .hero .hero-video .content-container ul li a:hover, .hero .hero-image .content-container ul li a:hover {
            text-decoration: underline; }
    .hero .hero-video .content-container .desc, .hero .hero-image .content-container .desc {
      max-width: 530px; }
      @media only screen and (max-width: 991px) {
        .hero .hero-video .content-container .desc, .hero .hero-image .content-container .desc {
          max-width: 400px;
          margin: 0 auto; } }
      .hero .hero-video .content-container .desc p, .hero .hero-image .content-container .desc p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        color: #ffffff; }
        @media only screen and (max-width: 1199px) {
          .hero .hero-video .content-container .desc p, .hero .hero-image .content-container .desc p {
            font-size: 18px;
            line-height: 25px; } }
    @media only screen and (max-width: 767px) {
      .hero .hero-video .content-container .btn, .hero .hero-image .content-container .btn {
        width: 100%; } }
    .hero .hero-video .img-container, .hero .hero-video .video-container, .hero .hero-image .img-container, .hero .hero-image .video-container {
      position: relative;
      max-height: 831px; }
      @media only screen and (max-width: 767px) {
        .hero .hero-video .img-container, .hero .hero-video .video-container, .hero .hero-image .img-container, .hero .hero-image .video-container {
          max-height: 550px; } }
      .hero .hero-video .img-container img, .hero .hero-video .video-container img, .hero .hero-image .img-container img, .hero .hero-image .video-container img {
        clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%);
        width: 100%;
        object-fit: cover;
        max-height: 831px; }
        @media only screen and (max-width: 1499px) {
          .hero .hero-video .img-container img, .hero .hero-video .video-container img, .hero .hero-image .img-container img, .hero .hero-image .video-container img {
            height: 100%; } }
        @media only screen and (max-width: 767px) {
          .hero .hero-video .img-container img, .hero .hero-video .video-container img, .hero .hero-image .img-container img, .hero .hero-image .video-container img {
            clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
            height: 550px; } }
        @media only screen and (max-width: 767px) {
          .hero .hero-video .img-container img.desktop-hero-image, .hero .hero-video .video-container img.desktop-hero-image, .hero .hero-image .img-container img.desktop-hero-image, .hero .hero-image .video-container img.desktop-hero-image {
            display: none; } }
        @media only screen and (min-width: 767px) {
          .hero .hero-video .img-container img.mobile-hero-image, .hero .hero-video .video-container img.mobile-hero-image, .hero .hero-image .img-container img.mobile-hero-image, .hero .hero-image .video-container img.mobile-hero-image {
            display: none; } }
      .hero .hero-video .img-container.top img, .hero .hero-video .video-container.top img, .hero .hero-image .img-container.top img, .hero .hero-image .video-container.top img {
        object-position: top center; }
      .hero .hero-video .img-container.center img, .hero .hero-video .video-container.center img, .hero .hero-image .img-container.center img, .hero .hero-image .video-container.center img {
        object-position: center bottom; }
      .hero .hero-video .img-container:before, .hero .hero-video .video-container:before, .hero .hero-image .img-container:before, .hero .hero-image .video-container:before {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(26.78deg, rgba(25, 25, 25, 0.4) 63.65%, rgba(25, 25, 25, 0) 96.38%);
        z-index: 1;
        clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%); }
        @media only screen and (max-width: 767px) {
          .hero .hero-video .img-container:before, .hero .hero-video .video-container:before, .hero .hero-image .img-container:before, .hero .hero-image .video-container:before {
            clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); } }
  .hero.short {
    max-height: 500px; }
    .hero.short .hero-image {
      max-height: 500px; }
      .hero.short .hero-image .img-container {
        max-height: 500px; }
        .hero.short .hero-image .img-container img {
          max-height: 500px; }
  .hero.simple {
    height: auto; }
    .hero.simple .hero-image .img-container:after {
      display: none; }
    .hero.simple .hero-image .hero-inner {
      position: relative;
      top: 0px; }
      .hero.simple .hero-image .hero-inner.second {
        display: none; }

.home .hero {
  z-index: 4; }
  @media only screen and (min-width: 1199px) {
    .home .hero {
      height: 831px; }
      .home .hero .hero-video {
        height: 831px; }
        .home .hero .hero-video .video-container {
          height: 831px; } }
  @media only screen and (max-width: 767px) {
    .home .hero .hero-inner.second {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 767px) {
    .home .hero .hero-inner.second:after {
      position: absolute;
      content: '';
      width: 180px;
      height: 10px;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: 0;
      background-color: #FFB700; } }

.cta-component.light {
  background-color: #FFFFFF;
  margin-top: -1px; }
.cta-component.dark {
  background-color: #191919; }
.cta-component .section-inner {
  padding: 70px 60px;
  position: relative;
  z-index: 3; }
  @media only screen and (min-width: 1199px) {
    .cta-component .section-inner.remove-top-padding {
      padding-top: 0px; } }
  @media only screen and (max-width: 767px) {
    .cta-component .section-inner {
      padding: 50px 20px; } }
  .cta-component .section-inner .cta-inner {
    display: grid;
    background: linear-gradient(180.24deg, #FFD900 0.21%, #E07C3A 132.35%);
    box-shadow: 10.0094px 10.0094px 20.0188px rgba(0, 0, 0, 0.15); }
    .cta-component .section-inner .cta-inner .cta-block {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      min-height: 485px;
      position: relative;
      -webkit-animation-name: show5;
      -webkit-animation-delay: 1.5s;
      -webkit-animation-duration: .1s;
      -webkit-animation-fill-mode: both; }
@-webkit-keyframes show5 {
  0% {
    background-image: none; }
  100% {
    background-image: var(--bg-image); } }
      .cta-component .section-inner .cta-inner .cta-block.cursor {
        cursor: pointer; }
      .cta-component .section-inner .cta-inner .cta-block.bg.overlay {
        position: relative; }
        .cta-component .section-inner .cta-inner .cta-block.bg.overlay:before {
          position: absolute;
          content: '';
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background: rgba(0, 0, 0, 0.35); }
        .cta-component .section-inner .cta-inner .cta-block.bg.overlay:after {
          position: absolute;
          content: '';
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.08%, rgba(0, 0, 0, 0.35) 88.02%); }
      .cta-component .section-inner .cta-inner .cta-block.bg.space-all {
        margin: 40px 40px 40px 0; }
      .cta-component .section-inner .cta-inner .cta-block .cta-caption {
        position: absolute;
        content: '';
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        z-index: 2; }
        @media only screen and (min-width: 1199px) {
          .cta-component .section-inner .cta-inner .cta-block .cta-caption.reveal {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0); }
            .cta-component .section-inner .cta-inner .cta-block .cta-caption.reveal.active {
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%); } }
        .cta-component .section-inner .cta-inner .cta-block .cta-caption.center {
          text-align: center;
          left: 25px;
          right: 25px;
          margin: 0 auto; }
          .cta-component .section-inner .cta-inner .cta-block .cta-caption.center img {
            margin: 0 auto; }
        .cta-component .section-inner .cta-inner .cta-block .cta-caption.left {
          left: 80px;
          right: 50px; }
          @media only screen and (max-width: 1199px) {
            .cta-component .section-inner .cta-inner .cta-block .cta-caption.left {
              left: 40px;
              right: 40px; } }
          @media only screen and (max-width: 767px) {
            .cta-component .section-inner .cta-inner .cta-block .cta-caption.left {
              left: 25px;
              right: 25px;
              text-align: center;
              margin: 0 auto; } }
        .cta-component .section-inner .cta-inner .cta-block .cta-caption.right {
          right: 80px;
          text-align: right; }
          @media only screen and (max-width: 1199px) {
            .cta-component .section-inner .cta-inner .cta-block .cta-caption.right {
              right: 40px; } }
          @media only screen and (max-width: 767px) {
            .cta-component .section-inner .cta-inner .cta-block .cta-caption.right {
              left: 25px;
              right: 25px;
              text-align: center;
              margin: 0 auto; } }
        .cta-component .section-inner .cta-inner .cta-block .cta-caption h2 {
          font-size: 71px;
          line-height: 71px;
          font-weight: 600;
          color: #FFFFFF;
          margin: 0 0 50px; }
          @media only screen and (max-width: 991px) {
            .cta-component .section-inner .cta-inner .cta-block .cta-caption h2 {
              font-size: 40px;
              line-height: 40px;
              margin: 0 0 20px; } }
        .cta-component .section-inner .cta-inner .cta-block .cta-caption span {
          font-size: 30px;
          line-height: 34px;
          font-weight: 700;
          letter-spacing: -0.03em;
          color: #FFFFFF;
          text-transform: capitalize;
          display: block;
          margin-top: 25px; }
          @media only screen and (max-width: 1499px) {
            .cta-component .section-inner .cta-inner .cta-block .cta-caption span {
              font-size: 24px;
              line-height: 30px; } }
        .cta-component .section-inner .cta-inner .cta-block .cta-caption p {
          font-size: 25px;
          line-height: 30px;
          font-weight: 700;
          color: #FFFFFF;
          margin-bottom: 0px; }
          @media only screen and (max-width: 991px) {
            .cta-component .section-inner .cta-inner .cta-block .cta-caption p {
              font-size: 16px;
              line-height: 25px; } }
        .cta-component .section-inner .cta-inner .cta-block .cta-caption .btn {
          margin-top: 40px; }
          @media only screen and (max-width: 1199px) {
            .cta-component .section-inner .cta-inner .cta-block .cta-caption .btn {
              margin-top: 30px; } }
          @media only screen and (max-width: 991px) {
            .cta-component .section-inner .cta-inner .cta-block .cta-caption .btn {
              margin-top: 20px; } }
      @media only screen and (max-width: 991px) {
        .cta-component .section-inner .cta-inner .cta-block {
          min-height: 450px; } }
      @media only screen and (max-width: 767px) {
        .cta-component .section-inner .cta-inner .cta-block {
          background-size: cover;
          background-position: bottom;
          -webkit-animation-name: show6;
          -webkit-animation-delay: 1.5s;
          -webkit-animation-duration: .1s;
          -webkit-animation-fill-mode: both; }
        @-webkit-keyframes show6 {
          0% {
            background-image: none; }
          100% {
            background-image: var(--mobile-bg); } } }
    .cta-component .section-inner .cta-inner.col-1 {
      grid-template-columns: 1fr; }
      .cta-component .section-inner .cta-inner.col-1 .cta-block .cta-caption {
        max-width: 700px; }
        @media only screen and (max-width: 767px) {
          .cta-component .section-inner .cta-inner.col-1 .cta-block .cta-caption {
            max-width: 400px;
            top: 45px;
            transform: none; } }
      @media only screen and (max-width: 1199px) {
        .cta-component .section-inner .cta-inner.col-1 .cta-block.bg-color .cta-caption {
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%); } }
    .cta-component .section-inner .cta-inner.col-2 {
      grid-template-columns: 1fr 1fr; }
      @media only screen and (max-width: 1199px) {
        .cta-component .section-inner .cta-inner.col-2 {
          grid-template-columns: 1fr; } }
      .cta-component .section-inner .cta-inner.col-2 .cta-block {
        min-height: 400px; }
        @media only screen and (max-width: 767px) {
          .cta-component .section-inner .cta-inner.col-2 .cta-block {
            min-height: 290px;
            padding: 15px 0;
            background-position: center center; }
            .cta-component .section-inner .cta-inner.col-2 .cta-block:first-child {
              order: 2; } }
        @media only screen and (max-width: 767px) {
          .cta-component .section-inner .cta-inner.col-2 .cta-block.space-all {
            margin: 25px 25px 0 !important;
            padding: 0 !important; }
            .cta-component .section-inner .cta-inner.col-2 .cta-block.space-all .cta-caption {
              padding: 0px; } }
        .cta-component .section-inner .cta-inner.col-2 .cta-block .cta-caption {
          max-width: 500px; }
          .cta-component .section-inner .cta-inner.col-2 .cta-block .cta-caption h2 {
            font-size: 46px;
            line-height: 60px;
            margin: 0 0 25px; }
            @media only screen and (max-width: 1499px) {
              .cta-component .section-inner .cta-inner.col-2 .cta-block .cta-caption h2 {
                font-size: 40px;
                line-height: 50px; } }
            @media only screen and (max-width: 767px) {
              .cta-component .section-inner .cta-inner.col-2 .cta-block .cta-caption h2 {
                font-size: 36px;
                line-height: 40px;
                margin: 0 0 15px; } }
          .cta-component .section-inner .cta-inner.col-2 .cta-block .cta-caption p {
            font-size: 20px;
            line-height: 28px; }
            @media only screen and (max-width: 1499px) {
              .cta-component .section-inner .cta-inner.col-2 .cta-block .cta-caption p {
                font-size: 18px;
                line-height: 24px; } }
            @media only screen and (max-width: 767px) {
              .cta-component .section-inner .cta-inner.col-2 .cta-block .cta-caption p {
                font-size: 16px;
                line-height: 25px; } }
    .cta-component .section-inner .cta-inner.col-3 {
      grid-template-columns: 1fr 1fr 1fr; }
      @media only screen and (max-width: 1199px) {
        .cta-component .section-inner .cta-inner.col-3 {
          grid-template-columns: 1fr; } }
      @media only screen and (max-width: 767px) {
        .cta-component .section-inner .cta-inner.col-3 {
          padding-bottom: 25px; } }
      .cta-component .section-inner .cta-inner.col-3 .cta-block {
        min-height: 400px; }
        @media only screen and (max-width: 1499px) {
          .cta-component .section-inner .cta-inner.col-3 .cta-block {
            min-height: 313px; }
            .cta-component .section-inner .cta-inner.col-3 .cta-block p br {
              display: none; } }
        @media only screen and (max-width: 767px) {
          .cta-component .section-inner .cta-inner.col-3 .cta-block {
            min-height: 290px;
            padding: 15px 0;
            background-position: center center; } }
        @media only screen and (max-width: 767px) {
          .cta-component .section-inner .cta-inner.col-3 .cta-block.space-all {
            margin: 30px 25px 0px !important;
            padding: 0 !important; }
            .cta-component .section-inner .cta-inner.col-3 .cta-block.space-all .cta-caption {
              padding-bottom: 0px !important; } }
        .cta-component .section-inner .cta-inner.col-3 .cta-block .cta-caption {
          max-width: 525px; }
          @media only screen and (max-width: 1499px) {
            .cta-component .section-inner .cta-inner.col-3 .cta-block .cta-caption.right {
              right: 35px; } }
          .cta-component .section-inner .cta-inner.col-3 .cta-block .cta-caption h2 {
            font-size: 48px;
            line-height: 60px;
            margin: 0 0 25px; }
            @media only screen and (max-width: 1499px) {
              .cta-component .section-inner .cta-inner.col-3 .cta-block .cta-caption h2 {
                font-size: 40px;
                line-height: 50px; } }
            @media only screen and (max-width: 767px) {
              .cta-component .section-inner .cta-inner.col-3 .cta-block .cta-caption h2 {
                font-size: 36px;
                line-height: 40px;
                margin: 0 0 15px; } }
          .cta-component .section-inner .cta-inner.col-3 .cta-block .cta-caption p {
            font-size: 20px;
            line-height: 28px;
            font-weight: 400; }
            @media only screen and (max-width: 1499px) {
              .cta-component .section-inner .cta-inner.col-3 .cta-block .cta-caption p {
                font-size: 18px;
                line-height: 24px; }
                .cta-component .section-inner .cta-inner.col-3 .cta-block .cta-caption p br {
                  display: none; } }
            @media only screen and (max-width: 767px) {
              .cta-component .section-inner .cta-inner.col-3 .cta-block .cta-caption p {
                font-size: 16px;
                line-height: 25px; } }
    .cta-component .section-inner .cta-inner .cta-block.bg-color .cta-caption h2, .cta-component .section-inner .cta-inner .cta-block.bg-color .cta-caption p {
      color: #333333; }
    .cta-component .section-inner .cta-inner .cta-block.bg-color .cta-caption .btn-primary {
      background-color: #333333;
      border-color: #333333;
      color: #FFFFFF; }
    @media only screen and (max-width: 1199px) {
      .cta-component .section-inner .cta-inner .cta-block.bg-color {
        min-height: auto; }
        .cta-component .section-inner .cta-inner .cta-block.bg-color .cta-caption {
          position: relative;
          top: 0px;
          transform: none;
          padding: 40px 40px 50px; }
          .cta-component .section-inner .cta-inner .cta-block.bg-color .cta-caption.center {
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center; }
          .cta-component .section-inner .cta-inner .cta-block.bg-color .cta-caption.left {
            left: 0px;
            padding-left: 0px; }
          .cta-component .section-inner .cta-inner .cta-block.bg-color .cta-caption.right {
            right: 0px;
            text-align: right;
            padding-right: 0px; } }
    @media only screen and (max-width: 767px) {
      .cta-component .section-inner .cta-inner .cta-block.bg-color .cta-caption.left, .cta-component .section-inner .cta-inner .cta-block.bg-color .cta-caption.right {
        padding: 20px 40px 25px;
        left: 0;
        right: 0;
        text-align: center; }
      .cta-component .section-inner .cta-inner .cta-block.bg-color.space-all .cta-caption.left, .cta-component .section-inner .cta-inner .cta-block.bg-color.space-all .cta-caption.right, .cta-component .section-inner .cta-inner .cta-block.bg-color.space-all .cta-caption.center {
        padding: 15px 0 40px; } }
    @media only screen and (max-width: 1199px) {
      .cta-component .section-inner .cta-inner .cta-block.space-all {
        margin: 0 40px 40px 40px !important; }
        .cta-component .section-inner .cta-inner .cta-block.space-all .cta-caption {
          padding-bottom: 0px; } }
    @media only screen and (max-width: 767px) {
      .cta-component .section-inner .cta-inner .cta-block.space-all {
        margin: 25px 25px 0 !important; } }

.content-component {
  position: relative;
  padding: 0 0 60px; }
  .content-component.dark {
    background-color: #191919; }
    .content-component.dark h2, .content-component.dark p {
      color: #FFFFFF; }
    .content-component.dark .h3 {
      font-size: 32px;
      line-height: 40px;
      font-weight: 700;
      margin-bottom: 0px;
      color: #FFFFFF; }
    .content-component.dark p {
      margin: 0 0 30px 0; }
      .content-component.dark p a {
        color: #FFFFFF;
        text-decoration: none;
        word-wrap: break-word; }
        .content-component.dark p a:hover {
          text-decoration: underline; }
    .content-component.dark .simple-listing {
      margin: 0;
      padding-left: 15px; }
      .content-component.dark .simple-listing li {
        font-size: 20px;
        line-height: 30px;
        color: #FFFFFF;
        margin-bottom: 30px; }
      .content-component.dark .simple-listing.no-style {
        padding-left: 0px; }
        .content-component.dark .simple-listing.no-style li {
          list-style: none; }
  .content-component.light {
    background-color: #FFFFFF; }
    .content-component.light h2, .content-component.light p {
      color: #000000; }
    .content-component.light .h3 {
      font-size: 32px;
      line-height: 40px;
      font-weight: 700;
      margin-bottom: 0px;
      color: #000000; }
    .content-component.light p .link {
      color: #DB4A26;
      text-decoration: none; }
      .content-component.light p .link:hover {
        text-decoration: underline; }
  @media only screen and (min-width: 768px) {
    .content-component.content-bg-default:before {
      position: absolute;
      content: '';
      top: -570px;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      height: 1281px;
      margin: 0 auto;
      z-index: 2;
      -webkit-animation-name: show;
      -webkit-animation-delay: 1.5s;
      -webkit-animation-duration: .1s;
      -webkit-animation-fill-mode: both; }
    @-webkit-keyframes show {
      0% {
        background-image: none; }
      100% {
        background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/bg.webp"); } } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .content-component.content-bg-default:before {
      top: -330px;
      background-size: cover;
      height: auto; } }

  .content-component.content-bg-farm_fields:before {
    position: absolute;
    content: '';
    top: -350px;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1093px;
    margin: 0 auto;
    z-index: 2;
    -webkit-animation-name: show1;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-duration: .1s;
    -webkit-animation-fill-mode: both; }
@-webkit-keyframes show1 {
  0% {
    background-image: none; }
  100% {
    background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/farm_bg.png"); } }
    @media only screen and (max-width: 991px) {
      .content-component.content-bg-farm_fields:before {
        top: -330px;
        background-size: cover;
        height: auto; } }
  .content-component.content-bg-floor_plans:before {
    position: absolute;
    content: '';
    top: -570px;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1157px;
    margin: 0 auto;
    z-index: 2;
    -webkit-animation-name: show2;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-duration: .1s;
    -webkit-animation-fill-mode: both; }
@-webkit-keyframes show2 {
  0% {
    background-image: none; }
  100% {
    background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/floor_bg.png"); } }
    @media only screen and (max-width: 991px) {
      .content-component.content-bg-floor_plans:before {
        top: -330px;
        background-size: cover;
        height: auto; } }
  @media only screen and (min-width: 768px) {
    .content-component.content-bg-default:after, .content-component.content-bg-farm_fields:after, .content-component.content-bg-floor_plans:after, .content-component.content-bg-light:after {
      position: absolute;
      content: '';
      top: -300px;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      height: 1000px;
      margin: 0 auto;
      z-index: 3;
      -webkit-animation-name: show3;
      -webkit-animation-delay: 1.5s;
      -webkit-animation-duration: .1s;
      -webkit-animation-fill-mode: both; }
    @-webkit-keyframes show3 {
      0% {
        background-image: none; }
      100% {
        background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/circle-bg.webp"); } } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .content-component.content-bg-default:after, .content-component.content-bg-farm_fields:after, .content-component.content-bg-floor_plans:after, .content-component.content-bg-light:after {
      top: -330px;
      background-size: cover;
      height: auto; } }

  .content-component.content-bg-farm_fields:after {
    top: -200px; }
    @media only screen and (max-width: 991px) {
      .content-component.content-bg-farm_fields:after {
        top: -330px;
        background-size: cover;
        height: auto; } }
  .content-component .section-inner {
    padding-bottom: 0px;
    position: relative;
    z-index: 4; }
    @media only screen and (max-width: 767px) {
      .content-component .section-inner {
        padding-top: 0px; } }
    @media only screen and (min-width: 1199px) {
      .content-component .section-inner.remove-top-padding {
        padding-top: 0px; } }
    .content-component .section-inner .content-block {
      max-width: var(--content-width);
      margin: 0 auto;
      position: relative;
      z-index: 3; }
      .content-component .section-inner .content-block .date, .content-component .section-inner .content-block .sub-heading {
        font-size: 25px;
        line-height: 32px;
        font-weight: 700;
        letter-spacing: 0.01em;
        color: #FFFFFF;
        display: block;
        margin-bottom: 30px; }
        @media only screen and (max-width: 767px) {
          .content-component .section-inner .content-block .date, .content-component .section-inner .content-block .sub-heading {
            font-size: 21px;
            line-height: 28px; } }
      .content-component .section-inner .content-block.center {
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .content-component .section-inner .content-block.center {
            text-align: left; } }
      .content-component .section-inner .content-block span.large {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        color: #FFFFFF; }
        @media only screen and (max-width: 767px) {
          .content-component .section-inner .content-block span.large {
            font-size: 22px;
            line-height: 28px; } }
      .content-component .section-inner .content-block.left {
        text-align: left; }
      @media only screen and (min-width: 1199px) {
        .content-component .section-inner .content-block.col-1 h2 {
          margin-bottom: 40px; } }
      .content-component .section-inner .content-block.col-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 100px; }
@mediaonly screen and (max-width:1499px) {
  .content-component .section-inner .content-block.col-2 {
    gap: 70px; } }
        @media only screen and (max-width: 991px) {
          .content-component .section-inner .content-block.col-2 {
            grid-template-columns: 1fr;
            gap: 30px; }
            .content-component .section-inner .content-block.col-2 .content {
              max-width: 100%;
              order: 2;
              position: relative; }
              .content-component .section-inner .content-block.col-2 .content p {
                position: relative; } }
    @media only screen and (max-width: 991px) and (max-width: 767px) {
      .content-component .section-inner .content-block.col-2 .content .btn {
        width: 100%; } }

        .content-component .section-inner .content-block.col-2.vertically-center {
          align-items: center; }
        .content-component .section-inner .content-block.col-2 .content {
          max-width: 665px; }
          @media only screen and (min-width: 991px) {
            .content-component .section-inner .content-block.col-2 .content h2 {
              margin-top: -12px; } }
          .content-component .section-inner .content-block.col-2 .content strong.large {
            font-size: 37px;
            line-height: 41px;
            display: block;
            margin-top: 20px; }
            @media only screen and (max-width: 767px) {
              .content-component .section-inner .content-block.col-2 .content strong.large {
                font-size: 24px;
                line-height: 31px; } }
        .content-component .section-inner .content-block.col-2 .image {
          position: relative; }
          .content-component .section-inner .content-block.col-2 .image:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 16px;
            height: 180px;
            z-index: 2; }
            @media only screen and (max-width: 767px) {
              .content-component .section-inner .content-block.col-2 .image:before {
                width: 10px; } }
          .content-component .section-inner .content-block.col-2 .image .mobile-image {
            display: none; }
          @media only screen and (max-width: 767px) {
            .content-component .section-inner .content-block.col-2 .image .desktop-image {
              display: none; }
            .content-component .section-inner .content-block.col-2 .image .mobile-image {
              display: block; } }
          .content-component .section-inner .content-block.col-2 .image.border-red:before {
            background-color: #DB4A26; }
          .content-component .section-inner .content-block.col-2 .image.border-maroon:before {
            background-color: #7B313F; }
          .content-component .section-inner .content-block.col-2 .image img {
            width: 100%; }
      .content-component .section-inner .content-block.large-right {
        grid-template-columns: 42% auto; }
        @media only screen and (max-width: 991px) {
          .content-component .section-inner .content-block.large-right {
            grid-template-columns: 1fr; } }
      .content-component .section-inner .content-block.large-left {
        grid-template-columns: auto 42%; }
        @media only screen and (max-width: 991px) {
          .content-component .section-inner .content-block.large-left {
            grid-template-columns: 1fr; } }
      .content-component .section-inner .content-block .content.left {
        order: 2; }
      .content-component .section-inner .content-block .content p {
        font-size: 20px;
        line-height: 30px; }
        @media only screen and (max-width: 767px) {
          .content-component .section-inner .content-block .content p {
            font-size: 16px;
            line-height: 30px; } }
      .content-component .section-inner .content-block .content .btn {
        margin-top: 15px; }
    .content-component .section-inner .border-line-red {
      width: 180px;
      height: 16px;
      margin: 50px auto 0;
      background-color: #DB4A26;
      position: relative;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        .content-component .section-inner .border-line-red {
          height: 10px; } }
    .content-component .section-inner .border-line-yellow {
      width: 180px;
      height: 16px;
      margin: 50px auto 0;
      background-color: #FFB700;
      position: relative;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        .content-component .section-inner .border-line-yellow {
          display: none;
          margin: 0; } }
    .content-component .section-inner .border-line-maroon {
      width: 180px;
      height: 16px;
      margin: 50px auto 0;
      background-color: #7B313F;
      position: relative;
      z-index: 2; }
  .content-component.diagonal {
    background-color: #FFFFFF; }
    .content-component.diagonal .section-inner {
      padding-bottom: 210px; }
      @media only screen and (max-width: 767px) {
        .content-component.diagonal .section-inner {
          padding-bottom: 0px; } }
    .content-component.diagonal:after {
      position: absolute;
      content: '';
      top: -1px;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #191919;
      clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
      z-index: 1; }
      @media only screen and (max-width: 1199px) {
        .content-component.diagonal:after {
          bottom: -15;
          clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%); } }

.home .content-component.content-bg-default:after {
  top: -80px; }

.icon-grid-container {
  margin-bottom: -1px; }
  .icon-grid-container .section-inner {
    position: relative;
    z-index: 2;
    padding-top: 0px; }
    .icon-grid-container .section-inner .pre-content-container {
      max-width: 720px;
      text-align: center;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 767px) {
        .icon-grid-container .section-inner .pre-content-container {
          text-align: left; } }
      .icon-grid-container .section-inner .pre-content-container h2 {
        margin-bottom: 40px; }
        @media only screen and (max-width: 767px) {
          .icon-grid-container .section-inner .pre-content-container h2 {
            margin-bottom: 25px; } }
      .icon-grid-container .section-inner .pre-content-container p {
        font-size: 20px;
        line-height: 30px; }
        @media only screen and (min-width: 767px) {
          .icon-grid-container .section-inner .pre-content-container p {
            margin-bottom: 60px; } }
    .icon-grid-container .section-inner .icon-grid {
      margin-top: 60px;
      display: grid;
      justify-content: center;
      align-items: start;
      gap: 30px 50px; }
      .icon-grid-container .section-inner .icon-grid.col-2 {
        grid-template-columns: repeat(2, 1fr); }
        @media only screen and (max-width: 767px) {
          .icon-grid-container .section-inner .icon-grid.col-2 {
            grid-template-columns: 1fr; } }
      .icon-grid-container .section-inner .icon-grid.col-3 {
        grid-template-columns: repeat(3, 1fr); }
        @media only screen and (max-width: 1199px) {
          .icon-grid-container .section-inner .icon-grid.col-3 {
            grid-template-columns: repeat(2, 1fr);
            margin-top: 50px; } }
        @media only screen and (max-width: 767px) {
          .icon-grid-container .section-inner .icon-grid.col-3 {
            grid-template-columns: 1fr; } }
      .icon-grid-container .section-inner .icon-grid.col-4 {
        max-width: 1400px;
        margin: 0 auto;
        grid-template-columns: repeat(4, 1fr); }
        @media only screen and (max-width: 1199px) {
          .icon-grid-container .section-inner .icon-grid.col-4 {
            grid-template-columns: repeat(2, 1fr);
            margin-top: 50px; } }
        @media only screen and (max-width: 767px) {
          .icon-grid-container .section-inner .icon-grid.col-4 {
            grid-template-columns: 1fr; } }
      .icon-grid-container .section-inner .icon-grid.remove-top-margin {
        margin-top: 0px; }
      .icon-grid-container .section-inner .icon-grid .grid-item {
        padding: 20px 10px; }
        .icon-grid-container .section-inner .icon-grid .grid-item img {
          margin-bottom: 25px; }
          @media only screen and (min-width: 767px) {
            .icon-grid-container .section-inner .icon-grid .grid-item img.mobile-only-icon {
              display: none !important; } }
          @media only screen and (max-width: 767px) {
            .icon-grid-container .section-inner .icon-grid .grid-item img.desktop-only-icon {
              display: none !important; } }
        .icon-grid-container .section-inner .icon-grid .grid-item h3 {
          margin-top: 0px;
          margin-bottom: 25px;
          font-size: 32px;
          line-height: 40px;
          font-weight: 700; }
          @media only screen and (max-width: 1460px) {
            .icon-grid-container .section-inner .icon-grid .grid-item h3 {
              font-size: 30px; } }
          @media only screen and (max-width: 767px) {
            .icon-grid-container .section-inner .icon-grid .grid-item h3 {
              font-size: 21px;
              line-height: 28px;
              margin-bottom: 15px; } }
        .icon-grid-container .section-inner .icon-grid .grid-item p {
          margin-top: 5px;
          margin-bottom: 0; }
          @media only screen and (max-width: 1699px) {
            .icon-grid-container .section-inner .icon-grid .grid-item p br {
              display: none; } }
        .icon-grid-container .section-inner .icon-grid .grid-item.bottom-space {
          height: 100%;
          margin-bottom: 20px;
          padding-bottom: 70px; }
        .icon-grid-container .section-inner .icon-grid .grid-item .icon-slide-btn {
          margin-top: 30px;
          position: absolute;
          content: '';
          bottom: 100px; }
        .icon-grid-container .section-inner .icon-grid .grid-item.linked {
          cursor: pointer;
          transition: 0.3s; }
          .icon-grid-container .section-inner .icon-grid .grid-item.linked:hover {
            box-shadow: 0px 40px 80px -35px rgba(0, 0, 0, 0.2); }
      @media only screen and (max-width: 767px) {
        .icon-grid-container .section-inner .icon-grid.swiper-wrapper {
          display: flex;
          justify-content: unset;
          gap: 0; }
          .icon-grid-container .section-inner .icon-grid.swiper-wrapper .grid-item {
            padding: 0; } }
      .icon-grid-container .section-inner .icon-grid.center {
        text-align: center; }
        .icon-grid-container .section-inner .icon-grid.center .grid-item {
          max-width: 430px;
          margin: 0 auto; }
          .icon-grid-container .section-inner .icon-grid.center .grid-item img {
            margin: 0 auto 25px; }
          @media only screen and (max-width: 767px) {
            .icon-grid-container .section-inner .icon-grid.center .grid-item p {
              max-width: 320px;
              margin: 0 auto; } }
      .icon-grid-container .section-inner .icon-grid.left p {
        max-width: 500px; }
    .icon-grid-container .section-inner .slider-controls {
      display: none; }
      @media only screen and (max-width: 767px) {
        .icon-grid-container .section-inner .slider-controls {
          display: block;
          position: relative;
          width: max-content;
          border-radius: 50px;
          margin: 20px auto 0;
          display: flex;
          align-items: center;
          padding: 12px 30px; }
          .icon-grid-container .section-inner .slider-controls .swiper-button-prev {
            top: 0;
            height: max-content;
            width: auto;
            margin: 0;
            position: relative;
            display: flex;
            left: unset;
            right: unset; }
            .icon-grid-container .section-inner .slider-controls .swiper-button-prev:after {
              content: '';
              width: 0;
              height: 0;
              border-top: 8px solid transparent;
              border-right: 16px solid #D9D9D9;
              border-bottom: 8px solid transparent;
              font-family: inherit;
              color: transparent;
              font-size: 0px;
              line-height: unset; }
            .icon-grid-container .section-inner .slider-controls .swiper-button-prev:hover:after {
              border-right-color: #FFB700; }
          .icon-grid-container .section-inner .slider-controls .swiper-button-next {
            top: 0;
            height: max-content;
            width: auto;
            margin: 0;
            position: relative;
            display: flex;
            left: unset;
            right: unset; }
            .icon-grid-container .section-inner .slider-controls .swiper-button-next:after {
              content: '';
              width: 0;
              height: 0;
              border-top: 8px solid transparent;
              border-left: 16px solid #D9D9D9;
              border-bottom: 8px solid transparent;
              font-family: inherit;
              color: transparent;
              font-size: 0px;
              line-height: unset; }
            .icon-grid-container .section-inner .slider-controls .swiper-button-next:hover:after {
              border-left-color: #FFB700; }
          .icon-grid-container .section-inner .slider-controls .swiper-pagination {
            position: relative;
            top: auto;
            bottom: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 6px; }
            .icon-grid-container .section-inner .slider-controls .swiper-pagination .swiper-pagination-bullet {
              width: 16px;
              height: 16px;
              background-color: #D9D9D9;
              margin: 0 3px;
              opacity: 1; }
              .icon-grid-container .section-inner .slider-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-color: #FFB700; }
              .icon-grid-container .section-inner .slider-controls .swiper-pagination .swiper-pagination-bullet:hover {
                background-color: #FFB700; } }
    .icon-grid-container .section-inner .border-line-red {
      width: 180px;
      height: 16px;
      margin: 50px auto 0;
      background-color: #DB4A26; }
      @media only screen and (max-width: 767px) {
        .icon-grid-container .section-inner .border-line-red {
          height: 10px; } }
    .icon-grid-container .section-inner .border-line-yellow {
      width: 180px;
      height: 16px;
      margin: 50px auto 0;
      background-color: #FFB700; }
      @media only screen and (max-width: 767px) {
        .icon-grid-container .section-inner .border-line-yellow {
          height: 10px; } }
  .icon-grid-container.light {
    background-color: #FFFFFF; }
    .icon-grid-container.light .pre-content-container {
      max-width: 1000px; }
    .icon-grid-container.light h2, .icon-grid-container.light h3, .icon-grid-container.light p {
      color: #000000; }
  .icon-grid-container.dark {
    background-color: #191919; }
    .icon-grid-container.dark h2, .icon-grid-container.dark h3, .icon-grid-container.dark p {
      color: #FFFFFF; }
  @media only screen and (max-width: 767px) {
    .icon-grid-container.bg-light {
      position: relative; }
      .icon-grid-container.bg-light:before {
        position: absolute;
        content: '';
        top: 110px;
        bottom: 0;
        left: 0px;
        right: 0px;
        background-color: #F1F1F1; }
      .icon-grid-container.bg-light h2 {
        text-align: center; }
      .icon-grid-container.bg-light .icon-grid {
        margin-top: 0px !important;
        padding-top: 30px; }
      .icon-grid-container.bg-light .slider-controls {
        margin-top: 30px;
        background-color: #333333; } }
  .icon-grid-container.diagonal {
    position: relative;
    background-color: #FFFFFF; }
    .icon-grid-container.diagonal:after {
      position: absolute;
      content: '';
      top: -1px;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #191919;
      clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
      z-index: 1; }
      @media only screen and (max-width: 1199px) {
        .icon-grid-container.diagonal:after {
          bottom: 0;
          clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%); } }
    @media only screen and (min-width: 1199px) {
      .icon-grid-container.diagonal .section-inner {
        padding-bottom: 300px; }
        .icon-grid-container.diagonal .section-inner.remove-bottom-space {
          padding-bottom: 150px; } }
  @media only screen and (max-width: 1199px) {
    .icon-grid-container + .icon-grid-container .section-inner {
      padding-top: 50px; } }

.contact-component {
  background-color: #191919; }
  .contact-component:before {
    position: absolute;
    content: '';
    top: 5%;
    left: 0;
    right: 0;
    background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/bg.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1281px;
    margin: 0 auto;
    z-index: 2; }
    @media only screen and (max-width: 991px) {
      .contact-component:before {
        top: 200px;
        background-size: 250%; } }
  .contact-component .section-inner {
    margin: auto;
    position: relative;
    z-index: 2; }
    .contact-component .section-inner .grid-container {
      display: grid;
      grid-gap: 60px;
      grid-template-columns: 40% auto; }
      @media only screen and (max-width: 1199px) {
        .contact-component .section-inner .grid-container {
          grid-template-columns: 1fr; } }
      .contact-component .section-inner .grid-container .grid-block h2 {
        font-size: 71px;
        line-height: 71px;
        font-weight: 700;
        margin-bottom: 35px;
        color: #FFFFFF;
        max-width: 400px; }
        @media only screen and (max-width: 767px) {
          .contact-component .section-inner .grid-container .grid-block h2 {
            font-size: 41px;
            line-height: 50px; } }
      .contact-component .section-inner .grid-container .grid-block .info-block {
        display: flex;
        align-items: center;
        padding-bottom: 25px; }
        .contact-component .section-inner .grid-container .grid-block .info-block.email {
          align-items: flex-start; }
        .contact-component .section-inner .grid-container .grid-block .info-block a {
          font-size: 20px;
          line-height: 30px;
          font-weight: 400;
          color: #FFFFFF;
          text-decoration: none;
          display: block; }
          .contact-component .section-inner .grid-container .grid-block .info-block a:hover {
            color: #FFFFFF;
            text-decoration: underline; }
            .contact-component .section-inner .grid-container .grid-block .info-block a:hover .email-label {
              text-decoration: none; }
          .contact-component .section-inner .grid-container .grid-block .info-block a.primary-color {
            color: #FFB700; }
          .contact-component .section-inner .grid-container .grid-block .info-block a.secondary-color {
            color: #DB4A26; }
          .contact-component .section-inner .grid-container .grid-block .info-block a span {
            display: block; }
        .contact-component .section-inner .grid-container .grid-block .info-block .email-inline {
          display: flex; }
          @media only screen and (max-width: 400px) {
            .contact-component .section-inner .grid-container .grid-block .info-block .email-inline {
              display: block; } }
        .contact-component .section-inner .grid-container .grid-block .info-block .email-label {
          display: inline-block;
          color: #DB4A26;
          font-size: 20px;
          line-height: 30px;
          font-weight: 400;
          padding-right: 5px; }
        .contact-component .section-inner .grid-container .grid-block .info-block .email-heading {
          font-size: 20px;
          line-height: 30px;
          font-weight: 400;
          color: #FFFFFF;
          display: block;
          padding-top: 10px; }
        .contact-component .section-inner .grid-container .grid-block .info-block img {
          margin-right: 25px; }
      .contact-component .section-inner .grid-container .grid-block .view-map {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        color: #DB4A26;
        padding-left: 65px; }
      .contact-component .section-inner .grid-container .grid-block h3 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        margin-bottom: 25px;
        margin-top: 15px;
        color: #FFFFFF; }
        @media only screen and (max-width: 767px) {
          .contact-component .section-inner .grid-container .grid-block h3 {
            margin-top: 0px;
            font-size: 25px;
            line-height: 35px; } }
      .contact-component .section-inner .grid-container .grid-block .required-label {
        display: block;
        text-align: right;
        font-size: 18px;
        line-height: 25px;
        font-weight: 400;
        color: #FFFFFF; }
      .contact-component .section-inner .grid-container .grid-block p {
        margin: 0px; }
      .contact-component .section-inner .grid-container .grid-block label {
        position: absolute;
        opacity: 0;
        z-index: -999; }
      .contact-component .section-inner .grid-container .grid-block input, .contact-component .section-inner .grid-container .grid-block textarea, .contact-component .section-inner .grid-container .grid-block select {
        border: none;
        border-bottom: solid 1px #FFFFFF;
        padding: 15px 0;
        width: 100%;
        outline: none;
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        color: #FFFFFF;
        margin-bottom: 10px;
        background-color: transparent; }
        .contact-component .section-inner .grid-container .grid-block input::-webkit-input-placeholder, .contact-component .section-inner .grid-container .grid-block textarea::-webkit-input-placeholder, .contact-component .section-inner .grid-container .grid-block select::-webkit-input-placeholder {
          color: #FFFFFF; }
        .contact-component .section-inner .grid-container .grid-block input:focus, .contact-component .section-inner .grid-container .grid-block textarea:focus, .contact-component .section-inner .grid-container .grid-block select:focus {
          outline: none;
          box-shadow: none; }
      .contact-component .section-inner .grid-container .grid-block .interest {
        position: relative; }
        .contact-component .section-inner .grid-container .grid-block .interest:before {
          position: absolute;
          content: "\f107";
          font: normal normal normal 14px/1 FontAwesome;
          color: #FFB700;
          font-size: 26px;
          top: 20px;
          right: 0; }
        .contact-component .section-inner .grid-container .grid-block .interest select {
          appearance: none; }
          .contact-component .section-inner .grid-container .grid-block .interest select option {
            color: #000000; }
      .contact-component .section-inner .grid-container .grid-block textarea {
        height: 120px; }
      .contact-component .section-inner .grid-container .grid-block button {
        margin-top: 30px; }

.map-container {
  background-color: #191919; }
  .map-container .heading-area {
    padding: 0 60px; }
    @media only screen and (max-width: 767px) {
      .map-container .heading-area {
        padding: 0 20px; } }
    .map-container .heading-area h2 {
      color: #FFFFFF;
      margin: 0; }
  .map-container #map {
    width: 100%;
    height: 850px;
    clip-path: polygon(0 35%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -100px; }
    @media only screen and (max-width: 1599px) {
      .map-container #map {
        height: 600px; } }
    @media only screen and (max-width: 991px) {
      .map-container #map {
        margin-top: 50px;
        clip-path: none; } }
  .map-container .section-inner .listing-grid {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 50px; }
    @media only screen and (max-width: 1199px) {
      .map-container .section-inner .listing-grid {
        grid-template-columns: 1fr; } }
    @media only screen and (max-width: 767px) {
      .map-container .section-inner .listing-grid {
        gap: 20px; } }
    .map-container .section-inner .listing-grid h4 {
      font-size: 48px;
      line-height: 60px;
      font-weight: 700;
      letter-spacing: -0.03em;
      color: #FFFFFF;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .map-container .section-inner .listing-grid h4 {
          font-size: 36px;
          line-height: 40px; } }
    @media only screen and (max-width: 1199px) {
      .map-container .section-inner .listing-grid .listing-block .listing-block-container.col-1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 50px; } }
    @media only screen and (max-width: 767px) {
      .map-container .section-inner .listing-grid .listing-block .listing-block-container.col-1 {
        grid-template-columns: 1fr; } }
    .map-container .section-inner .listing-grid .listing-block .listing-block-container.col-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 50px; }
      @media only screen and (max-width: 767px) {
        .map-container .section-inner .listing-grid .listing-block .listing-block-container.col-2 {
          grid-template-columns: 1fr; } }
    .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block {
      padding: 50px 0; }
      @media only screen and (max-width: 767px) {
        .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block {
          padding: 25px 0; } }
      .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block h5 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        color: #FFFFFF;
        margin-bottom: 20px;
        margin-top: 0px; }
        @media only screen and (max-width: 767px) {
          .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block h5 {
            font-size: 16px;
            line-height: 25px; } }
      .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .view-map {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        color: #DB4A26;
        text-decoration: underline;
        margin-left: 60px; }
        @media only screen and (max-width: 767px) {
          .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .view-map {
            display: none; } }
        .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .view-map:hover {
          color: #DB4A26; }
      .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block {
        display: flex;
        align-items: center;
        padding-bottom: 20px; }
        .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block .view-map {
          font-size: 16px;
          line-height: 25px;
          font-weight: 700;
          color: #DB4A26;
          text-decoration: underline;
          display: none;
          margin-left: 0px; }
          @media only screen and (max-width: 767px) {
            .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block .view-map {
              display: block; } }
        .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block img {
          padding-right: 20px; }
          @media only screen and (max-width: 767px) {
            .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block img {
              width: 30px;
              height: auto; } }
        .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block a, .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block span {
          font-size: 20px;
          line-height: 30px;
          font-weight: 400;
          color: #FFFFFF;
          display: block;
          text-decoration: none;
          max-width: 330px; }
          @media only screen and (max-width: 767px) {
            .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block a, .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block span {
              font-size: 16px;
              line-height: 25px; } }
        .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block a:hover {
          text-decoration: underline; }
        .map-container .section-inner .listing-grid .listing-block .listing-block-container .list-block .info-block .email {
          color: #DB4A26;
          text-decoration: underline; }

.sitemap-section {
  background-color: #191919; }
  .sitemap-section .section-inner {
    max-width: 1460px; }
    .sitemap-section .section-inner .sitemap-block {
      max-width: 1000px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      flex: 1 1 0;
      flex-wrap: wrap;
      height: 950px; }
      @media only screen and (max-width: 1199px) {
        .sitemap-section .section-inner .sitemap-block {
          display: block;
          gap: 0px;
          height: auto; } }
      .sitemap-section .section-inner .sitemap-block .listing-block {
        margin: 0 0 40px; }
        @media only screen and (max-width: 1199px) {
          .sitemap-section .section-inner .sitemap-block .listing-block {
            width: 100%; } }
        .sitemap-section .section-inner .sitemap-block .listing-block h2 {
          color: #FFFFFF;
          margin-bottom: 40px; }
          @media only screen and (max-width: 767px) {
            .sitemap-section .section-inner .sitemap-block .listing-block h2 {
              text-align: center; } }
        .sitemap-section .section-inner .sitemap-block .listing-block h4 {
          margin-bottom: 0px;
          padding-bottom: 40px; }
          @media only screen and (max-width: 500px) {
            .sitemap-section .section-inner .sitemap-block .listing-block h4 {
              text-align: center; } }
          .sitemap-section .section-inner .sitemap-block .listing-block h4 a {
            font-size: 32px;
            line-height: 40px;
            font-weight: 700;
            color: #FFFFFF;
            text-decoration: none;
            text-transform: uppercase; }
            .sitemap-section .section-inner .sitemap-block .listing-block h4 a:hover {
              text-decoration: underline; }
        .sitemap-section .section-inner .sitemap-block .listing-block ul {
          margin-top: 0px;
          margin-bottom: 30px;
          padding-left: 40px; }
          @media only screen and (max-width: 767px) {
            .sitemap-section .section-inner .sitemap-block .listing-block ul {
              margin-bottom: 50px; } }
          .sitemap-section .section-inner .sitemap-block .listing-block ul li::marker {
            color: #FFFFFF; }
          .sitemap-section .section-inner .sitemap-block .listing-block ul li a {
            font-size: 32px;
            line-height: 45px;
            font-weight: 400;
            color: #FFFFFF;
            word-break: break-word;
            text-decoration: none; }

.sitemap h1 {
  font-size: 122px !important;
  line-height: 128px !important; }
  @media only screen and (max-width: 1199px) {
    .sitemap h1 {
      font-size: 48px !important;
      line-height: 54px !important; } }

.testimonials-container {
  background: #FFFFFF;
  margin-top: 90px 60px;
  margin-bottom: 90px 60px;
  position: relative;
  overflow: hidden;
  z-index: 3;
  margin-top: -1px; }
  .testimonials-container .section-inner {
    max-width: 1160px;
    position: relative; }
    @media only screen and (max-width: 1599px) {
      .testimonials-container .section-inner {
        max-width: 1060px; } }
    @media only screen and (max-width: 1399px) {
      .testimonials-container .section-inner {
        max-width: 860px; } }
    @media only screen and (max-width: 1199px) {
      .testimonials-container .section-inner {
        max-width: 60%; } }
    @media only screen and (max-width: 767px) {
      .testimonials-container .section-inner {
        max-width: 70%; } }
    @media only screen and (min-width: 1199px) {
      .testimonials-container .section-inner.remove-top-padding {
        padding-top: 0px; } }
    .testimonials-container .section-inner:before {
      position: absolute;
      content: '';
      top: 28%;
      left: -100px;
      background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/quote-first.svg");
      background-repeat: no-repeat;
      background-size: cover;
      width: 112px;
      height: 103px; }
      @media only screen and (max-width: 1599px) {
        .testimonials-container .section-inner:before {
          left: -80px; } }
      @media only screen and (max-width: 1399px) {
        .testimonials-container .section-inner:before {
          left: -100px; } }
      @media only screen and (max-width: 1199px) {
        .testimonials-container .section-inner:before {
          left: -30px;
          width: 65px;
          height: 60px; } }
      @media only screen and (max-width: 767px) {
        .testimonials-container .section-inner:before {
          left: -20%;
          top: 20%; } }
    .testimonials-container .section-inner:after {
      position: absolute;
      content: '';
      bottom: 28%;
      right: -100px;
      background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/quote-last.svg");
      background-repeat: no-repeat;
      background-size: cover;
      width: 112px;
      height: 103px; }
      @media only screen and (max-width: 1599px) {
        .testimonials-container .section-inner:after {
          right: -80px; } }
      @media only screen and (max-width: 1399px) {
        .testimonials-container .section-inner:after {
          right: -100px; } }
      @media only screen and (max-width: 1199px) {
        .testimonials-container .section-inner:after {
          right: -30px;
          width: 65px;
          height: 60px; } }
      @media only screen and (max-width: 767px) {
        .testimonials-container .section-inner:after {
          right: -20%;
          bottom: 30%; } }
    .testimonials-container .section-inner h2 {
      text-align: center; }
    .testimonials-container .section-inner .testimonials-grid .swiper-wrapper {
      height: max-content !important; }
    .testimonials-container .section-inner .testimonials-grid .swiper-slide {
      text-align: center; }
      .testimonials-container .section-inner .testimonials-grid .swiper-slide p {
        font-size: 25px;
        line-height: 38px;
        font-weight: 400;
        color: #333333;
        margin: 30px 0 50px; }
        @media only screen and (max-width: 767px) {
          .testimonials-container .section-inner .testimonials-grid .swiper-slide p {
            font-size: 16px;
            line-height: 25px;
            margin: 10px 0 30px; } }
      .testimonials-container .section-inner .testimonials-grid .swiper-slide strong {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        letter-spacing: -0.03em;
        color: #333333;
        display: block; }
      .testimonials-container .section-inner .testimonials-grid .swiper-slide span {
        font-size: 21px;
        line-height: 28px;
        font-weight: 400;
        letter-spacing: -0.03em;
        color: #333333;
        display: block; }
      .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block {
        display: grid;
        grid-template-columns: 400px 1fr;
        gap: 70px;
        align-items: center;
        padding: 70px 50px 50px;
        text-align: left; }
        @media only screen and (max-width: 1199px) {
          .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block {
            grid-template-columns: 1fr;
            padding: 50px; } }
        @media only screen and (max-width: 767px) {
          .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block {
            padding: 50px 25px 0;
            text-align: center;
            gap: 40px; } }
        .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image {
          position: relative; }
          @media only screen and (max-width: 767px) {
            .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image {
              padding: 0 15px; } }
          .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image:before {
            position: absolute;
            content: '';
            top: 0;
            left: -50px;
            width: 18px;
            height: 0px;
            background-color: #7B313F;
            transition: 2s; }
            @media only screen and (max-width: 1199px) {
              .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image:before {
                left: -45px; } }
            @media only screen and (max-width: 767px) {
              .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image:before {
                width: 8px;
                height: 117px;
                left: -25px; } }
          .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image:after {
            position: absolute;
            content: '';
            width: 61px;
            height: 0;
            top: -5%;
            bottom: -5%;
            left: -20px;
            background-color: #7B313F;
            z-index: -1;
            transition: 2s; }
            @media only screen and (max-width: 767px) {
              .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image:after {
                width: 42px;
                left: -12px; } }
          .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image .image-outer {
            width: 100%;
            position: relative; }
            .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image .image-outer:before {
              position: absolute;
              content: '';
              bottom: -50px;
              left: 55px;
              width: 48px;
              height: 50px;
              background-color: #7B313F;
              z-index: -1; }
              @media only screen and (max-width: 767px) {
                .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image .image-outer:before {
                  left: 25px;
                  width: 25px;
                  bottom: -20px; } }
            .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image .image-outer img {
              filter: drop-shadow(18px 18px 20px rgba(0, 0, 0, 0.08));
              height: 522px;
              object-fit: cover; }
              @media only screen and (max-width: 480px) {
                .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block .image .image-outer img {
                  height: 222px;
                  width: 222px; } }
        .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block p {
          margin-top: 0px;
          color: #000000; }
        .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block strong {
          font-size: 45px;
          line-height: 55px;
          color: #7B313F; }
          @media only screen and (max-width: 767px) {
            .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block strong {
              font-size: 36px;
              line-height: 40px; } }
        .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block span {
          color: #000000; }
          @media only screen and (max-width: 767px) {
            .testimonials-container .section-inner .testimonials-grid .swiper-slide .testimonial-block span {
              font-size: 16px;
              line-height: 25px; } }
    .testimonials-container .section-inner .testimonials-grid .slider-controls {
      position: relative;
      background-color: #333333;
      width: max-content;
      border-radius: 50px;
      margin: 60px auto 0;
      display: flex;
      align-items: center;
      padding: 14px 50px; }
      @media only screen and (max-width: 767px) {
        .testimonials-container .section-inner .testimonials-grid .slider-controls {
          padding: 12px 30px; } }
      .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-button-prev {
        top: 0;
        height: max-content;
        width: auto;
        margin: 0;
        position: relative;
        display: flex;
        left: unset;
        right: unset; }
        .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-button-prev:after {
          content: '';
          width: 0;
          height: 0;
          border-top: 12px solid transparent;
          border-right: 23px solid #D9D9D9;
          border-bottom: 12px solid transparent;
          font-family: inherit;
          color: transparent;
          font-size: 0px;
          line-height: unset; }
          @media only screen and (max-width: 767px) {
            .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-button-prev:after {
              border-top: 8px solid transparent;
              border-right: 16px solid #D9D9D9;
              border-bottom: 8px solid transparent; } }
        .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-button-prev:hover:after {
          border-right-color: #FFB700; }
      .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-button-next {
        top: 0;
        height: max-content;
        width: auto;
        margin: 0;
        position: relative;
        display: flex;
        left: unset;
        right: unset; }
        .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-button-next:after {
          content: '';
          width: 0;
          height: 0;
          border-top: 12px solid transparent;
          border-left: 23px solid #D9D9D9;
          border-bottom: 12px solid transparent;
          font-family: inherit;
          color: transparent;
          font-size: 0px;
          line-height: unset; }
          @media only screen and (max-width: 767px) {
            .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-button-next:after {
              border-top: 8px solid transparent;
              border-left: 16px solid #D9D9D9;
              border-bottom: 8px solid transparent; } }
        .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-button-next:hover:after {
          border-left-color: #FFB700; }
      .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-pagination {
        position: relative;
        top: auto;
        bottom: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 8px; }
        @media only screen and (max-width: 767px) {
          .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-pagination {
            margin: 0 6px; } }
        .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-pagination .swiper-pagination-bullet {
          width: 23px;
          height: 23px;
          background-color: #D9D9D9;
          margin: 0 6px;
          opacity: 1; }
          @media only screen and (max-width: 767px) {
            .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-pagination .swiper-pagination-bullet {
              margin: 0 3px;
              width: 16px;
              height: 16px; } }
          .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #FFB700; }
          .testimonials-container .section-inner .testimonials-grid .slider-controls .swiper-pagination .swiper-pagination-bullet:hover {
            background-color: #FFB700; }
    .testimonials-container .section-inner.active .testimonials-grid .swiper-slide .testimonial-block .image:before {
      height: 270px; }
      @media only screen and (max-width: 767px) {
        .testimonials-container .section-inner.active .testimonials-grid .swiper-slide .testimonial-block .image:before {
          height: 170px; } }
    .testimonials-container .section-inner.active .testimonials-grid .swiper-slide .testimonial-block .image:after {
      height: 110%; }
  .testimonials-container.dark {
    background-color: #191919; }
    .testimonials-container.dark .section-inner {
      position: relative;
      z-index: 2; }
      .testimonials-container.dark .section-inner h2 {
        color: #FFFFFF; }
      .testimonials-container.dark .section-inner .testimonials-grid .swiper-slide p, .testimonials-container.dark .section-inner .testimonials-grid .swiper-slide strong, .testimonials-container.dark .section-inner .testimonials-grid .swiper-slide span {
        color: #FFFFFF; }
      .testimonials-container.dark .section-inner .testimonials-grid .slider-controls {
        background-color: #FFFFFF; }
        .testimonials-container.dark .section-inner .testimonials-grid .slider-controls .swiper-button-next:after {
          border-left-color: #333333; }
        .testimonials-container.dark .section-inner .testimonials-grid .slider-controls .swiper-button-next:hover:after {
          border-left-color: #FFB700; }
        .testimonials-container.dark .section-inner .testimonials-grid .slider-controls .swiper-button-prev:after {
          border-right-color: #333333; }
        .testimonials-container.dark .section-inner .testimonials-grid .slider-controls .swiper-button-prev:hover:after {
          border-right-color: #FFB700; }
        .testimonials-container.dark .section-inner .testimonials-grid .slider-controls .swiper-pagination .swiper-pagination-bullet {
          background-color: #333333; }
          .testimonials-container.dark .section-inner .testimonials-grid .slider-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #FFB700; }
          .testimonials-container.dark .section-inner .testimonials-grid .slider-controls .swiper-pagination .swiper-pagination-bullet:hover {
            background-color: #FFB700; }
  .testimonials-container.diagonal {
    background-color: #FFFFFF;
    position: relative;
    overflow: inherit; }
    @media only screen and (max-width: 767px) {
      .testimonials-container.diagonal {
        overflow: hidden;
        background-color: #191919; } }
    .testimonials-container.diagonal:after {
      position: absolute;
      content: '';
      top: 0;
      right: 0;
      bottom: -400px;
      left: 0;
      background-color: #191919;
      clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
      z-index: 1; }
      @media only screen and (max-width: 1199px) {
        .testimonials-container.diagonal:after {
          bottom: 0;
          clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%); } }

.masonry-container {
  position: relative;
  background-color: #FFFFFF;
  margin-bottom: -1px; }
  @media only screen and (max-width: 767px) {
    .masonry-container {
      padding-bottom: 100px; } }
  .masonry-container.content-bg-default:before {
    position: absolute;
    content: '';
    top: -450px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/bg.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1281px;
    margin: 0 auto;
    z-index: 2; }
    @media only screen and (max-width: 991px) {
      .masonry-container.content-bg-default:before {
        top: -650px;
        background-size: 250%;
        height: auto; } }
  .masonry-container.content-bg-farm_fields:before {
    position: absolute;
    content: '';
    top: -450px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/farm_bg.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1093px;
    margin: 0 auto;
    z-index: 2; }
    @media only screen and (max-width: 991px) {
      .masonry-container.content-bg-farm_fields:before {
        top: -650px;
        background-size: 250%;
        height: auto; } }
  .masonry-container.content-bg-floor_plans:before {
    position: absolute;
    content: '';
    top: -450px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/floor_bg.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1157px;
    margin: 0 auto;
    z-index: 2; }
    @media only screen and (max-width: 991px) {
      .masonry-container.content-bg-floor_plans:before {
        top: -650px;
        background-size: 250%;
        height: auto; } }
  .masonry-container:after {
    position: absolute;
    content: '';
    top: -1px;
    right: 0;
    bottom: 25%;
    left: 0;
    background-color: #191919;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .masonry-container:after {
        bottom: 0; } }
  .masonry-container .section-inner {
    position: relative;
    z-index: 3; }
    .masonry-container .section-inner:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/masonry-bg.png");
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      height: 775px;
      z-index: 2; }
    .masonry-container .section-inner .pre-content {
      max-width: 900px;
      margin: 0 auto 100px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .masonry-container .section-inner .pre-content {
          text-align: left;
          margin-bottom: 50px; } }
      .masonry-container .section-inner .pre-content h2, .masonry-container .section-inner .pre-content p {
        color: #FFFFFF; }
      .masonry-container .section-inner .pre-content p {
        font-size: 20px;
        line-height: 30px; }
        @media only screen and (max-width: 767px) {
          .masonry-container .section-inner .pre-content p {
            font-size: 16px;
            line-height: 25px; } }
    .masonry-container .section-inner .border-line-red {
      width: 180px;
      height: 16px;
      margin: -40px auto 60px;
      background-color: #DB4A26;
      position: relative;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        .masonry-container .section-inner .border-line-red {
          margin: -15px auto 50px;
          height: 10px; } }
    .masonry-container .section-inner .border-line-yellow {
      width: 180px;
      height: 16px;
      margin: -40px auto 60px;
      background-color: #FFB700;
      position: relative;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        .masonry-container .section-inner .border-line-yellow {
          margin: -15px auto 50px;
          height: 10px; } }
    .masonry-container .section-inner .border-line-maroon {
      width: 180px;
      height: 16px;
      margin: -40px auto 60px;
      background-color: #7B313F;
      position: relative;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        .masonry-container .section-inner .border-line-maroon {
          margin: -15px auto 50px;
          height: 10px; } }
    .masonry-container .section-inner .desktop-video {
      position: relative;
      margin-bottom: 35px; }
      .masonry-container .section-inner .desktop-video .thumbnail {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        cursor: pointer; }
        .masonry-container .section-inner .desktop-video .thumbnail img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .masonry-container .section-inner .desktop-video .thumbnail .play {
          position: absolute;
          content: '';
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          right: 0;
          margin: 0 auto;
          width: 170px;
          height: 170px;
          border: 14.1489px solid #FFFFFF;
          border-radius: 50%;
          text-align: center;
          z-index: 3; }
          .masonry-container .section-inner .desktop-video .thumbnail .play i {
            color: #FFFFFF;
            font-size: 90px;
            line-height: 170px;
            padding-left: 15px; }
        .masonry-container .section-inner .desktop-video .thumbnail.hide {
          display: none; }
        .masonry-container .section-inner .desktop-video .thumbnail:hover .play {
          background-color: #FFFFFF; }
          .masonry-container .section-inner .desktop-video .thumbnail:hover .play i {
            color: #FFB700; }
      .masonry-container .section-inner .desktop-video video, .masonry-container .section-inner .desktop-video iframe {
        width: 100%;
        height: 690px;
        border: none; }
    .masonry-container .section-inner .masonry-grid {
      display: grid;
      grid-template-columns: 38% 1fr 2fr;
      gap: 35px; }
      @media only screen and (max-width: 767px) {
        .masonry-container .section-inner .masonry-grid {
          position: relative;
          z-index: 3; } }
      .masonry-container .section-inner .masonry-grid .grid-item {
        position: relative; }
        .masonry-container .section-inner .masonry-grid .grid-item .thumbnail {
          position: absolute;
          content: '';
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 2; }
          .masonry-container .section-inner .masonry-grid .grid-item .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .masonry-container .section-inner .masonry-grid .grid-item .thumbnail .play {
            position: absolute;
            content: '';
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 110px;
            height: 110px;
            border: 10px solid #FFFFFF;
            border-radius: 50%;
            text-align: center;
            z-index: 3; }
            .masonry-container .section-inner .masonry-grid .grid-item .thumbnail .play i {
              color: #FFFFFF;
              font-size: 50px;
              line-height: 110px;
              padding-left: 10px; }
          .masonry-container .section-inner .masonry-grid .grid-item .thumbnail.hide {
            display: none; }
          .masonry-container .section-inner .masonry-grid .grid-item .thumbnail:hover .play {
            background-color: #FFFFFF; }
            .masonry-container .section-inner .masonry-grid .grid-item .thumbnail:hover .play i {
              color: #FFB700; }
        .masonry-container .section-inner .masonry-grid .grid-item video, .masonry-container .section-inner .masonry-grid .grid-item iframe {
          width: 100%;
          height: 330px;
          border: none; }
        .masonry-container .section-inner .masonry-grid .grid-item .img-container {
          width: 100%;
          height: 100%; }
          .masonry-container .section-inner .masonry-grid .grid-item .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
    @media only screen and (min-width: 768px) {
      .masonry-container .section-inner .masonry-grid .grid-item:nth-child(1) {
        grid-column: span 2;
        grid-row: 1/3;
        height: 100%; }
      .masonry-container .section-inner .masonry-grid .grid-item:nth-child(5) {
        grid-column: span 2; }
      .masonry-container .section-inner .masonry-grid .slider-controls {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .masonry-container .section-inner .masonry-grid {
        display: block; }
        .masonry-container .section-inner .masonry-grid .grid-item .thumbnail {
          height: 330px; }
        .masonry-container .section-inner .masonry-grid .grid-item .img-container img {
          height: 330px;
          object-fit: cover; }
        .masonry-container .section-inner .masonry-grid .slider-controls {
          position: relative;
          background-color: transparent;
          width: max-content;
          border-radius: 50px;
          margin: 30px auto 0;
          display: flex;
          align-items: center;
          padding: 14px 50px; }
          .masonry-container .section-inner .masonry-grid .slider-controls .swiper-button-prev {
            top: 0;
            height: max-content;
            width: auto;
            margin: 0;
            position: relative;
            display: flex;
            left: unset;
            right: unset; }
            .masonry-container .section-inner .masonry-grid .slider-controls .swiper-button-prev:after {
              content: '';
              width: 0;
              height: 0;
              border-top: 8px solid transparent;
              border-right: 16px solid #D9D9D9;
              border-bottom: 8px solid transparent;
              font-family: inherit;
              color: transparent;
              font-size: 0px;
              line-height: unset; }
            .masonry-container .section-inner .masonry-grid .slider-controls .swiper-button-prev:hover:after {
              border-right-color: #FFB700; }
          .masonry-container .section-inner .masonry-grid .slider-controls .swiper-button-next {
            top: 0;
            height: max-content;
            width: auto;
            margin: 0;
            position: relative;
            display: flex;
            left: unset;
            right: unset; }
            .masonry-container .section-inner .masonry-grid .slider-controls .swiper-button-next:after {
              content: '';
              width: 0;
              height: 0;
              border-top: 8px solid transparent;
              border-left: 16px solid #D9D9D9;
              border-bottom: 8px solid transparent;
              font-family: inherit;
              color: transparent;
              font-size: 0px;
              line-height: unset; }
            .masonry-container .section-inner .masonry-grid .slider-controls .swiper-button-next:hover:after {
              border-left-color: #FFB700; }
          .masonry-container .section-inner .masonry-grid .slider-controls .swiper-pagination {
            position: relative;
            top: auto;
            bottom: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 6px; }
            .masonry-container .section-inner .masonry-grid .slider-controls .swiper-pagination .swiper-pagination-bullet {
              width: 16px;
              height: 16px;
              background-color: #D9D9D9;
              margin: 0 3px;
              opacity: 1; }
              .masonry-container .section-inner .masonry-grid .slider-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-color: #FFB700; }
              .masonry-container .section-inner .masonry-grid .slider-controls .swiper-pagination .swiper-pagination-bullet:hover {
                background-color: #FFB700; }
        .masonry-container .section-inner .masonry-grid.masonary-images {
          position: relative;
          z-index: 3; }
          .masonry-container .section-inner .masonry-grid.masonary-images .grid-item .img-container img {
            height: 380px; }
          .masonry-container .section-inner .masonry-grid.masonary-images .slider-controls {
            margin-top: -45px;
            z-index: 4; } }

.post-component {
  background-color: #FFFFFF; }
  .post-component .section-inner {
    max-width: 1920px; }
    @media only screen and (max-width: 767px) {
      .post-component .section-inner {
        padding-left: 0px;
        padding-right: 0px; } }
    .post-component .section-inner h2 {
      margin-bottom: 70px; }
      @media only screen and (max-width: 767px) {
        .post-component .section-inner h2 {
          margin-left: 20px;
          margin-bottom: 40px; } }
    .post-component .section-inner .filter-heading {
      margin: 30px 0 20px; }
      @media only screen and (max-width: 767px) {
        .post-component .section-inner .filter-heading {
          margin: 20px 20px 10px; } }
    .post-component .section-inner form {
      margin-bottom: 40px;
      width: 185px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .post-component .section-inner form {
          margin-left: 20px; } }
      .post-component .section-inner form select {
        border: none;
        cursor: pointer;
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        appearance: none;
        -webkit-appearance: none;
        width: 100%;
        background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/down-arrow.png");
        background-size: 15px 10px;
        background-repeat: no-repeat;
        background-position: right;
        background-color: transparent; }
        .post-component .section-inner form select:focus-visible {
          outline: none; }
        .post-component .section-inner form select option {
          font-size: 18px;
          line-height: 25px;
          font-weight: 700;
          color: #000000; }
          @media only screen and (max-width: 767px) {
            .post-component .section-inner form select option {
              font-size: 10px;
              line-height: 15px; } }
        .post-component .section-inner form select.filter {
          background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/filter-icon.png");
          background-size: 30px; }
    .post-component .section-inner .post-grid-container {
      display: grid;
      gap: 80px 50px; }
      @media only screen and (max-width: 991px) {
        .post-component .section-inner .post-grid-container {
          gap: 30px; } }
      .post-component .section-inner .post-grid-container.col-2 {
        grid-template-columns: repeat(2, 1fr); }
        @media only screen and (max-width: 991px) {
          .post-component .section-inner .post-grid-container.col-2 {
            grid-template-columns: 1fr; } }
      .post-component .section-inner .post-grid-container.col-3 {
        grid-template-columns: repeat(3, 1fr); }
        @media only screen and (max-width: 1199px) {
          .post-component .section-inner .post-grid-container.col-3 {
            grid-template-columns: repeat(2, 1fr); } }
        @media only screen and (max-width: 991px) {
          .post-component .section-inner .post-grid-container.col-3 {
            grid-template-columns: 1fr; } }
      .post-component .section-inner .post-grid-container.col-4 {
        grid-template-columns: repeat(4, 1fr); }
        @media only screen and (max-width: 1199px) {
          .post-component .section-inner .post-grid-container.col-4 {
            grid-template-columns: repeat(2, 1fr); } }
        @media only screen and (max-width: 991px) {
          .post-component .section-inner .post-grid-container.col-4 {
            grid-template-columns: 1fr; } }
      .post-component .section-inner .post-grid-container .post-block {
        display: inline-block;
        text-decoration: none;
        color: #000000; }
        .post-component .section-inner .post-grid-container .post-block .img-container {
          width: 100%;
          height: 334px;
          overflow: hidden; }
          @media only screen and (max-width: 1460px) {
            .post-component .section-inner .post-grid-container .post-block .img-container {
              height: 234px; } }
          .post-component .section-inner .post-grid-container .post-block .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 1s; }
        .post-component .section-inner .post-grid-container .post-block:hover .img-container img {
          transform: scale(1.2);
          -webkit-transform: scale(1.2); }
        .post-component .section-inner .post-grid-container .post-block .bottom {
          padding-top: 20px; }
          @media only screen and (min-width: 992px) {
            .post-component .section-inner .post-grid-container .post-block .bottom {
              padding-bottom: 80px; } }
          .post-component .section-inner .post-grid-container .post-block .bottom span {
            font-size: 15px;
            line-height: 22px;
            font-weight: 700;
            letter-spacing: -0.03em;
            color: #000000; }
          .post-component .section-inner .post-grid-container .post-block .bottom h3 {
            font-size: 32px;
            line-height: 40px;
            font-weight: 700;
            letter-spacing: -0.03em;
            margin-bottom: 0px;
            color: #000000;
            text-transform: capitalize; }
            @media only screen and (max-width: 1499px) {
              .post-component .section-inner .post-grid-container .post-block .bottom h3 {
                font-size: 28px;
                line-height: 35px; } }
            @media only screen and (max-width: 991px) {
              .post-component .section-inner .post-grid-container .post-block .bottom h3 {
                margin-bottom: 25px; } }
          @media only screen and (min-width: 992px) {
            .post-component .section-inner .post-grid-container .post-block .bottom a {
              position: absolute;
              content: '';
              bottom: 0; } }
          @media only screen and (max-width: 767px) {
            .post-component .section-inner .post-grid-container .post-block .bottom a {
              width: 100%; }
              .post-component .section-inner .post-grid-container .post-block .bottom a span {
                padding: 15px !important; } }
        @media only screen and (max-width: 991px) {
          .post-component .section-inner .post-grid-container .post-block {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
            align-items: center; }
            .post-component .section-inner .post-grid-container .post-block.odd .img-container {
              order: 2; }
            .post-component .section-inner .post-grid-container .post-block .img-container {
              height: auto; }
            .post-component .section-inner .post-grid-container .post-block .bottom {
              padding-top: 0px; }
              .post-component .section-inner .post-grid-container .post-block .bottom h3 {
                font-size: 16px;
                line-height: 24px; }
              .post-component .section-inner .post-grid-container .post-block .bottom .btn {
                min-width: auto; } }
        @media only screen and (max-width: 767px) {
          .post-component .section-inner .post-grid-container .post-block .img-container {
            height: 222px; }
          .post-component .section-inner .post-grid-container .post-block:nth-child(odd) .bottom {
            padding-left: 20px; }
          .post-component .section-inner .post-grid-container .post-block:nth-child(even) .bottom {
            padding-right: 20px; } }

.section-404 {
  padding: 80px 0;
  text-align: center;
  background-color: #191919; }
  @media only screen and (max-width: 767px) {
    .section-404 {
      padding: 60px 0; } }
  .section-404 h1 {
    color: #FFFFFF; }
  .section-404 p, .section-404 a {
    color: #FFFFFF; }

.partners-container {
  background-color: #FFFFFF;
  text-align: center;
  margin-top: -1px; }
  .partners-container .section-inner {
    max-width: 1310px;
    margin: 0 auto; }
    @media only screen and (min-width: 1199px) {
      .partners-container .section-inner {
        padding-top: 0px; } }
    .partners-container .section-inner p {
      max-width: 550px;
      margin: 0 auto; }
    .partners-container .section-inner .logos-container {
      display: flex;
      gap: 25px 65px;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      padding-top: 40px; }
      @media only screen and (max-width: 767px) {
        .partners-container .section-inner .logos-container {
          gap: 20px 30px;
          padding-top: 20px; }
          .partners-container .section-inner .logos-container .logo-block {
            flex: 40%;
            justify-content: center;
            display: inline-flex; } }

.image-slider-container {
  background-color: #191919; }
  .image-slider-container .section-inner {
    max-width: 1660px; }
    .image-slider-container .section-inner .image-slider-block {
      display: flex; }
      @media only screen and (max-width: 991px) {
        .image-slider-container .section-inner .image-slider-block {
          display: block; } }
      .image-slider-container .section-inner .image-slider-block.col-1 {
        max-width: 730px;
        margin: 0 auto; }
      .image-slider-container .section-inner .image-slider-block.col-2 {
        gap: 10%; }
        .image-slider-container .section-inner .image-slider-block.col-2 .slider-block {
          width: 45%;
          position: relative; }
          .image-slider-container .section-inner .image-slider-block.col-2 .slider-block:last-child {
            position: relative; }
            .image-slider-container .section-inner .image-slider-block.col-2 .slider-block:last-child:before {
              position: absolute;
              content: '';
              left: -12%;
              top: 25%;
              width: 16px;
              height: 180px;
              background-color: #7B313F; }
              @media only screen and (max-width: 1499px) {
                .image-slider-container .section-inner .image-slider-block.col-2 .slider-block:last-child:before {
                  top: 20%; } }
              @media only screen and (max-width: 1299px) {
                .image-slider-container .section-inner .image-slider-block.col-2 .slider-block:last-child:before {
                  width: 12px; } }
          @media only screen and (max-width: 991px) {
            .image-slider-container .section-inner .image-slider-block.col-2 .slider-block {
              width: 100%;
              max-width: 730px;
              margin: 0 auto; }
              .image-slider-container .section-inner .image-slider-block.col-2 .slider-block:last-child {
                margin-top: 70px;
                padding-top: 70px; }
                .image-slider-container .section-inner .image-slider-block.col-2 .slider-block:last-child:before {
                  left: 0;
                  right: 0;
                  width: 180px;
                  height: 10px;
                  top: 0px;
                  margin: 0 auto; } }
          @media only screen and (min-width: 992px) {
            .image-slider-container .section-inner .image-slider-block.col-2 .slider-block .image-slide-btn {
              position: absolute;
              content: '';
              left: 0;
              right: 0;
              bottom: -80px;
              margin: 0 auto; } }
      .image-slider-container .section-inner .image-slider-block .slider-block h3 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        letter-spacing: -0.03em;
        color: #FFB700;
        text-align: center;
        margin-bottom: 50px; }
        @media only screen and (max-width: 767px) {
          .image-slider-container .section-inner .image-slider-block .slider-block h3 {
            font-size: 21px;
            line-height: 28px;
            margin-bottom: 30px; } }
      .image-slider-container .section-inner .image-slider-block .slider-block p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        color: #FFFFFF; }
        @media only screen and (max-width: 1299px) {
          .image-slider-container .section-inner .image-slider-block .slider-block p {
            font-size: 16px;
            line-height: 25px; } }
      .image-slider-container .section-inner .image-slider-block .slider-block .image-slide-btn {
        text-align: center;
        margin-top: 60px; }
        @media only screen and (max-width: 991px) {
          .image-slider-container .section-inner .image-slider-block .slider-block .image-slide-btn {
            margin-top: 30px; } }
        @media only screen and (max-width: 767px) {
          .image-slider-container .section-inner .image-slider-block .slider-block .image-slide-btn .btn {
            width: 100%; } }
      .image-slider-container .section-inner .image-slider-block .slider-block .swiper-slide {
        position: relative; }
        .image-slider-container .section-inner .image-slider-block .slider-block .swiper-slide .image-slide {
          position: relative; }
          .image-slider-container .section-inner .image-slider-block .slider-block .swiper-slide .image-slide:after {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(8.44deg, rgba(0, 0, 0, 0.5) 4.01%, rgba(0, 0, 0, 0) 46.6%), linear-gradient(8.44deg, rgba(0, 0, 0, 0.5) 4.01%, rgba(0, 0, 0, 0) 46.6%);
            z-index: 1; }
          .image-slider-container .section-inner .image-slider-block .slider-block .swiper-slide .image-slide h4 {
            font-size: 48px;
            line-height: 60px;
            font-weight: 700;
            letter-spacing: -0.03em;
            color: #FFFFFF;
            position: absolute;
            content: '';
            left: 50px;
            right: 50px;
            bottom: 25px;
            margin-bottom: 0px;
            text-align: center;
            z-index: 2; }
            @media only screen and (max-width: 1499px) {
              .image-slider-container .section-inner .image-slider-block .slider-block .swiper-slide .image-slide h4 {
                font-size: 38px;
                line-height: 45px; } }
            @media only screen and (max-width: 1299px) {
              .image-slider-container .section-inner .image-slider-block .slider-block .swiper-slide .image-slide h4 {
                font-size: 36px;
                line-height: 40px; } }
            @media only screen and (max-width: 767px) {
              .image-slider-container .section-inner .image-slider-block .slider-block .swiper-slide .image-slide h4 {
                bottom: 10px;
                left: 10px;
                text-align: left; } }
          .image-slider-container .section-inner .image-slider-block .slider-block .swiper-slide .image-slide img {
            width: 100%;
            height: auto; }
            @media only screen and (max-width: 767px) {
              .image-slider-container .section-inner .image-slider-block .slider-block .swiper-slide .image-slide img {
                height: 335px;
                object-fit: cover; } }
      .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls {
        position: relative;
        background-color: transparent;
        width: max-content;
        border-radius: 50px;
        margin: 30px auto 0;
        display: flex;
        align-items: center;
        padding: 14px 50px; }
        @media only screen and (max-width: 767px) {
          .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls {
            padding: 12px 30px;
            margin: 40px auto 0; } }
        .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-button-prev {
          top: 0;
          height: max-content;
          width: auto;
          margin: 0;
          position: relative;
          display: flex;
          left: unset;
          right: unset; }
          .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-button-prev:after {
            content: '';
            width: 0;
            height: 0;
            border-top: 13px solid transparent;
            border-right: 24px solid #D9D9D9;
            border-bottom: 13px solid transparent;
            font-family: inherit;
            color: transparent;
            font-size: 0px;
            line-height: unset; }
            @media only screen and (max-width: 767px) {
              .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-button-prev:after {
                border-top: 8px solid transparent;
                border-right: 16px solid #D9D9D9;
                border-bottom: 8px solid transparent; } }
          .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-button-prev:hover:after {
            border-right-color: #FFB700; }
        .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-button-next {
          top: 0;
          height: max-content;
          width: auto;
          margin: 0;
          position: relative;
          display: flex;
          left: unset;
          right: unset; }
          .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-button-next:after {
            content: '';
            width: 0;
            height: 0;
            border-top: 13px solid transparent;
            border-left: 24px solid #D9D9D9;
            border-bottom: 13px solid transparent;
            font-family: inherit;
            color: transparent;
            font-size: 0px;
            line-height: unset; }
            @media only screen and (max-width: 767px) {
              .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-button-next:after {
                border-top: 8px solid transparent;
                border-left: 16px solid #D9D9D9;
                border-bottom: 8px solid transparent; } }
          .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-button-next:hover:after {
            border-left-color: #FFB700; }
        .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-pagination {
          position: relative;
          top: auto;
          bottom: auto;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0 8px; }
          @media only screen and (max-width: 767px) {
            .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-pagination {
              margin: 0 6px; } }
          .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-pagination .swiper-pagination-bullet {
            width: 26px;
            height: 26px;
            background-color: #D9D9D9;
            margin: 0 7px;
            opacity: 1; }
            @media only screen and (max-width: 767px) {
              .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-pagination .swiper-pagination-bullet {
                margin: 0 3px;
                width: 16px;
                height: 16px; } }
            .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
              background-color: #FFB700; }
            .image-slider-container .section-inner .image-slider-block .slider-block .slider-controls .swiper-pagination .swiper-pagination-bullet:hover {
              background-color: #FFB700; }
  .image-slider-container.diagonal {
    background-color: #FFFFFF;
    position: relative; }
    .image-slider-container.diagonal .section-inner {
      position: relative;
      z-index: 2;
      padding-bottom: 370px; }
      @media only screen and (max-width: 1199px) {
        .image-slider-container.diagonal .section-inner {
          padding-bottom: 200px; } }
      @media only screen and (max-width: 991px) {
        .image-slider-container.diagonal .section-inner {
          padding-bottom: 70px; } }
    .image-slider-container.diagonal:after {
      position: absolute;
      content: '';
      top: -1px;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #191919;
      clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
      z-index: 1; }
      @media only screen and (max-width: 1199px) {
        .image-slider-container.diagonal:after {
          bottom: 0;
          clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%); } }

.content-image-container {
  background: linear-gradient(180.24deg, #FFD900 0.21%, #E07C3A 132.35%); }
  .content-image-container .section-inner .inner-grid {
    display: grid;
    grid-template-columns: 30% auto;
    gap: 70px; }
    @media only screen and (max-width: 1299px) {
      .content-image-container .section-inner .inner-grid {
        grid-template-columns: 1fr; } }
    @media only screen and (max-width: 767px) {
      .content-image-container .section-inner .inner-grid {
        gap: 30px; } }
    .content-image-container .section-inner .inner-grid .content {
      max-width: 440px;
      padding-left: 50px;
      position: relative; }
      @media only screen and (max-width: 1299px) {
        .content-image-container .section-inner .inner-grid .content {
          max-width: 60%; } }
      @media only screen and (max-width: 991px) {
        .content-image-container .section-inner .inner-grid .content {
          max-width: 100%; } }
      @media only screen and (max-width: 767px) {
        .content-image-container .section-inner .inner-grid .content {
          order: 2;
          padding-left: 35px; } }
      .content-image-container .section-inner .inner-grid .content:before {
        position: absolute;
        content: '';
        top: 15px;
        left: 0;
        width: 16px;
        height: 180px;
        background-color: #7B313F; }
        @media only screen and (max-width: 767px) {
          .content-image-container .section-inner .inner-grid .content:before {
            top: 5px;
            width: 10px; } }
      .content-image-container .section-inner .inner-grid .content h2 {
        font-size: 48px;
        line-height: 60px;
        font-weight: 700;
        letter-spacing: -0.03em;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .content-image-container .section-inner .inner-grid .content h2 {
            font-size: 40px;
            line-height: 40px; } }
      .content-image-container .section-inner .inner-grid .content p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 40px; }
        @media only screen and (max-width: 767px) {
          .content-image-container .section-inner .inner-grid .content p {
            font-size: 16px;
            line-height: 25px; } }
      @media only screen and (max-width: 500px) {
        .content-image-container .section-inner .inner-grid .content a {
          width: 110%;
          margin-left: -10%; } }
    .content-image-container .section-inner .inner-grid .images .swiper-wrapper .swiper-slide {
      width: calc(100% / 3 - 35px) !important;
      padding: 0 30px 0 0; }
      @media only screen and (max-width: 767px) {
        .content-image-container .section-inner .inner-grid .images .swiper-wrapper .swiper-slide {
          width: 100% !important;
          padding: 0; } }
    @media only screen and (min-width: 767px) {
      .content-image-container .section-inner .inner-grid .images img {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .content-image-container .section-inner .inner-grid .images img {
        width: 100%;
        filter: none; } }

.pregate-container {
  position: relative;
  background-color: #191919; }
  .pregate-container.diagonal {
    background-color: #FFFFFF; }
    .pregate-container.diagonal:after {
      position: absolute;
      content: '';
      top: -1px;
      right: 0;
      bottom: 25%;
      left: 0;
      background-color: #191919;
      clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
      z-index: 1; }
      @media only screen and (max-width: 1199px) {
        .pregate-container.diagonal:after {
          bottom: 0;
          clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%); } }
    .pregate-container.diagonal.full-height:after {
      bottom: 0; }
    .pregate-container.diagonal .pregate-layout {
      background: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0.2) 0%, rgba(217, 217, 217, 0) 100%); }
  @media only screen and (min-width: 992px) {
    .pregate-container.white {
      background-color: #FFFFFF;
      margin-top: -1px; } }
  @media only screen and (max-width: 1599px) {
    .pregate-container.white .section-inner .pregate-layout .pregate-block {
      background-position: center; } }
  .pregate-container .section-inner {
    max-width: 1920px;
    position: relative;
    z-index: 3; }
    @media only screen and (max-width: 767px) {
      .pregate-container .section-inner {
        padding-top: 0px; } }
    @media only screen and (min-width: 1199px) {
      .pregate-container .section-inner.remove-top-padding {
        padding-top: 0px; } }
    .pregate-container .section-inner h2 {
      text-align: center;
      color: #FFFFFF; }
    .pregate-container .section-inner .pregate-layout {
      display: grid; }
      .pregate-container .section-inner .pregate-layout .pregate-block {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 25px 0;
        -webkit-animation-name: animate;
        -webkit-animation-delay: 1s;
        -webkit-animation-duration: .1s;
        -webkit-animation-fill-mode: both; }
@-webkit-keyframes animate {
  0% {
    background-image: none; }
  100% {
    background-image: var(--bg-image); } }
        @media only screen and (min-width: 1599px) {
          .pregate-container .section-inner .pregate-layout .pregate-block {
            min-height: 550px; } }
        @media only screen and (max-width: 991px) {
          .pregate-container .section-inner .pregate-layout .pregate-block {
            background-position: center;
            min-height: auto;
            padding-top: 350px; } }
        @media only screen and (max-width: 767px) {
          .pregate-container .section-inner .pregate-layout .pregate-block {
            -webkit-animation-delay: 2s; }
          @-webkit-keyframes animate {
            0% {
              background-image: none; }
            100% {
              background-image: var(--bg-mobile-image); } } }
        .pregate-container .section-inner .pregate-layout .pregate-block:after {
          position: absolute;
          content: '';
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          background: linear-gradient(99.19deg, #000000 31.18%, rgba(0, 0, 0, 0) 56.96%);
          z-index: 1; }
          @media only screen and (max-width: 991px) {
            .pregate-container .section-inner .pregate-layout .pregate-block:after {
              background: linear-gradient(0deg, black 0%, black 30%, transparent 100%); } }
        .pregate-container .section-inner .pregate-layout .pregate-block img {
          width: 100%; }
        .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption {
          position: relative;
          max-width: 540px;
          z-index: 2;
          padding: 50px 70px; }
          @media only screen and (max-width: 991px) {
            .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption {
              padding: 0px 25px 50px 35px; } }
          @media only screen and (max-width: 767px) {
            .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption {
              max-width: 100%;
              padding: 0 0 50px; } }
          .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 16px;
            height: 180px;
            background-color: #DB4A26;
            z-index: 2; }
            @media only screen and (max-width: 991px) {
              .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption:before {
                width: 10px; } }
            @media only screen and (max-width: 767px) {
              .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption:before {
                top: 5px;
                height: 140px; } }
          .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption h3 {
            font-size: 71px;
            line-height: 71px;
            font-weight: 700;
            color: #FFFFFF;
            margin: 0 0 30px; }
            @media only screen and (max-width: 1499px) {
              .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption h3 {
                font-size: 60px;
                line-height: 60px; } }
            @media only screen and (max-width: 991px) {
              .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption h3 {
                font-size: 40px;
                line-height: 40px; } }
            @media only screen and (max-width: 767px) {
              .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption h3 {
                font-size: 36px;
                line-height: 40px;
                padding: 0 25px 0 35px;
                margin-bottom: 20px; } }
          .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption p {
            font-size: 20px;
            line-height: 30px;
            font-weight: 400;
            color: #FFFFFF;
            margin: 0 0 30px; }
            @media only screen and (max-width: 991px) {
              .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption p {
                font-size: 16px;
                line-height: 25px; } }
            @media only screen and (max-width: 767px) {
              .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption p {
                padding: 0 25px 0 35px; } }
          .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption .large {
            font-size: 32px;
            line-height: 40px;
            font-weight: 700;
            color: #FFFFFF; }
            @media only screen and (max-width: 767px) {
              .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption .large {
                font-size: 22px;
                line-height: 28px; } }
          @media only screen and (max-width: 767px) {
            .pregate-container .section-inner .pregate-layout .pregate-block .pregate-caption .btn {
              width: 100%; } }
      .pregate-container .section-inner .pregate-layout.col-1 {
        grid-template-columns: 1fr; }
        @media only screen and (max-width: 991px) {
          .pregate-container .section-inner .pregate-layout.col-1 .pregate-block {
            background-position: center; } }
        .pregate-container .section-inner .pregate-layout.col-1 .pregate-block .pregate-caption {
          max-width: 620px; }
      .pregate-container .section-inner .pregate-layout.col-2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 75px; }
        @media only screen and (max-width: 1199px) {
          .pregate-container .section-inner .pregate-layout.col-2 {
            grid-template-columns: 1fr;
            gap: 0; } }
        .pregate-container .section-inner .pregate-layout.col-2 .pregate-block {
          min-height: 408px; }
          @media only screen and (max-width: 767px) {
            .pregate-container .section-inner .pregate-layout.col-2 .pregate-block {
              min-height: auto; } }
          .pregate-container .section-inner .pregate-layout.col-2 .pregate-block .pregate-caption {
            max-width: 420px; }
            @media only screen and (min-width: 992px) {
              .pregate-container .section-inner .pregate-layout.col-2 .pregate-block .pregate-caption {
                padding-bottom: 100px;
                height: calc(100% - 150px); } }
            @media only screen and (max-width: 1199px) {
              .pregate-container .section-inner .pregate-layout.col-2 .pregate-block .pregate-caption {
                max-width: 550px; } }
            @media only screen and (max-width: 767px) {
              .pregate-container .section-inner .pregate-layout.col-2 .pregate-block .pregate-caption {
                max-width: 100%; } }
          .pregate-container .section-inner .pregate-layout.col-2 .pregate-block:after {
            background: linear-gradient(104.59deg, #000000 36.54%, rgba(0, 0, 0, 0) 67.57%); }
            @media only screen and (max-width: 1499px) {
              .pregate-container .section-inner .pregate-layout.col-2 .pregate-block:after {
                background: linear-gradient(104.59deg, #000000 36.54%, rgba(0, 0, 0, 0) 90.57%); } }
            @media only screen and (max-width: 767px) {
              .pregate-container .section-inner .pregate-layout.col-2 .pregate-block:after {
                background: linear-gradient(0deg, black 0%, black 30%, transparent 100%); } }
          @media only screen and (min-width: 992px) {
            .pregate-container .section-inner .pregate-layout.col-2 .pregate-block .btn {
              position: absolute;
              content: '';
              bottom: 50px;
              z-index: 4; } }
      .pregate-container .section-inner .pregate-layout.col-3 {
        grid-template-columns: repeat(3, 1fr);
        gap: 50px; }
        @media only screen and (max-width: 1199px) {
          .pregate-container .section-inner .pregate-layout.col-3 {
            grid-template-columns: repeat(2, 1fr); } }
        @media only screen and (max-width: 991px) {
          .pregate-container .section-inner .pregate-layout.col-3 {
            grid-template-columns: 1fr;
            gap: 0; } }
        .pregate-container .section-inner .pregate-layout.col-3 .pregate-block {
          background-image: none !important;
          -webkit-animation-fill-mode: none !important; }
          @media only screen and (max-width: 991px) {
            .pregate-container .section-inner .pregate-layout.col-3 .pregate-block {
              padding-top: 0px; } }
          .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .block-image {
            position: relative; }
            .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .block-image:before {
              position: absolute;
              content: '';
              top: 0;
              left: 0;
              width: 16px;
              height: 180px;
              background-color: #DB4A26;
              z-index: 2; }
              @media only screen and (max-width: 991px) {
                .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .block-image:before {
                  width: 10px; } }
          .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .pregate-caption {
            padding: 25px 0; }
            @media only screen and (min-width: 991px) {
              .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .pregate-caption {
                padding: 25px 0 80px; } }
            @media only screen and (max-width: 767px) {
              .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .pregate-caption {
                padding: 25px 0; } }
            .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .pregate-caption:before {
              display: none; }
            .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .pregate-caption h3 {
              font-size: 48px;
              line-height: 60px;
              margin-bottom: 20px; }
              @media only screen and (max-width: 767px) {
                .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .pregate-caption h3 {
                  font-size: 36px;
                  line-height: 40px;
                  padding: 0; } }
            .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .pregate-caption p {
              margin-bottom: 0px; }
              @media only screen and (max-width: 767px) {
                .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .pregate-caption p {
                  padding: 0; } }
          @media only screen and (min-width: 991px) {
            .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .btn {
              position: absolute;
              content: '';
              bottom: 0;
              z-index: 4; } }
          @media only screen and (max-width: 767px) {
            .pregate-container .section-inner .pregate-layout.col-3 .pregate-block .btn {
              width: 100%; } }
          .pregate-container .section-inner .pregate-layout.col-3 .pregate-block:after {
            display: none; }
  @media only screen and (max-width: 767px) {
    .pregate-container.diagonal .section-inner {
      padding-top: 50px; } }
  @media only screen and (min-width: 767px) {
    .pregate-container.full-height .section-inner {
      padding-bottom: 200px; } }

.joblistings-container {
  background-color: #191919; }
  .joblistings-container .section-inner {
    max-width: 1190px; }
    .joblistings-container .section-inner form {
      max-width: 1030px;
      margin: 0 auto; }
      .joblistings-container .section-inner form label {
        position: absolute;
        opacity: 0;
        z-index: -999; }
      .joblistings-container .section-inner form .options {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px; }
        @media only screen and (max-width: 1199px) {
          .joblistings-container .section-inner form .options {
            display: block;
            gap: 30px; } }
      .joblistings-container .section-inner form .position, .joblistings-container .section-inner form .employment, .joblistings-container .section-inner form .remote {
        display: flex;
        margin-bottom: 30px; }
        @media only screen and (max-width: 1199px) {
          .joblistings-container .section-inner form .position, .joblistings-container .section-inner form .employment, .joblistings-container .section-inner form .remote {
            display: block; } }
        .joblistings-container .section-inner form .position .heading, .joblistings-container .section-inner form .employment .heading, .joblistings-container .section-inner form .remote .heading {
          font-size: 20px;
          line-height: 30px;
          font-weight: 400;
          color: #FFFFFF;
          margin-right: 15px; }
          @media only screen and (max-width: 1199px) {
            .joblistings-container .section-inner form .position .heading, .joblistings-container .section-inner form .employment .heading, .joblistings-container .section-inner form .remote .heading {
              display: block;
              margin-bottom: 20px; } }
        .joblistings-container .section-inner form .position .custom-field, .joblistings-container .section-inner form .employment .custom-field, .joblistings-container .section-inner form .remote .custom-field {
          position: relative;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          margin-right: 15px;
          cursor: pointer; }
          @media only screen and (max-width: 1199px) {
            .joblistings-container .section-inner form .position .custom-field, .joblistings-container .section-inner form .employment .custom-field, .joblistings-container .section-inner form .remote .custom-field {
              display: inline-block;
              margin-right: 30px; } }
          @media only screen and (max-width: 767px) {
            .joblistings-container .section-inner form .position .custom-field, .joblistings-container .section-inner form .employment .custom-field, .joblistings-container .section-inner form .remote .custom-field {
              margin-right: 20px; } }
          .joblistings-container .section-inner form .position .custom-field input, .joblistings-container .section-inner form .employment .custom-field input, .joblistings-container .section-inner form .remote .custom-field input {
            width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            height: 24px;
            opacity: 0;
            cursor: pointer; }
          .joblistings-container .section-inner form .position .custom-field .custom-checkbox, .joblistings-container .section-inner form .employment .custom-field .custom-checkbox, .joblistings-container .section-inner form .remote .custom-field .custom-checkbox {
            width: 20px;
            height: 20px;
            display: inline-block;
            background-color: #FFFFFF;
            position: relative;
            border-radius: 0px; }
          .joblistings-container .section-inner form .position .custom-field input[type=checkbox]:checked + .custom-checkbox:after, .joblistings-container .section-inner form .employment .custom-field input[type=checkbox]:checked + .custom-checkbox:after, .joblistings-container .section-inner form .remote .custom-field input[type=checkbox]:checked + .custom-checkbox:after {
            position: absolute;
            content: "";
            left: 3px;
            top: 4px;
            width: 10px;
            height: 4px;
            border: 2px solid transparent;
            border-left-color: #000000;
            border-bottom-color: #000000;
            transform: rotate(-45deg); }
          .joblistings-container .section-inner form .position .custom-field .txt, .joblistings-container .section-inner form .employment .custom-field .txt, .joblistings-container .section-inner form .remote .custom-field .txt {
            font-size: 20px;
            line-height: 30px;
            font-weight: 400;
            color: #FFFFFF;
            padding-left: 10px; }
      .joblistings-container .section-inner form .search-fields {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 20px; }
        @media only screen and (max-width: 1199px) {
          .joblistings-container .section-inner form .search-fields {
            display: block;
            margin-bottom: 0px; } }
        .joblistings-container .section-inner form .search-fields input {
          height: 42px;
          background-color: #FFFFFF;
          font-size: 32px;
          line-height: 40px;
          font-weight: 300;
          color: rgba(0, 0, 0, 0.45);
          padding: 10px 30px;
          border: none; }
          @media only screen and (max-width: 1199px) {
            .joblistings-container .section-inner form .search-fields input {
              width: -webkit-fill-available;
              margin-bottom: 30px; } }
          @media only screen and (max-width: 767px) {
            .joblistings-container .section-inner form .search-fields input {
              font-size: 18px;
              line-height: 32px;
              height: 35px;
              margin-bottom: 20px; } }
      .joblistings-container .section-inner form .bottom {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px; }
        @media only screen and (max-width: 1199px) {
          .joblistings-container .section-inner form .bottom {
            display: block; } }
        .joblistings-container .section-inner form .bottom button {
          width: 100%; }
    .joblistings-container .section-inner .job-listings {
      margin-top: 50px; }
      @media only screen and (max-width: 991px) {
        .joblistings-container .section-inner .job-listings {
          border-top: solid 1px #D9D9D9; } }
      .joblistings-container .section-inner .job-listings h2 {
        color: #FFFFFF;
        text-align: center; }
      .joblistings-container .section-inner .job-listings .joblist-head {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr;
        gap: 50px;
        border-bottom: solid 1px #D9D9D9;
        padding: 25px 0; }
        @media only screen and (max-width: 991px) {
          .joblistings-container .section-inner .job-listings .joblist-head {
            display: none; } }
      .joblistings-container .section-inner .job-listings .joblist-block {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr;
        gap: 50px;
        align-items: center;
        border-bottom: solid 1px #D9D9D9;
        padding: 15px 0; }
        @media only screen and (max-width: 991px) {
          .joblistings-container .section-inner .job-listings .joblist-block {
            grid-template-columns: 1fr;
            gap: 0; } }
        .joblistings-container .section-inner .job-listings .joblist-block a {
          font-size: 32px;
          line-height: 40px;
          font-weight: 700;
          color: #FFFFFF;
          margin: 0;
          text-decoration: none;
          display: block; }
          .joblistings-container .section-inner .job-listings .joblist-block a:hover {
            color: #FFB700; }
          @media only screen and (max-width: 991px) {
            .joblistings-container .section-inner .job-listings .joblist-block a {
              margin-bottom: 10px; } }
          @media only screen and (max-width: 767px) {
            .joblistings-container .section-inner .job-listings .joblist-block a {
              font-size: 21px;
              line-height: 28px; } }
      .joblistings-container .section-inner .job-listings span {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        color: #FFFFFF; }
        @media only screen and (max-width: 767px) {
          .joblistings-container .section-inner .job-listings span {
            font-size: 16px;
            line-height: 25px; } }
      .joblistings-container .section-inner .job-listings strong {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        color: #FFFFFF; }
        @media only screen and (max-width: 767px) {
          .joblistings-container .section-inner .job-listings strong {
            font-size: 16px;
            line-height: 25px; } }
      @media only screen and (max-width: 991px) {
        .joblistings-container .section-inner .job-listings .location {
          margin-bottom: 10px; } }

.roadmap-container {
  background-color: #080808;
  position: relative;
  overflow: hidden; }
  .roadmap-container .section-inner {
    padding: 0; }
    .roadmap-container .section-inner h2 {
      color: #FFFFFF;
      text-align: center; }
    .roadmap-container .section-inner .roadmap-pre {
      max-width: 900px;
      margin: 0 auto;
      text-align: center;
      position: absolute;
      content: '';
      left: 0;
      right: 0;
      top: 80px; }
      @media only screen and (max-width: 1199px) {
        .roadmap-container .section-inner .roadmap-pre {
          top: 50px; } }
      .roadmap-container .section-inner .roadmap-pre p {
        font-size: 20px;
        line-height: 30px;
        color: #FFFFFF; }
        @media only screen and (max-width: 1199px) {
          .roadmap-container .section-inner .roadmap-pre p {
            font-size: 16px;
            line-height: 25px; } }
    .roadmap-container .section-inner img {
      margin: 0 auto; }
      @media only screen and (max-width: 1199px) {
        .roadmap-container .section-inner img {
          height: 500px;
          object-fit: cover;
          padding-top: 200px; } }

.job-detail-container {
  background-color: #191919; }
  .job-detail-container .section-inner {
    max-width: 1499px; }
    .job-detail-container .section-inner .back-listings {
      font-size: 26px;
      line-height: 38px;
      font-weight: 700;
      color: #FFFFFF;
      text-decoration: none;
      padding-left: 25px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .job-detail-container .section-inner .back-listings {
          font-size: 18px;
          line-height: 32px; } }
      .job-detail-container .section-inner .back-listings i {
        position: absolute;
        content: '';
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        color: #FFFFFF;
        font-size: 40px; }
        @media only screen and (max-width: 767px) {
          .job-detail-container .section-inner .back-listings i {
            font-size: 30px; } }
      .job-detail-container .section-inner .back-listings:hover {
        color: #FFB700; }
        .job-detail-container .section-inner .back-listings:hover i {
          color: #FFB700; }
    .job-detail-container .section-inner .job-detail {
      max-width: 1120px;
      margin: 50px auto 0; }
      @media only screen and (max-width: 767px) {
        .job-detail-container .section-inner .job-detail {
          margin: 30px auto 0; } }
      .job-detail-container .section-inner .job-detail h2 {
        font-size: 70px;
        line-height: 71px;
        font-weight: 700;
        color: #FFFFFF;
        margin-bottom: 40px; }
        @media only screen and (max-width: 767px) {
          .job-detail-container .section-inner .job-detail h2 {
            font-size: 36px;
            line-height: 40px;
            margin-bottom: 10px; } }
      .job-detail-container .section-inner .job-detail h3 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        color: #FFFFFF; }
        @media only screen and (max-width: 767px) {
          .job-detail-container .section-inner .job-detail h3 {
            font-size: 21px;
            line-height: 28px; } }
      .job-detail-container .section-inner .job-detail p {
        font-size: 20px;
        line-height: 30px;
        color: #FFFFFF;
        margin-bottom: 40px; }
        @media only screen and (max-width: 767px) {
          .job-detail-container .section-inner .job-detail p {
            font-size: 16px;
            line-height: 25px;
            margin-bottom: 20px; } }
      .job-detail-container .section-inner .job-detail ul {
        margin: 0 0 40px 0;
        padding: 0; }
        @media only screen and (max-width: 767px) {
          .job-detail-container .section-inner .job-detail ul {
            margin: 0 0 20px 0; } }
        .job-detail-container .section-inner .job-detail ul.benefits {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 0 100px; }
          @media only screen and (max-width: 991px) {
            .job-detail-container .section-inner .job-detail ul.benefits {
              display: block;
              gap: 0; } }
        .job-detail-container .section-inner .job-detail ul li {
          list-style: none;
          padding-left: 20px;
          margin-left: 10px;
          position: relative;
          font-size: 20px;
          line-height: 30px;
          font-weight: 400;
          color: #FFFFFF; }
          @media only screen and (max-width: 767px) {
            .job-detail-container .section-inner .job-detail ul li {
              font-size: 16px;
              line-height: 25px; } }
          .job-detail-container .section-inner .job-detail ul li:before {
            position: absolute;
            content: '';
            top: 12px;
            left: 0;
            width: 5px;
            height: 5px;
            background-color: #FFFFFF;
            border-radius: 50%; }
      .job-detail-container .section-inner .job-detail .btn {
        width: 100%;
        margin-bottom: 15px; }
        @media only screen and (max-width: 767px) {
          .job-detail-container .section-inner .job-detail .btn {
            margin-bottom: 0px; } }
      .job-detail-container .section-inner .job-detail .note p {
        line-height: 28px; }
        .job-detail-container .section-inner .job-detail .note p a {
          font-weight: 700;
          text-decoration: none;
          color: #FFFFFF; }
          .job-detail-container .section-inner .job-detail .note p a:hover {
            color: #FFB700; }

.quote-container {
  background-color: #191919; }
  .quote-container:before {
    position: absolute;
    content: '';
    top: 10%;
    left: 0;
    right: 0;
    background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/circle-bg2.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1281px;
    margin: 0 auto;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .quote-container:before {
        top: 100px;
        background-size: 300%; } }
  .quote-container:after {
    position: absolute;
    content: '';
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("https://scotlynn.operaticsites.com/wp-content/themes/operatic/./img/circle-bg.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      .quote-container:after {
        top: -25%;
        background-size: cover;
        height: auto; } }
  .quote-container .section-inner {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    padding-top: 50px; }
    @media only screen and (max-width: 767px) {
      .quote-container .section-inner {
        padding-top: 0px; } }
    .quote-container .section-inner .pre-container {
      text-align: center;
      margin-bottom: 80px;
      max-width: 660px;
      margin: 0 auto; }
      .quote-container .section-inner .pre-container h2 {
        color: #FFFFFF; }
    .quote-container .section-inner .quote-form {
      max-width: 1030px;
      margin: 0 auto; }
      .quote-container .section-inner .quote-form .required-label {
        display: block;
        text-align: right;
        font-size: 18px;
        line-height: 25px;
        font-weight: 400;
        color: #FFFFFF;
        margin-bottom: 40px; }
        @media only screen and (max-width: 767px) {
          .quote-container .section-inner .quote-form .required-label {
            margin-bottom: 20px; } }
      .quote-container .section-inner .quote-form p {
        margin: 0; }
      .quote-container .section-inner .quote-form .half {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 100px; }
        @media only screen and (max-width: 767px) {
          .quote-container .section-inner .quote-form .half {
            grid-template-columns: 1fr;
            gap: 0px; } }
      .quote-container .section-inner .quote-form label {
        position: absolute;
        opacity: 0;
        z-index: -999; }
      .quote-container .section-inner .quote-form .half-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 100px; }
        @media only screen and (max-width: 767px) {
          .quote-container .section-inner .quote-form .half-block {
            grid-template-columns: 1fr;
            gap: 0px; } }
        .quote-container .section-inner .quote-form .half-block h3 {
          font-size: 20px;
          line-height: 28px;
          font-weight: 700;
          color: #FFFFFF;
          text-align: center;
          text-transform: uppercase;
          margin: 80px 0 30px; }
          @media only screen and (max-width: 767px) {
            .quote-container .section-inner .quote-form .half-block h3 {
              margin: 30px 0 15px; } }
      .quote-container .section-inner .quote-form input, .quote-container .section-inner .quote-form select, .quote-container .section-inner .quote-form textarea {
        border: none;
        border-bottom: solid 1px #FFFFFF;
        padding: 20px 0;
        width: 100%;
        outline: none;
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        color: #FFFFFF;
        margin-bottom: 0px;
        background-color: transparent; }
        @media only screen and (max-width: 767px) {
          .quote-container .section-inner .quote-form input, .quote-container .section-inner .quote-form select, .quote-container .section-inner .quote-form textarea {
            padding: 15px 0; } }
        .quote-container .section-inner .quote-form input::-webkit-input-placeholder, .quote-container .section-inner .quote-form select::-webkit-input-placeholder, .quote-container .section-inner .quote-form textarea::-webkit-input-placeholder {
          color: #FFFFFF; }
        .quote-container .section-inner .quote-form input:focus, .quote-container .section-inner .quote-form select:focus, .quote-container .section-inner .quote-form textarea:focus {
          outline: none;
          box-shadow: none; }
      .quote-container .section-inner .quote-form .custom-dropdown {
        position: relative; }
        .quote-container .section-inner .quote-form .custom-dropdown:before {
          position: absolute;
          content: "\f107";
          font: normal normal normal 14px/1 FontAwesome;
          color: #FFB700;
          font-size: 26px;
          top: 25px;
          right: 0px; }
        .quote-container .section-inner .quote-form .custom-dropdown select {
          appearance: none;
          margin: 0; }
          .quote-container .section-inner .quote-form .custom-dropdown select option {
            color: #000000; }
      .quote-container .section-inner .quote-form textarea {
        width: 100% !important;
        height: 120px;
        margin-bottom: 40px; }
      .quote-container .section-inner .quote-form .csca_reset {
        display: none !important; }
      .quote-container .section-inner .quote-form .quote-btn {
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .quote-container .section-inner .quote-form .quote-btn .btn {
            width: 100%; } }
    .quote-container .section-inner .bottom-desc {
      text-align: center;
      margin-top: 80px; }
      @media only screen and (max-width: 767px) {
        .quote-container .section-inner .bottom-desc {
          margin-top: 40px; } }
      .quote-container .section-inner .bottom-desc p {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        letter-spacing: -0.03em;
        color: #FFFFFF;
        margin-bottom: 0px; }
        @media only screen and (max-width: 767px) {
          .quote-container .section-inner .bottom-desc p {
            font-size: 21px;
            line-height: 28px; } }
        .quote-container .section-inner .bottom-desc p a {
          color: #FFFFFF;
          text-decoration: none; }
          .quote-container .section-inner .bottom-desc p a:hover {
            text-decoration: underline; }
          .quote-container .section-inner .bottom-desc p a.email {
            color: #FFB700;
            text-decoration: underline; }
            .quote-container .section-inner .bottom-desc p a.email:hover {
              color: #FFD15B; }

.search-results {
  background-color: #191919; }
  .search-results h2 {
    color: #FFFFFF; }
  .search-results .results {
    border-bottom: solid 1px #D9D9D9;
    padding: 30px 0px; }
    .search-results .results h3 {
      font-size: 32px;
      line-height: 40px;
      font-weight: 700;
      color: #FFFFFF;
      margin-bottom: 0px; }
      @media only screen and (max-width: 767px) {
        .search-results .results h3 {
          font-size: 22px;
          line-height: 28px; } }
    .search-results .results a {
      font-size: 20px;
      line-height: 28px;
      font-weight: 400;
      margin-top: 0px;
      color: #FFFFFF;
      text-decoration: none;
      display: block; }
      @media only screen and (max-width: 767px) {
        .search-results .results a {
          font-size: 16px;
          line-height: 20px; } }
      .search-results .results a:hover {
        text-decoration: underline; }
    .search-results .results p {
      margin: 10px 0;
      color: #FFFFFF; }



.csca_hide{display:none!important}