:root {
      --warning-color: #fff3cd;
      --warning-border: 1px solid #ffeeba;
      --primary-color: #54b4b0;
      --secondary-color: #04213e;
      --primary-color-light: #8bc7c9;
      --primary-color-dark: #499d98;
      --primary: #54b4b0;
}

/**
 * Bootstrap Reboot
 * we need this stuff so web and print match
 */
body {
      margin: 0;
      font-size: 1rem;
      font-weight: 400;
      line-height: normal;
      text-align: left;
}
table {
      border-collapse: collapse;
}
/* Bootstrap Reboot */

* {
      box-sizing: border-box;
}

html {
      width: 100%;
}

body {
      background: #fff;
      color: #242323;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      height: 100%;
}

.videoTitle {
      font-weight: 500;
      text-align: center;
}

a {
      color: var(--primary-color);
      transition: 0.25s;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
}

a:hover,
a:active,
a:focus,
a.link:hover,
a.link:active,
a.link:focus {
      color: #499d98;
      outline: none;
      text-decoration: none !important;
}

a.link {
      cursor: pointer;
}

p {
      padding: 0;
      margin: auto;
}

.EditText p {
      margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 400;
      margin: 0 0 10px 0;
      padding: 0;
}

.fw-bold {
      font-weight: 600;
}

.text--uppercase {
      text-transform: uppercase !important;
}

.text-wrap--balance {
      text-wrap: balance;
}

.text-wrap--pretty {
      text-wrap: pretty;
}

header {
      position: relative;
      top: 30px;
      background-color: #fff;
}

section#multiSelectorSection,
section#jljsSelectorSection {
      /* padding-top: 20px; */
}

section#holidaySelectContainer {
      padding-top: 20px;
}

.large-flex-reverse {
      position: absolute;
      right: 0px;
      top: 10px;
}

li#AllProductsElement {
      position: relative;
      top: -5px;
}

.modal-body iframe {
      max-height: calc(100vh - 209px);
}

.content-bg-lb,
.content-bg-db {
      text-align: center;
}

.content-bg-lb {
      background-color: var(--primary-color);
}

.content-bg-db {
      background-color: var(--secondary-color);
}

.content-bg-lb h1,
.content-bg-lb h2,
.content-bg-db h1,
.content-bg-db h2 {
      padding: 1.5em 0 1em 0;
      font-weight: bold;
}

.content-bg-db h1,
.content-bg-db h2 {
      color: var(--primary-color);
}

.content-bg-lb h1,
.content-bg-lb h2 {
      color: var(--secondary-color);
}

.content-bg-circle-container {
      width: 98%;
      height: 500px;
      margin: auto;
}

.content-bg-circle {
      position: relative;
      border-radius: 50% 50% 0 0;
      width: 100%;
      height: 50%;
      padding-bottom: 100%;
      background-color: white;
}

.content-btn {
      background-color: var(--primary-color);
      transition: ease 0.6s;
      color: #ffffff;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: 250px;
      border: none !important;
      margin-bottom: 30px;
      padding: 5px;
}

.content-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
      cursor: pointer;
}

.content {
      border-radius: 5px;
      background-color: #fff;
      padding-top: 1em;
      margin-bottom: 1em;
}

.opt-out-email {
      color: var(--primary-color);
      padding: 1em 0 1em 0;
}

::-webkit-scrollbar {
      width: 21px;
}

::-webkit-scrollbar-track {
      background-color: #f9f9f9;
}

::-webkit-scrollbar-thumb {
      background-color: #bbbdbf;
      border-radius: 20px;
      border: 6px solid transparent;
      background-clip: content-box;
      min-height: 50px;
}

::-webkit-scrollbar-thumb:hover {
      background-color: #6d6e71;
}

.custom-control-input:checked ~ .custom-control-label::after {
      cursor: pointer;
}

.custom-control-input:checked ~ .custom-control-label::before {
      color: #fff;
      border-color: var(--primary-color);
      background-color: var(--primary-color);
      cursor: pointer;
}

.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after {
      cursor: pointer;
}

span.bullet {
      display: inline;
      font-size: 1.5rem;
}

[contenteditable][placeholder]:empty:before {
      content: attr(placeholder);
      position: absolute;
      background-color: transparent;
}

.error {
      color: red;
      font-size: 11px;
      margin: 0;
}

.back-to-top {
      position: fixed;
      display: none;
      background: var(--primary-color);
      color: #fff;
      padding: 6px 12px 9px 12px;
      font-size: 16px;
      border-radius: 50%;
      right: 15px;
      bottom: 15px;
      transition: background 0.5s;
      z-index: 30;
}

.back-to-top:focus {
      background: var(--primary-color);
      color: #fff;
      outline: none;
}

.back-to-top:hover {
      background: #4fa5a1;
      color: #fff;
}

.label {
      text-transform: uppercase;
      color: #6d6e71;
      font-size: 0.7em;
      margin-bottom: 0;
      font-weight: 600;
}

[contenteditable] {
      outline: 0px solid transparent;
}

header {
      opacity: 0.99;
      border-bottom: solid 1px rgba(109, 110, 112, 0.09);
      transition: all 0.2s;
}

#navBar {
      padding: 0;
      transition: 0.6s all;
      display: flex;
      align-items: stretch;
}

.sticky-top {
      background-color: #ffffff;
}

.flush-top {
      margin-top: 0 !important;
}

.pad-top {
      margin-top: 1em;
}

.container-xl-fw {
      max-width: 1750px;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      position: relative;
}

.container-xl-tf {
      max-width: 1400px;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      position: relative;
}

.double-chevron {
      font-weight: bold;
      font-size: 18px;
}

#logo img {
      transition: opacity 0.6s;
      -ms-transition: opacity 0.6s;
      padding: 5px 0;
}

#logo1 {
      width: 100%;
      max-width: 100px;
}

#logo img.transparent {
      opacity: 0;
      width: 0;
      padding: 0;
      margin: 0;
}

#logo2 {
      width: 55px;
      max-width: 100%;
}

#logo3 {
      width: 100%;
      max-width: 145px;
      padding-right: 10px;
}

#topbar {
      padding: 7px 0;
      border-bottom: 1px solid #eee;
      font-size: 14px;
      z-index: 1020;
      position: relative;
      background-color: #ffffff;
}

#topbar .contact-info a {
      line-height: 1;
      color: #6d6e71;
}

#topbar .contact-info a:hover {
      color: var(--primary-color);
}

#topbar .contact-info i {
      color: var(--primary-color);
}

#topbar .contact-info .fa-phone-volume {
      padding-left: 20px;
      margin-left: 20px;
      border-left: 1px solid #6d6e71;
}

#topbar .social-links a {
      color: #6d6e71;
      padding: 0 12px;
      display: inline-block;
      line-height: 1px;
      border-left: 1px solid #6d6e71;
}

#topbar .social-links a:hover {
      color: var(--primary-color);
}

#topbar .social-links a:first-child {
      border-left: 0;
}

#loader-wrapper {
      padding: 0px 16px 0px 16px;
}

.loader {
      border: 2px solid #f3f3f3;
      border-top: 1px solid #3366cc;
      border-radius: 50%;
      width: 16px;
      height: 16px;
      animation: spin 2s linear infinite;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
}

@keyframes spin {
      0% {
            transform: rotate(0deg);
      }

      100% {
            transform: rotate(360deg);
      }
}

button:focus {
      outline: none;
}

.drop-down-toggle .nav-link::after,
.acc-menu-toggle .nav-link::after,
.submenu-toggle::after {
      display: inline-block;
      margin-left: 0.295em;
      vertical-align: 0.155em;
      content: '';
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-bottom: 0;
      border-left: 0.3em solid transparent;
}

.small-v2,
.nav-menu .drop-down-items .submenu .small-v2 {
      font-weight: 500;
      font-size: 12px;
      color: #000000;
}

#nav {
      list-style: none inside;
      margin: 0;
      padding: 0;
}

#nav ul ul ul {
      position: absolute;
      float: left;
      line-height: 85%;
      padding: 0;
      left: 240px;
      display: none;
      font-size: 1rem;
      color: #212529;
      text-align: left;
      list-style: none;
      background-color: #f0f6f6;
      border-radius: 0 0 0.25rem 0.25rem;
}

#submenu_holiday {
      display: block;
      /* shows sub-sublist on hover */
}

.drop-down-items {
      position: absolute;
      z-index: 1000;
      max-height: 0;
      float: left;
      min-width: 260px;
      padding: 0;
      margin: 0;
      margin-top: 0px;
      font-size: 1rem;
      color: #212529;
      text-align: left;
      list-style: none;
      background-color: #f0f6f6;
      border-radius: 0 0 0.25rem 0.25rem;
      border-top: none;
      transition: max-height 0.2s ease;
      overflow: hidden;
}

.drop-down-toggle:hover .drop-down-items {
      max-height: 1000px;
      transition: max-height 0.2s ease;
}

.drop-down-items .dropdown-divider {
      margin: 2px;
}

.nav-menu .drop-down-items ul {
      padding: 0;
      margin: 0;
}

.drop-down-items ul {
      list-style-type: none;
}

.nav-menu .drop-down-items .submenu li a {
      font-weight: 500;
      padding: 0 10px;
}

.nav-menu a {
      color: #6d6e71;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 14px;
}

#navBar .nav-menu > .nav-item > a {
      display: flex;
      align-items: center;
}

#navBar .nav-menu li a:hover,
#navBar .nav-menu .active > a {
      color: var(--primary-color);
}

.navbar-light .navbar-nav .nav-link {
      color: #6d6e71;
}

.nav-menu .drop-down-items ul li a {
      color: #6d6e71;
}

#navBar .dropdown-item.active {
      background-color: white;
      color: var(--primary-color);
}

#navBar .dropdown-item:hover {
      color: var(--primary-color);
      background-color: white;
}

.nav-menu ul {
      margin: 4px 0 0 0;
      padding: 10px;
}

.nav-menu ul li {
      transition: 0.25s;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
}

.nav-menu ul li a {
      color: #968f8f;
      transition: 0.25s;
      text-transform: none;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
}

.nav-menu ul li a:hover {
      color: var(--primary-color);
}

.nav-menu ul ul {
      margin: 0;
}

.blue-badge {
      background-color: var(--primary-color);
}

.green-badge {
      background-color: #39b54a;
}

.badge-primary {
      background-color: var(--primary-color);
}

#signInButton {
      color: var(--primary-color);
      min-width: 100px;
      min-height: 45px;
}

button#accountMenuClose {
      display: none;
}

button#accountMenuMobile {
      display: none !important;
}

.nav-menu li:hover > #signInButton,
.nav-menu .active > #signInButton {
      color: var(--primary-color);
}

.fa-shopping-cart {
      font-size: 2em;
}

.navbar-toggler {
      max-height: 50px;
      align-self: center;
}

.addthis_inline_share_toolbox {
      margin-top: 10px;
}

#targetFarmingModal {
      padding-top: 0 !important;
      padding-right: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 0 !important;
      padding: 20px !important;
}

#targetFarmingModal .modal-body {
      background-color: #ffffff;
}

#targetFarmingModal .modal-dialog {
      width: 100%;
      max-width: 1350px;
      margin: 0 auto;
}

#targetFarmingModal .modal-white-btn button.close {
      color: #444444;
      transition: ease 0.6s;
}

#targetFarmingModal .productModalInfo {
      padding-top: 20px;
      margin-bottom: 30px;
}

#targetFarmingModal .btnContainer h3 {
      text-align: left;
      font-weight: 700;
      font-size: 1.3em;
}

#targetFarmingModal .btnContainer p {
      text-align: left;
      margin-bottom: 10px;
      font-size: 14px;
}

#targetFarmingModal #tfSample img {
      width: 100%;
      max-width: 70%;
      padding: 10px;
      background-color: #333333;
      margin-bottom: 10px;
}

#defaultVidModal .modal-dialog {
      max-width: 850px;
}

.TF-Modal-BG {
      background-color: white;
      padding: 20px;
}

.outline-btn-small {
      background-color: transparent;
      border: solid 2px var(--primary-color);
      padding: 8px 20px;
      border-radius: 4px;
      transition: ease 0.4s;
      color: var(--primary-color);
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
}

.outline-btn-small:hover {
      background-color: var(--primary-color);
      color: #ffffff;
}

.inside-btn-small {
      background-color: var(--primary-color);
      color: #ffff00;
      border: solid 2px var(--primary-color);
      padding: 8px 20px;
      border-radius: 4px;
      transition: ease 0.4s;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
}

.inside-btn-small:hover {
      background-color: transparent;
      color: var(--primary-color);
}

.underline_btn {
      background-color: #ffffff;
      border: solid 1px #8bc7c9;
      padding: 15px 20px;
      border-radius: 4px;
      transition: ease 0.4s;
      color: var(--primary-color);
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      box-shadow: 0px 0px 3px rgb(84 180 176 / 55%);
}

.space-marg {
      margin-bottom: 25px;
}

.underline_btn:hover {
      background-color: var(--primary-color);
      color: #ffffff;
      box-shadow: none;
}

#tfVideo {
      display: block;
}

#tfSample {
      display: none;
}

#tfSample a {
      color: #000000;
}

#tfSample a:hover {
      color: var(--primary-color);
      text-decoration: underline;
}

#tfFarming {
      display: none;
}

#tfAppointment {
      display: none;
      text-align: left;
}

#tfFarming img {
      width: 100%;
      max-width: 450px;
      margin: 0 auto;
      border-radius: 1000px;
}

.fw-pdf {
      width: 100%;
      height: 510px;
}

.appointment-form-box {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
      margin: 10px;
}

.appointment-form-box label {
      text-transform: uppercase;
      color: #000000;
      font-size: 0.7em;
      margin-bottom: 0;
      font-weight: 600;
}

.modal-cta-btn {
      background-color: var(--primary-color);
      display: block;
      padding: 15px 20px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      margin: 0 auto;
      border: none !important;
}

.modal-cta-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

.modalInfoLink {
      border: none;
      background: none;
      padding: 0;
      color: var(--primary-color);
      text-align: center;
      margin: 0 auto;
      font-size: 13px;
}

.modalInfoLink:hover {
      color: #8bc7c9;
      text-decoration: underline;
}

#modalZip {
      font-size: 15px !important;
      font-weight: 700;
      padding: 23px 20px !important;
}

.disable-btn {
      pointer-events: none;
      cursor: not-allowed;
      border-color: #f2f2f2;
      color: #f2f2f2;
      box-shadow: 0px 0px 3px rgb(0 0 0 / 5%);
}

#signupBkgrd {
      background-size: cover;
      height: 100vh;
}

#loginContainercl {
      padding: 7% 0 10%;
      max-width: 100%;
      max-height: 100%;
      background: var(--secondary-color) url(/img/BackgroundHomes_blank.png) !important;
      background-size: cover !important;
      background-position: left 0px bottom -5px !important;
      background-repeat: no-repeat !important;
      display: flex;
      justify-content: center;
      align-items: center;
}

#loginContainer {
      /* padding: 10%; */
      height: 100%;
      min-height: calc(100vh - 113px);
      background: var(--secondary-color) url(/img/BackgroundHomes_blank.png) center no-repeat;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
}

.card-login {
      color: #636363;
      z-index: 5;
      display: flex;
      display: -ms-flexbox;
      height: 500px;
      justify-content: center;
}

.card-login .card-content {
      border: none;
      display: flex;
      flex-direction: row;
      pointer-events: auto;
      background-color: #fff;
      outline: 0;
      align-items: center;
      justify-content: center;
      padding: 20px;
      border-radius: 5px;
}

.card-login form {
      width: 100%;
}

.card-login .card-header {
      border-bottom: none;
      position: relative;
      justify-content: center;
      border: none;
      width: 100%;
      background: none;
}

.card-login .card-title {
      margin: 0em 0.2em 0.8em;
}

.card-login h4 {
      text-align: center;
      font-size: 34px;
}

.card-login h5 {
      text-align: center;
      font-size: 1rem;
}

.card-login .form-group {
      position: relative;
      display: flex;
      justify-content: center;
      width: 300px;
}

.card-login i {
      position: absolute;
      left: 7%;
      top: 11px;
      font-size: 18px;
}

.card-login .form-control {
      padding-left: 40px;
}

.card-login .form-control:focus {
      border-color: #6ac9cb;
}

.card-login input {
      max-width: 400px;
}

.card-login .form-control,
.card-login .btn {
      min-height: 40px;
      border-radius: 3px;
}

.card-login .hint-text {
      text-align: center;
      padding-top: 10px;
}

.card-login .close {
      position: absolute;
      top: -5px;
      right: -5px;
}

.card-login .btn {
      background: #6ac9cb;
      border: none;
      line-height: normal;
}

.card-login .btn:hover,
.card-login .btn:focus {
      background: #62b7b9;
      color: #ffffff;
      border: none;
}

.card-login .card-footer {
      background: none;
      border: none;
      text-align: center;
      font-size: 13px;
      justify-content: center;
      padding: 0;
}

.card-login .card-footer a {
      color: #999;
}

#zip::-webkit-input-placeholder {
      text-align: center;
}

#zip::-moz-placeholder {
      text-align: center;
}

#zip:-ms-input-placeholder {
      text-align: center;
}

#zip::-ms-input-placeholder {
      text-align: center;
}

#zip::placeholder {
      text-align: center;
}

#zip:-ms-input-placeholder {
      text-align: center;
}

.card-login #zip {
      padding: 6px 12px;
      max-width: 100px;
      text-align: center;
}

#mainHeaderSlider {
      min-height: 520px;
}

#mainHeaderSlider .container-xl {
      max-width: 1500px;
}

#mainHeaderSlider .rsp-main-carousel .rsp-main-slide {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #ffffff;
      min-height: 520px;
      padding: 20px 30px;
      align-items: center;
      display: grid;
}

#mainHeaderSlider .rsp-main-carousel .rsp-main-slide.rsp-main-slide--no-padding {
      padding: 0;
}

#mainHeaderSlider .rsp-main-carousel .rsp-main-slide.rsp-main-slide--background-cover {
      background-size: cover;
}

#mainHeaderSlider .rsp-main-carousel .rsp-main-slide.rsp-main-slide--background--no-repeat {
      background-repeat: no-repeat;
}

#mainHeaderSlider .rsp-main-carousel h1,
#mainHeaderSlider .rsp-main-carousel .h1 {
      font-size: 2.7em;
      font-weight: 800;
      color: #ffffff;
      text-transform: capitalize;
      margin: 0 0 15px 0;
      padding: 0;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
}

.clamp-h1 {
      font-size: clamp(3rem, 3.5vw, 2.7rem) !important;
}

.clamp-h4 {
      font-size: clamp(1.25rem, 2.75vw, 1.5rem) !important;
}

#mainHeaderSlider .rsp-main-carousel .text--no-shadow {
      text-shadow: none;
}

#mainHeaderSlider .rsp-main-carousel h2 {
      font-size: 1.4em;
      color: #ffffff;
      margin: 0 0 10px 0;
      padding: 0;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
}

#mainHeaderSlider .rsp-main-carousel p {
      color: #ffffff;
      margin: 0 0 15px 0;
      padding: 0;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
}

#mainHeaderSlider img {
      width: auto;
      max-width: 100%; /* 550px; */
      max-height: 400px;
      margin: 0 auto;
      padding: 10px;
}

#mainHeaderSlider img.img-fluid {
      max-height: 100%;
}

#mainHeaderSlider .img-overlay--tablet-mobile {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      opacity: 0.6;
      content: '';
      z-index: 0;
}

@media (max-width: 64em) {
      #mainHeaderSlider:has(.img-overlay--tablet-mobile) * {
            z-index: 1;
      }
      #mainHeaderSlider .img-overlay--tablet-mobile {
            display: block;
      }
}

#mainHeaderSlider .owl-dots {
      text-align: center;
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translate(-50%, 0);
}

#mainHeaderSlider .owl-dot {
      display: inline-block;
      margin: 0 5px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #ffffff;
      opacity: 0.5;
}

#mainHeaderSlider .owl-dot.active {
      background-color: var(--primary-color);
      opacity: 1;
}

#mainHeaderSlider .owl-nav img {
      width: 100%;
      max-width: 20px;
      opacity: 0.7;
      transition: ease 0.3s;
      padding: 0;
}
#mainHeaderSlider .owl-nav img:hover {
      opacity: 1;
}

#mainHeaderSlider .owl-nav button {
      position: absolute;
      color: red;
      top: 50%;
      transform: translate(0, -50%);
      font-size: 3em;
}

#mainHeaderSlider .owl-nav button.owl-next {
      right: 10px;
}

#mainHeaderSlider .owl-nav button.owl-prev {
      left: 10px;
}

#mainHeaderSlider .curl {
      width: 130px;
      height: 130px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1000;
      overflow: hidden;
      background: #f15a29;
      box-shadow: 0 0 10px #000000;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
}

#mainHeaderSlider .curl .curlcontent {
      position: absolute;
      left: 5px;
      top: 5px;
}

#mainHeaderSlider .curl .curl-text {
      color: #ffffff;
      font-weight: 700;
      font-size: 1.8em;
      text-align: right;
      margin-bottom: 0;
}

#mainHeaderSlider .curl .curlcontent p {
      margin: 0;
      font-size: 14px;
      color: #ffffff;
      text-align: right;
      text-shadow: none;
}

#mainHeaderSlider .curl .curlcontent i {
      margin: 0;
      font-size: 10px;
      color: #ffffff;
      text-align: right;
      text-shadow: none;
      float: right;
      font-style: normal;
}

#mainHeaderSlider .curl:after {
      position: absolute;
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      transform: rotate(45deg) translateX(70%) scale(1.4);
      background: #afafaf;
      background: -moz-linear-gradient(left, #afafaf 0%, #ffffff 29%);
      background: -webkit-linear-gradient(left, #afafaf 0%, #ffffff 29%);
      background: linear-gradient(to right, #afafaf 0%, #ffffff 29%);
}

#mainHeaderSlider .curl:hover {
      width: 180px;
      height: 180px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      box-shadow: 10px 10px 50px #000000;
}

#mainHeaderSlider .curl.rightcorner {
      left: auto;
      right: 0;
}

#mainHeaderSlider .curl.rightcorner:after {
      left: auto;
      right: 0;
      transform: rotate(135deg) translateX(70%) scale(1.4);
}

#mainHeaderSlider .curl.rightcorner .curlcontent {
      left: auto;
      right: 10px;
      top: 10px;
}

.inlineCTAform {
      display: inline-block;
}

.inlineCTAform button {
      border: none !important;
}

.inlineCTAform #zip {
      font-size: 16px !important;
      font-weight: 700;
}

.inlineCTAform #zip.form-control {
      display: block;
      width: 100%;
      height: calc(1.5em + 0.75rem + 2px);
      padding: 23px 26px !important;
      font-size: 16px !important;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      transition:
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
}

.zip-side {
      width: 130px;
      float: left;
}

.marg-right {
      margin-right: 5px;
}

.solid-btn {
      background-color: var(--primary-color);
      padding: 12px 26px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff !important;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      text-align: center;
      width: 220px;
      margin: 0 auto;
      border: none !important;
      text-transform: uppercase;
}

.solid-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

.outline-btn {
      background-color: transparent;
      border: solid 3px var(--primary-color);
      padding: 8px 20px;
      border-radius: 4px;
      transition: ease 0.4s;
      color: var(--primary-color);
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      text-align: center;
}

.outline-btn:hover {
      background-color: var(--primary-color);
      color: #ffffff;
}

.outline-btn-alt,
a.outline-btn-alt {
      background-color: transparent;
      border: solid 3px #ffffff;
      padding: 8px 20px;
      border-radius: 4px;
      transition: ease 0.4s;
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      text-align: center;
}

.outline-btn-alt:hover {
      background-color: var(--primary-color);
      border: solid 3px var(--primary-color);
      color: #ffffff;
}

.solid-btn.solid-btn-sm {
      padding: 4px 10px;
      font-weight: 600;
      font-size: 13px;
      width: initial;
      text-transform: none;
}

.outline-btn.outline-btn-sm {
      border: solid 2px var(--primary-color);
      padding: 2px 10px;
      font-weight: 600;
      font-size: 13px;
}

.btn-secondary-active {
      background-color: #62686e;
}

.btn-outline-secondary {
      background: none;
      color: #6d6e71;
      border-color: #6d6e71;
}

.btn-outline-secondary:hover {
      background: none;
      color: var(--primary-color);
      border-color: var(--primary-color);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
      background: none;
      border-color: #4fa5a1;
      color: #4fa5a1;
}

.primary-text:not(.component) {
      color: var(--primary-color);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
      background-color: var(--primary-color);
      border-color: var(--primary-color);
}

.dropdown-item.active,
.dropdown-item:active {
      background-color: var(--primary-color);
}

#mainHeaderSlider .form-control {
      display: block;
      width: 100%;
      height: calc(1.5em + 0.75rem + 2px);
      padding: 23px 26px !important;
      font-size: 16px !important;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      transition:
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
}

#mainHeaderSlider input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
      color: rgba(68, 68, 68, 0.5);
}

#intro {
      width: 100%;
      position: relative;
}

#carouselRSPUSA .carousel-inner {
      min-height: 420px;
      height: auto;
      position: relative;
}

#carouselRSPUSA .carousel-item {
      min-height: 420px;
      height: auto;
      display: block !important;
}

#carouselRSPUSA .carousel-control-prev-icon,
#carouselRSPUSA .carousel-control-next-icon {
      display: none;
}

#carouselRSPUSA .carousel-control-prev,
#carouselRSPUSA .carousel-control-next {
      width: 5%;
}

#carouselRSPUSA .slide-1 {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.8) 0, rgba(4, 33, 62, 0.8) 100%), url('../img/intro-carousel/Target-Farming-Header.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

#carouselRSPUSA .slide-2 {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.8) 0, rgba(4, 33, 62, 0.8) 100%), url('../img/intro-carousel/3.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

#carouselRSPUSA .slide-3 {
      background: url('../img/intro-carousel/25thYear_Slider_MultiProperty_Background.jpg');
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
}

#carouselRSPUSA .promo-banner {
      padding: 2px 20px;
      background-color: #f15a29;
      color: #ffffff;
      font-weight: 700;
      font-size: 14px;
      position: absolute;
      top: 0;
      right: 0;
      border-bottom-left-radius: 5px;
      transition: ease 0.6s;
}

#carouselRSPUSA .promo-banner:hover .promo-i {
      color: #f9ed32;
}

#carouselRSPUSA .promo-i {
      color: #fbb040;
      font-size: 1.5em;
      transition: ease 0.6s;
      padding-top: 3px;
}

.rsp-header {
      height: 45vh;
      width: 100%;
      align-items: center;
      text-align: center;
      max-width: 1340px;
      margin: 0 auto;
      margin-top: 35px;
      margin-bottom: 35px;
}

.rsp-header h1 {
      font-size: 2.7em;
      font-weight: bold;
      color: #ffffff;
      margin: 0 0 15px 0;
      padding: 0;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
}

.rsp-header h2 {
      font-size: 1.4em;
      color: #ffffff;
      margin: 0 0 25px 0;
      padding: 0;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
}

.rsp-header p {
      color: #ffffff;
      margin: 0 0 15px 0;
      padding: 0;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
}

.rsp-center {
      text-align: center;
      margin: 0 auto;
      margin-top: 35px;
}

.rsp-left {
      text-align: left;
}

.rsp-right img {
      width: 100%;
      max-width: 510px;
      transition: ease 0.6s;
}

.product-link-btn {
      color: #fff;
      font-weight: 700;
      font-size: 12px;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
      margin: 0 5px 0 5px;
      cursor: pointer;
      background: none;
      border: 0;
      transition: ease 0.6s;
}

.product-link-btn:hover {
      color: var(--primary-color);
}

.prod-spacer {
      color: #ffffff;
}

.marg-fix {
      margin-bottom: -1px;
      padding: 10px;
}

#intro {
      width: 100%;
      height: 50vh;
      position: relative;
      background: url('../img/intro-carousel/1.jpg') no-repeat;
      background-size: cover;
}

#intro .intro-content {
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
}

#intro .intro-content h2 {
      color: #6d6e71;
      margin-bottom: 30px;
      font-size: 64px;
      font-weight: 700;
}

#intro .intro-content h2 span {
      color: var(--primary-color);
      text-decoration: underline;
}

#intro .intro-content .btn-get-started,
#intro .intro-content .btn-projects {
      font-family: 'Montserrat', sans-serif;
      font-size: 15px;
      font-weight: bold;
      letter-spacing: 1px;
      display: inline-block;
      padding: 6px 15px;
      border-radius: 2px;
      transition: 0.25s;
      margin: 10px;
      color: #fff;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
}

#intro .intro-content .btn-get-started {
      background: #0c2e8a;
      border: 2px solid #0c2e8a;
}

#intro .intro-content .btn-get-started:hover {
      background: none;
      color: #0c2e8a;
}

#intro .intro-content .btn-projects {
      background: var(--primary-color);
      border: 2px solid var(--primary-color);
}

#intro .intro-content .btn-projects:hover {
      background: none;
      color: var(--primary-color);
}

#intro #intro-carousel {
      z-index: 8;
}

#intro #intro-carousel::before {
      content: '';
      background-color: rgba(255, 255, 255, 0.7);
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 7;
}

#intro #intro-carousel .item {
      width: 100%;
      height: 50vh;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      transition-property: opacity;
}

.btn {
      /* font-family: "Montserrat", sans-serif; */
      font-weight: 500;
      /* margin: 3px; */
      letter-spacing: 1px;
      /* border-radius: 3px; */
      /* transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s; */
}

.btn-primary {
      border: 1px solid var(--primary-color);
      background: var(--primary-color);
}

.btn-primary.disabled,
.btn-primary:disabled {
      cursor: not-allowed;
      opacity: 0.75;
      background-color: #4fa5a1;
      border-color: var(--primary-color);
}

.btn-primary:not(:disabled):not(.disabled):hover {
      color: #fff;
      background-color: #4fa5a1;
      border-color: var(--primary-color);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
      color: #fff;
      background-color: #4fa5a1;
      border-color: var(--primary-color);
}

.btn-primary:focus,
.btn-primary.focus {
      color: #fff;
      background-color: #4fa5a1;
      border-color: var(--primary-color);
      box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-secondary {
      background: none;
      color: #6d6e71;
      border-color: #6d6e71;
}

.btn-outline-secondary:hover {
      background: none;
      color: var(--primary-color);
      border-color: var(--primary-color);
}

.btn-secondary-active {
      background-color: #4fa5a1;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
      background: none;
      border-color: #4fa5a1;
      color: #4fa5a1;
}

.btn-secondary:focus,
.btn-secondary.focus {
      color: #fff;
      background-color: #4fa5a1;
      border-color: #545b62;
      box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
      background-color: var(--primary-color);
      border-color: var(--primary-color);
}

.dropdown-item.active,
.dropdown-item:active {
      background-color: var(--primary-color);
}

.section-header {
      margin-bottom: 30px;
}

.section-header h2 {
      font-size: 2.3em;
      color: #000000;
      text-transform: uppercase;
      font-weight: 700;
      position: relative;
      padding-bottom: 0px;
      text-align: center;
}

.section-header p {
      padding: 0;
      margin: 0;
}

.section-sub-h {
      font-size: 18px;
      text-align: center;
      margin: 0 auto;
}

#aboutScroll::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#fourGuidelines {
      padding: 80px 0;
      background-color: #f0f6f6;
}

#fourGuidelines .flip-card {
      background-color: transparent;
      width: 100%;
      height: 450px;
      perspective: 1000px;
}

#fourGuidelines .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.8s;
      transform-style: preserve-3d;
}

#fourGuidelines .flip-card:hover .flip-card-inner {
      transform: rotateY(180deg);
}

#fourGuidelines .flip-card-front,
#fourGuidelines .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}

#fourGuidelines .flip-card-front img {
      width: 100%;
      height: 100%;
      padding: 10px;
}

#fourGuidelines .flip-card-back {
      background-color: #fff;
      transform: rotateY(180deg);
      padding: 10px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      border-radius: 8px;
}

#fourGuidelines .card-back-content {
      position: relative;
}

.about-box {
      background-color: #ffffff;
      padding: 15px 10px 15px 10px;
      border-radius: 8px;
      margin: 5px 0 20px 0;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

.about-card {
      background-color: #ffffff;
      padding: 15px 10px 15px 10px;
      border-radius: 8px;
      margin: 5px 0 20px 0;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
      min-height: 180px;
}

.about-card:hover {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

.about-img {
      width: 100%;
      border-radius: 1000px;
}

.about-h {
      font-size: 17px;
      font-weight: 700;
      color: #000000;
}

.about-p {
      font-size: 14px;
      color: #444444;
      margin: 0;
      padding-bottom: 10px;
}

.about-link {
      margin-top: 10px;
      color: var(--primary-color);
      font-size: 14px;
      cursor: pointer;
}

.aboutcard-h {
      font-size: 1.3em;
      font-weight: 700;
      color: var(--primary-color);
}

.marg-btm {
      margin-bottom: 25px;
}

.pillars-num {
      color: rgba(84, 180, 176, 0.5);
      font-size: 4em;
      font-weight: 700;
      position: absolute;
      right: 0;
      bottom: 0;
      transition: ease 0.4s;
}

.pillars-icon {
      position: absolute;
      right: 0;
      bottom: 20px;
      width: 100%;
      max-width: 45px;
      transition: ease 0.4s;
}

.pillars-main-icon {
      padding: 10px;
      width: 100%;
      max-width: 190px;
      transition: ease 0.4s;
}

.hover-eff {
      transition: ease 0.4s;
}

.hover-eff:hover {
      transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
}

body #pcDesignerContainer {
      font-size: 12px;
}

#pcDesignerContainer .row {
      align-items: center;
}

#pcDesignerContainer .btn {
      padding: 0.275rem 0.5rem;
      line-height: 1.25;
      font-size: 11px !important;
}

#pcDesignerContainer input.form-control,
select.form-control {
      height: initial;
      padding: 0.275rem 0.5rem;
      height: calc(1.2em + 0.85rem + 1px) !important;
      font-size: 12px !important;
      padding: 0rem 0rem;
      width: 100%;
}

.w-initial {
      width: initial;
}

.flex-even div {
      flex: 1 1 0;
      padding: 0.5em;
      word-break: break-all;
}

#pcDesignerContainer .lg-font {
      font-size: 1.25em;
}

.small-num {
      max-width: 50px;
}

.word-break {
      word-break: break-all;
}

#searchError {
      text-align: center;
      position: absolute;
      top: -18px;
}

#pcDesignerContainer .fa-calendar-alt {
      font-size: 2em;
      cursor: pointer;
}

#pcDesignerContainer .card-body {
      padding: 1rem;
}

#services .btn {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 3px 15px;
      border-radius: 3px;
      transition: 0.25s;
      margin: 0px;
      border: 3px solid var(--primary-color);
      color: #fff;
      background: var(--primary-color);
      margin-top: 15px;
      margin-bottom: 15px;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
}

#services .btn:hover {
      border: 3px solid var(--primary-color);
      background: rgba(0, 0, 0, 0);
      color: var(--primary-color);
}

#services {
      padding: 40px 0 50px 0;
      background-color: rgba(240, 246, 246, 0.8);
}

#services .box {
      padding: 20px;
      margin-bottom: 40px;
      box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1);
      background: #fff;
      transition: 0.4s;
}

#services .box:hover {
      box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
      transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
}

#services .box .icon {
      float: left;
}

#services .box .icon i {
      color: #444;
      font-size: 64px;
      transition: 0.5s;
      line-height: 0;
      margin-top: 34px;
}

#services .box .icon i:before {
      background: #0c2e8a;
      background: linear-gradient(45deg, var(--primary-color) 0%, #a3ebd5 100%);
      background-clip: border-box;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}

#services .box h4 {
      font-weight: 700;
      margin-bottom: 15px;
      font-size: 22px;
}

#services .box h4 a {
      color: #444;
}

#services .box p {
      font-size: 14px;
      margin-bottom: 0;
      line-height: 24px;
}

.hvrbox,
.hvrbox * {
      box-sizing: border-box;
}

.hvrbox {
      position: relative;
      display: inline-block;
      overflow: hidden;
      max-width: 100%;
      height: auto;
}

.hvrbox img {
      max-width: 100%;
}

.hvrbox .hvrbox-layer_bottom {
      display: block;
}

.hvrbox .hvrbox-layer_top {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      padding: 15px;
      transition: all 0.4s ease-in-out 0s;
}

.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
      opacity: 1;
}

.hvrbox .hvrbox-text {
      text-align: center;
      font-size: 18px;
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
}

.hvrbox .hvrbox-text_mobile {
      font-size: 15px;
      border-top: 1px solid rgb(179, 179, 179);
      border-top: 1px solid rgba(179, 179, 179, 0.7);
      margin-top: 5px;
      padding-top: 2px;
      display: none;
}

.hvrbox.active .hvrbox-text_mobile {
      display: block;
}

#products {
      padding: 100px 0;
      background-color: #f0f6f6;
}

#products .box {
      padding: 20px;
      margin-bottom: 40px;
      box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1);
      background: #fff;
      transition: 0.4s;
}

#products .box:hover {
      box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
      transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
}

#products .box .icon {
      float: left;
}

#products .box .icon i {
      color: #444;
      font-size: 64px;
      transition: 0.5s;
      line-height: 0;
      margin-top: 34px;
}

#products .box .icon i:before {
      background: #0c2e8a;
      background: linear-gradient(45deg, var(--primary-color) 0%, #a3ebd5 100%);
      background-clip: border-box;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}

#products .box h4 {
      font-weight: 700;
      margin-bottom: 15px;
      font-size: 22px;
}

#products .box h4 a {
      color: #444;
}

#products .box p {
      font-size: 14px;
      margin-bottom: 0;
      line-height: 24px;
}

#products .btn {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 3px 15px;
      border-radius: 3px;
      transition: 0.25s;
      margin: 0px;
      border: 3px solid var(--primary-color);
      color: #fff;
      background: var(--primary-color);
      margin-top: 15px;
      margin-bottom: 15px;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
}

#products .btn:hover {
      border: 3px solid var(--primary-color);
      background: rgba(0, 0, 0, 0);
      color: var(--primary-color);
}

#products .products-long {
      padding-left: 40px;
}

#products .products-long h3 {
      font-size: 2.5em;
      font-weight: 400;
      color: #000000;
      padding-bottom: 10px;
}

#products .products-long p {
      padding-bottom: 15px;
      max-width: 80%;
}

#products .products-img-box {
      text-align: center;
      position: relative;
      height: 342px;
}

#products .front-img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 100%;
      height: 100%;
      max-height: 500px;
      z-index: 10;
}

#products .back-img {
      width: 100%;
      max-width: 805px;
}

#products .products-img-box .main-img {
      width: 100%;
      max-width: 200px;
      position: relative;
      z-index: 20;
}

#products .space-add {
      padding-top: 5px;
      padding-bottom: 5px;
}

#products .warp {
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      z-index: 1;
      width: 100%;
      max-width: 375px;
      margin: auto;
}

#products .warp1 {
      animation-name: warpmove;
      animation-duration: 20s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      opacity: 0.1;
      width: 100%;
      max-width: 400px;
}

#products .warp2 {
      top: 50px;
      animation-name: warp2move;
      animation-duration: 35s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: reverse;
      opacity: 0.2;
}

#products .warp3 {
      top: 20px;
      animation-name: warp3move;
      animation-duration: 20s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: reverse;
      opacity: 0.2;
      width: 100%;
      max-width: 330px;
}

#products .products-bottom {
      margin-top: 60px;
      text-align: center;
}

@keyframes warpmove {
      0% {
            transform: translate(0);
      }

      50% {
            transform: translate(0, 5px);
            transform: skew(8deg, 0);
      }

      80% {
            transform: translate(10px, 0);
            transform: skew(20deg, 12deg);
      }

      100% {
            transform: translate(0);
      }
}

@keyframes warp2move {
      0% {
            transform: translate(0);
      }

      50% {
            transform: translate(10px, 0);
            transform: skew(0, 15deg);
      }

      80% {
            transform: translate(0, 5px);
            transform: skew(5deg, 12deg);
      }

      100% {
            transform: translate(0);
      }
}

@keyframes warp3move {
      0% {
            transform: translate(10px, 0);
      }

      50% {
            transform: translate(0);
            transform: skew(0, 5deg);
      }

      80% {
            transform: translate(0, 10px);
            transform: skew(15deg, 0);
      }

      100% {
            transform: translate(10px, 0);
      }
}

.prd-box {
      background-color: #ffffff;
      border-radius: 8px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 5%);
      min-height: 305px;
      transition: ease 0.4s;
}

.prd-box:hover {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

.prd-top {
      background-color: #ffffff;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;
      padding: 10px;
      text-align: center;
}

.prd-top img {
      width: 100%;
      max-width: 350px;
}

.prd-text {
      padding: 20px;
}

.prd-text ul {
      color: #444444;
      padding-left: 20px;
      margin-bottom: 20px;
      line-height: 1.5em;
}

.prd-text li {
      padding-bottom: 5px;
}

.prd-text p {
      color: #444;
      text-align: center;
      font-size: 14px;
      margin: 0;
}

.prd-title {
      color: #000000;
      text-align: center;
      font-size: 17px;
      font-weight: 600;
}

.prd-paragraph {
      font-size: 14px;
      text-align: center;
}

.prd-link {
      font-size: 14px;
      color: var(--primary-color);
      padding-right: 10px;
      transition: ease 0.4s;
      text-align: center;
}

.prd-link:hover {
      color: #8bc7c9;
      text-decoration: underline;
}

.prd-link p {
      margin: 0;
      margin-bottom: -15px;
}

.prd-order-btn {
      background-color: var(--primary-color);
      display: block;
      padding: 12px 26px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      margin: 0 auto;
      border: none !important;
}

.prd-order-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

.prd-zip {
      width: 100%;
      margin-bottom: 10px;
}

.prd-reserve {
      width: 100%;
      max-width: 100%;
}

.products-bottom {
      margin-top: 45px;
      text-align: center;
}

#clients {
      padding: 40px 0;
}

#clients img {
      justify-content: center;
      align-items: center;
      max-width: 100%;
      filter: none;
      transition: 0.3s;
      padding: 15px 0;
      filter: grayscale(100%);
}

#clients .owl-nav,
#clients .owl-dots {
      margin-top: 5px;
      text-align: center;
}

#clients .owl-dot {
      display: inline-block;
      margin: 0 5px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #ddd;
}

#clients .owl-dot.active {
      background-color: var(--primary-color);
}

#portfolio {
      background: #fff;
      padding: 30px 0;
}

#portfolio .portfolio-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1;
      transition: all ease-in-out 0.4s;
}

#portfolio .portfolio-item {
      overflow: hidden;
      position: relative;
      padding: 0;
      vertical-align: middle;
      text-align: center;
}

#portfolio .portfolio-item h2 {
      color: #ffffff;
      font-size: 24px;
      margin: 0;
      text-transform: capitalize;
      font-weight: 700;
}

#portfolio .portfolio-item img {
      transition: all ease-in-out 0.4s;
      width: 100%;
}

#portfolio .portfolio-item:hover img {
      transform: scale(1.1);
}

#portfolio .portfolio-item:hover .portfolio-overlay {
      opacity: 1;
      background: rgba(0, 0, 0, 0.7);
}

#portfolio .portfolio-info {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
}

.work_item {
      position: relative;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
}

.work_item a.zoom {
      position: absolute;
      z-index: 30;
      left: 50%;
      bottom: 0;
      width: 60px;
      height: 36px;
      margin-left: -30px;
      opacity: 0;
      background-image: url(img/zoom.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
      transition:
            bottom 0.3s ease-in-out,
            opacity 0.3s ease-in-out;
      -webkit-transition:
            bottom 0.3s ease-in-out,
            opacity 0.3s ease-in-out;
}

.portfolio-item img {
      filter: brightness(65%);
      -webkit-filter: brightness(65%);
}

#testimonials {
      padding: 100px 0;
      background-color: #f0f6f6;
}

#testimonials .testimonial-item {
      background-color: #ffffff;
      border-radius: 8px;
      box-sizing: content-box;
      padding: 20px 30px 30px 30px;
      margin: 10px 15px;
      text-align: center;
      min-height: 200px;
      overflow: hidden;
      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
      transition: ease 0.4s;
      align-items: center;
}

.testingdiv {
      margin: 0 auto;
}

#testimonials .testimonial-item:hover {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

#testimonials .testimonial-stars {
      float: left;
}

#testimonials .testimonial-stars i {
      font-size: 20px;
      color: #fbbc05;
}

#testimonials .verified-buyer {
      float: right;
      font-size: 12px;
      font-weight: 700;
}

#testimonials .verified-buyer i {
      color: var(--primary-color);
}

#testimonials .testimonial-date {
      text-align: left;
      font-size: 12px;
      margin: 10px 0 10px 0;
}

#testimonials .testimonial-quote {
      text-align: left;
      font-size: 14px;
      font-weight: 600;
      width: 330px;
      font-style: italic;
      height: 3.8em;
}

#testimonials .owl-nav,
#testimonials .owl-dots,
#results .owl-nav,
#results .owl-dots {
      margin-top: 5px;
      text-align: center;
}

#testimonials .owl-dot,
#results .owl-dot {
      display: inline-block;
      margin: 0 5px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #ddd;
}

#testimonials .owl-dot.active,
#results .owl-dot.active {
      background-color: var(--primary-color);
}

.reviews-bottom {
      margin-top: 60px;
      text-align: center;
}

#call-to-action2 {
      background-size: cover;
      position: relative;
}

#call-to-action2 .layer {
      background-color: rgba(4, 33, 62, 0.8);
      padding: 100px 0;
}

#call-to-action2 .cta-title {
      color: #fff;
      font-size: 28px;
      font-weight: 700;
}

#call-to-action2 .cta-text {
      color: #fff;
      margin: 0;
}

#call-to-action2 .cta-btn {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 26px;
      border-radius: 3px;
      transition: 0.5s;
      margin: 10px;
      border: 3px solid #fff;
      color: #fff;
}

#call-to-action2 .cta-btn:hover {
      background: var(--primary-color);
      border: 3px solid var(--primary-color);
}

#call-to-action3 {
      background-size: cover;
      position: relative;
}

#call-to-action3 .layer {
      background-color: rgba(4, 33, 62, 0.8);
      padding: 100px 0;
}

#call-to-action3 .cta-title {
      color: #fff;
      font-size: 28px;
      font-weight: 700;
}

#call-to-action3 .cta-text {
      color: #fff;
      margin: 0;
}

#call-to-action3 .cta-btn {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 26px;
      border-radius: 3px;
      transition: 0.5s;
      margin: 10px;
      border: 3px solid #fff;
      color: #fff;
}

#call-to-action3 .cta-btn:hover {
      background: var(--primary-color);
      border: 3px solid var(--primary-color);
}

#call-to-action {
      background: #081e5b;
      background-size: cover;
      padding: 40px 0;
}

#call-to-action .cta-title {
      color: #fff;
      font-size: 28px;
      font-weight: 700;
}

#call-to-action .cta-text {
      color: #fff;
      margin: 0;
}

#call-to-action .cta-btn {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 26px;
      border-radius: 3px;
      transition: 0.5s;
      margin: 10px;
      border: 3px solid #fff;
      color: #fff;
}

#call-to-action .cta-btn:hover {
      background: var(--primary-color);
      border: 3px solid var(--primary-color);
}

#team {
      background: #fff;
      padding: 30px 0 0 0;
}

#team .member {
      text-align: center;
      margin-bottom: 20px;
}

#team .member .pic {
      overflow: hidden;
      text-align: center;
}

#team .member .pic img {
      max-width: 100%;
}

#team .member .details {
      background: var(--primary-color);
      color: #fff;
      padding: 15px;
      border-radius: 0 0 3px 3px;
}

#team .member h4 {
      font-weight: 700;
      margin-bottom: 2px;
      font-size: 18px;
}

#team .member span {
      font-style: italic;
      display: block;
      font-size: 13px;
}

#team .member .social {
      margin-top: 5px;
}

#team .member .social a {
      color: #fff;
}

#team .member .social i {
      font-size: 16px;
      margin: 0 2px;
}

#results {
      padding: 100px 0;
      background-color: #ffffff;
}

.proven-card {
      background-color: #ffffff;
      padding: 15px 10px 15px 10px;
      border-radius: 8px;
      margin: 5px 0 20px 0;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
      min-height: 215px;
}

.proven-card img {
      width: 100%;
      margin: 0 auto;
}

.proven-h {
      font-size: 17px;
      font-weight: 700;
      color: #000000;
}

.proven-h-alt {
      font-size: 17px;
      font-weight: 700;
      color: var(--primary-color);
}

.proven-p {
      font-size: 14px;
      color: #444444;
}

.proven-ul {
      font-size: 14px;
      color: #444444;
}

.proven-p-alt {
      font-size: 14px;
      color: #444444;
      margin: 0;
}

.extra-btm-m {
      margin-bottom: 20px !important;
}

#results .casestudy-box {
      background-color: #ffffff;
      padding: 15px 10px;
      border-radius: 8px;
      margin: 5px 0 20px 0;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
}

#results .casestudy-box:hover {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

#results .casestudy-h {
      text-align: left;
      font-size: 17px;
      font-weight: 700;
      color: #000000;
      padding: 0 10px;
      line-height: 1.3em;
}

#results .casestudy-p {
      text-align: left;
      font-size: 15px;
      color: #444444;
      padding: 10px;
      line-height: 1.3em;
}

#results .casestudy-link {
      text-align: left;
      font-size: 15px;
      color: var(--primary-color);
      padding: 10px;
      line-height: 1.3em;
}

#results .casestudy-img-box {
      border-radius: 8px;
}

#results .casestudy-1 {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.2) 0, rgba(4, 33, 62, 0.2) 100%), url('../img/intro-carousel/3.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 8em;
}

#results .casestudy-2 {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.2) 0, rgba(4, 33, 62, 0.2) 100%), url('../img/intro-carousel/Target-Farming-Header.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

.cases-bottom {
      margin-top: 60px;
      text-align: center;
}

#results .caseStudySingleBox {
      width: 100%;
      height: 220px;
      display: block;
      position: relative;
      overflow: hidden;
}

#results .caseStudySingleBox img {
      height: 100%;
      width: initial;
      margin: auto;
}

#results .case-study-text a.link {
      padding: 0 10px;
}

#featured-case-study {
      padding: 80px 0 40px 0;
}

#featured-case-study .featured-box-img img {
      width: 100%;
      border-radius: 8px;
      transition: ease 0.4s;
}

#featured-case-study .featured-box-img img:hover {
      filter: brightness(85%);
      -webkit-filter: brightness(85%);
}

#featured-case-study .featured-box-text h3 {
      color: #000000;
      font-weight: 700;
      font-size: 2.8em;
      transition: ease 0.4s;
}

#featured-case-study .featured-box-text a:hover h3 {
      color: var(--primary-color);
      text-decoration: underline;
}

#featured-case-study .featured-box-text p {
      font-size: 16px;
      margin-bottom: 20px;
}

#featured-case-study .case-category {
      font-size: 12px;
      color: #444444;
      font-weight: 700;
      margin-top: 25px;
      margin-bottom: 20px;
}

#featured-case-study .casestudy-link {
      text-align: left;
      font-size: 15px;
      color: var(--primary-color);
      line-height: 1.3em;
}

#all-case-studies {
      padding: 80px 0;
}

#all-case-studies .case-study-box-img img {
      width: 100%;
      border-radius: 8px;
      transition: ease 0.4s;
}

#all-case-studies .case-study-box-img img:hover {
      filter: brightness(85%);
      -webkit-filter: brightness(85%);
}

#all-case-studies .case-study-box-text h3 {
      color: #000000;
      font-weight: 700;
      font-size: 1.1em;
      transition: ease 0.4s;
}

#all-case-studies .case-study-box-text a:hover h3 {
      color: var(--primary-color);
      text-decoration: underline;
}

#all-case-studies .case-study-box-text p {
      font-size: 16px;
      margin-bottom: 20px;
}

#all-case-studies .case-category {
      font-size: 12px;
      color: #444444;
      font-weight: 700;
      margin-top: 25px;
      margin-bottom: 20px;
}

#all-case-studies .casestudy-link {
      text-align: left;
      font-size: 15px;
      color: var(--primary-color);
      line-height: 1.3em;
}

#case-study-header .inner-header {
      max-width: 1340px;
      height: 300px;
      margin: 0 auto;
}

#case-study-header .casestudy1 {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.6) 0, rgba(4, 33, 62, 0.6) 100%), url('../img/intro-carousel/3.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 40px 0;
}

#case-study-header .inner-header h1 {
      color: #ffffff;
      font-size: 3.7em;
      font-weight: 700;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
      max-width: 80%;
}

#case-study-header .inner-header p {
      color: #ffffff;
      font-size: 1.2em;
      padding: 0;
      margin: 0;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
}

#case-study-content {
      padding: 80px 0;
}

#case-study-content .case-study-title h1 {
      color: #000000;
      font-size: 3em;
      font-weight: 700;
}

#case-study-content .case-study-image {
      width: 100%;
      height: 250px;
      margin: 20px 0;
      border-radius: 8px;
      display: block;
      position: relative;
      overflow: hidden;
}

#case-study-content .case-study-image img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
}

#case-study-content .page-social-shares {
      padding-top: 10px;
      margin-bottom: 30px;
}

#case-study-content .page-social-shares p {
      margin-bottom: 10px;
      font-size: 12px;
}

#case-study-content .page-social-shares img {
      width: 100%;
      max-width: 25px;
      padding: 3px;
      transition: ease 0.6s;
}

#case-study-content .page-social-shares img:hover {
      filter: brightness(75%);
      -webkit-filter: brightness(75%);
}

#case-study-content .page-text h3 {
      font-size: 20px;
      font-weight: 700;
      color: #000000;
}

#case-study-content .rsp-dis {
      font-size: 10px;
      color: #444444;
      margin: 20px 0;
}

#case-study-content .casestudy-img {
      width: 100%;
      max-width: 500px;
}

#case-study-content .page-text img {
      text-align: center;
      margin: 0 auto;
      display: block;
}

#case-study-content .case-study-contact-box {
      background-color: var(--secondary-color);
      color: #ffffff;
      padding: 20px;
      border-radius: 8px;
}

#case-study-content .case-study-contact-box h3 {
      font-weight: 700;
      font-size: 1.5em;
      text-align: center;
}

#case-study-content .case-study-contact-box p {
      font-size: 1.1em;
      text-align: center;
      margin: 0;
      padding: 10px 0 20px 0;
}

#pricing-page {
      padding: 80px 0;
      background-color: #f0f6f6;
}

#pricing-page .pricing-top-pad {
      padding-top: 30px;
}

#pricing-page table {
      background-color: #ffffff;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#all-social-shares {
      padding: 80px 0;
      background-color: #f0f6f6;
}

#inner-section-header .socialshare-header {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.6) 0, rgba(4, 33, 62, 0.6) 100%), url('../img/inner-banners/Social-Share-Banner.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

#all-social-shares .hide {
      display: none !important;
}

#all-social-shares .show {
      animation: show 0.3s ease 0s 1 normal forwards;
      transform-origin: center;
}

@keyframes show {
      0% {
            transform: scale(0);
            opacity: 0;
      }

      100% {
            transform: scale(1);
            opacity: 1;
      }
}

#all-social-shares .allFreeShares {
      width: 100%;
      margin: 0 auto;
      position: relative;
      z-index: 5;
}

#all-social-shares .socialShareBox {
      width: 100%;
      padding: 10px;
      text-align: center;
      display: flex;
      flex-flow: column;
}

#all-social-shares .filters {
      display: flex;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
      width: 100%;
      border-radius: 10px;
      margin-bottom: 25px;
      text-align: center;
}

#all-social-shares .filters .filter {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

#all-social-shares .filters .filter:nth-child(1) {
      width: 25%;
      padding: 10px;
      border-radius: 10px 0 0 10px;
      border: 1px solid #ced4da;
      background-color: #ffffff;
}

#all-social-shares .filters .filter:nth-child(2) {
      width: 25%;
      padding: 10px;
      border-top: 1px solid #ced4da;
      border-right: 1px solid #ced4da;
      border-bottom: 1px solid #ced4da;
      background-color: #ffffff;
}

#all-social-shares .filters .filter:nth-child(3) {
      width: 25%;
      padding: 10px;
      border-top: 1px solid #ced4da;
      border-right: 1px solid #ced4da;
      border-bottom: 1px solid #ced4da;
      background-color: #ffffff;
}

#all-social-shares .filters .filter:nth-child(4) {
      width: 25%;
      padding: 10px;
      border-radius: 0 10px 10px 0;
      border-top: 1px solid #ced4da;
      border-right: 1px solid #ced4da;
      border-bottom: 1px solid #ced4da;
      background-color: #ffffff;
}

#all-social-shares .active {
      font-weight: 700;
      background-color: #8bc7c9 !important;
      color: #ffffff;
}

#all-social-shares .filter:hover {
      cursor: pointer;
}

#all-social-shares .social-share-box {
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
}

#all-social-shares .social-share-box img {
      width: 100%;
      transition: ease 0.4s;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
}

#all-social-shares .social-share-box img:hover {
      filter: brightness(85%);
      -webkit-filter: brightness(85%);
}

#all-social-shares .shareGraphic {
      background-color: #ffffff;
      padding: 20px 10px 30px 10px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      display: flex;
      height: 100%;
}

#all-social-shares .shareGraphic h3 {
      color: #000000;
      font-weight: 700;
      font-size: 1.3em;
      text-align: center;
      padding: 10px 0;
}

#all-social-shares .solid-btn-sm {
      background-color: var(--primary-color);
      padding: 12px 15px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 0.7em;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      margin: 0 auto;
      border: none !important;
      text-transform: uppercase;
}

#all-social-shares .solid-btn-sm:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#all-social-shares .share-via {
      display: inline-block;
      padding-bottom: 30px;
}

#all-social-shares .share-via p {
      margin-bottom: 0;
}

#all-social-shares .share-box {
      display: inline-block;
}

#all-social-shares .share-box img {
      width: 100%;
      max-width: 35px;
      padding: 3px;
      transition: ease 0.6s;
}

#all-social-shares .share-box img:hover {
      filter: brightness(75%);
      -webkit-filter: brightness(75%);
}

#single-social-shares {
      padding: 60px 0;
      background-color: #f0f6f6;
}

#single-social-shares .social-share-img img {
      width: 100%;
      border-radius: 8px;
      transition: ease 0.1s;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#single-social-shares .social-share-img img:hover {
      filter: brightness(85%);
      -webkit-filter: brightness(85%);
}

#single-social-shares .social-share-info {
      background-color: #ffffff;
      width: 100%;
      height: 100%;
      border-radius: 8px;
      padding: 85px 20px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#single-social-shares .social-share-info h3 {
      color: #000000;
      font-weight: 700;
      font-size: 1.8em;
      text-align: center;
}

#single-social-shares .addthis_inline_share_toolbox {
      margin: 30px 0;
}

#single-social-shares .solid-btn-sm {
      background-color: var(--primary-color);
      padding: 12px 15px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 0.9em;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      margin: 0 auto;
      border: none !important;
      text-transform: uppercase;
}

#single-social-shares .solid-btn-sm:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#single-social-shares .outline-btn-sm {
      background-color: transparent;
      padding: 10px 15px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: var(--primary-color);
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 0.9em;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      margin: 0 auto;
      border: solid 2px var(--primary-color) !important;
      text-transform: uppercase;
}

#single-social-shares .outline-btn-sm:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#deals-page .deals-box {
      padding: 20px;
}

#deals-page .deals-box img {
      width: 100%;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
}

#deals-page .deals-box img:hover {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

#postcard-info {
      padding: 40px 0 50px 0;
      background-color: #ffffff;
}

#inner-section-header .postcards-header {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.6) 0, rgba(4, 33, 62, 0.6) 100%), url('../img/inner-banners/Postcards-Banner.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

.postcard-card {
      background-color: #ffffff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
}

.postcard-diagram img {
      width: 100%;
      padding: 10px;
}

.pc-card-title {
      font-size: 28px;
      color: #000000;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0 0 15px 0;
}

.pc-card-h {
      font-size: 17px;
      font-weight: 700;
      color: #000000;
}

.pc-card-p {
      font-size: 14px;
      color: #444444;
      margin: 0 0 15px 30px;
}

.pc-card-p-alt {
      font-size: 14px;
      color: #444444;
      padding-right: 15px;
}

.pc-diagram-letter {
      color: var(--primary-color);
      font-style: normal;
}

#RSP-difference {
      padding: 40px 0 50px 0;
      background-color: #ffffff;
}

.small-marg {
      margin: 0 0 15px 0;
}

.rsp-info-box {
      background-color: #ffffff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
}

.pc-card-ul {
      font-size: 14px;
      color: #444444;
}

.pc-form-bg {
      background-color: #ffffff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
}

.pc-form-bg label {
      text-transform: uppercase;
      color: #000000;
      font-size: 0.7em;
      margin-bottom: 0;
      font-weight: 600;
}

.form-intro h2 {
      font-size: 17px;
      color: var(--primary-color);
      text-transform: uppercase;
      font-weight: 700;
      margin: 0 0 15px 0;
      text-align: center;
}

.form-intro p {
      font-size: 14px;
      color: #444444;
      margin: 0 0 15px 0;
      text-align: center;
}

.form-disclaimer p {
      font-size: 12px;
      font-style: italic;
      padding: 0;
      margin: 15px 0 0 0;
      text-align: center;
}

#blogScroll::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#blog {
      padding: 100px 0;
      background-color: #ffffff;
}

#blog .blog-item {
      background-color: #ffffff;
      border-radius: 8px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-sizing: content-box;
      margin: 30px 15px;
      min-height: 360px;
      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
      transition: ease 0.4s;
}

#blog .blog-item:hover {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

#blog .blog-foot {
      display: inline-block;
      vertical-align: text-bottom;
}

#blog .blog-item .blog-img {
      width: 100%;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;
      transition: all ease-in-out 0.4s;
}

#blog .blog-item .blog-img:hover {
      filter: brightness(85%);
      -webkit-filter: brightness(85%);
}

#blog .blog-item h4 {
      text-align: left;
      font-size: 17px;
      font-weight: 700;
      color: #000000;
      padding: 10px;
      line-height: 1.3em;
}

#blog .blog-item h4:hover {
      color: var(--primary-color);
}

#blog #postCategory {
      float: left;
      font-size: 12px;
      padding: 10px 0 0 10px;
}

#blog #postCategory a {
      color: var(--primary-color);
}

#blog #postCategory a:hover {
      color: #444444;
}

#blog #postDate {
      float: right;
      font-size: 12px;
      padding: 10px 10px 0 0;
}

#blog #postTitle {
      display: inline-block;
      -webkit-line-clamp: 3;
      word-wrap: break-word;
      overflow: hidden;
      max-height: 4.8em;
      line-height: 2.8em;
}

#blog #excerpt {
      display: block;
      display: -webkit-box;
      height: 5.3em;
      line-height: 1.3em;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 10px 0 10px;
}

#blog #author-box {
      color: #777777;
      font-size: 12px;
      font-weight: 400;
      float: left;
      padding-left: 10px;
}

#blog #author-box:before {
      content: '';
      display: block;
      background: url('../img/user-solid.svg') no-repeat;
      width: 10px;
      height: 10px;
      float: left;
      margin: 3px 3px;
      color: #777777;
}

#blog #author-box a {
      color: #777777;
}

#blog #author-box a:hover {
      color: var(--primary-color);
}

#blog #blog-stats {
      font-size: 12px;
      float: right;
      padding-right: 10px;
}

#blog #blog-shares {
      color: #777777;
      display: inline-block;
}

#blog #blog-spacer {
      display: inline-block;
}

#blog #blog-comments {
      color: #777777;
      display: inline-block;
      padding-right: 5px;
}

#blog .owl-nav,
#blog .owl-dots {
      margin-top: 5px;
      text-align: center;
}

#blog .owl-dot {
      display: inline-block;
      margin: 0 5px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #ddd;
}

#blog .owl-dot.active {
      background-color: var(--primary-color);
}

.blog-bottom {
      margin-top: 45px;
      text-align: center;
}

#questionnaire {
      position: fixed;
      bottom: -310px;
      left: 15px;
      background: #ffffff;
      height: 275px;
      width: 475px;
      z-index: 20;
      font-size: 0.9em;
      transition: all 0.2s ease;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#questionnaire .close {
      position: absolute;
      top: 10px;
      right: 17px;
      font-size: 1.8em;
      z-index: 10;
}

#questionnaire .carousel-item.active,
#questionnaire .carousel-item-next,
#questionnaire .carousel-item-prev {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row wrap;
      height: 100%;
      align-content: center;
      padding-bottom: 20px;
}

#questionnaire .carousel-indicators li {
      background-color: var(--secondary-color);
}

#questionnaire i.fa {
      color: var(--secondary-color);
}

#questionnaire .outline-btn {
      margin: 0 0.4rem;
}

#questionnaire .slide {
      width: 70%;
}

#questionnaire .d-flex {
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
}

#questionnaire .d-flex > button {
      flex: 1;
}

#questionnaire .d-flex .f-100 {
      flex: 1 100%;
}

#questionnaire .offices,
#questionnaire .agent-names {
      background: #f0f6f6;
      display: flex;
      flex-flow: column;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      overflow-y: auto;
      max-height: 150px;
      font-size: 0.85em;
}

#questionnaire .outline-btn {
      font-weight: normal;
      border-width: 1px;
      font-size: 0.9em;
      width: 100%;
      padding: 0.5em 0.7em;
}

#questionnaire .outline-btn img {
      height: 35px;
      width: 35px;
      margin: 5px;
      pointer-events: none;
}

#questionnaire .offices div:hover,
#questionnaire .agent-names div:hover {
      background: #d7f3f3;
      cursor: pointer;
}

#questionnaire .agent-solution {
      display: flex;
      justify-content: center;
      align-items: center;
}

#questionnaire .agent-solution div {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      padding: 0 10px;
}

#questionnaire .agent-solution img {
      width: 100px;
      padding-bottom: 5px;
}

#farmCarousel .farm-selector {
      float: left;
      background-color: #949494;
      display: flex;
      align-items: center;
      padding: 0px;
      margin: 5px 0;
}

#farmCarousel .farm-selector:hover {
      background-color: rgb(4, 33, 62);
}

#farmCarousel .farm-selector.bg-blue {
      background-color: #5f9ea0;
}

#farmCarousel .bg-blue:hover {
      background-color: rgb(4, 33, 62);
}

#farmCarousel .farm-selector span {
      flex: 1;
}

#farmCarousel .farm-selector .btn {
      font-size: 20px;
      line-height: 120%;
      font-weight: bold;
      color: #fff;
}

#farmCarousel .farm-selector p {
      margin: 5px;
      line-height: 125%;
      color: #ffffff;
}

#productsScroll::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#products-page {
      padding: 40px 0 50px 0;
      background-color: #f0f6f6;
}

#inner-section-header .products-header {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.6) 0, rgba(4, 33, 62, 0.6) 100%), url('../img/inner-banners/Products-Banner.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

#products-page .pc-small-text {
      font-style: normal;
      font-size: 0.7em;
}

#products-page .socialSharesBox {
      padding: 50px 20px;
      text-align: center;
      margin-top: 40px;
      border-radius: 8px;
      background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 1) 0,
            rgba(255, 255, 255, 0.9) 60%,
            rgba(255, 255, 255, 0.9) 75%,
            rgba(255, 255, 255, 0.9) 100%
      );
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 5%);
}

#products-page .socialSharesBox h3 {
      font-weight: 700;
      font-size: 2em;
      color: #ff5b73;
      text-shadow: 2px 2px 3px rgb(255 255 255 / 95%);
}

#products-page .socialSharesBox p {
      color: #219bd7;
      font-weight: 700;
      text-shadow: 2px 2px 3px rgb(255 255 255 / 95%);
      margin-bottom: 40px;
}

#products-page .social-btn {
      background-color: #219bd7;
      padding: 12px 26px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      text-align: center;
      width: 220px;
      border: none !important;
      text-transform: uppercase;
      margin: 0 auto;
}

#products-page .social-btn:hover {
      background-color: #5cbbe0;
      color: #ffffff;
}

.inner-header {
      max-width: 1340px;
      height: 300px;
      margin: 0 auto;
}

.inner-header h1 {
      color: #ffffff;
      font-size: 2.7em;
      font-weight: 700;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
}

.inner-header p {
      color: #ffffff;
      font-size: 1.4em;
      padding: 0;
      margin: 0;
      text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
}

.products-header {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.6) 0, rgba(4, 33, 62, 0.6) 100%), url('../img/inner-banners/Products-Banner.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

.pad-no {
      padding: 0;
}

.inner-h-marg {
      margin-top: 60px;
}

#single-product-page {
      padding: 20px 0 50px 0;
      background-color: #ffffff;
}

#single-product-page .holidayBanner {
      text-align: center;
      padding: 20px 0;
}

#single-product-page .holidayBanner img {
      width: 100%;
      max-width: 400px;
}

#single-product-page .seasonIcons {
      text-align: center;
      padding: 10px 0;
}

#single-product-page .seasonIcons img {
      width: 100%;
      padding: 5px;
      max-width: 100px;
}

#single-product-page #accordion .card-body {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

.breadcrumb {
      background: none;
      border: none;
      padding: 0 10px;
      margin: 0;
      font-size: 12px;
}

.breadcrumb-item.active {
      color: var(--primary-color);
}

.breadcrumb li a {
      color: #444444;
}

.breadcrumb li a:hover {
      color: var(--primary-color);
}

.print-share-box {
      text-align: right;
      padding: 0 10px;
}

.print-share-box a {
      color: #444444;
}

.print-share-box i {
      color: var(--primary-color);
}

.print-share-box a:hover {
      text-decoration: underline;
}

.main-product-box {
      text-align: center;
      background: linear-gradient(#ffffff, #f9f9f9);
      height: 600px;
}

.main-product-box img {
      max-width: 100%;
      max-height: 100%;
}

.product-detail-box {
      padding: 0.5rem 2.5rem 0.5rem 2.5rem;
}

.product-item-num {
      text-align: left;
      font-size: 12px;
      color: #444444;
}

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

.product-rating {
      color: #444444;
      font-size: 12px;
}

.product-rating i {
      color: #fbbc05;
}

.product-main-title {
      color: #000000;
      font-weight: 700;
      font-size: 27px;
      margin-top: 25px;
}

.product-main-description {
      color: #444444;
      font-size: 16px;
}

.product-features-list {
      color: #444444;
      font-size: 16px;
      padding-left: 20px;
      margin-bottom: 25px;
}

.small-prd-title {
      color: #000000;
      font-weight: 700;
      font-size: 16px;
      margin: 0;
}

.product-main-price {
      color: var(--primary-color);
      font-weight: 700;
      font-size: 28px;
      margin: -10px 0 25px 0;
}

.design-btn {
      background-color: var(--primary-color);
      padding: 12px 26px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      text-align: center;
      width: 250px;
      border: none !important;
      margin-bottom: 30px;
}

.design-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
      cursor: pointer;
}

.icon-bullets {
      margin-bottom: 1.5rem;
      padding-left: 0;
}

.icon-bullets li {
      list-style-type: none;
      line-height: 5em;
      font-weight: 700;
}

.icon-bullets img {
      width: 80px;
      padding: 0.3em 0.5em;
      margin-right: 10px;
}

#productCarousel {
      margin-bottom: 80px;
}

#productCarousel .list-inline {
      white-space: nowrap;
      overflow-x: auto;
}

#productCarousel .list-inline-item {
      max-width: 80px;
      max-height: 68px;
}

#productCarousel .list-inline-item img {
      height: 100%;
      width: 100%;
}

#productCarousel .list-inline-item.active {
      border: solid 3px var(--primary-color);
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
}

#productCarousel .carousel-indicators li {
      opacity: 1;
      border-top: none;
      border-bottom: none;
}

#productCarousel .carousel-indicators {
      position: static;
      left: initial;
      width: initial;
      margin-left: initial;
      overflow: hidden;
}

#productCarousel .carousel-inner {
      text-align: center;
}

#productCarousel .carousel-item img {
      width: 85%;
      padding: 10px;
}

#productCarousel .carousel-indicators > li {
      width: initial;
      height: initial;
      text-indent: initial;
}

#productCarousel .carousel-control-next-icon,
#productCarousel .carousel-control-prev-icon {
      filter: invert(100%);
}

#productCarousel .carousel-control-prev,
#productCarousel .carousel-control-next {
      width: 5%;
}

#productCarousel .video-item-main {
      width: 85%;
      margin: 0 auto;
      padding: 10px;
      position: absolute;
      z-index: 5;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

#productCarousel .vid-bg {
      position: relative;
      z-index: 4;
}

.product-embed-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
}

.product-embed-container iframe,
.product-embed-container object,
.product-embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}

#productCarousel .vidHeight {
      height: 458px;
}

#productCarousel .video-item-thumb {
      position: relative;
}

#productCarousel .video-item-thumb::before {
      background-color: var(--secondary-color);
      border-radius: 50%;
      content: '';
      position: absolute;
      height: 50px;
      width: 50px;
      margin: auto;
      pointer-events: none;
      opacity: 0.7;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      transition: ease 0.6s;
}

#productCarousel .video-item-thumb:hover::before {
      opacity: 1;
}

#productCarousel .video-item-thumb::after {
      content: '';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      color: #ffffff;
      content: '\f04b';
      position: absolute;
      height: 20px;
      width: 20px;
      margin: auto;
      pointer-events: none;
      opacity: 1;
      top: 0;
      bottom: 0;
      right: 0;
      left: 8px;
}

.share-product-box {
      padding-top: 10px;
      padding-bottom: 20px;
}

.share-product-box img {
      width: 100%;
      max-width: 45px;
      padding: 3px;
      transition: ease 0.6s;
}

.share-product-box img:hover {
      filter: brightness(75%);
      -webkit-filter: brightness(75%);
}

#topLine {
      position: absolute;
      border-top: solid 2px var(--primary-color);
      width: 0px;
      left: 0px;
      transition: all 0.4s ease;
}

#single-product-page .nav-tabs {
      margin-top: 30px;
      border-top: solid 1px #bfbfbf;
      border-bottom: none;
      position: relative;
}

#single-product-page .nav-tabs li {
      padding: 20px 0;
      border-top: solid 2px #ffffff;
      margin-right: 50px;
}

#single-product-page .nav-tabs li.active {
      border-top: solid 2px var(--primary-color);
}

#single-product-page .nav-tabs li a {
      color: #bfbfbf;
      font-weight: 700;
}

#single-product-page .nav-tabs li a.active {
      color: #000000;
}

#single-product-page .tab-pane {
      border: none;
      padding: 0;
      margin: 0;
}

#single-product-page .table .thead-rsp th {
      color: #444444;
      background-color: rgba(0, 0, 0, 0.03);
      border-color: rgba(0, 0, 0, 0.125);
}

#single-product-page .accordion .card-header:after {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 0.7em;
      color: #444444;
      content: '\f068';
      float: right;
      margin-top: 5px;
}

#single-product-page .accordion .card-header.collapsed:after {
      content: '\f067';
}

#faq .card-title {
      color: #444444;
      font-size: 16px;
      font-weight: 700;
      float: left;
      margin-bottom: 0;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

#productMainModal {
      padding-top: 0 !important;
      padding-right: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 0 !important;
      padding: 20px !important;
}

#productMainModal .modal-body {
      background-color: #ffffff;
}

#productMainModal .modal-dialog {
      width: 100%;
      max-width: 1500px;
      margin: 0 auto;
}

#productMainModal .modal-white-btn button.close {
      color: #444444;
      transition: ease 0.6s;
}

#productMainModal .productModalInfo {
      padding-top: 20px;
      margin-bottom: 30px;
}

#productMainModal .productModalInfo h3 {
      color: #000000;
      font-size: 18px;
      font-weight: 700;
      text-align: left;
}

#productMainModal .productModalVideos {
      margin-bottom: 30px;
}

#productMainModal .productModalVideos p {
      color: #000000;
      font-size: 14px;
      font-weight: 700;
      text-align: left;
      margin-bottom: 0;
      padding-bottom: 10px;
}

#productMainModal .productModalVideos img {
      width: 100%;
}

#productMainModal .productModalImages p {
      color: #000000;
      font-size: 14px;
      font-weight: 700;
      text-align: left;
      margin-bottom: 0;
      padding-bottom: 10px;
}

#productMainModal .productModalImages img {
      width: 100%;
}

#productMainModal .modalImageSelected.active {
      border: solid 3px var(--primary-color);
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
}

#relatedProducts {
      padding-top: 50px;
}

#relatedProducts .h-seperator,
#holidayMailingDeadlines .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 10px;
}

#relatedProducts .singleProductBox {
      text-align: center;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 5%);
      padding: 20px;
      transition: ease 0.6s;
      border-radius: 8px;
      height: 100%;
}

#relatedProducts .owl-stage {
      display: flex;
}

#relatedProducts .singleProductBox:hover {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

#relatedProducts .related-products-box h3 {
      font-size: 27px;
      font-weight: 700;
      color: #000000;
}

#relatedProducts .singleProductImg {
      padding: 10px;
      text-align: center;
}

#relatedProducts .singleProductImg img {
      width: 100%;
}

#relatedProducts .singleProductTitle {
      padding-top: 10px;
}

#relatedProducts .singleProductTitle a {
      color: #000000;
}

#relatedProducts .singleProductTitle h3 {
      font-size: 18px;
      font-weight: 700;
}

#relatedProducts .singleProductStars i {
      color: #fbbc05;
      font-size: 16px;
      padding-bottom: 10px;
}

#relatedProducts .singleProductPrice {
      font-size: 16px;
      padding-bottom: 20px;
      font-style: italic;
}

#relatedProducts .width-100 {
      width: 100%;
      max-width: 100%;
}

#relatedProducts .marg-top {
      margin-top: 20px;
}

#contactScroll::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#contact {
      background: url(../img/contact-bg.jpg) center center;
      background-size: cover;
      position: relative;
}

#contact .layer {
      background-color: rgba(4, 33, 62, 0.8);
      padding: 20px 0;
}

#contact .cta-title {
      color: #fff;
      font-size: 28px;
      font-weight: 700;
}

#contact .cta-text {
      color: #fff;
      margin: 0;
}

#contact .cta-btn {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 8px 26px;
      border-radius: 3px;
      transition: 0.5s;
      margin: 10px;
      border: 3px solid #fff;
      color: #fff;
}

#contact .cta-btn:hover {
      background: var(--primary-color);
      border: 3px solid var(--primary-color);
}

#contact .contact-info {
      margin-bottom: 20px;
      text-align: center;
}

#contact .contact-info i {
      font-size: 48px;
      display: inline-block;
      margin-bottom: 10px;
      color: var(--primary-color);
}

#contact .contact-info address,
#contact .contact-info p {
      margin-bottom: 0;
      color: #000;
}

#contact .contact-info h3 {
      font-size: 18px;
      margin-bottom: 15px;
      font-weight: bold;
      text-transform: uppercase;
      color: #999;
}

#contact .contact-info a {
      color: #000;
}

#contact .contact-info a:hover {
      color: var(--primary-color);
}

#contact .contact-address,
#contact .contact-phone,
#contact .contact-email {
      color: #ffffff;
}

#contact .contact-address h3,
#contact .contact-phone h3,
#contact .contact-email h3 {
      color: #ffffff;
      font-size: 17px;
      font-weight: 700;
}

#contact .contact-address a,
#contact .contact-phone a,
#contact .contact-email a {
      color: #ffffff;
}

#contact .contact-address i,
#contact .contact-phone i,
#contact .contact-email i {
      color: var(--primary-color);
      font-size: 3em;
}

#contact #google-map {
      height: 290px;
      margin-bottom: 20px;
}

#contact .form #sendmessage {
      color: var(--primary-color);
      border: 1px solid var(--primary-color);
      display: none;
      text-align: center;
      padding: 15px;
      font-weight: 600;
      margin-bottom: 15px;
}

#contact .form #errormessage {
      color: red;
      display: none;
      border: 1px solid red;
      text-align: center;
      padding: 15px;
      font-weight: 600;
      margin-bottom: 15px;
}

#contact .form #sendmessage.show,
#contact .form #errormessage.show,
#contact .form .show {
      display: block;
}

#contact .form .validation {
      color: red;
      display: none;
      margin: 0 0 20px;
      font-weight: 400;
      font-size: 13px;
}

#contact .form input,
#contact .form textarea {
      padding: 10px 14px;
      border-radius: 0;
      box-shadow: none;
      font-size: 15px;
}

#contact .form button[type='submit'] {
      background: var(--primary-color);
      border: 0;
      border-radius: 3px;
      padding: 10px 30px;
      color: #fff;
      transition: 0.4s;
      cursor: pointer;
}

#contact .form button[type='submit']:hover {
      background: #2dc899;
}

.contact-sm {
      padding: 50px 0;
}

#contact.contact-sm .contact-info {
      margin-bottom: 0px;
}

#contact.contact-sm .contact-info i {
      font-size: 40px;
      margin-bottom: 0px;
      line-height: 0.5em;
}

#contact.contact-sm .contact-address,
#contact.contact-sm .contact-phone,
#contact.contact-sm .contact-email {
      margin-bottom: 0px;
}

#contact-after {
      padding: 30px 0;
      background-color: #f0f6f6;
}

#contact-after .contact-form-img {
      width: 100%;
      border-radius: 10px;
      -webkit-box-shadow: -10px 10px 0px 5px rgba(84, 180, 176, 0.3);
      box-shadow: -10px 10px 0px 5px rgba(84, 180, 176, 0.3);
      max-width: 100%;
      margin: auto;
}

#contact-after .form label {
      font-size: 13px;
}

#contact-after .form label span {
      color: var(--primary-color);
}

.t-a-c {
      text-align: center;
}

.contact-form-box {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 25px 10px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
      margin: 10px;
}

input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
      color: rgba(68, 68, 68, 0.5);
}

#contact-us-page {
      padding: 80px 0;
      background-color: #f0f6f6;
}

#inner-section-header .contact-us-header {
      background: linear-gradient(90deg, rgba(4, 33, 62, 0.6) 0, rgba(4, 33, 62, 0.6) 100%), url('../img/inner-banners/Contact-Us-Banner.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

#contact-us-page .contact-photo {
      display: flex;
      justify-content: center;
}

#contact-us-page .mail-status {
      color: #09a69f;
      font-weight: 600;
      font-size: 20px;
      text-transform: uppercase;
}

#contact-us-page .contact-photo img {
      width: 100%;
      max-width: 500px;
}

#contact-us-page .form {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 30px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      transition: ease 0.4s;
}

#contact-us-page .form h3 {
      font-weight: 700;
}

#contact-us-page .form a {
      color: #6d6e71;
}

#contact-us-page .form a:hover {
      color: var(--primary-color);
}

#contact-us-page .form label {
      font-size: 13px;
}

#contact-us-page .form label span {
      color: var(--primary-color);
}

#contact-us-page .form .contact-options {
      display: flex;
      flex-flow: wrap;
}

#contact-us-page .form .contact-options p {
      margin-bottom: 20px;
}

#contact-us-page .form .contact-options p:nth-child(1) {
      margin-right: 20px;
}

#contact-us-page .form .contact-options i {
      color: var(--primary-color);
      padding-right: 5px;
}

#jljsSelectorSection {
      margin: 2rem auto;
      margin-top: 0;
}

#jljsSelectorSection h2 {
      font-size: 32px;
      color: #57cdd1;
      text-transform: uppercase;
      font-weight: 700;
      position: relative;
      padding-bottom: 1rem;
      text-align: center;
}

#jljsSelectorSection .selector {
      height: 100%;
}

#jljsSelectorSection .selector .header {
      text-transform: uppercase;
      font-weight: 600;
}

#jljsSelectorSection .selector .header2 {
      padding: 0.3rem;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 0.8rem;
      background: #fdfdfd;
}

#jljsSelectorSection .selections {
      height: auto;
      overflow: auto;
      max-height: 300px;
}

#jljsSelectorSection .selection {
      padding: 0.5rem;
      display: flex;
      justify-content: space-between;
      flex-flow: row;
      align-items: center;
}

#jljsSelectorSection .selection.row {
      margin: 0;
}

#jljsSelectorSection .selection button {
      font-size: 0.8rem;
      padding: 1px 5px;
}

#jljsSelectorSection .dot {
      height: 20px;
      width: 20px;
      border-radius: 50%;
      display: inline-block;
      border: 1px solid #6a6b6f;
}

#jljsSelectorSection .selections .dot {
      height: 20px;
      width: 20px;
      background-color: #bbb;
      border-radius: 50%;
      border: 1px solid #6a6b6f;
      display: inline-block;
}

#jljsSelectorSection .incart {
      background: url('../img/icons/in-shopping-cart-icon.svg');
      width: 20px;
      height: 20px;
      position: absolute;
      margin-top: -10px;
      background-repeat: no-repeat;
}

#jljsSelectorSection .incart:hover {
      filter: invert(67%) sepia(10%) saturate(2293%) hue-rotate(128deg) brightness(101%) contrast(65%);
      animation: shake 500ms ease-in-out forwards;
}

#jljsSelectorSection .selection:hover {
      background-color: #f8f9fa;
}

#jljsSelectorSection .selection .col {
      display: inline;
      text-align: left;
}

#jljsSelectorSection .selection.selected {
      border: none;
      background-color: #e3e3e3;
}

#jljsSelectorSection #fb_listing_options.selections .selection .dot {
      background-color: var(--secondary-color);
}
#jljsSelectorSection #fb_listing_options.selections .selection.purchased .dot {
      background-color: #57cdd1;
}
#jljsSelectorSection #fb_listing_options.selections .selection.has-photos .dot {
      background-color: #28a745;
}
#jljsSelectorSection #jljs-select-listing-controls .col-lg-4 {
      padding: 0 3px;
}
#jljsSelectorSection #jljs-select-listing-controls .text-lg-left,
#jljsSelectorSection #jljs-select-listing-controls .text-lg-right {
      padding: 15px 3px;
}
#find-listing-container {
      max-width: 96%;
}
#find-listing-container .row .col-lg-6 {
      max-width: 48%;
      margin: 0 auto;
}
#ShowFindings {
      max-width: 100%;
}
#ShowFindings .row .col-lg-6 {
      max-width: 50%;
      margin: 0 auto;
}

#multiSelectorSection {
      margin: 2rem auto;
      margin-top: 0;
}

#multiSelectorSection h2 {
      font-size: 32px;
      color: #57cdd1;
      text-transform: uppercase;
      font-weight: 700;
      position: relative;
      padding-bottom: 1rem;
      text-align: center;
}

#multiSelectorSection .selector {
      height: 100%;
}

#multiSelectorSection .selector .header {
      padding: 1rem;
      text-transform: uppercase;
      font-weight: 600;
}

#multiSelectorSection .selector .header2 {
      padding: 0.3rem;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 0.8rem;
      background: #fdfdfd;
      text-align: left;
}

#multiSelectorSection .selections {
      height: auto;
      overflow: auto;
      max-height: 300px;
}

#multiSelectorSection .selection {
      padding: 0.5rem;
      display: flex;
      justify-content: space-between;
      flex-flow: row;
      align-items: center;
}

#multiSelectorSection .selection.row {
      margin: 0;
}

#multiSelectorSection .selection button {
      font-size: 0.8rem;
      padding: 1px 5px;
}

#multiSelectorSection .selection:hover {
      background: #f8f9fa;
}

#multiSelectorSection .selection .col {
      display: inline;
      text-align: left;
}

#multiSelectorSection .selection.selected {
      border: none;
      background-color: #e3e3e3;
}

#FAQSection {
      margin: 8% 0 5%;
      color: #555;
}

#FAQSection .card {
      padding: 2rem;
      text-align: center;
      padding-bottom: 0;
}

#FAQSection .card img {
      margin: auto;
      height: 80px;
      opacity: 0.75;
}

#FAQSection .card-title {
      font-size: 1.2rem;
}

#FAQSection .card-title span {
      font-size: 2rem;
      line-height: 2rem;
      font-weight: 600;
      color: #6d6e71;
}

#jljsSelectorSection .pc {
      -moz-box-shadow: 5px 5px 5px #ccc;
      -webkit-box-shadow: 5px 5px 5px #ccc;
      -khtml-box-shadow: 5px 5px 5px #ccc;
      box-shadow: 5px 5px 5px #ccc;
}

#multiSelectorSection .pc {
      -moz-box-shadow: 5px 5px 5px #ccc;
      -webkit-box-shadow: 5px 5px 5px #ccc;
      -khtml-box-shadow: 5px 5px 5px #ccc;
      box-shadow: 5px 5px 5px #ccc;
}

.container-xl.edit-postcard-container {
      max-width: 1600px;
}

.container-xl.settings {
      max-width: 1400px;
}

#jljsSelectorSection,
#multiSelectorSection,
#holidaySelectContainer .container-xl {
      max-width: 1400px;
}

.edit-postcard-container .col {
      padding: 0 10px;
}

.left-sidebar {
      min-width: 200px;
      max-width: 300px;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
}

.edit-postcard-container .left-sidebar button {
      font-size: 0.9rem;
      width: 100%;
      margin-bottom: 10px;
      margin-top: 10px;
}

#leftSidebarDesktop button,
#accountSubmenuLaptop button {
      text-align: left;
      padding: 0.4rem;
      padding-left: 10%;
      display: flex;
      align-items: center;
      margin-left: 0;
}

.left-sidebar button img {
      width: 20px;
      height: 20px;
      margin-right: 10px;
}

.left-sidebar button:hover img,
.subarea i:hover {
      animation: shake 0.3s;
}

@keyframes shake {
      0% {
            transform: rotate(0deg);
      }

      20% {
            transform: rotate(10deg);
      }

      50% {
            transform: rotate(-10deg);
      }

      80% {
            transform: rotate(10deg);
      }

      100% {
            transform: rotate(0deg);
      }
}

#leftSidebarLaptop {
      display: none;
}

#leftSidebarLaptop .submenuHeader {
      padding-bottom: 0;
}

#leftSidebarLaptop .group {
      width: 100%;
      margin-bottom: 0;
}

#leftSidebarLaptop .group button {
      margin-bottom: 0;
}

#leftSidebarMobile {
      display: none;
}

#leftSidebarMobile .submenuHeader {
      padding-bottom: 0;
      display: block;
}

#leftSidebarMobile .submenuHeader .group button {
      margin-bottom: 0;
}

#leftSidebarMobile #accountSubmenu .overlay-content button:active {
      border: none;
      background: none;
      color: var(--primary-color);
}

#leftSidebarMobile #accountSubmenu .overlay-content button:focus {
      border: none;
      background: none;
      box-shadow: none;
}

#leftSidebarMobile {
      background: #f0f6f6;
      padding: 0;
      -webkit-box-shadow: inset 0px -6px 9px 0px rgb(0 0 0 / 6%);
      box-shadow: inset 0px -6px 9px 0px rgb(0 0 0 / 6%);
      position: relative;
      max-width: 100%;
}

#leftSidebarMobile .container-fluid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: flex-start;
      overflow-x: auto;
      padding: 0;
      scroll-behavior: smooth;
      max-width: 100%;
      align-content: flex-start;
}

#leftSidebarMobile .button-container {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      align-content: center;
      margin: 1em 0;
      padding: 0 0.3em;
}

#leftSidebarMobile button {
      border: 1px solid #dee2e6;
      width: inherit;
      background: white;
      margin: 0 0.5em 0.2em;
}

#leftSidebarMobile span.small {
      text-align: center;
      line-height: 0.9rem;
}

#leftSidebarMobile > div > div:nth-child(2) {
      margin-left: 1em;
}

#leftSidebarMobile > div > div:nth-last-child(2) button {
      margin-right: 1em;
}

#leftSidebarMobile button img {
      margin: 0;
      width: 30px;
      height: 30px;
}

#leftSidebarMobile .scroll-arrow {
      margin: 0;
      height: 100%;
      position: absolute;
      padding: 0.5em;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      visibility: hidden;
      opacity: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
}

#leftSidebarMobile .scroll-arrow.show-arrow {
      width: initial;
      opacity: 1;
      visibility: visible;
      height: 100%;
}

#leftSidebarMobile .scroll-left {
      left: 0;
      background: rgb(255, 255, 255);
      background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
      background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
      background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

#leftSidebarMobile .scroll-right {
      right: 0;
      background: rgb(255, 255, 255);
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

#leftSidebarMobile .scroll-arrow img {
      height: 18px;
      width: 10px;
}

.changeModal {
      max-width: 1000px;
}

.changeContainer {
      background-color: rgb(255, 255, 255);
      background-color: rgba(255, 255, 255, 0.95);
      width: 100%;
      height: 100%;
      margin: 0;
      padding: inherit;
      margin: inherit;
      z-index: 10;
}

.changeContainer > div {
      padding: 1em;
      overflow-y: auto;
      height: 100%;
      margin: 0 auto;
      width: 100%;
}

.tabContent {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      flex-flow: row wrap;
}

.changeContainer .change-header {
      flex: 1 100%;
}

.changeContainer .change-header div {
      display: inline-flex;
}

.changeContainer > div {
      flex: 1;
      text-align: center;
}

.changeContainer > div div {
      text-align: center;
}

.changeContainer .current-item img {
      border: 3px solid #80bdff74;
      width: 240px;
}

.changeContainer div img {
      width: 225px;
      height: auto;
      margin: 0.5rem;
      display: inline;
      transition: all 0.2s;
      cursor: pointer;
}

.changeContainer div img:hover {
      transform: scale(1.05);
}

.changeContainer .current-item img:hover {
      transform: none;
}

.modal-dialog.modal-dialog-scrollable {
      height: initial;
}
.modal-header.ui-draggable-handle {
      cursor: move;
}

.changeContainer .tabcontent > div {
      display: flex;
      flex-flow: column;
      align-items: center;
}

@-webkit-keyframes fadeEffect {
      from {
            opacity: 0;
      }

      to {
            opacity: 1;
      }
}

@keyframes fadeEffect {
      from {
            opacity: 0;
      }

      to {
            opacity: 1;
      }
}

.changeContainer #agentPhotoLayout .layout img {
      width: 35%;
}

.changeContainer #agentPhotoLayout .layout label {
      display: block;
}

.changeContainer #agentPhotoLayout .layout img:hover {
      transform: none;
}

.changeContainer #agentPhotoLayout .sixty .layout img {
      width: 60%;
}

.changeContainer #agentPhotoLayout .row > div {
      flex: initial;
      padding: 1rem;
}

#bannerModal textarea {
      max-width: 250px;
      margin: auto;
}

#bannersSelect .row {
      padding: 1rem;
}

.banner-shape {
      border: 0.02in solid #000000;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem auto;
      cursor: pointer;
      transition: 0.2s;
}

.banner-shape:hover {
      transform: scale(1.1);
}

#bannersSelect .active {
      border: 4px solid var(--primary-color);
}

.banner-shape p {
      margin: 0;
}

.banner-shape#circle {
      border-radius: 50%;
      height: 120px;
      width: 120px;
}

.banner-shape#square {
      height: 120px;
      width: 120px;
}

.banner-shape#rectangle {
      height: 80px;
      width: 140px;
}

.banner-shape#roundedRectangle {
      border-radius: 50px;
      height: 80px;
      width: 140px;
}

#sizeOptionModal .changeContainer .text-center {
      flex: none;
}

.size-option .layout {
      height: 100%;
      cursor: pointer;
      padding: 0.5rem;
      border: 1px solid #dee2e6;
      margin: 1rem 0;
}

.size-option .layout img {
      width: 100%;
      max-width: 245px;
      margin: 0;
}

#standardSize img {
      width: 100%;
      max-width: 190px;
}

.size-option .layout label {
      font-size: 1.2rem;
}

.size-option .layout span {
      font-size: 1rem;
}

#size-option .active {
      border: 4px solid var(--primary-color);
}

#PURLContent div {
      text-align: left;
}

#uploadFrontContent div {
      text-align: left;
}

#Templates > div div {
      flex: none;
      text-align: center;
}

#ShowList input:focus {
      outline: none;
      border-color: #56b5b1;
}

#CompsDescrTitle {
      text-decoration: underline;
      text-align: center;
}

.listing-preview {
      height: 500px;
      overflow: auto;
      border: 1px solid #eee5de;
}

.listing-ann-info {
      font-weight: 700;
      padding: 10px 0;
}

.listing-ann-info .street-name {
      color: var(--primary-color);
      font-style: italic;
}

.editing-img-icon,
#ecard .postcard-preview .editing-img-icon {
      position: absolute;
      visibility: hidden;
      width: 45px;
      height: 0;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      opacity: 0;
      pointer-events: none;
      z-index: 70;
      transition: all 0.2s;
}

.logo-container .editing-img-icon {
      width: 30px;
}

.editing-img-icon.active,
#ecard .postcard-preview .editing-img-icon.active {
      visibility: visible;
      height: auto;
      opacity: 0.9;
}

.active-border {
      outline: 3px solid red;
}

.drag-text-icon {
      height: 0;
      visibility: hidden;
      top: -5px;
      right: -5px;
      left: initial;
      bottom: initial;
      width: 25px;
      pointer-events: inherit;
}

.drag-text-icon:hover {
      cursor: move;
}

.postcard-preview .drag-item {
      cursor: move;
}

.postcard-preview {
      width: 8.75in;
      overflow: visible;
      position: relative;
      margin: auto;
      -webkit-transition: 0.2s all;
      -o-transition: 0.2s all;
      transition: 0.2s all;
}

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

.postcard-preview textarea {
      border: none;
      resize: none;
      padding: 5px;
      border-radius: 0.25rem;
}

.postcard-preview textarea:focus {
      outline: none;
      resize: both;
}

.postcard-preview .text-input:hover {
      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
      cursor: pointer;
      border: 1px solid #dee2e6;
}

.postcard-preview .text-input {
      position: absolute;
}

.postcard-preview img {
      cursor: pointer;
}

.postcard-preview .content {
      position: absolute;
}

.cut-line {
      border: 1px dashed rgba(255, 0, 0, 0.5);
      margin: 0.125in;
      position: absolute;
      top: 1px;
      padding: 0;
      pointer-events: none;
      z-index: 5;
      font-weight: bold;
}

.cut-line span {
      font-size: 0.8rem;
      padding: 0;
      padding-left: 20px;
      line-height: 0;
      margin: 0;
      position: absolute;
      top: -7px;
      color: rgba(255, 0, 0, 0.5);
      font-family: 'Courier New', Courier, monospace;
}

.safe-zone {
      border: 1px dashed rgba(97, 137, 255, 1);
      margin: 0.25in;
      position: absolute;
      top: 0;
      padding: 0;
      pointer-events: none;
      z-index: 6;
      font-weight: bold;
}

.safe-zone span {
      font-size: 0.8rem;
      padding: 0;
      padding-left: 20px;
      line-height: 0;
      margin: 0;
      position: absolute;
      top: -5px;
      color: rgba(97, 137, 255, 1);
      font-family: 'Courier New', Courier, monospace;
}

#preview-col .alert {
      margin-top: 10px;
      margin-bottom: 10px;
}

.saving-dots {
      display: flex;
      align-items: flex-end;
      color: var(--primary-color);
}

#previewSaving > div {
      width: 3px;
      height: 3px;
      background: var(--primary-color);
      border-radius: 50%;
      margin: 2px;
      margin-bottom: 5px;
      animation: loader 0.6s infinite alternate;
}

#previewSaving > div:nth-child(2) {
      animation-delay: 0.2s;
}

#previewSaving > div:nth-child(3) {
      animation-delay: 0.4s;
}

@keyframes loader {
      to {
            transform: translate(0, -6px);
      }
}

.bannerwrapper .banner-circle {
      border-radius: 50%;
      overflow: hidden !important;
}

#tabContainer {
      max-width: 350px;
      min-width: 350px;
      font-style: normal !important;
}

.checkoutBtnContainer button.btn {
      font-size: 0.9rem;
      padding: 3px 10px;
      margin: 0 0.25rem;
      height: 100%;
}

.checkoutBtnContainer button.btn:hover {
      color: white;
}

.checkoutBtnContainer {
      display: flex;
      justify-content: center;
      margin-top: 0.5rem;
      max-width: 8.75in;
}

.checkoutBtnContainer #mailListBtn {
      background-color: #8a929a;
      border: none;
}

.checkoutBtnContainer #mailListBtn:hover {
      background-color: #767d84;
}

.nav-item a {
      text-align: center;
      font-size: 15px;
      padding: 0.3rem 0.7rem;
      color: var(--secondary-color);
      height: 100%;
      cursor: pointer;
}

.nav-item .nav-link.active,
.acc-menu-nav a.active {
      color: var(--primary-color) !important;
      position: relative;
      z-index: 100;
}

.nav-item > a img {
      width: 20px;
      height: 20px;
}

.main-tools img {
      width: 20px;
      height: 20px;
}

header {
      opacity: 0.99;
      border-bottom: solid 1px rgba(109, 110, 112, 0.09);
      transition: all 0.2s;
      position: relative;
      z-index: 1000;
}

.shopcart-dropdown .header .total-box {
      display: flex;
      align-items: baseline;
}

#AccountMenuContentMobile a {
      color: #6d6e71;
      font-weight: 700;
      font-size: 16px;
}

.shopcart-dropdown .header a {
      font-size: 13px;
      display: inline-block;
}

.shopcart-dropdown .header p {
      font-size: 15px;
      font-weight: 700;
      color: var(--primary-color);
      margin-bottom: 0;
      display: inline-block;
}

.nav-user-info {
      background-color: var(--secondary-color);
      line-height: 1.4;
      padding: 12px;
      color: #fff;
      font-size: 13px;
      border-radius: 2px 2px 0 0;
}

.nav-user-info .status {
      float: left;
      top: 7px;
      left: 0px;
}

.nav-user-dropdown .dropdown-item {
      display: block;
      width: 100%;
      clear: both;
      font-weight: 400;
      color: #686972;
      text-align: inherit;
      white-space: nowrap;
      background-color: transparent;
      border: 0;
      font-size: 13px;
      line-height: 0.4;
}

.dropdown-item .users {
      font-size: 11px;
}

.dropdown:hover .nav-user-dropdown {
      display: block;
}

.nav-user-dropdown {
      padding: 0px;
      min-width: 230px;
      margin: 0px;
}

#flipCardButton {
      margin-left: auto;
}

#flipCardButton a {
      margin: 0;
      height: initial;
      margin-top: 9px;
      width: 100%;
      font-weight: bold;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      background: none;
      color: #6c757d;
      border: 2px solid #6c757d;
}

#flipCardButton a:hover {
      border: 2px solid var(--primary-color);
}

#flipCardButton a:hover img {
      animation: flip 0.3s;
}

@keyframes flip {
      from {
            transform: rotate(0deg);
      }

      to {
            transform: rotate(180deg);
      }
}

.tabcontent {
      -webkit-animation: fadeEffect 1s;
      animation: fadeEffect 1s;
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      flex-flow: row wrap;
      padding: 1em;
      margin: 0 auto;
}

.photodesc {
      font-size: 0.75rem;
}

.tab-pane {
      border: 1px solid #dee2e6;
      border-top: none;
      background: white;
      overflow: auto;
}

.tab-pane {
      padding: 1rem;
}

.tab-pane textarea {
      resize: none;
      font-size: 0.9rem;
}

.text-box {
      margin: 0.5rem 0 1.2rem;
}

.editor-tools .row {
      margin-top: 0.5rem;
}

.editor-tools .row > div {
      padding: 0.2rem;
}

.editor-tools .col {
      padding: 0 0.5rem;
}

.editor-tools select,
.editor-tools input,
.editor-tools button {
      font-size: 0.8rem;
      height: 100%;
      padding: 0.3rem 0.35rem;
}

.colorSelectorContainer .row > div {
      padding: 0 6px;
}

#colorsTab .colorSelectorHeader {
      font-size: 0.95rem;
}

#colorsTab .colorSubheader,
#mobileColorPicker .colorSubheader {
      font-weight: bold;
      font-size: 0.9rem;
      top: 4px;
}

#colorsTab label,
#mobileColorPicker label {
      padding: 0;
      margin: 0;
      font-size: 0.8rem;
      line-height: 0;
      margin-top: -5px;
      color: #6d6e71;
}

.colorSelectorContainer div.form-control,
#mobileColorPicker div.form-control {
      height: 20px;
      border: 2px solid #6c757d;
      cursor: pointer;
}

#colorsTab input,
#mobileColorPicker input {
      visibility: hidden;
      height: 0;
      padding: 0;
      margin: 0;
      position: absolute;
}

.zoomSliderContainer {
      margin-bottom: 5px;
      padding: 0 10px;
}

.zoomSlider {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.zoomSlider i {
      font-size: 1.2em;
      color: #dc3545;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
}

.zoomSlider i:hover {
      font-size: 1.3em;
}

.zoomSlider #logoZoomSlider {
      -webkit-box-flex: 1;
      -ms-flex: 1 100%;
      flex: 1 100%;
}

#colorsTab .gradientSliderContainer input.slider {
      visibility: visible;
}

#colorsTab input.slider,
input.slider {
      height: initial;
      padding: initial;
      margin: 12px 0;
      margin-top: 6px;
      position: static;
      width: 100%;
      -webkit-appearance: none;
      height: 15px;
      border-radius: 5px;
      background: #d3d3d3;
      outline: none;
      opacity: 0.7;
      -webkit-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s;
}

#colorsTab input.slider::-webkit-slider-thumb,
input.slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background: var(--primary-color);
      cursor: pointer;
}

#colorsTab input.slider::-moz-range-thumb,
input.slider::-moz-range-thumb {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background: var(--primary-color);
      cursor: pointer;
}

#colorsTab .presetColor,
#mobileColorTemplates .presetColor {
      height: 40px;
      width: 100%;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
}

#colorsTab .presetColorContainer,
#mobileColorTemplates .presetColorContainer {
      text-align: center;
      margin-bottom: 0.5rem;
      cursor: pointer;
}

#colorsTab .presetColorContainer:hover .presetColor,
#mobileColorTemplates .presetColorContainer:hover .presetColor {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
}

#colorsTab .colorPresetText,
#mobileColorTemplates .colorPresetText {
      font-size: 0.75rem;
      text-align: center;
      font-weight: bold;
}

#imageTab .card-body,
#listing_photos_modal .card-body {
      padding: 0.25rem;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
}
#listing_photos_modal .card-body {
      max-height: 440px;
      overflow-y: auto;
}

#imageTab .card {
      border: 0;
      margin-bottom: 2rem;
      border-radius: 0;
}
#listing_photos_modal .card {
      border: 0;
      border-radius: 0;
}

#imageTab .card-header,
#listing_photos_modal .card-header {
      border: 1px solid rgba(0, 0, 0, 0.125);
      cursor: pointer;
      margin: 0;
      border-radius: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.prop-photos,
.agent-photos {
      max-width: 46%;
      cursor: -webkit-grab;
      cursor: grab;
      overflow: hidden;
      max-height: 100px;
      display: flex;
      justify-content: center;
      align-content: center;
      flex-flow: row wrap;
      margin: 3px;
}

.agent-photos {
      display: block;
      max-height: initial;
}

.agent-photos .thumb-tall {
      width: 124px;
      height: 158px;
      position: relative;
}
.agent-photos .thumb-tall img.img-fit.fit-height {
      position: relative;
      top: unset;
      transform: unset;
      left: unset;
}
.agent-photos .thumb-wide {
      width: 124px;
      height: 95px;
      position: relative;
}

#imageTab .prop-photos img,
#listing_photos_modal .prop-photos img {
      padding: 0.5rem;
      width: 100%;
      cursor: pointer;
      transition: all 0.2s;
}

#imageTab img,
#listing_photos_modal img {
      padding: 0.3rem;
      width: 100%;
      transition: all 0.2s;
}

#imageTab img:hover,
#listing_photos_modal img:hover {
      transform: scale(1.05);
}

.preview-img-container:focus img {
      border: 3px solid blue;
}

#imageTab .card-upload-btn,
#listing_photos_modal .card-upload-btn {
      padding: 5px 10px;
      margin: 0;
      text-align: center;
      font-size: 0.8rem;
      border: 1px solid transparent;
      border-color: #dee2e6;
      background: white;
}

#imageTab .card-upload-btn:hover,
#listing_photos_modal .card-upload-btn:hover {
      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

#imageTab .card-upload-btn img,
#listing_photos_modal .card-upload-btn img {
      width: 20px;
      height: 20px;
      padding: 0;
      padding-left: 0px;
}

#imageTab .card-upload-btn img:hover,
#listing_photos_modal .card-upload-btn img:hover {
      transform: none;
}

#imageTab .photoInstruction {
      line-height: 1.25rem;
      position: absolute;
      bottom: 30px;
      width: 240px;
      font-size: 0.9rem;
      padding: 0.25rem 0.5rem;
      z-index: 5;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 18px;
}

.prop-pos-num {
      position: absolute;
      bottom: 15px;
      right: 10px;
      margin: auto;
      width: 1.4em;
      height: 1.4em;
      font-size: 1em;
      pointer-events: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: #fffffff1;
      border-radius: 50%;
}

.prop-pos-num.green-circle {
      background: rgb(40, 167, 69);
      color: white;
}

#uploadPropPhotoContent div {
      text-align: left;
}

.upload-file-container {
      display: flex;
      max-width: 500px;
}

.changeModal .form-control {
      border-radius: 0.25rem 0 0 0.25rem;
      height: 34px;
}

.changeModal .browse-btn {
      margin: 0;
      border-radius: 0 0.25rem 0.25rem 0;
      height: 34px;
      margin-right: 10px;
}

#uploadAgentPhotoContent div {
      text-align: left;
}

.active-img {
      border: 2px solid var(--primary-color);
}

#MoveLogo1 {
      flex: 1;
      display: flex;
      flex-flow: row wrap;
      align-items: flex-end;
      justify-content: center;
}

#MoveLogo1 span {
      flex: 1 100%;
}

#MoveLogo1 .btn-primary {
      font-size: 12px;
      text-align: center;
}

#MoveLogo1 .btn-primary i {
      font-size: 12px;
      width: 12px;
      text-align: center;
}

#MoveLogo1 > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
}

.move-button {
      padding: 0;
      margin: 0;
      line-height: 0;
      font-size: 3em;
      border: none;
      background: none;
}

.move-button i {
      line-height: 20px;
}

.mobile-text-modal .modal-content {
      background: none;
      border: none;
}

.mobile-text-modal .modal-content .close {
      color: white;
      font-size: 3em;
      opacity: 1;
}

.mobile-text-modal .modal-content textarea {
      color: white;
      background: none;
      border: none;
      font-size: 1.3em;
      resize: none;
}

.mobile-text-modal .modal-content textarea:focus {
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none;
}

#clonedTextContainer * {
      outline: none;
      border: none;
}

.modal-backdrop.show {
      opacity: 0.9;
}

#errorModal div img {
      width: 20px;
      margin: initial;
}

.empty-background {
      background: none;
      height: 100%;
      width: 100%;
}

.black-background {
      display: none;
      height: 100vh;
      width: 100vh;
      position: absolute;
      top: 0;
      left: 0;
      background: #000000ab;
      z-index: 100;
}

.editing-tab-section {
      display: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      background: #f0f6f6;
      padding: 0.2em;
      border-top: 1px solid #dee2e6;
      -webkit-box-shadow: 0px -5px 8px 1px rgba(0, 0, 0, 0.06);
      box-shadow: 0px -5px 8px 1px rgba(0, 0, 0, 0.06);
      max-width: 100%;
}

.checkoutBtnContainer .down-arrow {
      border: 1px solid #dee2e6;
      border-bottom: none;
      -webkit-box-shadow: 0px -5px 8px 1px rgba(0, 0, 0, 0.06);
      box-shadow: 0px -5px 8px 1px rgba(0, 0, 0, 0.06);
      background: #f0f6f6;
      margin-bottom: -1px;
      z-index: 5;
      border-radius: 5px 5px 0 0;
      width: 50px;
      perspective: 1000px;
      touch-action: none;
      display: none;
}

.down-arrow .flip-card-inner {
      position: relative;
      height: 30px;
      text-align: center;
      transition: transform 0.7s;
      transform-style: preserve-3d;
}

.down-arrow.flip .flip-card-inner {
      transform: rotateX(180deg);
}

.down-arrow .fa-chevron-up,
.down-arrow .fa-chevron-down {
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      height: 15px;
      font-size: 1.1em;
      color: #6d6e71;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
}

.down-arrow .fa-chevron-down {
      transform: rotateX(180deg);
}

.editing-tab-section .nav-tabs {
      width: 100%;
      border: none;
}

.editing-tab-section .nav-item {
      padding: 5px 4px;
}

.acc-menu-nav img {
      width: 20px;
}

.editing-tab-section .nav-item a {
      padding: 0.3rem 0.5rem;
}

.editing-tab-section .nav-link {
      border: 1px solid #dee2e6;
      border-radius: 0.25rem;
      background: white;
}

.editing-tab-section .nav-link img {
      pointer-events: none;
}

.editing-tab-section .nav-tabs .nav-link.active {
      border-color: #dee2e6;
}

.editing-tab-section .nav-tabs .main-tools.image-types .nav-link.active,
.editing-tab-section .nav-tabs .color-tool-container .nav-link.active,
.editing-tab-section .nav-tabs .img-tool-container .nav-link.active {
      opacity: 0.5;
}

.editing-tab-section .tab-content > .tab-pane {
      display: block;
      height: 0;
      opacity: 0;
      margin: 0;
      width: 0;
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
}

.editing-tab-section .tab-pane {
      padding: 0;
      width: 100%;
      margin: 0.5rem;
      border-radius: 0.25rem;
      border: none;
      background: none;
      overflow: hidden;
}

.editing-tab-section .tab-content > .active {
      height: inherit;
      opacity: 1;
      margin: 0.5rem;
      width: 100%;
}

.mobileImages.active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
}

.editing-tab-section .tab-content {
      width: 100%;
}

.editing-tab-section .main-tools {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      touch-action: none;
}

.editing-tab-section .main-tools.image-types {
      padding: 0;
      border-top: 1px solid #dee2e6;
      position: relative;
      display: none;
      background: #e2e8e8;
}

.editing-tab-section .main-tools.image-types .nav-item {
      padding: 0;
      border-top: 4px solid #e2e8e8;
      border-radius: 7px 7px 0 0;
}

.editing-tab-section .main-tools.image-types .nav-item.background-tab {
      background: #e2e8e8;
}

.editing-tab-section .main-tools .divider {
      width: 1px;
      background: #dee2e6;
      height: 60%;
}

.editing-tab-section .main-tools .underline {
      width: 40px;
      position: absolute;
      bottom: 0;
      -webkit-transition: 0.5s ease;
      -o-transition: 0.5s ease;
      transition: 0.5s ease;
      background: white;
      border-top: none;
}

.editing-tab-section .main-tools .nav-item {
      background: #f0f6f6;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
}

.editing-tab-section .main-tools .nav-link {
      background: none;
      border: none;
      width: 100%;
      height: 100%;
      padding: 0.4em 0.1em;
}

.editing-tab-section .img-tool:not(.allways-show),
.editing-tab-section .color-tool {
      display: none;
}

.editing-tab-section .img-tool a,
.editing-tab-section .color-tool a {
      font-size: 0.8em;
}

.editing-tab-section .img-tool-container,
.editing-tab-section .color-tool-container {
      -webkit-box-flex: 1;
      -ms-flex: 1 100%;
      flex: 1 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 0.5em;
}

.editing-tab-section .img-tool-container .prop-tools,
.editing-tab-section .img-tool-container .agent-tools,
.editing-tab-section .img-tool-container .logo-tools {
      -webkit-box-flex: 1;
      -ms-flex: 1 100%;
      flex: 1 100%;
      display: none;
}

.editing-tab-section .card-upload-btn {
      padding: 5px 10px;
      margin: 0;
      text-align: center;
      font-size: 0.8rem;
      border: 1px solid transparent;
      border-color: #dee2e6;
      background: white;
}

.editing-tab-section .card-upload-btn span {
      white-space: nowrap;
}

.editing-tab-section .mobileImages > div {
      -webkit-box-flex: 1;
      -ms-flex: 1 100%;
      flex: 1 100%;
      overflow-x: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}

.editing-tab-section .prop-photos {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 35%;
      flex: 1 0 35%;
      -ms-flex-line-pack: center;
      align-content: center;
}

.editing-tab-section .agent-photos {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
      flex: 1 0 25%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
}

.editing-tab-section .prop-photos img,
.editing-tab-section .agent-photos img {
      max-width: 100%;
}

.editing-tab-section .agent-photos img {
      max-height: 80px;
      padding-bottom: 5px;
}

.editing-tab-section .agent-photos .photodelete a {
      font-size: 0.7em;
      padding: 0.25em 0.6em;
}

.editing-tab-section #zoomCont span {
      display: none;
}

.editing-tab-section #zoomCont br {
      height: 0;
}

.editing-tab-section .zoomSliderContainer {
      margin: 1em 0;
}

.editing-tab-section #zoomCont input {
      margin: 10px 0;
}

.push-right {
      margin-left: auto;
}

.flip-card-mobile-btn {
      z-index: 20;
      margin-bottom: -1px;
      display: none;
}

#flipCard {
      font-weight: bold;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      background: white;
      color: #6c757d;
      border: 1px solid #dee2e6;
      border-bottom: none;
      border-radius: 0.25rem 0.25rem 0 0;
      padding: 0.3rem 0.5rem;
      margin-right: 10px;
      border-bottom: 1px solid white;
}

#mobileColorPicker div.form-control {
      height: 25px;
}

#mobileColorPicker .col-6 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

#mobileColorPicker label {
      padding: 0;
      margin: 0;
      font-size: 0.8rem;
      padding-top: 3px;
      line-height: inherit;
      margin-top: -5px;
      color: #6d6e71;
}

#mobileColorPicker br {
      display: none;
}

#mobileGradient .colorSubheader {
      display: none;
}

#mobileGradient #gradientText {
      margin-left: auto;
}

#mobileColorTemplates #presetColors {
      overflow-x: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row;
      flex-flow: row;
      max-width: 100%;
      margin: 0;
}

#mobileColorTemplates #presetColors .col-12 {
      display: none;
}

#mobileColorTemplates #presetColors .col-6 {
      max-width: 80px;
      padding: 5px;
}

#mobileColorTemplates #presetColors .presetColor {
      height: 25px;
}

#ecard .postcard-preview {
      height: auto;
}

#ecard .postcard-preview img {
      position: relative;
      top: initial;
      left: initial;
      transform: initial;
}

#ecard .postcard-preview .image-container {
      overflow: initial;
}

#ecard #leftSidebarMobile span.small {
      white-space: initial;
}

#ecard .img-align-wrapper {
      display: table-cell;
}

#imgFrontFB {
      max-width: 300px;
      max-height: 500px;
}

.ad-Length-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 2em;
}

.ad-Length-container h5 {
      margin: 0;
}

.ad-Length-container select {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-left: 5px;
}

button.fb-login {
      border-color: #1877f2;
      background-color: #1877f2;
      color: #ffffff;
}

button.fb-login:hover {
      background-color: #8bc7c9;
      border-color: #8bc7c9;
      color: #ffffff;
}

#fbads_table tr.ad-ended {
      background-color: lightgray;
}
#fbads_table i.disabled {
      cursor: not-allowed;
}

#fbad_wrapper {
      margin: auto;
}

#FB_ad_image {
      position: relative;
      height: 700px;
}

#phoneBackground {
      position: absolute;
      max-width: 350px;
      height: auto;
      right: 0;
      left: 0;
      margin: auto;
}

.fb-ad-photo-button {
      /* z-index: -1; */
      position: absolute;
      top: 278px;
      right: -55px;
      transform: rotate(90deg);
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
}
.fb-ad-image {
      min-height: 550px;
}
#fb_ad_preview {
      position: relative;
      background: url('/Facebook/img/phone_blank_new.png') no-repeat center/contain;
      height: 674px;
      max-width: 330px;
      min-width: 330px;
      margin: auto;
      /* padding: 83px 20px 87px 27px; */
      /* font-family: Helvetica,Arial,sans-serif; */
      /* font-family: inherit; */
      font-family:
            system-ui,
            -apple-system,
            BlinkMacSystemFont,
            'Segoe UI',
            Roboto,
            Oxygen,
            Ubuntu,
            Cantarell,
            'Open Sans',
            'Helvetica Neue',
            Helvetica,
            Arial,
            sans-serif;
}
#fb_ad_preview .phone-screen {
      position: relative;
      top: 10px;
      left: 11px;
      height: 653px;
      width: 308px;
      max-width: 308px;
      overflow: hidden;
      border-radius: 40px;
      background-color: #cacbd0;
}

#fb_ad_preview .phone-screen img {
      vertical-align: top;
      max-width: 100%;
}

#fb_ad_preview .phone-screen #phone_top_bar {
      position: absolute;
      top: 0;
      height: 41px;
      width: 100%;
}

#fb_ad_preview .phone-screen #fb_menu {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 54px;
      background-color: #fff;
      border-top: 1px solid lightgray;
}

#fb_ad_preview .phone-screen .fb-feed {
      padding-top: 35px;
}

#fb_ad_preview .phone-screen .fbpost {
      margin-top: 6px;
      width: 100%;
      font-size: 0.875rem;
      line-height: 1.34;
      background-color: #fff;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-header {
      padding: 10px;
      padding-bottom: 0;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-header #fbpage_pic {
      float: left;
      width: 40px;
      height: 40px;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-header #fbpost_menu {
      height: 28px;
      float: right;
      margin-top: -9px;
      margin-right: -9px;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-header .fbpost-sponsor {
      /* float: left; */
      margin-left: 48px;
      margin-top: 4px;
      max-width: 188px;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-header .fbpost-sponsor .text-muted {
      font-size: 0.75rem;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-header .fbpost-sponsor #fbpage_name {
      font-size: 14px;
      line-height: 17px;
      font-weight: 700;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-message {
      padding: 10px;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-image:hover {
      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);
      cursor: pointer;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-leadform {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      background-color: #f7f8fa;
      padding: 10px;
      min-height: 40px;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-leadform .fbpost-leadform-left {
      flex: 1 1 auto;
      order: 0;
      overflow-x: hidden;
      word-wrap: break-word;
      justify-content: space-between;
      max-height: 60px;
      overflow-y: hidden;
      font-size: 0.8125rem;
      line-height: 16px;
}

/* #fb_ad_preview .phone-screen .fbpost .fbpost-leadform .form-on-fb {
            font-size: .8125rem;
            line-height: 16px;
        } */

#fb_ad_preview .phone-screen .fbpost .fbpost-leadform .fbpost-leadform-right {
      min-width: 90px;
      display: flex;
      align-items: center;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-leadform .fbpost-leadform-right .fbpost-cta {
      display: flex;
      align-items: center;
      background-color: #dce0e7;
      height: 28px;
      font-size: 13px;
      font-weight: 600;
      border-radius: 5px;
      padding: 0 8px;
}

#fb_ad_preview .phone-screen .fbpost .fbpost-footer {
      border-top: 1px solid lightgray;
}

#ad_content {
      height: 35%;
      width: 85%;
      position: absolute;
      max-width: 310px;
      top: 24.5%;
      left: 0;
      right: 0;
      margin: auto;
      font-size: 0.6rem;
      margin-top: 0.25em;
}

#agentpic {
      position: absolute;
      top: 0;
      left: 4%;
      width: 14%;
      height: 14%;
}

#agentpic img {
      width: 90%;
}

#agentname {
      position: absolute;
      top: 1%;
      left: 19%;
      font-size: 1em;
      font-weight: bold;
      color: #000;
}

#adtext {
      position: absolute;
      top: 16.5%;
      left: 5%;
      color: #000;
      line-height: 110%;
      font-size: 1em;
}

#adimage {
      position: absolute;
      top: 26.5%;
      left: 1%;
      right: 0;
      height: 59%;
      overflow: hidden;
      width: 95.5%;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      -webkit-transition: 0.2s all;
      -o-transition: 0.2s all;
      transition: 0.2s all;
}

#adimage:hover {
      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);
}

#adimage img {
      max-width: 100%;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      max-height: 120%;
}

#adcta {
      position: absolute;
      bottom: 3%;
      left: 5%;
      line-height: 110%;
      font-size: 1em;
}

#adcta #remarks {
      display: block;
      width: 198px;
      height: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
}

#ctabutton {
      width: 26%;
      font-size: 1vh;
      color: #aaa;
      height: 2vh;
      text-align: center;
      position: absolute;
      bottom: 4%;
      right: 2%;
      border: 1px solid #aaa;
      line-height: 200%;
}

#thumbup {
      position: absolute;
      top: 2.5%;
      right: 2%;
      color: #aaa;
      font-size: 1.75vh;
}

#sponsored {
      position: absolute;
      top: 8%;
      left: 19%;
      font-weight: bold;
      font-size: 0.9vh;
      color: #aaa;
}

#fbContainer #tabContainer {
      max-width: 400px;
}

#fbContainer .tab-pane {
      max-height: 600px;
}

.settingsContainer {
      margin-top: 2rem;
}

.settings h4 {
      color: #68c8ca;
}

.settings label {
      text-transform: uppercase;
      color: #555;
      font-size: 0.7em;
      margin-bottom: 0;
      font-weight: 600;
}

.settings input {
      margin-bottom: 0.2em;
}

.acc_settings {
      padding-top: 0.3em;
      font-size: 0.85em;
      font-weight: 400;
}

.white-background {
      background: white;
      opacity: 0.75;
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 4;
      display: none;
}

.error p {
      color: red;
      font-size: 11px;
      margin: 0 0 0px 0;
}

@-webkit-keyframes dot-keyframes {
      0% {
            opacity: 0.4;
            transform: scale(1, 1);
      }

      50% {
            opacity: 1;
            transform: scale(1.3, 1.3);
      }

      100% {
            opacity: 0.4;
            transform: scale(1, 1);
      }
}

@keyframes dot-keyframes {
      0% {
            opacity: 0.4;
            transform: scale(1, 1);
      }

      50% {
            opacity: 1;
            transform: scale(1.3, 1.3);
      }

      100% {
            opacity: 0.4;
            transform: scale(1, 1);
      }
}

.loading-dots {
      text-align: center;
      width: 100%;
      position: absolute;
      top: 35%;
      z-index: 5;
      left: 0;
      display: none;
}

.loading-dots p {
      margin: 0;
      font-weight: 600;
      color: var(--primary-color);
      font-size: 1.5rem;
}

.loading-dots--dot {
      -webkit-animation: dot-keyframes 1.8s infinite ease-in-out;
      animation: dot-keyframes 1.8s infinite ease-in-out;
      background-color: var(--primary-color);
      border-radius: 10px;
      display: inline-block;
      height: 10px;
      width: 10px;
      margin: 0 5px;
}

.loading-dots--dot:nth-child(2) {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s;
}

.loading-dots--dot:nth-child(3) {
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s;
}

.loading-dots--dot:nth-child(4) {
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
}

.loading-dots--dot:nth-child(5) {
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s;
}

.loading-dots--dot:nth-child(6) {
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
}

.loading-dots--dot:nth-child(7) {
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
}

.loading-dots--dot:nth-child(8) {
      -webkit-animation-delay: 1.4s;
      animation-delay: 1.4s;
}

#loading_modal .loading-dots {
      position: unset;
}

.loading-message {
      width: 100%;
      height: 100%;
      position: absolute;
      display: none;
      z-index: 9;
}
.loading-message.active {
      display: block;
}
.loading-message.active .loading-dots {
      display: block;
}

#loadingModal #loadingDots {
      text-align: center;
      width: 250px;
      height: 22px;
      margin: 10px auto;
}

/* .modal-backdrop { */
/* background-color: darkgray; */
/* } */
/* .modal-backdrop.show {
    opacity: 0.4;
} */

.account-nav ul,
.account-nav ul li {
      list-style-type: none;
      list-style: none;
}

.account-num {
      color: #6c757d;
      font-size: 0.8em;
}

.account-nav li {
      padding: 0em;
      padding-top: 0.3em;
}

.account-nav li a {
      color: #242323;
}

.account-nav li a:hover {
      color: var(--primary-color);
}

.account-subm {
      font-size: 0.9em;
}

.account-name {
      font-size: 0.8em;
}

.rounded-circle {
      height: 70px;
      width: 70px;
      border-radius: 50%;
}

#accountNavDesktop {
      padding: 0;
}

#accountNavDesktop h5 {
      display: inline;
}

#accountNavDesktop .dropdown-divider {
      max-width: 180px;
}

#accountNavMobile {
      display: none;
      justify-content: center;
      vertical-align: top;
      width: 100%;
}

.dropdown-divider {
      height: 0;
      margin: 0.9rem 0;
      margin-top: -0.5rem;
      margin-bottom: 0.2rem;
      overflow: hidden;
      border-top: 1px solid #e9ecef;
}

.submenuHeader {
      display: flex;
      justify-content: space-between;
      flex-flow: row wrap;
      align-content: center;
      align-items: center;
      width: 100%;
      padding-bottom: 5px;
}

.submenuHeader .open-gear {
      cursor: pointer;
      padding: 0 0.5em;
      padding-left: 0;
}

.gear {
      -moz-transition: all 1.5s linear;
      -webkit-transition: all 1.5s linear;
      transition: all 1.5s linear;
      margin-right: 0.2em;
      font-size: 20px;
}

.gear.down {
      -ms-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
}

.submenuHeader .group {
      display: flex;
      align-items: baseline;
      margin-bottom: 5px;
}

.submenuHeader button {
      margin: 0;
      font-size: 0.9rem;
}

.overlay {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: rgb(255, 255, 255);
      background-color: rgba(255, 255, 255, 0.9);
      overflow-x: hidden;
      transition: 0.5s;
}

.overlay-content {
      position: relative;
      top: 25%;
      width: 100%;
      text-align: left;
      margin-top: 20px;
}

.overlay a {
      padding: 5px;
      text-decoration: none;
      font-size: 20px;
      color: #818181;
      display: block;
      transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
      color: #f1f1f1;
}

.overlay .closebtn {
      position: absolute;
      top: 100px;
      right: 45px;
      font-size: 60px;
}

.img_bord {
      border: 1px solid #dee2e6;
}

#accountNavMobile h5 {
      margin: 0;
}

#accountNavMobile h5 a {
      color: #444444;
}

#accountNavMobile .account-name {
      padding: 0 1em;
      padding-left: 0;
}

#accountMain .row {
      margin-bottom: 2em;
}

.account-banner img {
      max-height: 200px;
}

#finishDesignContainer {
      display: flex;
      justify-content: center;
      align-content: center;
      flex-flow: row wrap;
      padding: 1em;
      margin: 0em;
}

#finishDesignContainer img {
      width: 100%;
      max-width: 200px;
}

#finishDesign {
      display: inline;
      padding: 1em;
      padding-right: 2em;
}

#finishDesign .callout {
      font-size: 2.5em;
      color: var(--primary-color);
}

#finishDesign p {
      margin: 0;
}

span.text-danger {
      font-size: 0.9em;
}

#personalSettings form {
      padding: 1.5rem;
}

#personalSettings .col-12 {
      min-height: 100%;
}

#personalSettings .listWrapper {
      max-height: 100px;
      overflow-y: auto;
}

#personalSettings .table {
      font-size: 0.7em;
}

#personalSettings .card-title {
      border-bottom: 1px solid #e9ecef;
      font-size: 1.1rem;
      padding-bottom: 0.1rem;
}

.photoTopBar {
      display: flex;
      justify-content: flex-end;
}

.photoTopBar .browse-container {
      display: flex;
      justify-content: flex-start;
      flex-flow: row wrap;
}

.photoTopBar .browse-container div {
      width: 100%;
}

.photoTopBar span.text-danger {
      font-size: 0.75rem;
      flex: 1 100%;
      text-align: left;
}

#filename {
      margin: 0;
      display: inline;
      border-radius: 0.25rem 0 0 0.25rem;
      height: 34px;
      width: 100%;
}

#logoFilename {
      margin: 0;
      display: inline;
      border-radius: 0.25rem 0 0 0.25rem;
      height: 34px;
      width: 100%;
}

#photoUpload {
      margin: 0;
      border-radius: 0 0.25rem 0.25rem 0;
      height: 34px;
      margin-right: 10px;
}

#logoPhotoUpload {
      margin: 0;
      border-radius: 0 0.25rem 0.25rem 0;
      height: 34px;
      margin-right: 10px;
}

.photoTopBar input[value='Upload'] {
      height: 34px;
}

#currentProfileImage img {
      max-width: 200px;
      width: 100%;
      margin-top: 10px;
}

#currentLogoImage img {
      max-width: 200px;
      width: 100%;
      margin-top: 10px;
}

.photoType {
      text-align: center;
}

.photoType label {
      margin: 0;
      color: white;
}

.profile-photos-container img,
.logo-photos-container img {
      padding: 0.4rem;
      width: 130px;
      transition: 0.2s all;
}

.profile-photos-container img {
      cursor: pointer;
}

.extra {
      width: 75px !important;
}

.profile-photos-container img:hover,
.logo-photos-container img:hover {
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.profile-photos-container .btn-danger,
.logo-photos-container .btn-danger {
      font-size: 0.7em;
      margin: 0;
      margin-top: 5px;
      padding: 2px 8px;
}

.profile-photo {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-flow: column;
      margin: 8px;
}

#personalSettings form.agentPhotoLayout {
      padding: 1rem 1.5rem;
}

.agentPhotoLayout img {
      max-width: 150px;
      margin-top: 10px;
}

.agentPhotoLayout .layout {
      height: 100%;
      cursor: pointer;
      padding: 0.5rem;
      transition: 0.2s all;
      border: 1px solid #dee2e6;
}

.btt {
      padding: 0.5rem;
      transition: 0.2s all;
      border: 1px solid #dee2e6;
}

.btt:hover {
      cursor: pointer;
      -webkit-box-shadow: 5px 5px 7px 2px rgba(0, 0, 0, 0.22);
      box-shadow: 5px 5px 7px 2px rgba(0, 0, 0, 0.22);
}

.agentPhotoLayout .layout:hover {
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.agentPhotoLayout .layout p {
      margin: 0;
}

.agentPhotoLayout .selected {
      border: 4px solid var(--primary-color);
      padding: 2px;
}

.selected {
      border: 4px solid var(--primary-color);
      padding: 2px;
}

#postcardDefaults label,
#postcardMailingSettings label {
      margin-top: 1em;
      display: inline;
}

label.info {
      font-weight: 500;
      font-size: 0.95rem;
      text-transform: none;
      margin-top: 0;
      line-height: 1.25rem;
}

#postcardDefaults i,
#postcardMailingSettings i {
      font-size: 1.1rem;
      cursor: pointer;
      margin-left: 0.1rem;
}

#postcardDefaults a,
#postcardMailingSettings i {
      cursor: pointer;
}

.popover {
      max-width: 300px;
}

.agentPhotoLayout .selected {
      border: 4px solid var(--primary-color);
      padding: 2px;
}

.selected {
      border: 4px solid var(--primary-color);
      padding: 2px;
}

.card-selection-section .selector .header {
      padding: 1rem;
      text-transform: uppercase;
      font-weight: 600;
}

.card-selection-section .select-img span {
      font-size: 0.9em;
}

.holiday-categories {
      overflow-x: auto;
      display: initial;
      position: static;
}

#holidaySelectContainer h2 {
      font-size: 32px;
      color: #57cdd1;
      text-transform: uppercase;
      font-weight: 700;
      position: relative;
      padding-bottom: 1rem;
      text-align: center;
}

#holidayCollapse {
      top: 95px;
      max-height: 400px;
      overflow: auto;
}

#holidayCollapse.collapsing {
      -webkit-transition: none;
      transition: none;
      display: none;
}

.holiday-categories .holiday-selector {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
      grid-template-rows: repeat(1, 150px);
      grid-gap: 1rem;
}

.holiday-categories .holiday-title {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      color: white;
      font-weight: bold;
      font-size: 12px;
      padding: 5px;
}

.holiday-categories form {
      position: relative;
      margin: 0.7em 0.4em;
      min-width: 120px;
      overflow: hidden;
      opacity: 0.8;
      transition: all 0.2s ease;
}

.holiday-categories form:hover {
      opacity: 1;
}

.holiday-categories form img {
      width: 100px;
}

.holiday-categories .holiday-title {
      color: initial;
      position: static;
}

.select-img {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      overflow-y: scroll;
      height: 400px;
}

.inset-shadow {
      -webkit-box-shadow: inset 0 -15px 10px -10px #828282;
      box-shadow: inset 0 -15px 10px -10px #828282;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      pointer-events: none;
}

.select-img .img {
      margin: 0.5rem;
      cursor: pointer;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      width: 190px;
}

.sort-hand {
      cursor: pointer;
}

.select-img img {
      width: 100%;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
}

.select-img .img:hover img {
      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
}

#listingModal .changeContainer {
      background: white;
}

#listingModal .selector {
      height: 100%;
}

#listingModal .selector .header {
      padding: 1rem;
      text-transform: uppercase;
      font-weight: 600;
}

#listingModal .selector .header2 {
      padding: 0.3rem;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 0.8rem;
      background: #fdfdfd;
}

#listingModal .selections {
      height: 300px;
      overflow: auto;
}

#listingModal .selection {
      padding: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row;
      flex-flow: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
}

#listingModal .selection.row {
      margin: 0;
}

#listingModal .selection:hover {
      background: #f8f9fa;
}

#listingModal .selection .col {
      display: inline;
      text-align: left;
}

#listingModal .selection.selected {
      border: none;
      background-color: #e3e3e3;
}

#templatesModal .dropdown {
      width: 100%;
      max-width: 400px;
      margin: 0 auto;
}

#templatesModal .dropdown button {
      width: 100%;
      max-width: 400px;
}

#templatesModal .dropdown .dropdown-menu {
      width: 100%;
      max-width: 400px;
}

.dropdown-item-active {
      background: #eaeaea;
}

#holidaySelectContainer .card-body ul {
      padding-left: 1rem;
}

#holidaySelectContainer .card-body li {
      list-style-type: none;
}

#holidaySelectContainer .container a {
      text-decoration: none;
      color: #6d6e71;
}

#holidaySelectContainer a:hover {
      color: var(--primary-color);
}

#holidaySelectContainer .selector {
      overflow: hidden;
}

#holidaySelectContainer .collapse {
      position: absolute;
      width: 100%;
      height: 100%;
      background: white;
      z-index: 5;
}

#holidaySelectContainer .collapse .card {
      height: 100%;
      overflow-y: auto;
      border: none;
      padding: 1.25rem 10%;
}

#holidaySelectContainer .collapsing .card {
      height: 100%;
      border: none;
      padding: 1.25rem 10%;
}

#holidaySelectContainer .collapsing {
      position: absolute;
      width: 100%;
      background: white;
      z-index: 5;
}

#holidaySelectContainer .selector a.btn {
      margin: 0;
      margin: 0.75rem auto;
      border: none;
      color: white;
}

#holidayCategoriesMobile {
      display: none;
}

#holidayCategoriesSubmenu.overlay {
      z-index: 6;
}

#holidayCategoriesSubmenu .overlay-content {
      top: 20%;
      margin-top: 0;
}

#topLeftSquare {
      width: 100px;
      height: 100px;
      border-top: 8px solid #ffffff;
      border-left: 8px solid #ffffff;
      position: absolute;
      top: -40px;
      left: -40px;
      transition: all 0.4s ease;
}

#topRightSquare {
      width: 100px;
      height: 100px;
      border-top: 8px solid #ffffff;
      border-right: 8px solid #ffffff;
      position: absolute;
      top: -40px;
      right: -40px;
      transition: all 0.4s ease;
}

#botRightSquare {
      width: 100px;
      height: 100px;
      border-right: 8px solid #ffffff;
      border-bottom: 8px solid #ffffff;
      position: absolute;
      bottom: -40px;
      right: -40px;
      transition: all 0.4s ease;
}

#botLeftSquare {
      width: 100px;
      height: 100px;
      border-bottom: 8px solid #ffffff;
      border-left: 8px solid #ffffff;
      position: absolute;
      bottom: -40px;
      left: -40px;
      transition: all 0.4s ease;
}

body.fadeToGray {
      background-color: #202020 !important;
}

#farmContainer #leftSidebarDesktop button i.fa-arrow-right {
      margin: 0 0.5em;
      font-size: 1em;
      margin-left: auto;
}

.container-xl.edit-postcard-container.edit-farm {
      max-width: 1250px;
}

.edit-farm #flipCardButton {
      position: static;
}

.edit-farm .left-sidebar {
      max-width: 350px;
}

.edit-farm #leftSidebarDesktop button.submit-request {
      justify-content: center;
      padding-left: 0.75rem;
}

#ShowNextSteps {
      padding: 0.2em 1em;
}

.editing-tab-section #ShowNextSteps {
      margin: 1em auto;
}

#hveCalloutCollapse span {
      text-align: center;
}

#farmContainer .left-sidebar .collapse,
#farmContainer .left-sidebar .collapsing {
      max-width: 600px;
      margin: 0.5em auto;
}

.farm-preview .alert-card {
      margin: 1.5em;
      padding: 1em;
      text-align: center;
}

.editBB-container {
      font-size: 12px;
      margin-top: -100px;
}

.editBB-container .change-listing {
      border: var(--warning-border);
      padding: 5px;
      border-radius: 0.25rem;
      background-color: var(--warning-color);
}

.editBB-container[contenteditable] {
      border: 1px solid gray;
      margin: 2px;
      padding: 2px;
}
.edit-solds-container {
      margin-top: -150px;
}

.edit-solds-container .table th {
      padding: 0.4rem;
      vertical-align: bottom;
      border: none;
}

.edit-solds-container .table td {
      padding: 0.4rem;
      vertical-align: bottom;
}

#footer {
      background: #ffffff;
      font-size: 14px;
}

#footer .farmarea {
      bottom: 0;
      width: 100%;
      position: unset;
      padding: 0px 0px;
      background: var(--secondary-color) !important;
}

#footer-main {
      padding: 0 0 30px 0;
}

#footer-main h4 {
      color: #000000;
      font-size: 17px;
      font-weight: 700;
      margin-bottom: 30px;
}

#footer-main h4 a {
      color: #000000;
}

#footer-main h4 a:hover {
      color: var(--primary-color);
      text-decoration: underline;
}

#footer-main ul {
      list-style-type: none;
      padding: 0;
      line-height: 2em;
}

#footer-main ul a {
      color: #000000;
}

#footer-main ul a:hover {
      color: var(--primary-color);
      text-decoration: underline;
}

.social-links a {
      color: #6d6e71;
      padding: 0 12px;
      display: inline-block;
      font-size: 16px;
      line-height: 1px;
      border-left: 1px solid #e9e9e9;
}

.social-links a:hover {
      color: var(--primary-color);
}

.social-links a:first-child {
      border-left: 0;
}

.top-pad {
      padding-top: 10px;
}

.btm-pad {
      padding-bottom: 30px;
}

#footer-main .company-link a {
      color: #000000;
      font-size: 16px;
      text-decoration: underline;
      font-weight: 700;
}

#footer-main .company-link a:hover {
      color: var(--primary-color);
}

#footer-main .company-footer-info {
      padding-top: 10px;
}

#footer-main .company-footer-info a {
      color: #000000;
}

#footer-main .company-footer-info p {
      margin: 0;
}

#footer-main .company-footer-info a:hover {
      color: var(--primary-color);
      text-decoration: underline;
}

#footer-main .company-footer-num {
      padding-top: 10px;
}

#footer-main .company-footer-num a {
      color: #000000;
      font-size: 28px;
      font-weight: 700;
}

#footer-main .company-footer-num a:hover {
      color: var(--primary-color);
      text-decoration: underline;
}

#company-rating {
      padding: 30px 0;
      margin: 0 auto;
}

#company-rating p {
      padding: 0;
      margin: 0;
}

#company-rating img {
      width: 100%;
      max-width: 190px;
      margin-bottom: 10px;
}

#company-rating .company-rating-display {
      display: block;
      color: #333;
}

#company-rating .company-rating-average {
      color: #fbbc05;
      font-weight: 700;
      font-size: 40px;
      display: inline-block;
      margin-right: -10px;
}

#company-rating .company-rating-average-alt {
      color: #fbbc05;
      font-weight: 700;
      font-size: 40px;
      margin-bottom: -20px;
}

#company-rating .sub-rating {
      color: #000000;
      font-size: 18px;
      display: inline-block;
      font-weight: 700;
}

#company-rating .company-rating-stars {
      display: inline-block;
      line-height: 20px;
}

#company-rating .company-rating-stars i {
      font-size: 20px;
      color: #fbbc05;
}

#company-rating .company-rating-stars p {
      font-size: 22px;
      color: #000000;
}

#company-rating .company-rating-stars-alt {
      line-height: 20px;
      margin-top: 20px;
}

#company-rating .company-rating-stars-alt i {
      font-size: 20px;
      color: #fbbc05;
}

#company-rating .company-rating-display .fa {
      transition: 0.2s ease-in;
}

#company-rating .company-rating-count {
      color: #000000;
      font-size: 14px;
      transition: 0.2s ease-in;
}

#company-rating .company-rating-count:hover {
      color: var(--primary-color);
}

#company-rating .company-rating-count-alt {
      color: #000000;
      font-size: 14px;
      transition: 0.2s ease-in;
      margin-top: 10px;
}

#company-rating .company-rating-count-alt:hover {
      color: var(--primary-color);
}

#company-rating .company-FB-average {
      background-color: #4267b2;
      border-radius: 1000px;
      width: 100%;
      max-width: 50px;
      height: 50px;
      margin: 10px auto;
      text-align: center;
      display: flex;
      align-items: center;
}

#company-rating .company-FB-average h4 {
      color: #ffffff;
      font-size: 20px;
      margin: 0 auto;
}

.add-borders {
      border-right: solid 2px #bbbdbf;
      border-left: solid 2px #bbbdbf;
}

.add-borders-alt {
      border-right: solid 2px #ffffff;
      border-left: solid 2px #ffffff;
}

#appstore-logo {
      width: 100%;
      max-width: 145px;
      padding: 3px;
      transition: ease 0.6s;
}

#appstore-logo:hover {
      filter: brightness(75%);
      -webkit-filter: brightness(75%);
}

#googleplay-logo {
      width: 100%;
      max-width: 145px;
      padding: 3px;
      transition: ease 0.6s;
}

#googleplay-logo:hover {
      filter: brightness(75%);
      -webkit-filter: brightness(75%);
}

.mobile-app-box {
      display: inline-flex;
      align-items: center;
      text-align: center;
}

.mobileCompanyLogo {
      padding: 0 5px 0 5px;
}

.mobileAppLogos {
      padding: 0 5px 0 5px;
}

#afterFooter {
      background-color: var(--secondary-color);
      color: #ffffff;
      padding: 20px 0;
}

#afterFooter .copyright {
      text-align: center;
}

#afterFooter .copyright p {
      margin: 0;
}

#afterFooter .copyright a {
      color: var(--primary-color);
}

#afterFooter .copyright a:hover {
      color: #ffffff;
}

.checkout-container .step-counter {
      display: flex;
      align-items: center;
      align-content: center;
      margin-right: 0.5em;
      width: 26px;
      line-height: 26px;
      display: flex;
      height: 26px;
      font-size: 14px;
      color: #444444;
      border: 2px solid #444444;
      font-weight: bold;
      text-align: center;
      border-radius: 50%;
      justify-content: center;
}

#checkoutAccordion .card-header {
      display: flex;
      align-items: center;
}

#checkoutAccordion .card-header h2 {
      margin-bottom: 0;
      font-size: 1.4em;
}

#checkoutAccordion .card-header .edit {
      margin-left: auto;
      opacity: 0;
      visibility: hidden;
      transition: 0.2s all ease;
}

#checkoutAccordion .card-header .edit .show {
      opacity: 1;
      visibility: visible;
}

.checkout-container .card-header.complete h2,
.checkout-container .card-header.complete .step-counter {
      opacity: 0.4;
}

.checkout-container .blue-dash {
      width: 80px;
      height: 2px;
      margin: 0 2em;
      background: var(--primary-color);
}

.checkout-container .tab-pane {
      border: none;
}

.checkout-container .expand {
      display: none;
}

.checkout-container .accordion .card-body {
      font-size: 0.9rem;
}

.checkout-container .custom-control-label.small {
      padding-top: 3px;
}

.checkout-container .accordion > .card:first-of-type .card-header {
      border-top: none;
}

.checkout-container .accordion h5 {
      margin-bottom: 0;
}

.checkout-container .accordion .order-details {
      text-align: left;
}

.checkout-container .accordion .order-details .order-product,
.checkout-container .accordion .order-price {
      font-size: 0.9rem;
      font-weight: bold;
}

#orderSummary .container .row {
      margin-top: 0.3em;
}

#orderSummary .open-summary {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 0;
      font-size: 0.8em;
      text-transform: uppercase;
}

.checkout-container .accordion .order-details p {
      font-size: 0.8rem;
      color: #6d6e71;
      padding: 0;
      padding-left: 10px;
      margin: 0;
}

.checkout-container .accordion .order-details #fb_page_alert span p {
      font-size: 0.7rem;
      color: #6d6e71;
      padding: 0;
      padding: 10px 0;
      margin: 0;
      font-weight: 200;
}

.checkout-container .accordion .total-prices .total {
      font-size: 0.7rem;
      color: #6d6e71;
      padding: 0;
      padding-left: 15px;
      margin: 0;
}

.checkout-container .accordion .total-prices .total-r {
      font-size: 0.7rem;
      color: #6d6e71;
      padding: 0;
      padding-right: 15px;
      margin: 0;
}

.checkout-container .accordion .total-prices .total-saved {
      font-size: 0.8rem;
      color: #28a745;
      padding: 0;
      padding-left: 15px;
      margin: 0;
}

.checkout-container .accordion .total-prices .total-saved-r {
      font-size: 0.8rem;
      color: #28a745;
      padding: 0;
      padding-right: 15px;
      margin: 0;
}

.checkout-container .accordion .order-details .total-price {
      font-size: 0.8rem;
      color: #6d6e71;
      padding: 0;
      padding-left: 10px;
      margin: 0;
}

.checkout-container .accordion .order-details label span {
      padding: 0;
}

.checkout-container .accordion .order-details .form-check input {
      cursor: pointer;
}

.checkout-container #orderSummary .row.subtotal-container {
      border-top: 1px solid #dee2e6;
      padding-top: 0.5rem;
      margin-top: 0.5rem;
}

.checkout-container #orderSummary .row .discount-text {
      font-weight: bold;
      color: #28a745;
      font-size: 0.7rem;
      margin-left: 1rem;
}

.checkout-container .payment-info label {
      text-transform: uppercase;
      color: #6d6e71;
      font-size: 0.7em;
      margin-bottom: 0;
      font-weight: 600;
      text-align: left;
}

.checkout-container .payment-info input {
      font-size: 0.9em;
}

.checkout-container #editMailingAddress label {
      text-transform: uppercase;
      color: #6d6e71;
      font-size: 0.7em;
      margin-bottom: 0;
      font-weight: 600;
      text-align: left;
}

.checkout-container #editMailingAddress input {
      font-size: 0.9em;
      height: initial;
      padding: 0.3rem 0.7rem;
}

.checkout-container #preview-col .container {
      max-width: 100%;
}

.checkout-container #preview-col .postcard-preview {
      height: auto;
      width: 100%;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      max-width: 800px;
      text-align: center;
}

.checkout-container #preview-col .postcard-preview img {
      width: 100%;
      position: relative;
}

.checkout-container #preview-col a img {
      width: 18px;
}

.checkout-container #preview-col a {
      margin: 0 0.2rem;
}

.checkout-container .preview-btns-container {
      margin: 0.75rem auto;
      max-width: 800px;
}

#checkoutCardContainer .card-header h4 {
      font-weight: bold;
      font-size: 1.2em !important;
}

.checkout-container .card-header h4 {
      margin: 0 !important;
}

#checkoutCardContainer .custom-checkbox .custom-control-label.red-border::before {
      border: 1px solid red;
}

.checkout-container .total-prices {
      font-size: 1.2rem;
      font-weight: bold;
      white-space: nowrap;
}

.checkout-container .total-prices .sub-total {
      font-size: 0.95rem;
}

.checkout-container .total-prices .sub-total-r {
      font-size: 0.95rem;
}

.checkout-container #checkoutAccordion .total-prices {
      font-size: 1.4rem;
}

.checkout-container #reviewContent .card-preview img {
      max-width: 160px;
}

.checkout-container .payment-check {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
}

.checkout-container .payment-check .card-text {
      font-size: 0.9em;
}

.checkout-container .payment-check .card-footer {
      font-size: 1.1em;
}

.checkout-container #reviewContent .item {
      margin-bottom: 0;
}

.checkout-container .card-summary .card {
      margin-bottom: 1em;
}

.checkout-container .card-summary p {
      margin-bottom: 0;
      margin-left: 0.5em;
}

.checkout-container .card-summary .card-title {
      font-weight: bold;
      margin-bottom: 0.5em;
}

.checkout-container .card-summary .card-body {
      padding: 0.8rem 1rem;
}

.checkout-container .card-summary .card-footer {
      font-weight: bold;
}

.checkout-container .card-summary .detail-title {
      font-weight: bold;
      text-transform: uppercase;
}

.checkout-container .product-counter {
      text-align: right;
      max-width: 20px;
}

.checkout-container .split-amount {
      max-width: 85px;
      display: inline;
}

.checkout-container .split-amount.error {
      border: 2px solid red;
      outline: none;
      box-shadow: none;
}

input.split-amount::-webkit-outer-spin-button,
input.split-amount::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
}

input.split-amount[type='number'] {
      -moz-appearance: textfield;
}

span.input-percentage {
      margin-left: -20px;
}

#cart .card-preview img {
      object-fit: cover;
      width: 100%;
      max-width: 200px;
      max-height: 200px;
}

#IncludeditemModal .card-preview-img img {
      object-fit: cover;
      max-width: 200px;
      min-width: 100px;
      min-height: 150px;
      max-height: 150px;
}

#checkoutCardContainer .subtotal {
      font-size: 1.2rem;
      font-weight: 600;
      color: #565353;
}

.otherItems {
      margin: 2% 0 5%;
      color: #6d6e71;
}

.otherItems.below-preview {
      margin: 8% 0 5%;
}

.otherItems.below-preview .card {
      padding: 1.25rem 1.1rem;
}

.otherItems.below-preview-mobile {
      display: none;
      margin-top: 5%;
}

.otherItems.below-preview .card-title,
.otherItems.below-preview-mobile .card-title {
      margin-bottom: 0.2rem;
}

.otherItems .card {
      padding: 1.5rem 1.25rem;
      text-align: center;
}

.otherItems .card img {
      margin: auto;
      max-height: 145px;
      opacity: 0.8;
      -webkit-transition: 0.15s all;
      -o-transition: 0.15s all;
      transition: 0.15s all;
      max-width: 100%;
}

.otherItems .card:hover img {
      opacity: 1;
}

.otherItems .card-title {
      font-size: 1.2rem;
}

.otherItems .card-title span {
      font-size: 2rem;
      line-height: 2rem;
      font-weight: 600;
      color: #6d6e71;
}

.otherItems .card .card-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      padding: 0.5rem 0;
      padding-bottom: 0;
}

.otherItems .card .card-body button {
      margin: 0;
}

#expandModal {
      overflow: scroll;
}

#expandModal .close {
      margin: 0;
      font-size: 3rem;
      color: white;
      opacity: 1;
      padding: 0;
      position: fixed;
}

#expandModal .modal-content {
      background: none;
      border: none;
      margin-left: 1rem;
}

#expandModal .modal-body {
      margin-top: 4rem;
      margin-left: 1rem;
}

#expandModal .modal-header {
      border: none;
      padding: 0;
      z-index: 2;
}

#expandModal .modal-dialog {
      max-width: initial;
}

#expandModal img {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
}

.payment-info .card-preview .card {
      margin: 0.5rem 0;
}

.payment-info .card-preview .form-check {
      text-align: left;
}

.payment-info .card-preview .card-body {
      padding: 0.5rem 0.75rem;
}

.payment-info .card-preview .card-body label {
      font-size: 0.8rem;
      text-transform: none;
}

.otherItems {
      margin: 2% 0 5%;
      color: #555;
}

.otherItems.below-preview {
      margin: 8% 0 5%;
}

.otherItems.below-preview .card {
      padding: 1.25rem 1.1rem;
}

.otherItems.below-preview-mobile {
      display: none;
      margin-top: 5%;
}

.otherItems.below-preview .card-title,
.otherItems.below-preview-mobile .card-title {
      margin-bottom: 0.2rem;
}

.otherItems .card {
      padding: 1.5rem 1.25rem;
      text-align: center;
}

.otherItems .card img {
      margin: auto;
      max-height: 145px;
      opacity: 0.8;
      transition: 0.15s all;
      max-width: 100%;
}

.otherItems .card:hover img {
      opacity: 1;
}

.otherItems .card-title {
      font-size: 1.2rem;
}

.otherItems .card-title span {
      font-size: 2rem;
      line-height: 2rem;
      font-weight: 600;
      color: #6d6e71;
}

.otherItems .card .card-body {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-flow: column;
      padding: 0.5rem 0;
      padding-bottom: 0;
}

.otherItems .card .card-body button {
      margin: 0;
}

#expandModal {
      overflow: scroll;
}

#expandModal .close {
      margin: 0;
      font-size: 3rem;
      color: white;
      opacity: 1;
      padding: 0;
      position: fixed;
}

#expandModal .modal-content {
      background: none;
      border: none;
      margin-left: 1rem;
}

#expandModal .modal-body {
      margin-top: 4rem;
      margin-left: 1rem;
}

#expandModal .modal-header {
      border: none;
      padding: 0;
      z-index: 2;
}

#expandModal .modal-dialog {
      max-width: initial;
}

#expandModal img {
      width: max-content;
}

#employeePortal {
      background: #f3f8f8;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
}

#employeePortal .login-container {
      max-width: 600px;
}

#employeePortal h1 {
      color: var(--primary-color);
}

#employeePortal form {
      width: 100%;
}

.title {
      font-size: 1rem;
      padding-left: 1em;
}

#resultsContainer .card {
      flex-flow: row;
      display: flex;
      align-content: center;
      align-self: center;
      padding: 0.5em;
      transition: all 0.2s;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
}

#resultsContainer .round-img {
      width: 75px;
      height: 75px;
      border: #444 solid 1px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      object-fit: cover;
}

#resultsContainer .card-body h5 {
      font-size: 1.1rem;
      margin-bottom: 0.25rem;
}

#resultsContainer .card-body {
      padding: 0 0 0 0.5rem;
      color: #444;
      font-size: 0.9rem;
}

#resultsContainer .email-modal img {
      width: 200px;
      cursor: pointer;
}

.template textarea {
      height: 200px;
}

.emailModal .modal-dialog {
      max-width: 800px;
}

@keyframes error {
      20% {
            margin-left: 8px;
      }

      40% {
            margin-left: 0px;
            margin-right: 8px;
      }

      60% {
            margin-left: 8px;
            margin-right: 0px;
      }

      80% {
            margin-left: 0px;
            margin-right: 8px;
      }

      100% {
            margin-right: 0px;
      }
}

.errorShake {
      animation-name: error;
      animation-duration: 0.5s;
      animation-timing-function: linear;
}

.zoomSlider {
      display: flex;
      justify-content: space-between;
      flex-flow: row wrap;
}

.zoomSlider i {
      font-size: 1.2em;
      color: #dc3545;
      transition: all 0.2s;
}

.zoomSlider i:hover {
      font-size: 1.3em;
}

.zoomSlider #logoZoomSlider {
      flex: 1 100%;
}

#select-farm-area {
      padding: 10px 0;
      cursor: default;
}

#select-farm-area .progress {
      height: 35px;
}

#select-farm-area .progress p {
      margin: 0;
      font-size: 18px;
      font-weight: 400;
}

#select-farm-area .progress-bar {
      background-color: var(--primary-color);
      padding: 5px;
}

#select-farm-area .completed-bar {
      opacity: 0.2;
}

#select-farm-area .progress-bar-striped {
      background-color: var(--secondary-color) !important;
}

#select-farm-area .progress-bar1 {
      background-color: var(--secondary-color) !important;
}

.progress-bar-animated {
      -webkit-animation: progress-bar-stripes 1s linear infinite;
      animation: progress-bar-stripes 1s linear infinite;
}

@keyframes progress-bar-stripes {
      from {
            background-position: 1rem 0;
      }

      to {
            background-position: 0 0;
      }
}

#select-farm-area button {
      background-color: transparent;
      border: 0;
      outline: none;
      padding: 0;
}

#select-farm-area .farm-area-tools {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 2rem 0 1rem 0;
}

#select-farm-area .farm-area-tools .tool-btn {
      background-color: var(--secondary-color);
      padding: 5px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 1px;
      text-align: center;
      width: 140px;
      text-transform: uppercase;
}

#select-farm-area .farm-area-tools .tool-btn:hover {
      background-color: #08396b;
      color: #ffffff;
}

#select-farm-area .farm-area-tools .tool-btn1 {
      background-color: var(--primary-color);
      padding: 5px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 1px;
      text-align: center;
      width: 140px;
      text-transform: uppercase;
}

#select-farm-area .farm-area-tools .tool-btn1:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area .farm-area-tools .select-views {
      display: flex;
      align-items: center;
}

#select-farm-area .farm-area-tools .select-views button {
      margin: 0 2px 0 2px;
}

#select-farm-area .farm-area-tools .select-views button:first-child {
      margin: 0 2px 0 0;
}

#select-farm-area .farm-area-tools .select-views button:last-child {
      margin: 0 0 0 15px;
}

#select-farm-area .farm-area-tools .select-views .filter-btn {
      background-color: var(--secondary-color);
      padding: 5px;
      border-radius: 0px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 1px;
      text-align: center;
      width: 100px;
      text-transform: uppercase;
}

#select-farm-area .farm-area-tools .select-views .filter-btn:hover {
      background-color: #56575a;
      color: #ffffff;
}

#select-farm-area .farm-area-tools .select-views .filter-btn.active {
      background-color: #56575a;
      color: #ffffff;
}

#select-farm-area .farm-area-tools .select-views .help-icon i {
      color: var(--secondary-color);
      font-size: 18px;
}

#select-farm-area .farm-area-tools .change-zip form {
      display: flex;
}

#select-farm-area .farm-area-tools .change-zip form input {
      margin-right: 5px;
      text-align: center;
      width: 100%;
      max-width: 120px;
      padding: 5px;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      transition:
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
}

#select-farm-area .farm-area-tools .search-areas form {
      display: flex;
}

#select-farm-area .farm-area-tools .search-areas form input {
      margin-right: 5px;
      text-align: center;
      width: 100%;
      padding: 5px;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      transition:
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
}

#select-farm-area #locationsList {
      height: 450px;
}

#select-farm-area .locations-box {
      display: flex;
      height: 398px;
}

#select-farm-area .location-filters {
      display: flex;
      padding: 0 0 1rem 0;
      align-items: center;
      font-size: 12px;
}

#select-farm-area .location-filters select {
      font-size: 13px;
}

#select-farm-area .location-filters select {
      margin: 0 5px 0 5px;
}

#select-farm-area .location-filters .print-icon i {
      color: var(--primary-color);
      font-size: 14px;
}

#select-farm-area .location-filters p {
      margin: 0;
}

#select-farm-area .location-filters .loc-filters-left {
      display: flex;
      align-items: center;
      font-size: 12px;
}

#select-farm-area .location-filters .loc-filters-right {
      display: flex;
      align-items: center;
      font-size: 12px;
}

#select-farm-area .locations-box ul {
      width: 100%;
      list-style: none;
      padding-left: 0;
}

#select-farm-area .locations-box ul li {
      padding: 5px;
      margin: 5px 0 5px 0;
      background-color: #f4f4f4;
      border-bottom: solid 1px #e4e4e4;
      width: 100%;
}

#select-farm-area .locations-box ul li:first-child {
      margin: 0 0 5px 0;
}

#select-farm-area .locations-box ul li:last-child {
      margin: 5px 0 0 0;
}

#select-farm-area .locations-box .address-box {
      display: flex;
      align-items: flex-start;
      font-size: 10px;
      width: 100%;
}

#select-farm-area .locations-box .address-box p {
      margin: 0;
      font-size: 12px;
}

#select-farm-area .locations-box .address-box div {
      padding: 0px 0px;
}

#select-farm-area .locations-box .address-box .addressFirstCol {
      width: 5%;
}

#select-farm-area .locations-box .address-box .addressSecCol {
      width: 95%;
      display: flex;
      align-items: flex-start;
      padding: 0 10px;
}

#select-farm-area .locations-box .address-box .addressSecCol > div:nth-child(1) {
      width: 40%;
      padding: 0 3px;
}

#select-farm-area .locations-box .address-box .addressSecCol > div:nth-child(2) {
      width: 25%;
      padding: 0 3px;
}

#select-farm-area .locations-box .address-box .addressSecCol > div:nth-child(3) {
      width: 35%;
      padding: 0 3px;
}

#select-farm-area .locations-box .address-box .add-area-box {
      display: flex;
      align-items: center;
      white-space: nowrap;
      justify-content: space-between;
}

#select-farm-area .locations-box .address-box .add-area-box .add-area-btn {
      display: flex;
      align-items: center;
      flex-flow: row wrap;
}

#select-farm-area .locations-box .address-box .add-area-box input {
      margin-right: 5px;
}

#select-farm-area .locations-box .address-box .detail-btn {
      background-color: var(--primary-color);
      padding: 3px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 0.5px;
      text-align: center;
      width: 60px;
      text-transform: uppercase;
      margin-left: 2px;
      margin-top: 3px;
}

#select-farm-area .locations-box .address-box .detail-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area #mapView {
      height: 450px;
      display: flex;
      justify-content: center;
}

#select-farm-area .map-box {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
}

#select-farm-area .stepper-box {
      display: flex;
      justify-content: space-between;
      padding: 0px;
      background-color: var(--secondary-color);
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
}

#select-farm-area .stepper-box .step-btn {
      background-color: var(--primary-color);
      padding: 12px 26px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: 150px;
      text-transform: uppercase;
}

#select-farm-area .stepper-box .step-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area .stepper-box .step-btn-txt {
      padding: 12px 26px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 1px;
      text-align: center;
      width: 153px;
      min-width: 111px;
}

#select-farm-area .stepper-box .step-btn-txt:hover {
      color: #8bc7c9;
}

#select-farm-area .stepper-box .step-btn-o {
      background-color: transparent;
      border: solid 2px var(--primary-color);
      padding: 12px 26px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: var(--primary-color);
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: 150px;
      text-transform: uppercase;
}

#select-farm-area .stepper-box .step-btn-o:hover {
      background-color: #8bc7c9;
      border: solid 2px #8bc7c9;
      color: #ffffff;
}

#select-farm-area .farm-area-bottom {
      padding: 25px 25px;
}

#select-farm-area .farm-area-bottom #stepOnePrevBtn {
      visibility: hidden;
}

#select-farm-area .total-count-box {
      display: flex;
      justify-content: center;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      color: var(--primary-color);
      font-size: 18px;
      font-weight: 700;
      width: 100%;
      padding: 10px 0;
      font-style: italic;
      margin: 0.8rem 0 0 0;
}

#select-farm-area .hidden {
      display: none !important;
}

#select-farm-area .registration-box {
      padding-top: 25px;
}

#select-farm-area .registration-box h3 {
      font-size: 20px;
      font-weight: 700;
}

#select-farm-area .registration-box p {
      margin: 0;
}

#select-farm-area .registration-form label {
      font-size: 13px;
}

#select-farm-area .registration-form label span {
      color: var(--primary-color);
}

#select-farm-area .selected-areas-box {
      padding-top: 25px;
}

#select-farm-area .selected-areas-box #selectedAreaList {
      max-height: 250px;
      overflow-y: auto;
}

#select-farm-area .selected-areas-box h3 {
      font-size: 20px;
      font-weight: 700;
      color: var(--secondary-color);
}

#select-farm-area .selected-areas-box a {
      color: var(--primary-color);
}

#select-farm-area .selected-areas-box a:hover {
      color: #8bc7c9;
}

#select-farm-area .selected-areas-box .selected-areas-top {
      display: flex;
      justify-content: space-between;
}

#select-farm-area .selected-areas-box .selected-areas-top .print-icon i {
      color: var(--primary-color);
      font-size: 14px;
}

#select-farm-area .selected-areas-box .selected-area-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 2px;
      background-color: rgba(139, 199, 201, 0.2);
      border: solid 1px #e4e4e4;
}

#select-farm-area .selected-areas-box ul {
      list-style: none;
      padding: 0;
      margin: 0;
}

#select-farm-area .selected-areas-box li {
      margin-bottom: 5px;
}

#select-farm-area .selected-areas-box p {
      padding: 0;
      margin: 0;
}

#select-farm-area .selected-area-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px 10px 10px;
}

#select-farm-area .selected-area-header input {
      visibility: hidden;
}

#select-farm-area .selected-area-header div:nth-child(1) {
      width: 5%;
      text-align: center;
}

#select-farm-area .selected-area-header div:nth-child(2) {
      width: 55%;
      text-align: left;
}

#select-farm-area .selected-area-header div:nth-child(3) {
      width: 15%;
      text-align: center;
}

#select-farm-area .selected-area-header div:nth-child(4) {
      width: 15%;
      text-align: center;
}

#select-farm-area .selected-area-header div:nth-child(5) {
      width: 10%;
      text-align: center;
}

#select-farm-area .selected-area-inner div:nth-child(1) {
      width: 5%;
      text-align: center;
}

#select-farm-area .selected-area-inner div:nth-child(2) {
      width: 55%;
      text-align: left;
}

#select-farm-area .selected-area-inner div:nth-child(3) {
      width: 15%;
      text-align: center;
}

#select-farm-area .selected-area-inner div:nth-child(4) {
      width: 15%;
      text-align: center;
}

#select-farm-area .selected-area-inner div:nth-child(5) {
      width: 10%;
      text-align: center;
}

#select-farm-area .selected-areas-box .total-selected-areas {
      display: flex;
      justify-content: flex-end;
      border-bottom: solid 2px var(--primary-color);
      width: fit-content;
      float: right;
      margin-top: 10px;
      margin-right: 27px;
}

#select-farm-area .selected-areas-box .total-selected-areas p {
      font-weight: 700;
}

#select-farm-area .selected-areas-box .total-selected-areas p:nth-child(1) {
      margin-right: 10px;
}

#select-farm-area .payment-box {
      padding-top: 25px;
      border: solid 2px var(--primary-color);
      border-radius: 3%;
      padding: 15px;
}

#select-farm-area .payment-box h3 {
      font-size: 1.9em;
      font-weight: 500;
      color: var(--secondary-color);
}

#select-farm-area .payment-box .paymentAlert {
      font-size: 12px;
      font-style: italic;
      color: red;
      text-align: right;
}

#select-farm-area .payment-box p {
      margin: 0;
}

#select-farm-area .payment-form label {
      font-size: 13px;
      margin-bottom: 0 !important;
}

#select-farm-area #seeDetailsModal h3 {
      font-size: 1.4em;
      font-weight: 500;
      text-align: center;
      color: var(--secondary-color);
}

#select-farm-area #seeDetailsModal .fsttext {
      font-size: 16px;
      text-align: center;
}

#select-farm-area #seeDetailsModal .smalnote {
      font-size: 13px;
      text-align: center;
}

#select-farm-area .payment-form label span {
      color: var(--primary-color);
}

#select-farm-area .payment-form #billTerms {
      margin-right: 5px;
}

#select-farm-area .pricing-box {
      padding-top: 25px;
}

#select-farm-area .pricing-box h3 {
      font-size: 20px;
      font-weight: 700;
}

#select-farm-area .pricing-box ul {
      padding-left: 20px;
}

#select-farm-area .pricing-box li ul {
      font-size: 13px;
      padding-left: 40px;
}

#select-farm-area .pricing-box li ul li {
      margin: 5px 0;
}

#select-farm-area .pricing-box .grand-total {
      text-align: left;
      margin-top: 30px;
      font-size: 1.5em;
      color: #57585b;
}

#select-farm-area .pricing-box .grand-total span.total-desc {
      text-align: left;
      font-size: 0.6em;
      color: #57585b;
      font-style: italic;
}

#select-farm-area .pricing-box .grand-total u {
      color: var(--primary-color);
      font-size: 1.8em;
      border-bottom: solid 2px var(--primary-color);
      text-decoration: none;
}

#select-farm-area .congrats-box {
      display: flex;
      justify-content: center;
}

#select-farm-area .congrats-box-inner {
      padding: 40px;
      text-align: center;
      border-radius: 8px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      width: 100%;
      max-width: 650px;
}

#select-farm-area .congrats-box-inner h3 {
      font-size: 2.2em;
      font-weight: 700;
      color: var(--primary-color);
      margin-bottom: 30px;
}

#select-farm-area .congrats-box-inner .home-btn {
      background-color: var(--primary-color);
      padding: 12px 26px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      text-transform: uppercase;
      margin-top: 30px;
}

#select-farm-area .congrats-box-inner .home-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area #farmHelpModal {
      font-size: 15px;
}

#select-farm-area #farmHelpModal h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 0;
}

#select-farm-area #farmHelpModal ul {
      list-style: none;
      padding-left: 0;
}

#select-farm-area #farmHelpModal ul li {
      margin: 10px;
}

#select-farm-area #farmHelpModal .modal-dialog {
      max-width: 800px;
}

#select-farm-area #farmHelpModal .modal-body {
      max-height: 400px;
      overflow-y: auto;
}

#select-farm-area #farmPriceModal {
      font-size: 15px;
}

#select-farm-area #farmPriceModal h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 0;
}

#select-farm-area #farmPriceModal ul {
      list-style: none;
      padding-left: 0;
}

#select-farm-area #farmPriceModal ul li {
      margin: 10px;
}

#select-farm-area #farmPriceModal li ul {
      list-style: disc;
      padding-left: 20px;
}

#select-farm-area #farmPriceModal .modal-dialog {
      max-width: 800px;
}

#select-farm-area #farmPriceModal .modal-body {
      max-height: 400px;
      overflow-y: auto;
}

#select-farm-area #farmPriceModal button {
      padding: 10px;
}

#privacy-policy {
      padding: 80px 20px;
      background-color: #f0f6f6;
}

#privacy-policy #privacyCol {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 25px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#privacy-policy h1,
#privacy-policy h3 {
      font-weight: 700;
}

#privacy-policy p {
      margin-bottom: 25px;
}

#privacy-policy a:hover {
      text-decoration: underline;
}

#privacy-policy .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 10px;
}

#privacy-policy .mod-date {
      color: var(--primary-color);
      padding-top: 50px;
      margin: 0;
}

#terms-and-conditions {
      padding: 80px 20px;
      background-color: #f0f6f6;
}

#terms-and-conditions #TaCCol {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 25px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#terms-and-conditions h1,
#terms-and-conditions h3 {
      font-weight: 700;
}

#terms-and-conditions p {
      margin-bottom: 25px;
}

#terms-and-conditions a:hover {
      text-decoration: underline;
}

#terms-and-conditions .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 10px;
}

#terms-and-conditions .mod-date {
      color: var(--primary-color);
      padding-top: 50px;
      margin: 0;
}

#videos-main {
      background-color: #fff;
      margin: 0 auto;
}

#videos-main h1 {
      color: #000000;
      font-weight: 700;
      font-size: 27px;
      margin-top: 25px;
}

#videos-main p {
      margin: 0;
}

#videos-main .title-search {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      flex-wrap: wrap;
      padding-top: 60px;
}

#videos-main #mainSearch {
      margin-bottom: 10px;
      width: 600px;
}

#videos-main #mainSearch .form-group {
      margin-bottom: 0;
}

#videos-main .main-search .form-control {
      padding-left: 2.375rem;
      border-radius: 8px;
      border: solid 1px #e4e4e4;
}

#videos-main .main-search .form-control::placeholder {
      color: #444444;
      opacity: 0.5;
}

#videos-main .main-search .form-control-feedback {
      position: absolute;
      z-index: 2;
      display: block;
      width: 2.375rem;
      height: 2.375rem;
      line-height: 2.375rem;
      text-align: center;
      pointer-events: none;
      color: #444444;
}

#videos-main .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 10px;
}

#videos-main .hide {
      display: none !important;
}

#videos-main .show {
      animation: show 0.3s ease 0s 1 normal forwards;
      transform-origin: center;
}

@keyframes show {
      0% {
            transform: scale(0);
            opacity: 0;
      }

      100% {
            transform: scale(1);
            opacity: 1;
      }
}

#videos-main #scroller-main {
      position: relative;
      z-index: 4;
      padding-top: 10px;
}

#videos-main #scroller-main .left-fade {
      position: absolute;
      height: 100%;
      top: 0;
      left: 20px;
      width: 100px;
      z-index: 6;
      background: linear-gradient(to right, var(--secondary-color) 35%, rgba(4, 33, 62, 0) 50%, rgba(4, 33, 62, 0) 100%);
}

#videos-main #scroller-main .right-fade {
      position: absolute;
      height: 100%;
      top: 0;
      right: 20px;
      width: 120px;
      z-index: 6;
      background: linear-gradient(to left, #ffffff 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 100%);
      pointer-events: none;
}

#videos-main .category-scroller {
      background-color: #fff;
      display: flex;
      width: 100%;
      padding: 20px 40px;
      position: initial;
}

#videos-main .category-scroller .scroll-item {
      color: #444444;
      margin-right: 10px;
      padding: 5px 15px;
      border-radius: 10000px;
      border: solid 1px #e4e4e4;
      background-color: #f4f4f4;
      width: auto;
      transition: ease 0.3s;
}

#videos-main .category-scroller .scroll-item:hover {
      background-color: #6d6e71;
      border: solid 1px #444444;
      color: #ffffff;
}

#videos-main .current {
      background-color: #6d6e71 !important;
      border: solid 1px #444444 !important;
      color: #ffffff !important;
}

#videos-main .category-scroller .scroll-item p {
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 1px;
      text-transform: uppercase;
      white-space: nowrap;
      text-align: center;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

#videos-main .owl-nav .owl-next {
      position: absolute;
      right: 25px;
      top: 55%;
      transform: translate(0, -50%);
      z-index: 6;
}

#videos-main .owl-nav .owl-prev {
      position: absolute;
      left: 25px;
      top: 55%;
      transform: translate(0, -50%);
      z-index: 6;
}

#videos-main .owl-nav .owl-next img {
      width: 100%;
      max-width: 8px;
      opacity: 1;
      transition: ease 0.3s;
      height: 100%;
      filter: invert(50%);
}

#videos-main .owl-nav .owl-prev img {
      width: 100%;
      max-width: 8px;
      opacity: 1;
      transition: ease 0.3s;
      height: 100%;
      filter: invert(50%);
}

#videos-main .owl-nav .owl-next img:hover,
#videos-main .owl-nav .owl-prev img:hover {
      opacity: 0.7;
}

#videos-main .video-layout {
      padding: 0 0 20px 0;
}

#videos-main .video-layout a:hover .vid-box {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

#videos-main .video-layout .vid-box {
      position: relative;
      background-color: #ffffff;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      border-radius: 8px;
      transition: ease 0.2s;
      height: 100%;
      z-index: 4;
}

#videos-main .video-layout .vid-box .video-thumb {
      position: relative;
      z-index: 4;
}

#videos-main .video-layout .vid-box .video-thumb img {
      width: 100%;
      border-radius: 8px 8px 0 0;
}

#videos-main .video-layout .vid-box .vid-title {
      padding: 10px;
}

#videos-main .video-layout .vid-box .vid-title h3 {
      color: #000000;
      font-weight: 700;
      font-size: 18px;
      margin: 0;
      line-height: 1.3em;
}

#videos-main .video-layout .vid-box .vid-title p {
      color: var(--primary-color);
      font-size: 12px;
      margin-bottom: 5px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

#videos-main .video-layout .vid-box .video-thumb::before {
      background-color: var(--secondary-color);
      border-radius: 50%;
      content: '';
      position: absolute;
      height: 80px;
      width: 80px;
      margin: auto;
      pointer-events: none;
      opacity: 0.7;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      transition: ease 0.6s;
      z-index: 5;
}

#videos-main .video-layout .vid-box:hover .video-thumb::before {
      opacity: 0.9;
}

#videos-main .video-layout .vid-box .video-thumb::after {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      color: #ffffff;
      content: '\f04b';
      position: absolute;
      height: 20px;
      width: 20px;
      margin: auto;
      pointer-events: none;
      opacity: 1;
      top: 0;
      bottom: 0;
      right: 0;
      left: 8px;
      transition: ease 0.6s;
      z-index: 5;
}

#main-video-modal {
      padding: 80px 0;
      display: flex;
      justify-content: center;
}

#main-video-modal #modalSearch .form-group {
      padding-top: 0.5em;
      margin-bottom: 0;
      width: 100%;
}

#main-video-modal .main-search .form-control {
      padding-left: 2.375rem;
      border-radius: 8px;
      border: solid 1px #e4e4e4;
}

#main-video-modal .main-search .form-control::placeholder {
      color: #444444;
      opacity: 0.5;
}

#main-video-modal .main-search .form-control-feedback {
      position: absolute;
      z-index: 2;
      display: block;
      width: 2.375rem;
      height: 2.375rem;
      line-height: 2.375rem;
      text-align: center;
      pointer-events: none;
      color: #444444;
}

#main-video-modal #theMainVidModal {
      padding: 20px !important;
}

#main-video-modal #theMainVidModal .close-btn {
      padding-right: 10px;
}

#main-video-modal #theMainVidModal .modal-body {
      max-height: 100%;
}

#main-video-modal #theMainVidModal .modal-dialog {
      max-width: 1000px;
}

#main-video-modal #theMainVidModal .modal-content {
      overflow: hidden;
}

#main-video-modal #theMainVidModal .modal-header {
      border-bottom: none;
}

#main-video-modal #theMainVidModal #fullFocusVid {
      height: auto;
}

#main-video-modal #theMainVidModal #fullFocusVid .main-focus-vid {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      padding: 0.5em;
}

#main-video-modal #theMainVidModal #fullFocusVid .focus-vid-details {
      padding: 0.5em;
}

#main-video-modal #theMainVidModal #fullFocusVid .focus-vid-details h3 {
      color: #000000;
      font-weight: 700;
      font-size: 18px;
      padding: 5px 0;
      margin: 0;
      line-height: 1.3em;
}

#main-video-modal #theMainVidModal #fullFocusVid .focus-vid-details p {
      margin: 0;
}

#main-video-modal #theMainVidModal .main-suggested-box {
      height: 500px;
      overflow-y: scroll;
}

#main-video-modal #theMainVidModal .main-suggested-box .suggested-video-box {
      display: flex;
      justify-content: flex-start;
      width: 100%;
      padding: 0.5em;
      text-align: center;
}

#main-video-modal #theMainVidModal .main-suggested-box .suggested-video-box .inner-content {
      display: flex;
      align-items: center;
      width: 100%;
}

#main-video-modal #theMainVidModal .main-suggested-box .suggested-video-box .inner-content .video {
      margin-right: 10px;
      width: 100%;
}

#main-video-modal #theMainVidModal .main-suggested-box .suggested-video-box .inner-content .video img {
      width: 100%;
      max-width: 80%;
}

#main-video-modal #theMainVidModal .main-suggested-box .suggested-video-box .inner-content .video-details {
      width: 100%;
}

#main-video-modal #theMainVidModal .main-suggested-box .suggested-video-box .inner-content .video-details p {
      color: var(--primary-color);
      font-size: 12px;
      margin-bottom: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

#main-video-modal #theMainVidModal .main-suggested-box .suggested-video-box .inner-content .video-details h4 {
      color: #000000;
      font-weight: 600;
      font-size: 13px;
      padding: 5px 0;
      margin: 0;
      line-height: 1.3em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

.embed-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}

#relatedProducts .related-products-carousel .owl-stage-outer {
      padding: 20px 0;
}

#otherProducts .other-products-carousel .owl-stage-outer {
      padding: 20px 0;
}

#otherProducts {
      padding-top: 50px;
}

#otherProducts .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 10px;
}

#otherProducts .singleProductBox,
#holidayMailingDeadlines.singleProductBox {
      box-shadow: 0px 2px 12px rgb(0 0 0 / 5%);
      padding: 20px;
      transition: ease 0.3s;
      border-radius: 8px;
}

#otherProducts .singleProductBox:hover,
#holidayMailingDeadlines.singleProductBox:hover {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

#holidayMailingDeadlines.singleProductBox h4 {
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-size: 1.38rem;
}

#positiveCardActive #holidayMailingDeadlines.singleProductBox {
      margin: 30px 0 0 20px;
}

#holidayMailingDeadlines.singleProductBox,
#holidayMailingDeadlines.singleProductBox #holidayMailingDeadlinesTable {
      width: 100%;
}

#holidayMailingDeadlines.singleProductBox #holidayMailingDeadlinesTable {
      padding: 10px 0;
}

#holidayMailingDeadlines.singleProductBox #holidayMailingDeadlinesTable h6 {
      font-weight: 600;
}

#holidayMailingDeadlines.singleProductBox #holidayMailingDeadlinesTable .bulk,
#holidayMailingDeadlines.singleProductBox #holidayMailingDeadlinesTable .first,
#holidayMailingDeadlines.singleProductBox #holidayMailingDeadlinesTable .last {
      width: 33vw;
      display: table-cell;
}

#otherProducts .other-products-box h3 {
      font-size: 27px;
      font-weight: 700;
      color: #000000;
}

#otherProducts .singleProductImg {
      padding: 10px;
      text-align: center;
}

#otherProducts .singleProductImg img {
      width: 100%;
}

#otherProducts .singleProductTitle {
      padding-top: 10px;
}

#otherProducts .singleProductTitle a {
      color: #000000;
}

#otherProducts .singleProductTitle h3 {
      font-size: 18px;
      font-weight: 700;
}

#otherProducts .singleProductStars i {
      color: #fbbc05;
      font-size: 16px;
      padding-bottom: 10px;
}

#otherProducts .singleProductPrice {
      font-size: 16px;
      padding-bottom: 20px;
      font-style: italic;
}

#otherProducts .width-100 {
      width: 100%;
      max-width: 100%;
}

#otherProducts .marg-top {
      margin-top: 20px;
}

#single-product-page .owl-nav,
#single-product-page .owl-dots {
      margin-top: -20px;
      text-align: center;
}

#single-product-page .owl-dot {
      display: inline-block;
      margin: 0 5px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #ddd;
}

#single-product-page .owl-dot.active {
      background-color: var(--primary-color);
}

#single-product-page .owl-nav .owl-next {
      position: absolute;
      right: -5px;
      top: 50%;
      transform: translate(0, -50%);
}

#single-product-page .owl-nav .owl-prev {
      position: absolute;
      left: -5px;
      top: 50%;
      transform: translate(0, -50%);
}

.check-list {
      list-style-type: none;
      margin-top: 0.5rem;
}

.check-list li {
      display: grid;
      grid-template-columns: 1rem 1fr;
      justify-content: start;
      align-items: start;
      gap: 0.75rem;
      margin-bottom: 0.1rem;
}

.check-list li:last-child {
      margin-bottom: 0;
}

.check-list-no-margin-left {
      margin-left: 0;
      padding-left: 0;
}

.check-box {
      display: inline-block;
      --_size: 1.5rem;
      width: var(--_size);
      height: var(--_size);
      position: relative;
      top: -2px;
}

.check-box path {
      fill: var(--success);
}

.list-number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      --_size: 1.5rem;
      width: var(--_size);
      height: var(--_size);
      background-color: var(--secondary-color);
      color: #fff;
      border-radius: 50%;
      font-weight: 600;
      font-size: 0.875rem;
      margin-top: 0.125rem;
}

#single-product-page .owl-nav .owl-next img {
      width: 100%;
      max-width: 10px;
      opacity: 0.7;
      transition: ease 0.3s;
      filter: invert(50%);
}

#single-product-page .owl-nav .owl-prev img {
      width: 100%;
      max-width: 10px;
      opacity: 0.7;
      transition: ease 0.3s;
      filter: invert(50%);
}

#single-product-page .owl-nav .owl-next img:hover,
#single-product-page .owl-nav .owl-prev img:hover {
      opacity: 1;
}

#faqPage {
      padding: 100px 0;
}

#faqPage #accordion .card-body {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

#faqPage .accordion .card-header:after {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 0.7em;
      color: #444444;
      content: '\f068';
      float: right;
      margin-top: 5px;
}

#faqPage .accordion .card-header.collapsed:after {
      content: '\f067';
}

.icon-menu-container {
      padding: 1em;
      display: flex;
      align-items: center;
}

.user-menu-wrap {
      position: relative;
}

.mini-photo-wrapper {
      display: block;
      position: relative;
}

.user-menu-wrap .notification-counter {
      position: absolute;
      top: -12px;
      right: -17px;
      background: var(--primary-color);
      width: 1.5em;
      height: 1.5em;
      font-size: 0.7em;
      font-weight: 600;
      color: #f0f0f0;
      border-radius: 50%;
      text-align: center;
}

.icon-menu-container .menu-container {
      visibility: hidden;
      opacity: 0;
      transition: all 0.2s;
}

.icon-menu-container:hover .menu-container {
      visibility: visible;
      opacity: 1;
}

.user-menu {
      list-style-type: none;
      position: absolute;
      right: -10px;
      background-color: #ffffff;
      width: 320px;
      border: 1px solid #f0f0f0;
      padding: 5px;
      margin-top: 16px;
      z-index: 100;
      -webkit-box-shadow:
            0 7px 14px 0 rgba(65, 69, 88, 0.1),
            0 3px 6px 0 rgba(0, 0, 0, 0.07);
      box-shadow:
            0 7px 14px 0 rgba(65, 69, 88, 0.1),
            0 3px 6px 0 rgba(0, 0, 0, 0.07);
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
}

.user-menu a {
      margin: 0;
}

.user-menu .profile-highlight {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #e0e0e0;
      padding: 0.7em 16px;
}

.user-menu .profile-highlight .details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
}

.user-menu .profile-highlight .details .header h3 {
      font-weight: 600;
      font-size: 16px;
      margin: 0;
      padding: 0;
}

.user-menu .profile-highlight .details .details-footer {
      font-size: 0.85em;
      border: none;
      color: #6d6e71;
}

.user-menu .profile-highlight .details .details-footer .price {
      font-size: 1.1em;
      font-weight: bold;
      color: var(--primary-color);
}

.user-menu .notifications {
      max-height: 1000px;
      overflow-y: auto;
}

.user-menu .notifications .card-preview {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 70px;
      max-width: 70px;
      min-height: 70px;
      max-height: 70px;
      margin-right: 10px;
}

.user-menu .notifications .item-info {
      padding-left: 0.5em;
}

.user-menu .notifications .item-info .product-label {
      font-size: 0.75em;
      font-weight: bold;
}

.user-menu .notifications .item-info .product-street {
      font-size: 0.9em;
}

.user-menu .notifications .item-info .product-price {
      font-weight: bold;
}

.user-menu .notifications .notification {
      padding: 0.2em 0.5em;
      margin: 0.4em 0.3em;
      -webkit-transition: background-color 0.1s;
      transition: background-color 0.1s;
      cursor: pointer;
      display: flex;
}

.user-menu .notifications .notification a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      margin-right: 0;
}

.user-menu .notifications .notification .title {
      font-size: 0.9em;
}

.user-menu .notifications .notification .subtitle {
      font-size: 0.8em;
}

.user-menu .notifications .notification .description {
      font-size: 0.8em;
}

.user-menu .notifications .notification .time {
      font-size: 0.7em;
      -webkit-box-flex: 1;
      -ms-flex: 1 100%;
      flex: 1 100%;
}

.user-menu .notifications .notification:hover {
      background-color: var(--primary-color) 10;
}

.user-menu .footer {
      padding-top: 0.5em;
      margin: 0px 0 0.4em;
      display: flex;
      justify-content: space-evenly;
}

.user-menu .footer a:hover {
      color: black;
      text-decoration: none;
}

.user-menu .footer li {
      font-size: 0.9em;
      padding: 0.2em 0;
}

.user-menu .footer li:hover {
      color: black;
}

.user-menu .footer .logout {
      text-align: left;
}

.user-menu .footer .logout li {
      color: #e15554;
      font-size: 0.9em;
}

.user-menu .user-menu-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-decoration: none;
      color: #333333;
      font-weight: 400;
      font-size: 14px;
      padding: 12px 16px;
}

.user-menu .user-menu-link div {
      margin: auto 10px;
}

.user-menu .user-menu-link:hover {
      background-color: #f5f5f5;
      color: #333333;
}

.user-menu:before {
      position: absolute;
      top: -16px;
      right: 11px;
      display: inline-block;
      content: '';
      border: 8px solid transparent;
      border-bottom-color: #e0e0e0;
}

.user-menu:after {
      position: absolute;
      top: -14px;
      right: 12px;
      display: inline-block;
      content: '';
      border: 7px solid transparent;
      border-bottom-color: #ffffff;
}

.mobile .user-menu {
      width: 100vw;
      height: calc(100vh - 50px);
      margin: auto;
      top: 57px;
      left: 0;
      right: 0;
      border: none;
      margin-left: -15px;
      border-radius: 0;
      box-shadow: none;
      border-bottom: 1px solid #f0f0f0;
      display: flex;
      flex-flow: row wrap;
      align-items: flex-start;
      align-content: flex-start;
      overflow-x: auto;
}

.mobile .user-menu-wrap {
      position: initial;
}

.mobile .user-menu:before {
      display: none;
}

.mobile .user-menu:after {
      display: none;
}

.mobile .user-menu .profile-highlight {
      flex: 1 100%;
}

.mobile .user-menu .footer {
      flex: 1 100%;
      align-self: flex-end;
}

.mobile .user-menu .notifications {
      max-height: initial;
}

#reviewCard .upper-bold {
      text-transform: uppercase;
      font-weight: bold;
      margin: 0;
      margin-top: 0.5em;
      font-size: 1.2em;
}

#reviewCard .review-card-btns {
      display: flex;
      justify-content: center;
      flex-flow: wrap;
      padding: 0;
}

#reviewCard .review-card-btns button {
      margin: 0.5em 1em;
}

#reviewCard .bundle-card {
      background: #f0f6f6;
      padding: 0.75em;
      margin: 0.5em 0;
      flex-direction: row;
}

.bundle-box {
      margin: 3px !important;
}

.strike-through {
      font-size: 1em;
      text-decoration: line-through;
}

#reviewCard .price {
      font-size: 1.2em;
      font-weight: bold;
      color: #3a3a3a;
}

#reviewCard .strike-through {
      color: #6d6e71;
}

#reviewCard .badge {
      font-size: 0.9em;
}

#reviewCard #imgFrontBack {
      max-height: 550px !important;
      max-width: 100% !important;
}

.menu-container .shadow-custom {
      width: inherit;
      max-height: 50px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

.card {
      border-radius: 8px;
}

.shadow-custom {
      -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}

.blue-underline {
      border-bottom: 3px solid var(--primary-color);
      width: 110px;
}

.primary-hover-filter:hover,
.icon-menu-container:hover .primary-hover-filter {
      filter: invert(67%) sepia(10%) saturate(2293%) hue-rotate(128deg) brightness(101%) contrast(65%);
      transition: filter 0.1s ease;
}

.nav-item img.shopping-cart {
      width: 30px;
      height: 30px;
}

li.d-inline-block.acc-menu-toggle:first-child {
      width: 200px;
      text-align: right;
      min-height: 45px;
      vertical-align: bottom;
}

.cart-counter {
      position: absolute;
      margin-left: -10px;
      margin-top: -5px;
      background: var(--primary-color);
      color: white;
      font-size: 12px;
      line-height: 15px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      display: block;
      padding: 0;
      z-index: 5;
      text-align: center;
      text-indent: -2px;
      float: right;
      display: inline-block;
}

#cart .card-preview {
      transition: all 0.4s ease;
}

#cart .card-preview.card-expand {
      max-width: 1000px;
}

#cart .card-preview img {
      width: 100%;
      max-width: 150px;
      max-height: 150px;
}

#cart .modal .card-preview img {
      width: 60%;
      max-width: initial;
      max-height: initial;
}

#cart .item {
      margin-bottom: 2.5em;
      transition: all 0.2s;
      border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

#cart .item.remove {
      animation: removeItem 0.1s ease forwards;
      max-height: 400px;
      overflow: hidden;
}

@keyframes removeItem {
      0% {
            max-height: 400px;
      }

      100% {
            max-height: 0px;
      }
}

#cart .item button.close {
      font-size: 1.5rem;
}

#cart .item .modal button.close {
      font-size: 2rem;
      color: #ffffff;
      text-align: right;
      margin-bottom: 0.3em;
}

#cart .item .item-mobile,
#cart .item .quantity-mobile,
#cart .item .price-mobile {
      display: none;
      flex: 1 100%;
      font-weight: bold;
}

#cart .item .product-label {
      padding-top: 2px;
      font-weight: 600;
      font-size: 0.8rem;
      text-transform: uppercase;
}

#cart .item .product-address {
      font-size: 0.8rem;
      margin-bottom: 0.2rem;
}

#cart .item .included-items {
      font-size: 0.8rem;
      text-decoration: none;
      color: #28a745;
}

#cart .save-later-col {
      height: 0;
      text-align: right;
      margin-top: -36px;
}

#cart .cart-title {
      font-size: 14px;
      font-weight: bold;
}

#cart .quantity {
      font-size: 0.8rem;
}

#cart .price {
      font-size: 1.2rem;
      font-weight: 400;
}

#cart .dot {
      height: 20px;
      width: 20px;
      border-radius: 50%;
      display: inline-block;
      border: 1px solid #6a6b6f;
      background-color: var(--secondary-color);
      color: #fff;
      text-align: center;
      line-height: 17px;
}

#cart .delete {
      color: red;
      font-size: 15px;
}

#cart .saveForLater-btn {
      padding-right: 8px;
      float: right;
      cursor: pointer;
}

#cart .item .item-info {
      display: flex;
      flex-direction: column;
}

#cart .editing-tab-section {
      background: var(--primary-color);
}

#cart .editing-tab-section .main-tools .nav-item {
      background: none;
}

#cart .editing-tab-section .main-tools .nav-item a {
      color: white;
      font-size: 1.2em;
}

.saveforlater-container {
      display: flex;
      flex-flow: row wrap;
}

.saveforlater-container .row:not(.item) {
      flex: 1 100%;
}

.saveforlater-container .item {
      position: relative;
      flex-flow: row wrap;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, 0.125);
      border-radius: 8px;
      max-width: 29%;
      margin: 0.8em;
}

.saveforlater-container .item-container {
      flex-flow: row wrap;
      flex: 1 100%;
      max-width: none;
}

.saveforlater-container .card-preview {
      flex: 1 100%;
      text-align: center;
      margin-top: 1em;
}

.saveforlater-container .preview-card-button {
      font-size: 0.8em;
}

.saveforlater-container .item-info {
      padding: 0.25em 0 !important;
      font-size: 0.8em;
}

.saveforlater-container .item-info .small {
      font-size: 1.2em;
}

#cart .saveforlater-container .item .product-address {
      margin-bottom: 0;
}

#cart .saveforlater-container .item .quantity-mobile,
#cart .saveforlater-container .item .price-mobile {
      flex: 1 100%;
      max-width: none;
      display: inherit;
      font-weight: normal;
}

.saveforlater-container .quantity-container,
.saveforlater-container .price-container {
      flex: 1 100%;
      max-width: none;
      font-size: 0.8em;
}

.saveforlater-container .quantity,
.saveforlater-container .price {
      font-weight: bold;
}

.saveforlater-container .cls-btn-container {
      order: 1;
      display: flex !important;
}

#cart .saveforlater-container .save-later-col {
      height: initial;
      margin-top: initial;
      text-align: center;
      margin: 0.6em 0 0.6em;
}

.saveforlater-container .addToCart-btn {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      letter-spacing: 1px;
      display: inline-block;
      padding: 0.375rem 0.75rem;
      border-radius: 0.25rem;
      transition: 0.25s;
      text-align: center;
      vertical-align: middle;
      line-height: 1.5;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -ms-transition: 0.25s;
      -o-transition: 0.25s;
      border: 1px solid var(--primary-color);
      background: var(--primary-color);
      color: white;
      cursor: pointer;
}

#cart.checkout-container .alert-warning {
      opacity: 0;
      max-height: 0px;
      animation: showWarning 4s ease forwards;
      margin: 1em;
      padding: 0.75rem 1.25rem;
}

@keyframes showWarning {
      0% {
            opacity: 0;
            max-height: 0px;
      }

      5% {
            max-height: 50px;
      }

      15% {
            opacity: 1;
      }

      75% {
            opacity: 1;
      }

      90% {
            opacity: 0;
            max-height: 50px;
            margin: 1em;
            padding: 0.75rem 1.25rem;
      }

      100% {
            max-height: 0px;
            margin: 0;
            padding: 0;
      }
}

#suggestionsModal .owl-prev img {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
}

#suggestionsModal .owl-next img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
}

#suggestionsModal .owl-stage-outer {
      margin: 0 40px;
}

#agency-manager-page {
      background-color: #f0f6f6;
      padding: 60px 20px;
}

#agency-manager-page p {
      margin: 0;
}

#agency-manager-page button {
      background-color: transparent;
      border: 0;
      outline: none;
      padding: 0;
}

#agency-manager-page #agencyContainer {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 25px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#agency-manager-page .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 10px;
}

#agency-manager-page .mls-map-header {
      padding-bottom: 20px;
}

#agency-manager-page .mls-map-header .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: 10px;
      margin-bottom: 20px;
}

#agency-manager-page .mls-map-header h1 {
      color: #000000;
      font-size: 2.7em;
      font-weight: 700;
      margin-bottom: 20px;
}

#agency-manager-page .mls-header-options {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: baseline;
      padding-bottom: 20px;
}

#agency-manager-page .mls-header-options a {
      color: #444444;
}

#agency-manager-page .mls-header-options .grey-btn {
      background-color: #d2d2d2;
      padding: 5px 10px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #444444;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      text-transform: uppercase;
      margin-right: 10px;
}

#agency-manager-page .mls-header-options .grey-btn:hover {
      background-color: #56575a;
      color: #ffffff;
}

#agency-manager-page .mls-header-options .grey-btn:hover a {
      color: #ffffff;
}

#agency-manager-page .mls-header-options .blue-btn {
      background-color: var(--primary-color);
      padding: 5px 10px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      text-transform: uppercase;
}

#agency-manager-page .mls-header-options .blue-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#agency-manager-page .mls-header-options p {
      color: #000000;
      font-weight: 700;
}

#agency-manager-page #mainSearch {
      margin: 10px 0;
      width: 400px;
}

#agency-manager-page #mainSearch .form-group {
      margin-bottom: 0;
}

#agency-manager-page .main-search .form-control {
      padding-left: 2.375rem;
      border-radius: 8px;
      border: solid 1px #e4e4e4;
}

#agency-manager-page .main-search .form-control::placeholder {
      color: #444444;
      opacity: 0.5;
}

#agency-manager-page .main-search .form-control-feedback {
      position: absolute;
      z-index: 2;
      display: block;
      width: 2.375rem;
      height: 2.375rem;
      line-height: 2.375rem;
      text-align: center;
      pointer-events: none;
      color: #444444;
      display: flex;
      align-items: center;
      justify-content: center;
}

#mls-faq-header .accordion .card-header.collapsed:after {
      content: '\f067';
}

#agency-manager-page .main-search .form-control-feedback img {
      width: 100%;
      max-width: 22px;
}

#agency-manager-page .modal-link {
      color: var(--primary-color);
      font-weight: 700;
}

#mls-bottom-info {
      background-color: #ffffff;
      padding: 60px 20px;
}

#mls-bottom-info .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 10px;
}

#mls-bottom-info .mls-features .mls-feature-box {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 25px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#mls-bottom-info .mls-features .mls-feature-box h2 {
      color: #000000;
      font-weight: 700;
      font-size: 27px;
}

#mls-bottom-info .mls-features .mls-feature-box p {
      margin-bottom: 10px;
}

#mls-bottom-info .mls-faq-header {
      margin: 60px 0 30px 0;
}

#mls-bottom-info .mls-faq-header h3 {
      font-size: 27px;
      font-weight: 700;
      color: #000000;
}

#mls-bottom-info .modal-link {
      color: var(--primary-color);
      font-weight: 700;
}

#mls-bottom-info #FAQ::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#agencyManagerModal {
      padding-top: 0 !important;
      padding-right: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 0 !important;
      padding: 20px !important;
}

#agencyManagerModal .modal-body {
      background-color: #ffffff;
}

#agencyManagerModal .modal-dialog {
      width: 100%;
      max-width: 1050px;
      margin: 0 auto;
}

.mls-contact-form {
      padding: 10px;
}

.mls-contact-form .form h3 {
      font-weight: 700;
}

.mls-contact-form .form a {
      color: #6d6e71;
}

.mls-contact-form .form a:hover {
      color: var(--primary-color);
}

.mls-contact-form .form label {
      font-size: 13px;
}

.mls-contact-form .form label span {
      color: var(--primary-color);
}

.mls-contact-form button {
      width: 100%;
}

#select-farm-area .waitlist-areas-box {
      padding-top: 15px;
      margin-top: 15px;
}

#select-farm-area .waitlist-areas-box #waitlistAreaList {
      max-height: 200px;
      overflow-y: auto;
}

#select-farm-area .waitlist-areas-box h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 10px;
      color: var(--secondary-color);
}

.selected-areas-box .list-toggle {
      cursor: pointer;
}

#select-farm-area .waitlist-areas-box a {
      color: var(--primary-color);
}

#select-farm-area .waitlist-areas-box a:hover {
      color: #8bc7c9;
}

#select-farm-area .waitlist-areas-box .waitlist-areas-top {
      display: flex;
      justify-content: space-between;
}

#select-farm-area .waitlist-areas-box .waitlist-areas-top .print-icon i {
      color: var(--primary-color);
      font-size: 14px;
}

#select-farm-area .waitlist-areas-box .waitlist-area-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      background-color: rgba(248, 215, 218, 0.5);
      border: solid 1px #e4e4e4;
}

#select-farm-area .waitlist-areas-box ul {
      list-style: none;
      padding: 0;
      margin: 0;
}

#select-farm-area .waitlist-areas-box li {
      margin-bottom: 5px;
}

#select-farm-area .waitlist-areas-box p {
      padding: 0;
      margin: 0;
}

#select-farm-area .waitlist-area-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px 10px 10px;
}

#select-farm-area .waitlist-area-header input {
      visibility: hidden;
}

#select-farm-area .waitlist-area-header div:nth-child(1) {
      width: 5%;
      text-align: center;
}

#select-farm-area .waitlist-area-header div:nth-child(2) {
      width: 55%;
      text-align: left;
}

#select-farm-area .waitlist-area-header div:nth-child(3) {
      width: 15%;
      text-align: center;
}

#select-farm-area .waitlist-area-header div:nth-child(4) {
      width: 15%;
      text-align: center;
}

#select-farm-area .waitlist-area-header div:nth-child(5) {
      width: 10%;
      text-align: center;
}

#select-farm-area .waitlist-area-inner div:nth-child(1) {
      width: 5%;
      text-align: center;
}

#select-farm-area .waitlist-area-inner div:nth-child(2) {
      width: 55%;
      text-align: left;
}

#select-farm-area .waitlist-area-inner div:nth-child(3) {
      width: 15%;
      text-align: center;
}

#select-farm-area .waitlist-area-inner div:nth-child(4) {
      width: 15%;
      text-align: center;
}

#select-farm-area .waitlist-area-inner div:nth-child(5) {
      width: 10%;
      text-align: center;
}

#select-farm-area .waitlist-areas-box .total-waitlist-areas {
      display: flex;
      justify-content: flex-end;
      border-bottom: solid 2px var(--primary-color);
      width: fit-content;
      float: right;
      margin-top: 10px;
}

#select-farm-area .waitlist-areas-box .total-waitlist-areas p {
      font-weight: 700;
}

#select-farm-area .waitlist-areas-box .total-waitlist-areas p:nth-child(1) {
      margin-right: 10px;
}

#select-farm-area .lockin-main-box {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
      width: 100%;
}

#select-farm-area .lockin-main-box .top-box {
      width: 100%;
      max-width: 300px;
      padding: 20px;
      background-color: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      margin-top: 20px;
}

#select-farm-area .lockin-main-box .questions-box {
      width: 100%;
      max-width: 300px;
      padding: 20px;
      background-color: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      margin-top: 20px;
}

#select-farm-area .lockin-main-box .save-box {
      width: 100%;
      max-width: 300px;
      padding: 20px;
      background-color: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      margin-top: 20px;
}

#select-farm-area .lockin-main-box h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 10px;
      color: var(--secondary-color);
}

#select-farm-area .lockin-main-box .lockin-btn {
      background-color: var(--primary-color);
      padding: 12px 20px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      max-width: 100%;
      text-transform: uppercase;
      margin: 5px 0;
}

#select-farm-area .lockin-main-box .lockin-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area .lockin-main-box .lockin-btn.blue {
      background-color: var(--secondary-color);
}

#select-farm-area .lockin-main-box .lockin-btn.blue:hover {
      background-color: #08396b;
}

#select-farm-area .lockin-main-box .lockin-btn.grey {
      background-color: #6d6e71;
}

#select-farm-area .lockin-main-box .lockin-btn.grey:hover {
      background-color: #d2d2d2;
      color: #444444;
}

#select-farm-area #farmHelpModal .lockin-btn {
      background-color: var(--secondary-color);
      padding: 12px 20px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      max-width: 100%;
      text-transform: uppercase;
      margin: 5px 0;
}

#select-farm-area #farmHelpModal .lockin-btn:hover {
      background-color: #08396b;
      color: #ffffff;
}

#select-farm-area .pricing-box .buy-btn {
      background-color: var(--primary-color);
      padding: 12px 20px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      max-width: 100%;
      text-transform: uppercase;
      margin: 5px 0;
}

#select-farm-area .pricing-box .buy-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area #terms-group {
      text-align: center;
}

#select-farm-area #terms-group .payment-btn {
      background-color: var(--primary-color);
      padding: 12px 20px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      max-width: 100%;
      text-transform: uppercase;
      margin: 5px 0;
}

#select-farm-area #terms-group .payment-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area .lockin-main-box p {
      font-size: 12px;
      margin-top: 15px;
      margin-bottom: 0;
}

#select-farm-area #scheduleCallModal {
      font-size: 15px;
      padding-right: 0 !important;
}

#select-farm-area #scheduleCallModal h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 0;
}

#select-farm-area #scheduleCallModal ul {
      list-style: none;
      padding-left: 0;
}

#select-farm-area #scheduleCallModal ul li {
      margin: 10px;
}

#select-farm-area #scheduleCallModal li ul {
      list-style: disc;
      padding-left: 20px;
}

#select-farm-area #scheduleCallModal .modal-dialog {
      max-width: 800px;
}

#select-farm-area #scheduleCallModal .modal-header {
      border-bottom: 0;
      padding: 5px 10px;
}

#select-farm-area #scheduleCallModal .modal-body {
      max-height: 600px;
      overflow-y: auto;
}

#select-farm-area #scheduleCallModal button {
      padding: 10px;
}

#select-farm-area #scheduleCallModal h4 {
      margin-top: 20px;
      font-size: 1.3em;
}

#select-farm-area #scheduleCallModal .schedule-call-box {
      text-align: center;
      padding-bottom: 15px;
}

#select-farm-area #scheduleCallModal .schedule-call-body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

#select-farm-area #scheduleCallModal .schedule-call-body form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

#select-farm-area #scheduleCallModal .schedule-call-body p {
      font-size: 15px;
      margin-right: 10px;
      margin-bottom: 0;
}

#select-farm-area #scheduleCallModal .schedule-call-box .schedule-call-header h3 {
      font-size: 22px;
}

#select-farm-area #scheduleCallModal .schedule-call-body .date-time-box {
      display: flex;
      flex-flow: wrap;
}

#select-farm-area #scheduleCallModal .schedule-call-body input {
      width: 400px;
      max-width: 100%;
}

#select-farm-area #scheduleCallModal .schedule-call-body .name-input,
#select-farm-area #scheduleCallModal .schedule-call-body .phone-input,
#select-farm-area #scheduleCallModal .schedule-call-body .email-input,
#select-farm-area #scheduleCallModal .schedule-call-body .date-input,
#select-farm-area #scheduleCallModal .schedule-call-body .time-input {
      display: flex;
      align-items: center;
      margin: 10px 0;
}

#select-farm-area #scheduleCallModal .schedule-call-body .date-input {
      width: 280px;
      max-width: 100%;
}

#select-farm-area #scheduleCallModal .schedule-call-body .time-input {
      margin-left: 10px;
}

#select-farm-area #scheduleCallModal .info-s {
      font-weight: 500;
      font-size: 12px;
      text-transform: none;
      margin-top: 0;
      padding-top: 3px;
}

#select-farm-area #scheduleCallModal .modal-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area #scheduleCallModal .modal-btn {
      background-color: var(--primary-color);
      padding: 12px 20px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      max-width: 100%;
      text-transform: uppercase;
      margin: 5px 0;
}

#select-farm-area #registerModal .modal-btn {
      background-color: var(--primary-color);
      padding: 12px 20px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      max-width: 100%;
      text-transform: uppercase;
      margin: 5px 0;
}

#select-farm-area #scheduleCallModal .schedule-call-bottom button {
      margin: 20px 0 10px 0;
}

#select-farm-area #scheduleCallModal .schedule-call-bottom p {
      font-size: 12px;
      margin-bottom: 0;
      margin-top: 10px;
}

#select-farm-area #saveAreasModal {
      font-size: 15px;
      padding-right: 0 !important;
}

#select-farm-area #saveAreasModal h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 0;
}

#select-farm-area #saveAreasModal ul {
      list-style: none;
      padding-left: 0;
}

#select-farm-area #saveAreasModal ul li {
      margin: 10px;
}

#select-farm-area #saveAreasModal li ul {
      list-style: disc;
      padding-left: 20px;
}

#select-farm-area #saveAreasModal .modal-dialog {
      max-width: 800px;
}

#select-farm-area #saveAreasModal .modal-header {
      border-bottom: 0;
      padding: 5px 10px;
}

#select-farm-area #saveAreasModal .modal-body {
      max-height: 600px;
      overflow-y: auto;
}

#select-farm-area #saveAreasModal button {
      padding: 10px;
}

#select-farm-area #saveAreasModal h4 {
      margin-top: 20px;
      font-size: 1.3em;
}

#select-farm-area #saveAreasModal .save-areas-box {
      text-align: center;
      padding-bottom: 15px;
}

#select-farm-area #saveAreasModal .save-areas-body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

#select-farm-area #saveAreasModal .save-areas-body form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

#saveAreasModal .save-areas-body .required {
      color: red;
      font-size: 12px;
}

#scheduleCallModal .required {
      color: red;
      font-size: 12px;
}

#select-farm-area #saveAreasModal .save-areas-body p {
      font-size: 15px;
      margin-right: 10px;
      margin-bottom: 0;
}

#select-farm-area #saveAreasModal .save-areas-box .save-areas-header h3 {
      font-size: 22px;
      color: var(--secondary-color);
}

#farmStepThree .pricing-box h1 {
      font-size: 58px;
      font-weight: 700;
      color: var(--secondary-color);
}

#farmStepThree .pricing-box p {
      font-size: 18px;
      color: var(--primary-color);
}

#farmStepThree .pricing-box .mailingsummary {
      font-size: 24px;
      font-weight: 700;
      color: #57585b;
      list-style-type: none;
}

#farmStepThree .pricing-box .mailingsummary span {
      font-size: 18px;
      font-weight: 400;
      color: #57585b;
}

#select-farm-area #saveAreasModal .save-areas-body input {
      width: 400px;
      max-width: 100%;
}

#select-farm-area #saveAreasModal .save-areas-body .name-input,
#select-farm-area #saveAreasModal .save-areas-body .phone-input,
#select-farm-area #saveAreasModal .save-areas-body .email-input {
      display: flex;
      align-items: center;
      margin: 10px 0;
}

#select-farm-area #saveAreasModal .info-s {
      font-weight: 500;
      font-size: 12px;
      text-transform: none;
      margin-top: 0;
      padding-top: 3px;
}

#select-farm-area #saveAreasModal .modal-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area #saveAreasModal .modal-btn {
      background-color: var(--primary-color);
      padding: 12px 20px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      max-width: 100%;
      text-transform: uppercase;
      margin: 5px 0;
}

#select-farm-area #saveAreasModal .save-areas-bottom button {
      margin: 20px 0 10px 0;
}

#select-farm-area #saveAreasModal .save-areas-bottom p {
      font-size: 12px;
      margin-bottom: 0;
      margin-top: 10px;
}

#select-farm-area #saveAreasSecModal {
      font-size: 15px;
      padding-right: 0 !important;
}

#select-farm-area #saveAreasSecModal h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 0;
}

#select-farm-area #saveAreasSecModal ul {
      list-style: none;
      padding-left: 0;
}

#select-farm-area #saveAreasSecModal ul li {
      margin: 10px;
}

#select-farm-area #saveAreasSecModal li ul {
      list-style: disc;
      padding-left: 20px;
}

#select-farm-area #saveAreasSecModal .modal-dialog {
      max-width: 800px;
}

#select-farm-area #saveAreasSecModal .modal-header {
      border-bottom: 0;
      padding: 5px 10px;
}

#select-farm-area #saveAreasSecModal .modal-body {
      max-height: 600px;
      overflow-y: auto;
}

#select-farm-area #saveAreasSecModal button {
      padding: 10px;
}

#select-farm-area #saveAreasSecModal h4 {
      margin-top: 20px;
      font-size: 1.3em;
      line-height: 1.5em;
}

#select-farm-area #saveAreasSecModal .save-areas-box {
      text-align: center;
      padding: 0 20px 15px 20px;
}

#select-farm-area #saveAreasSecModal .save-areas-box .save-areas-header h3 {
      font-size: 22px;
}

#select-farm-area #saveAreasSecModal .save-areas-box .save-areas-header p {
      font-size: 15px;
      margin-bottom: 0;
      margin: 20px 0;
      font-weight: 700;
}

#select-farm-area #saveAreasSecModal .modal-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#select-farm-area #saveAreasSecModal .modal-btn {
      background-color: var(--primary-color);
      padding: 12px 20px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      width: fit-content;
      max-width: 100%;
      text-transform: uppercase;
      margin: 5px 0;
}

.glass {
      width: 200px;
      height: 200px;
      position: absolute;
      border-radius: 50%;
      cursor: crosshair;
      box-shadow:
            0 0 0 7px rgba(255, 255, 255, 0.85),
            0 0 7px 7px rgba(0, 0, 0, 0.25),
            inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
      display: none;
}

#signUpAlt {
      height: 730px;
      position: relative;
      z-index: 4;
      padding-top: 80px;
}

#signUpAlt #signUpContent {
      padding: 350px 50px 250px 200px;
      position: relative;
      z-index: 6;
}

#signUpAlt h1 {
      font-weight: 700;
      color: #ffffff;
      font-size: 2rem;
      text-align: center;
}

#signUpAlt h2 {
      font-weight: 500;
      color: #ffffff;
      text-align: center;
}

#signUpAlt h3 {
      font-weight: 500;
      font-size: 1.4em;
      color: #ffffff;
      text-align: center;
}

#signUpAlt p {
      color: #ffffff;
      margin-bottom: 0;
      text-align: center;
}

#signUpAlt a {
      color: #ffffff;
}

#signUpAlt .selectbox {
      border: 1px solid #ccc;
      border-radius: 15px;
      background-color: #ffffff;
      padding-left: 20px;
      padding-right: 20px;
      height: 360px;
}

#signUpAlt .selectbox2 {
      border: 1px solid #ccc;
      border-radius: 15px;
      background-color: #ffffff;
      padding-left: 20px;
      padding-right: 20px;
      height: 500px;
}

#signUpAlt .boxborder {
      border: 1px solid #ccc;
      overflow-y: scroll;
}

#signUpAlt #Step2-SelectOffice .Selecthd {
      font-size: 16px;
      color: var(--secondary-color);
      padding: 5px;
}

#signUpAlt #Step3-SelectAgent .Selecthd {
      font-size: 16px;
      color: var(--secondary-color);
      padding: 5px;
}

#signUpAlt #Step4-Confirmation .Selecthd {
      font-size: 16px;
      color: var(--secondary-color);
      padding: 5px;
}

#signUpAlt .nonmlshd {
      font-size: 16px;
      font-weight: 600;
      color: var(--primary-color);
      padding-top: 15px;
}

#signUpAlt #NonMLSarea p {
      font-size: 14px;
      color: #6b6969;
}

#NonMLSareaThanks h1 {
      font-size: 4rem;
      color: var(--primary-color);
}

#NonMLSareaThanks h2 {
      font-size: 2rem;
      color: var(--primary-color);
}

#NonMLSareaThanks h3 {
      font-size: 1.8rem;
      color: #ffffff;
}

#NoZipareaThanks h1 {
      font-size: 4rem;
      color: var(--primary-color);
}

#NoZipareaThanks h2 {
      font-size: 2rem;
      color: var(--primary-color);
}

#NoZipareaThanks h3 {
      font-size: 1.8rem;
      color: #ffffff;
}

#signUpAlt #Step4-Confirmation #thanks p {
      font-size: 12px;
      color: #4a4b4b;
      padding: 5px;
      line-height: 0.9;
}

#signUpAlt #signUpAltForm {
      display: flex;
      flex-flow: wrap;
      align-items: center;
      padding: 30px 0;
      justify-content: center;
}

#signUpAlt #signUpAltForm input {
      width: 220px;
      max-width: 100%;
      margin-bottom: 10px;
      text-align: center;
}

#signUpAlt .blue-solid-btn {
      background-color: var(--secondary-color);
      padding: 8px 15px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 1px;
      text-align: center;
      width: 220px;
      border: none !important;
      text-transform: uppercase;
}

#signUpAlt .blue-solid-btn:hover {
      background-color: #08396b;
      color: #ffffff;
}

#signUpAlt .green-solid-btn {
      background-color: var(--primary-color);
      padding: 8px 15px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      letter-spacing: 1px;
      text-align: center;
      border: none !important;
      text-transform: uppercase;
}

#signUpAlt .lg {
      font-size: 16px;
      width: 220px !important;
}

#signUpAlt .sm {
      font-size: 14px;
      width: 150px !important;
}

#NoZip .lg {
      font-size: 14px;
      width: 350px !important;
}

#signUpAlt .light-blue-solid-btn {
      background-color: #5c5d5e;
      padding: 2px 4px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 1px;
      text-align: center;
      width: 100px;
      border: none !important;
      text-transform: uppercase;
}

#signUpAlt .blue2-solid-btn {
      background-color: var(--secondary-color);
      padding: 8px 10px;
      border-radius: 4px;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 1px;
      text-align: center;
      width: 100px;
      border: none !important;
      text-transform: uppercase;
}

.green,
.green:hover {
      color: #28a745;
}

.red,
.red:hover {
      color: #dc3545;
}

#signUpAlt .blue-solid-btn:hover {
      background-color: #08396b;
      color: #ffffff;
}

#signUpAlt .green-solid-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#signUpAlt .light-blue-solid-btn:hover {
      background-color: #08396b;
      color: #ffffff;
}

#signUpAlt .blue2-solid-btn:hover {
      background-color: #08396b;
      color: #ffffff;
}

#signUpAlt .backgroundIcon {
      width: 100%;
      max-width: 640px;
      position: absolute;
      z-index: -1;
      left: -140px;
      bottom: 0;
      top: -50px;
}

#signUpAlt #ContactUs {
      /* margin-top: 15px; */
}

#signUpRandomBar {
      background-color: var(--secondary-color);
      height: 80px;
      margin: 10px 0;
}

.selectbox3 {
      border: 1px solid #ccc;
      border-radius: 15px;
      background-color: #ffffff;
      padding-left: 20px;
      padding-right: 20px;
      height: 600px;
}

#signUpAlt #NoZip .noziphd {
      font-size: 1.4rem;
      font-weight: 600;
      color: var(--primary-color);
      padding-top: 15px;
}

#signUpAlt #NoZip .noziphd h3 {
      font-size: 1.2rem;
      color: var(--primary-color);
}

#signUpAlt #NoZip .noziphd p {
      font-size: 14px;
      color: #5c5d5e;
      font-weight: normal;
      text-align: center;
}

#signUpAlt #NoZip input::placeholder {
      text-align: center;
}

#accLeftNav {
      min-height: 100%;
      position: relative;
      z-index: 6;
}

#accLeftNav svg {
      width: 100%;
      max-width: 22px;
      min-width: 22px;
      margin-right: 15px;
}

#accLeftNav .st0 {
      fill: none;
}

#accLeftNav .st1 {
      fill: #000000;
      transition: ease 0.2s;
}

#accLeftNav .st2 {
      fill: var(--primary-color);
      transition: ease 0.2s;
}

#accLeftNav .account-nav .agentVariationBox {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
}
ul#submenu_PC-top {
      text-indent: 20px;
}

#accLeftNav #accountMenuMobile {
      display: flex;
      align-items: center;
      font-size: 16px;
      color: #000000;
}

#accLeftNav #accountMenuMobile:focus {
      box-shadow: none;
}

.agentContainer {
      position: relative;
      z-index: 4;
      margin-top: 2rem;
}

#agentOverlayBG {
      background-color: rgba(0, 0, 0, 0.9);
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 5;
}

.preventScroll {
      overflow: hidden;
}

#accLeftNav .accMobileMenu {
      display: flex !important;
      flex-direction: column;
      padding: 80px 20px;
      background-color: #ffffff;
      width: 100%;
      max-width: 70vw;
      height: calc(100vh);
      position: fixed;
      z-index: 6;
      top: 0;
      left: 0;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

.accSlideIn {
      animation: accSlideIn 0.5s ease forwards;
      -webkit-animation: accSlideIn 0.5s ease forwards;
}

.accSlideOut {
      animation: accSlideOut 0.5s ease forwards;
      -webkit-animation: accSlideOut 0.5s ease forwards;
}

@keyframes accSlideIn {
      0% {
            transform: translateX(-800px);
            opacity: 1;
      }

      100% {
            transform: translateX(0%);
            opacity: 1;
      }
}

@keyframes accSlideOut {
      0% {
            transform: translateX(0%);
            opacity: 1;
      }

      100% {
            transform: translateX(-800px);
            opacity: 1;
      }
}

#accLeftNav .account-nav li a:hover svg .st1 {
      fill: var(--primary-color);
}

#accLeftNav .account-nav {
      background-color: #ffffff;
      border-radius: 8px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      position: sticky;
      top: 75px;
}

#accLeftNav .account-nav .active {
      color: var(--primary-color);
}

#accLeftNav .account-nav svg .active {
      fill: var(--primary-color);
}

#accLeftNav .account-nav ul,
#accLeftNav .account-nav ul li {
      list-style-type: none;
      list-style: none;
      transition: ease 0.2s;
}

#accLeftNav .account-nav li {
      padding: 0em;
      padding-top: 10px;
      color: #000000;
      align-items: center;
      display: flex;
}

#accLeftNav .account-nav li a {
      display: flex;
      align-items: center;
      width: 100%;
      color: #000000;
      transition: ease 0.2s;
}

#accLeftNav .account-nav li a:hover,
#accLeftNav .account-nav li a:focus,
#accLeftNav .account-nav li a:active {
      color: var(--primary-color);
}

#accLeftNav .account-nav li img {
      width: 100%;
      max-width: 22px;
      margin-right: 15px;
      transition: ease 0.2s;
}

#accLeftNav .account-nav p {
      margin-bottom: 0;
}

#accLeftNav .account-nav #agentMainImage {
      display: flex;
      align-items: center;
      padding: 25px 25px 0 25px;
      border-radius: 8px 8px 0 0;
}

#accLeftNav .account-nav #agentMainImageAgency {
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      padding: 25px 25px 0 25px;
      border-radius: 8px 8px 0 0;
      text-align: center;
}

#accLeftNav .account-nav #agentMainImageAgency .agent-imagelogo-box {
      display: flex;
      align-items: center;
}

#accLeftNav .account-nav #agentMainImageTeam {
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      padding: 25px 25px 0 25px;
      border-radius: 8px 8px 0 0;
      text-align: center;
}

#accLeftNav .account-nav #agentMainImageTeam .agent-imagelogo-box {
      display: flex;
      align-items: center;
}

#accLeftNav .account-nav .agent-agentLogo-box {
      display: flex;
      align-items: center;
      margin-top: 15px;
      min-width: 125px;
      max-width: 125px;
      height: 60px;
      max-height: 60px;
      border-radius: 8px;
      background-size: contain !important;
      background-position: center center !important;
}

#accLeftNav .account-nav .agentProfileImage {
      min-width: 70px;
      max-width: 70px;
      min-height: 70px;
      max-height: 70px;
      border-radius: 50%;
      border: 1px solid #ccc;
      object-fit: cover;
      object-position: center top;
}

#accLeftNav .account-nav .agentProfileImageTeam {
      width: 100%;
      max-width: 140px;
      max-height: 70px;
      border-radius: 8px;
      border: 1px solid #ccc;
      object-fit: cover;
      object-position: center top;
}

#accLeftNav .account-nav #agentMainImageAgency #agentMainDetails {
      margin-top: 10px;
}

#accLeftNav .account-nav #agentMainImageTeam #agentMainDetails {
      margin-top: 10px;
}

#accLeftNav .account-nav #agentMainDetails h3 {
      margin-bottom: 0;
      color: #000000;
}

#accLeftNav .account-nav #agentMainDetails .agentAccountNum {
      font-size: 12px;
      margin-top: 5px;
      color: inherit;
}

#accLeftNav .account-nav #agentMainDetails .agentAccountName {
      font-size: 14px;
      font-weight: 700;
      color: inherit;
      margin: 2px 0;
}

#accLeftNav .account-nav #agentMainDetails .agentAccountAgency {
      font-size: 14px;
      color: inherit;
}

#accLeftNav .noti-bubble {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: var(--primary-color);
      margin-top: 2px;
      margin-left: 10px;
}

#accountNavDesktop {
      margin-bottom: 0;
      padding: 15px 25px 25px 25px;
}

#accountNavDesktop button {
      border: 0;
      outline: 0;
      background: transparent;
      padding: 0;
      margin: 0;
}

#accountNavDesktop h3 {
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 0;
}

#accountNavDesktop .marg-bottom {
      margin-bottom: 20px;
}

#accountNavDesktop .pos-rel {
      position: relative;
}

#accountNavDesktop #accountMenuClose {
      position: absolute;
      right: 0;
      top: 0;
}

#accountNavDesktop #accountMenuClose svg {
      margin-right: 0;
}

#accountNavDesktop li {
      width: 100%;
}

#agentDashMain .card-rsp {
      background-color: #ffffff;
      border-radius: 8px;
      display: flex;
      height: 100%;
      padding: 20px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#agentDashMain #accountMain {
      padding: 20px 10px;
}

#agentDashMain .col-3 {
      padding-top: 20px;
}

#agentDashMain .page-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
}

#agentDashMain .page-header h1 {
      color: #000000;
      font-weight: 700;
      font-size: 2.2em;
      margin-bottom: 30px;
}

#agentDashMain .page-header .st0 {
      fill: none;
}

#agentDashMain .page-header .st1 {
      fill: var(--primary-color);
      transition: ease 0.2s;
}

#agentDashMain .page-header a:hover .st1 {
      fill: #444444;
}

#agentDashMain .page-header .help-icon:focus .st1 {
      fill: #444444;
}

#agentDashMain .page-header svg {
      width: 100%;
      max-width: 22px;
      min-width: 22px;
      margin-left: 5px;
      padding-bottom: 3px;
}

#agentDashMain .product-outer-box {
      background-color: #ffffff;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      text-align: center;
      height: 100%;
      padding: 20px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#agentDashMain .product-outer-box h3 {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 0;
}

#agentDashMain .product-outer-box p {
      font-size: 12px;
      font-weight: 700;
      color: #28a745;
      margin-bottom: 0;
      padding: 5px 0;
}

#agentDashMain .product-outer-box a {
      width: 100%;
}

#agentDashMain .product-outer-box .prod-btn {
      background-color: var(--primary-color);
      padding: 5px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

#agentDashMain .product-outer-box .prod-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#agentDashMain #accountMain #accRecentOrders h3,
#agentDashMain #accountMain #accMyleads h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 0;
}

#agentDashMain #accountMain #accRecentOrders ul,
#agentDashMain #accountMain #accMyleads ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
      height: 120px;
      max-height: 120px;
      overflow-y: auto;
}

#agentDashMain #accountMain #accRecentOrders li,
#agentDashMain #accountMain #accMyleads li {
      display: flex;
      width: 100%;
      align-items: center;
      padding: 5px 0;
}

#agentDashMain #accountMain #accRecentOrders ul p,
#agentDashMain #accountMain #accMyleads ul p {
      margin-bottom: 0;
      font-size: 12px;
}

#agentDashMain #accountMain .recent-orders-headers {
      display: flex;
      width: 96%;
      align-items: center;
      margin-bottom: 5px;
}

#agentDashMain #accountMain .recent-orders-headers p {
      margin-bottom: 0;
      font-size: 12px;
      font-weight: 700;
      color: #444444;
}

#agentDashMain #accountMain .order-date {
      width: 25%;
      color: var(--primary-color);
      font-weight: 700;
}

#agentDashMain #accountMain .order-name {
      width: 55%;
}

#agentDashMain #accountMain .order-cost {
      width: 20%;
}

#agentDashMain #accountMain .dashboard-btn {
      background-color: var(--primary-color);
      padding: 5px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
      margin-top: 20px;
}

#agentDashMain #accountMain .dashboard-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#agentDashMain #accountMain .details-btn {
      background-color: #d2d2d2;
      padding: 5px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #444444;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      max-width: fit-content;
      text-transform: uppercase;
}

#agentDashMain #accountMain .details-btn:hover {
      background-color: #56575a;
      color: #ffffff;
}

#agentDashMain #accountMain #accRecentOrders .st0,
#agentDashMain #accountMain #accMyleads .st0 {
      fill: none;
}

#agentDashMain #accountMain #accRecentOrders .st1,
#agentDashMain #accountMain #accMyleads .st1 {
      fill: var(--primary-color);
      transition: ease 0.2s;
}

#agentDashMain #accountMain #accRecentOrders a:hover .st1,
#agentDashMain #accountMain #accMyleads a:hover .st1 {
      fill: #444444;
}

#agentDashMain #accountMain #accRecentOrders a:focus .st1,
#agentDashMain #accountMain #accMyleads a:focus .st1 {
      fill: #444444;
}

#agentDashMain #accountMain #accRecentOrders svg,
#agentDashMain #accountMain #accMyleads svg {
      width: 100%;
      max-width: 18px;
      min-width: 18px;
}

#agentDashMain #accountMain #accRecentOrders .recent-orders-inner,
#agentDashMain #accountMain #accMyleads .leads-inner {
      height: 250px;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
}

#agentDashMain #accountMain #accRecentOrders .recent-orders-title,
#agentDashMain #accountMain #accMyleads .leads-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 5px;
}

#agentDashMain #accountMain #accMyleads .leads-counter {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
}

#agentDashMain #accountMain #accMyleads .leads-counter h3 {
      font-size: 50px;
      font-weight: 700;
      padding-right: 5px;
}

#agentDashMain #accountMain #accMyleads .leads-counter .counter-total-num {
      color: var(--primary-color);
      font-size: 16px;
      font-weight: 700;
      padding-top: 5px;
      margin-bottom: 10px;
}

#agentDashMain #accountMain #accMyleads .leads-counter p {
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 0;
}

#agentDashMain #accountMain #accMyleads .leads-counter .leads-counter-content {
      display: flex;
      align-items: center;
}

#agentDashMain #accountMain #accMyleads .leads-counter .leads-counter-content img {
      width: 100%;
      max-width: 25px;
}

#agentDashMain #accountMain .designedForYou-header h3,
#agentDashMain #accountMain .agentOtherProducts-header h3,
#agentDashMain #accountMain .agentAllProducts-header h3,
#agentDashMain #accountMain .agentDeals-header h3 {
      font-weight: 700;
      color: #000000;
      margin-top: 40px;
}

#agentDashMain #accountMain .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 10px;
}

#agentDashMain #accountMain .owl-stage .solid-btn {
      margin-top: 20px;
}

#agentDashMain #accountMain .owl-stage-outer {
      padding: 20px 0;
}

#agentDashMain #accountMain .owl-stage {
      display: flex;
}

#agentDashMain #accountMain .singleProductBox {
      text-align: center;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 5%);
      padding: 20px;
      transition: ease 0.6s;
      border-radius: 8px;
      height: 100%;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
}

#agentDashMain #accountMain .singleProductBox:hover {
      box-shadow: 0px 2px 15px rgb(0 0 0 / 18%);
}

#agentDashMain #accountMain .related-products-box h3 {
      font-size: 27px;
      font-weight: 700;
      color: #000000;
}

#agentDashMain #accountMain .singleProductImg {
      padding: 10px;
      text-align: center;
}

#agentDashMain #accountMain .singleProductImg img {
      width: 100%;
}

#agentDashMain #accountMain .singleProductTitle {
      padding-top: 10px;
}

#agentDashMain #accountMain .singleProductTitle a {
      color: #000000;
}

#agentDashMain #accountMain .singleProductTitle h3 {
      font-size: 18px;
      font-weight: 700;
}

#agentDashMain #accountMain .accProductTitle {
      font-size: 18px;
      font-weight: 700;
}

#agentDashMain #accountMain .singleProductStars i {
      color: #fbbc05;
      font-size: 16px;
      padding-bottom: 10px;
}

#agentDashMain #accountMain .singleProductPrice {
      font-size: 16px;
      padding-bottom: 20px;
      font-style: italic;
}

#agentDashMain #accountMain .owl-nav,
#agentDashMain #accountMain .owl-dots {
      margin-top: 5px;
      text-align: center;
}

#agentDashMain #accountMain .owl-dot {
      display: inline-block;
      margin: 0 5px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #ddd;
}

#agentDashMain #accountMain .owl-dot.active {
      background-color: var(--primary-color);
}

#agentDashMain #accountMain .owl-nav .owl-next {
      position: absolute;
      right: -5px;
      top: 50%;
      transform: translate(0, -50%);
}

#agentDashMain #accountMain .owl-nav .owl-prev {
      position: absolute;
      left: -5px;
      top: 50%;
      transform: translate(0, -50%);
}

#agentDashMain #accountMain .owl-nav .owl-next img {
      width: 100%;
      max-width: 10px;
      opacity: 0.7;
      transition: ease 0.3s;
      filter: invert(50%);
}

#agentDashMain #accountMain .owl-nav .owl-prev img {
      width: 100%;
      max-width: 10px;
      opacity: 0.7;
      transition: ease 0.3s;
      filter: invert(50%);
}

#agentDashMain #accountMain .owl-nav .owl-next img:hover,
#agentDashMain #accountMain .owl-nav .owl-prev img:hover {
      opacity: 1;
}

#agentDashMain #accountMain .designed-for-box {
      font-size: 13px;
      font-weight: 700;
      color: #218838;
}

#agentDashMain form a {
      color: #6d6e71;
}

#agentDashMain form a:hover {
      color: var(--primary-color);
}

#agentDashMain form label {
      font-size: 13px;
}

#agentDashMain form label span {
      color: var(--primary-color);
}

#agentDashMain .save-btn {
      background-color: var(--primary-color);
      padding: 5px 12px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      max-width: fit-content;
      text-transform: uppercase;
      margin-bottom: 20px;
}

#agentDashMain .save-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#agentDashMain .upload-btn {
      background-color: #d2d2d2;
      padding: 5px 12px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #444444;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      max-width: fit-content;
      text-transform: uppercase;
}

#agentDashMain .upload-btn:hover {
      background-color: #56575a;
      color: #ffffff;
}

#agentDashMain .delete-btn {
      background-color: #dc3545;
      padding: 5px 12px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      max-width: fit-content;
      text-transform: uppercase;
      margin-top: 10px;
}

#agentDashMain .delete-btn:hover {
      background-color: #ed5d6b;
      color: #ffffff;
}

#agentDashMain .delete-btn-alt {
      background-color: transparent;
      border: 0;
      outline: 0;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: ease 0.6s;
      text-align: center;
      margin-top: 10px;
      display: flex;
      align-items: center;
}

#agentDashMain .delete-btn-alt img {
      max-width: 100%;
      width: 22px !important;
      margin-right: 3px;
}

#agentDashMain #personalSettings {
      padding: 20px 10px;
}

#agentDashMain .settings-header {
      display: flex;
      align-items: center;
      font-size: 20px;
      font-weight: 700;
      margin: 20px 0;
}

#agentDashMain #personalSettings .profile-photo-header {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      flex-flow: wrap;
}

#agentDashMain #personalSettings .logos-header {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
}

#agentDashMain #personalSettings .layout-box-outer {
      display: flex;
      justify-content: center;
      padding: 10px;
}

#agentDashMain #personalSettings .layout-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #ffffff;
      border: 1px solid #ced4da;
      border-radius: 8px;
      padding: 10px;
      text-align: center;
      min-width: 150px;
      max-width: 150px;
      min-height: 150px;
      max-height: 150px;
}

#agentDashMain #personalSettings .layout-box p {
      margin-bottom: 10px;
      font-size: 12px;
      font-weight: 700;
      color: #444444;
}

#agentDashMain #personalSettings .layout-box svg {
      width: 100%;
}

#agentDashMain #personalSettings .layout-box .st0 {
      fill: none;
}

#agentDashMain #personalSettings .layout-box .st1 {
      fill: #000000;
}

#agentDashMain #personalSettings .layout-box:hover {
      border: solid 3px var(--primary-color);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: ease 0.03s;
}

#agentDashMain #personalSettings #agentPhotoLayoutBox .active {
      border: solid 3px var(--primary-color);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: ease 0.03s;
}

#agentDashMain #personalSettings .photos-box-outer {
      display: flex;
      justify-content: center;
      padding: 10px;
}

#agentDashMain #personalSettings .photos-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #ffffff;
      border: 1px solid #ced4da;
      border-radius: 8px;
      padding: 10px;
      text-align: center;
      min-width: 150px;
      max-width: 150px;
      height: auto;
}

#agentDashMain #personalSettings .photos-box img {
      width: 100%;
}

#agentDashMain #personalSettings .photos-box:hover {
      border: solid 3px var(--primary-color);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: ease 0.03s;
}

#agentDashMain #personalSettings #agentPhotosBox .active {
      border: solid 3px var(--primary-color);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: ease 0.03s;
}

#agentDashMain #personalSettings .logos-box-outer {
      display: flex;
      justify-content: center;
      padding: 10px;
}

#agentDashMain #personalSettings .logos-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #ffffff;
      border: 1px solid #ced4da;
      border-radius: 8px;
      padding: 10px;
      text-align: center;
      min-width: 150px;
      max-width: 150px;
      height: auto;
}

ul#ShoppingAndAccountMenu {
      /* width: 235px; */
      display: block;
      margin-right: -5px !important;
      margin-left: 9px !important;
      padding-left: 13px !important;
      text-align: right;
      float: right;
      padding-right: 0 !important;
}

#agentDashMain #personalSettings .logos-box img {
      width: 100%;
}

#agentDashMain #personalSettings .logos-box:hover {
      border: solid 3px var(--primary-color);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: ease 0.03s;
}

#agentLogosBox {
      min-height: max-content !important;
}

#agentDashMain #personalSettings #agentLogosBox .active {
      border: solid 3px var(--primary-color);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: ease 0.03s;
}

#agentDashMain #personalSettings .top-pad {
      padding-top: 10px;
}

#agentDashMain .notice-tag {
      color: #444444;
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 10px;
}

#agentDashMain .notice-tag-xs {
      color: #444444;
      font-size: 10px;
      font-weight: 700;
      margin-top: 5px;
      margin-bottom: 0;
}

#agentDashMain #personalSettings #mailingAddressBox,
#agentDashMain #personalSettings #updatePasswordBox,
#agentDashMain #personalSettings #agencyInformationBox,
#agentDashMain #personalSettings #assistantMainBox,
#agentDashMain #personalSettings #assistantInformationBox,
#agentDashMain #personalSettings #agentPhotoLayoutBox,
#agentDashMain #personalSettings #agentPhotosBox,
#agentDashMain #personalSettings #agentLogosBox,
#agentDashMain #personalSettings #facebook_settings {
      margin-top: 40px;
}

.help-icon .st0 {
      fill: none;
}

.help-icon .st1 {
      fill: var(--primary-color);
      transition: ease 0.2s;
}

.help-icon:hover .st1 {
      fill: #444444;
}

.help-icon:focus .st1 {
      fill: #444444;
}

.help-icon svg {
      width: 100%;
      max-width: 18px;
      min-width: 18px;
      margin-left: 5px;
      padding-bottom: 3px;
}

#agentDashMain #personalNotifications {
      padding: 20px 10px;
}

#agentDashMain #personalNotifications .finishing-touches {
      background-color: #f0f6f6;
      border: solid 3px var(--primary-color);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      border-radius: 8px;
}

#agentDashMain #personalNotifications .finishing-touches .content-box h2 {
      color: var(--primary-color);
      font-weight: 700;
      margin-right: 10px;
      margin-bottom: 5px;
}

#agentDashMain #personalNotifications .finishing-touches .content-box span {
      color: var(--primary-color);
      font-style: italic;
      font-weight: 700;
}

#agentDashMain #personalNotifications .finishing-touches .content-box p {
      color: #000000;
      margin-bottom: 0;
}

#agentDashMain #personalNotifications .finishing-touches .content-box img {
      width: 100%;
      max-width: 40px;
}

#agentDashMain #personalNotifications .finishing-touches .content-box .main-title {
      display: flex;
      align-items: baseline;
}

#agentDashMain #personalLeads {
      padding: 20px 10px;
}

#agentDashMain #personalLeads .leads-notice {
      color: #444444;
      font-size: 12px;
      font-weight: 700;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 0px;
}

#agentDashMain #personalLeads .leads-list-outer {
      width: 100%;
      background-color: #ffffff;
      border-radius: 8px;
      padding: 20px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#agentDashMain #personalLeads .leads-list-outer .leads-title {
      display: flex;
      width: 100%;
      font-size: 12px;
      font-weight: 700;
      color: #444444;
      margin-bottom: 10px;
}

#agentDashMain #personalLeads .leads-list-outer .leads-title-mobile {
      display: flex;
      width: 1000px;
      font-size: 12px;
      font-weight: 700;
      color: #444444;
      margin-bottom: 10px;
}

#agentDashMain #personalLeads .leads-list-outer .num {
      width: 3%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-outer .date {
      width: 8%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-outer .from {
      width: 14%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-outer .name {
      width: 18%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-outer .address {
      width: 22%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-outer .phone-email {
      width: 20%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-outer .results {
      width: 15%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-inner {
      width: 100%;
      height: 400px;
      overflow: auto;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content {
      display: flex;
      width: 100%;
      border: solid 1px #e4e4e4;
      font-size: 12px;
      padding: 10px;
      margin: 5px 0;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content:nth-child(even) {
      background-color: #e9e9e9;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content:nth-child(odd) {
      background-color: #f4f4f4;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content .num-content {
      width: 3%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content .date-content {
      width: 8%;
      padding: 0 2px;
      font-weight: 700;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content .from-content {
      width: 14%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content .name-content {
      width: 18%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content .address-content {
      width: 22%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content .phone-email-content {
      width: 20%;
      padding: 0 2px;
}

#agentDashMain #personalLeads .leads-list-inner .leads-content .results-content {
      width: 15%;
      padding: 0 2px;
}

#agentDashMain #postcardSettings {
      padding: 20px 10px;
}

#agentDashMain #postcardSettings textarea {
      height: 100px;
}

#agentDashMain #postcardSettings .notice-tag {
      margin-top: 10px;
      margin-bottom: 0;
}

#agentDashMain #postcardSettings .help-icon .st0 {
      fill: none;
}

#agentDashMain #postcardSettings .help-icon .st1 {
      fill: var(--primary-color);
      transition: ease 0.2s;
}

#agentDashMain #postcardSettings .help-icon:hover .st1 {
      fill: #444444;
}

#agentDashMain #postcardSettings .help-icon:focus .st1 {
      fill: #444444;
}

#agentDashMain #postcardSettings .help-icon svg {
      width: 100%;
      max-width: 18px;
      min-width: 18px;
      margin-left: 5px;
      padding-bottom: 3px;
}

#agentDashMain #postcardSettings #mailingDefaultsBox {
      margin-top: 40px;
}

#agentDashMain #postcardSettings #customSwitches {
      margin-bottom: 20px;
      display: flex;
      flex-direction: column;
}

#agentDashMain #postcardSettings #customSwitches .custom-control {
      margin: 5px 0;
      display: flex;
}

#agentDashMain #orderHistory {
      padding: 20px 10px;
}

#agentDashMain #orderHistory .view-btn {
      background-color: #d2d2d2;
      padding: 5px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #444444;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

#agentDashMain #orderHistory .view-btn:hover {
      background-color: #56575a;
      color: #ffffff;
}

#agentDashMain #orderHistory .reorder-btn {
      background-color: var(--primary-color);
      padding: 5px 12px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

#agentDashMain #orderHistory .list-btn {
      background-color: #d2d2d2;
      padding: 5px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #444444;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

#agentDashMain #orderHistory .list-btn:hover {
      background-color: #56575a;
      color: #ffffff;
}

#agentDashMain #orderHistory .delivery-btn {
      background-color: var(--primary-color);
      padding: 5px 12px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

#agentDashMain #orderHistory .delivery-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#agentDashMain #orderHistory .reorder-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#agentDashMain #orderHistory .pending-btn {
      background-color: transparent;
      padding: 5px 12px;
      border-radius: 4px;
      border: none;
      outline: 0;
      transition: ease 0.6s;
      color: red;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
      cursor: pointer;
}

#agentDashMain #orderHistory .pending-btn:hover {
      color: #444444;
}

#agentDashMain #orderHistory .order-notice {
      color: #444444;
      font-size: 12px;
      font-weight: 700;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 0px;
}

#agentDashMain #orderHistory .order-list-outer {
      width: 100%;
      background-color: #ffffff;
      border-radius: 8px;
      padding: 20px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#agentDashMain #orderHistory .order-list-outer .order-title {
      display: flex;
      width: 100%;
      font-size: 12px;
      font-weight: 700;
      color: #444444;
      margin-bottom: 10px;
}

#agentDashMain #orderHistory .order-list-outer .order-title-mobile {
      display: flex;
      width: 1000px;
      font-size: 12px;
      font-weight: 700;
      color: #444444;
      margin-bottom: 10px;
}

#agentDashMain #orderHistory .order-list-outer .date-filter {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
}

#agentDashMain #orderHistory .order-list-outer .date-filter h3 {
      margin-bottom: 0;
      font-size: 17px;
      font-weight: 700;
}

#agentDashMain #orderHistory .order-list-outer .date-filter input {
      margin: 0 10px;
      width: 200px;
}

#agentDashMain #orderHistory .order-list-outer .date-filter .filter-btn {
      background-color: var(--secondary-color);
      padding: 10px 20px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

#agentDashMain #orderHistory .order-list-outer .date-filter .filter-btn:hover {
      background-color: #08396b;
      color: #ffffff;
}

#agentDashMain #orderHistory .order-list-outer .date-filter .start-date {
      display: flex;
      align-items: center;
      margin-right: 20px;
}

#agentDashMain #orderHistory .order-list-outer .date-filter .end-date {
      display: flex;
      align-items: center;
}

#agentDashMain #orderHistory .order-list-outer .date {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .service {
      width: 19%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .description {
      width: 23%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .total {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .cc {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .cc-split {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .view {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .reorder {
      width: 13%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .reorder {
      width: 13%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .list {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-outer .delivery {
      width: 15%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-inner {
      width: 100%;
      height: 400px;
      overflow: auto;
}

#agentDashMain #orderHistory .order-list-inner .order-content {
      display: flex;
      align-items: center;
      width: 100%;
      border: solid 1px #e4e4e4;
      font-size: 12px;
      padding: 10px;
      margin: 5px 0;
}

#agentDashMain #orderHistory .order-list-inner .order-content:nth-child(even) {
      background-color: #e9e9e9;
}

#agentDashMain #orderHistory .order-list-inner .order-content:nth-child(odd) {
      background-color: #f4f4f4;
}

#agentDashMain #orderHistory .order-list-inner .order-content .date-content {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-inner .order-content .service-content {
      width: 20%;
      padding: 0 2px;
      font-weight: 700;
}

#agentDashMain #orderHistory .order-list-inner .order-content .description-content {
      width: 25%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-inner .order-content .total-content {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-inner .order-content .cc-content {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-inner .order-content .cc-split-content {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-inner .order-content .view-content {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-inner .order-content .reorder-content {
      width: 13%;
      padding: 0 2px;
}

#agentDashMain #orderHistory .order-list-inner .order-content .list-content {
      width: 12%;
      padding: 0 2px;
      align-content: center;
}

#agentDashMain #orderHistory .order-list-inner .order-content .delivery-content {
      width: 15%;
      padding: 0 2px;
      text-align: center;
      color: var(--primary-color);
      align-content: center;
}

#agentDashMain #orderHistory .recurring-btn {
      background-color: transparent;
      padding: 5px 12px;
      border-radius: 4px;
      border: solid 2px var(--primary-color);
      outline: 0;
      transition: ease 0.6s;
      color: var(--primary-color);
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
      pointer-events: none;
}

#agentDashMain #mailingSummary {
      padding: 20px 10px;
}

#agentDashMain #mailingSummary .list-btn {
      background-color: #d2d2d2;
      padding: 5px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #444444;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

#agentDashMain #mailingSummary .list-btn:hover {
      background-color: #56575a;
      color: #ffffff;
}

#agentDashMain #mailingSummary .delivery-btn {
      background-color: var(--primary-color);
      padding: 5px 12px;
      border-radius: 4px;
      border: 0;
      outline: 0;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

#agentDashMain #mailingSummary .delivery-btn:hover {
      background-color: #8bc7c9;
      color: #ffffff;
}

#agentDashMain #mailingSummary .pending-btn {
      background-color: transparent;
      padding: 5px 12px;
      border-radius: 4px;
      border: solid 2px var(--primary-color);
      outline: 0;
      transition: ease 0.6s;
      color: var(--primary-color);
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

#agentDashMain #mailingSummary .pending-btn:hover {
      background-color: var(--primary-color);
      color: #ffffff;
}

#agentDashMain #mailingSummary .mail-notice {
      color: #444444;
      font-size: 12px;
      font-weight: 700;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 0px;
}

#agentDashMain #mailingSummary .mail-list-outer {
      width: 100%;
      background-color: #ffffff;
      border-radius: 8px;
      padding: 20px;
      -webkit-box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#agentDashMain #mailingSummary .mail-list-outer .mail-title {
      display: flex;
      width: 100%;
      font-size: 12px;
      font-weight: 700;
      color: #444444;
      margin-bottom: 10px;
}

#agentDashMain #mailingSummary .mail-list-outer .mail-title-mobile {
      display: flex;
      width: 1000px;
      font-size: 12px;
      font-weight: 700;
      color: #444444;
      margin-bottom: 10px;
}

#agentDashMain #mailingSummary .mail-list-outer .date-filter .end-date {
      display: flex;
      align-items: center;
}

#agentDashMain #mailingSummary .mail-list-outer .date {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #mailingSummary .mail-list-outer .service {
      width: 28%;
      padding: 0 2px;
}

#agentDashMain #mailingSummary .mail-list-outer .description {
      width: 35%;
      padding: 0 2px;
}

#agentDashMain #mailingSummary .mail-list-outer .list {
      width: 12%;
      padding: 0 2px;
}

#agentDashMain #mailingSummary .mail-list-outer .delivery {
      width: 15%;
      padding: 0 2px;
}

#agentDashMain #mailingSummary .mail-list-inner {
      width: 100%;
      height: 400px;
      overflow: auto;
}

#agentDashMain #mailingSummary .mail-list-inner .mail-content {
      display: flex;
      align-items: center;
      width: 100%;
      border: solid 1px #e4e4e4;
      font-size: 12px;
      padding: 10px;
      margin: 5px 0;
}

#agentDashMain #mailingSummary .mail-list-inner .mail-content:nth-child(even) {
      background-color: #e9e9e9;
}

#agentDashMain #mailingSummary .mail-list-inner .mail-content:nth-child(odd) {
      background-color: #f4f4f4;
}

#agentDashMain #mailingSummary .mail-list-inner .mail-content .date-content {
      width: 10%;
      padding: 0 2px;
}

#agentDashMain #mailingSummary .mail-list-inner .mail-content .service-content {
      width: 28%;
      padding: 0 2px;
      font-weight: 700;
}

#agentDashMain #mailingSummary .mail-list-inner .mail-content .description-content {
      width: 35%;
      padding: 0 2px;
}

#agentDashMain #mailingSummary .mail-list-inner .mail-content .list-content {
      width: 12%;
      padding: 0 2px;
}

#agentDashMain #mailingSummary .mail-list-inner .mail-content .delivery-content {
      width: 15%;
      padding: 0 2px;
      text-align: center;
      color: var(--primary-color);
}

.main-logo-box {
      display: flex;
      align-items: end;
}

.nomls {
      background: url('../img/ActTodaySidebar.png');
      background-repeat: no-repeat;
      width: 200px;
      height: 400px;
      background-size: 90%;
      float: right;
      margin-top: 180px;
}

.collapse.navbar-collapse {
      justify-content: right;
      order: 2;
}

.main-logo-box {
      display: flex;
}

.main-logo-inner {
      display: flex;
      align-items: end;
      order: 1;
      margin: 4px;
}

.main-logo-box #logoTagline {
      border-left: 3px solid var(--primary-color);
      margin-left: 6px;
      margin-bottom: 10px;
      width: 236px;
}

.main-logo-box #logoTagline p {
      color: var(--secondary-color);
      margin-bottom: 0;
      line-height: 17px;
      padding: 0 6px;
}

.main-logo-box #logoTagline .reviews {
      display: flex;
      align-items: center;
      padding: 2px 6px;
      margin-top: 2px;
      color: #ffffff;
      font-weight: 600;
      font-size: 14px;
      background-color: var(--primary-color);
      vertical-align: middle;
}

.main-logo-box #logoTagline .fa-solid {
      font-size: 10px;
}

.main-logo-box #logoTagline .fa-solid:first-of-type {
      margin-left: 6px;
}

.reviews-small-mobile {
      display: none;
}

#navBar {
      justify-content: space-between;
      align-items: center;
}

.navbar-toggler {
      font-size: 1.2em !important;
      padding: 0 !important;
      border: 0 !important;
}

#navBar .drop-down-toggle.active {
      display: block !important;
}

.drop-down-items.shadow-sm.d-block {
      min-height: unset;
      height: auto;
      max-height: unset;
}

#headerFullOverlay {
      background-color: rgba(0, 0, 0, 0.9);
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 35;
      display: none;
}

#headerFullOverlay.show {
      display: block;
}

.nav-menu a {
      color: #6d6e71;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 14px;
}

#navBar .menu-icons {
      display: flex;
      align-items: center;
}

#navBar .menu-icons button {
      background-color: transparent;
      border: 0;
      outline: 0;
      margin: 0;
      padding: 0;
}

#navBar .menu-icons .icon-box {
      padding-bottom: 5px;
}

img#shopping-cart-icon {
      position: relative;
      z-index: 2;
}

.menu-icons {
      vertical-align: top;
      margin-top: 0;
      padding: 0;
      position: relative;
      top: -7px;
}

a.nav-link.account-link {
      color: #6d6e71 !important;
      font-weight: 700;
      font-size: 14px;
      cursor: pointer;
}

a.nav-link.account-link:hover {
      color: var(--primary-color) !important;
}

.agent-info {
      padding: 0.5em;
}

.total-box a {
      font-weight: normal;
      color: #000 !important;
}

#ShoppingAndAccountMenu .drop-down-items.shadow-sm {
      min-width: 300px;
      width: auto;
      max-width: 300px;
      right: 20px;
      top: 30px;
      position: absolute;
      min-height: 220px;
}

span.d-lg-none.dl-xl-none.d-sm-inline-block.d-md-inline-block.d-xs-inline-block.nav-item.drop-down-toggle {
      font-size: 1.5em;
      float: right;
}

span.d-lg-none.dl-xl-none.d-sm-inline-block.d-md-inline-block.d-xs-inline-block.nav-item.drop-down-toggle .fas {
      color: rgba(0, 0, 0, 0.5);
      font-size: 1.25em;
}

span.d-lg-none.dl-xl-none.d-sm-inline-block.d-md-inline-block.d-xs-inline-block.nav-item.drop-down-toggle .fas:after {
      color: rgba(0, 0, 0, 0.5);
}

#navBar .nav-menu > .nav-item > a {
      display: flex;
      align-items: center;
}

.shopcart-dropdown .header p::before {
      content: '$';
}

.nav-item .shopcart-dropdown .cart-body .img-box img {
      max-width: 100%;
      max-height: 100%;
      padding: 5px;
      min-width: 100%;
      min-height: 100%;
      display: block;
}

.green-bg-for-a a:hover {
      background-color: var(--primary-color) !important;
      color: #fff !important;
}

#navBar .menu-icons #account-overview-icon,
#navBar .menu-icons #shopping-cart-icon,
#navBar .navbar-toggler-icon {
      margin: 0 5px;
}

#navBar .menu-icons svg {
      pointer-events: none;
}

.acc-menu-dropdown {
      max-width: 300px;
      min-width: 300px;
      padding: 10px;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      background-color: #ffffff;
      border: solid 1px rgba(109, 110, 112, 0.09);
      border-radius: 8px;
      position: absolute;
      top: unset;
      right: -5px;
      z-index: 9999;
      display: none;
}
.acc-menu-dropdown:before {
      position: absolute;
      top: -16px;
      right: 27px;
      display: inline-block;
      content: '';
      border: 8px solid transparent;
      border-bottom-color: #e0e0e0;
}

.acc-menu-dropdown:after {
      position: absolute;
      top: -14px;
      right: 28px;
      display: inline-block;
      content: '';
      border: 7px solid transparent;
      border-bottom-color: #ffffff;
}

.acc-menu-dropdown .menuClearFix {
      background-color: transparent;
      height: 50px;
      width: 8%;
      position: absolute;
      top: -35px;
      right: 15px;
}

#AccountMenuContentMobile h3 {
      font-weight: bold;
      font-size: 18px;
}

.acc-menu-dropdown .agent-info {
      display: flex;
      align-items: center;
      padding-bottom: 15px;
}

.acc-menu-dropdown .agent-info h3 {
      color: #444444;
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 0;
}

.acc-menu-dropdown .agent-info p {
      color: #444444;
      font-size: 12px;
      padding-top: 2px;
      margin-bottom: 0;
}

.acc-menu-dropdown .agent-info img {
      display: flex;
      margin-right: 10px;
      min-width: 40px;
      max-width: 40px;
      min-height: 40px;
      max-height: 40px;
      border-radius: 50%;
      object-fit: cover;
      object-position: center top;
}

.acc-menu-dropdown .acc-menu-nav {
      border-top: solid 1px rgba(109, 110, 112, 0.09);
      padding-top: 10px;
}

.acc-menu-dropdown .acc-menu-nav ul {
      list-style: none;
      padding: 0 0 10px 0;
      margin: 0;
}

.acc-menu-dropdown .acc-menu-nav ul a {
      color: #000000;
      transition: ease 0.1s;
      padding: 0;
      text-align: left;
      font-weight: normal;
}

.acc-menu-dropdown .acc-menu-nav ul .active {
      color: var(--primary-color);
}

.acc-menu-dropdown .acc-menu-nav ul li a {
      color: #000000;
      transition: ease 0.1s;
      padding: 0;
      font-size: 14px;
}

.acc-menu-dropdown .acc-menu-nav ul li a:hover {
      color: var(--primary-color);
}

.acc-menu-dropdown .acc-menu-nav ul li {
      padding: 2px 0;
      display: flex;
      align-items: center;
      font-size: 14px;
}

.acc-menu-dropdown .acc-menu-nav ul img {
      width: 100%;
      max-width: 22px;
      min-width: 22px;
      margin-right: 10px;
      transition: ease 0.1s;
}

.acc-menu-dropdown .acc-menu-nav ul img.active {
      filter: invert(67%) sepia(10%) saturate(2293%) hue-rotate(128deg) brightness(101%) contrast(65%);
}

.acc-menu-dropdown .acc-menu-nav ul li a:hover img {
      filter: invert(67%) sepia(10%) saturate(2293%) hue-rotate(128deg) brightness(101%) contrast(65%);
}

.acc-menu-dropdown .acc-menu-nav ul:nth-child(1) {
      padding-bottom: 10px;
}

.acc-menu-dropdown .acc-menu-nav ul:nth-child(2) {
      padding-top: 10px;
}

.acc-menu-dropdown .acc-menu-nav-login {
      padding-top: 10px;
}

.acc-menu-dropdown .acc-menu-nav-login ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
}

.acc-menu-dropdown .acc-menu-nav-login ul a {
      color: #000000;
      transition: ease 0.1s;
}

.acc-menu-dropdown .acc-menu-nav ul .active {
      color: var(--primary-color);
}

.acc-menu-dropdown .acc-menu-nav-login ul li a:hover {
      color: var(--primary-color);
}

.acc-menu-dropdown .acc-menu-nav-login ul li {
      padding: 2px 0;
      display: flex;
      align-items: center;
      font-size: 14px;
}

.acc-menu-dropdown .acc-menu-nav-login ul img {
      width: 100%;
      max-width: 22px;
      min-width: 22px;
      margin-right: 10px;
      transition: ease 0.1s;
}

.acc-menu-dropdown .acc-menu-nav-login ul img.active {
      filter: invert(67%) sepia(10%) saturate(2293%) hue-rotate(128deg) brightness(101%) contrast(65%);
}

.acc-menu-dropdown .acc-menu-nav-login ul li a:hover img {
      filter: invert(67%) sepia(10%) saturate(2293%) hue-rotate(128deg) brightness(101%) contrast(65%);
}

.acc-menu-dropdown .acc-menu-nav-login ul:nth-child(1) {
      padding-bottom: 10px;
}

.acc-menu-dropdown .acc-menu-nav-login ul:nth-child(2) {
      border-top: solid 1px rgba(109, 110, 112, 0.09);
      padding-top: 10px;
}

.navbar-light .navbar-nav .nav-link.account-link {
      color: var(--primary-color);
}

.acc-menu-toggle:hover .acc-menu-dropdown {
      display: block;
}
.acc-menu-toggle .acc-menu-dropdown:hover {
      display: block;
}
.acc-menu-toggle:hover .acc-menu-dropdown.show {
      display: block;
}

.shopcart-dropdown {
      max-width: 400px;
      min-width: 400px;
      padding: 20px;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      background-color: #ffffff;
      border: solid 1px rgba(109, 110, 112, 0.09);
      border-radius: 8px;
      position: absolute;
      top: 40px;
      right: 140px;
      display: none;
      z-index: 9999;
}

.shopcart-dropdown:before {
      position: absolute;
      top: -16px;
      right: 9px;
      display: inline-block;
      content: '';
      border: 8px solid transparent;
      border-bottom-color: #e0e0e0;
}

.shopcart-dropdown:after {
      position: absolute;
      top: -14px;
      right: 10px;
      display: inline-block;
      content: '';
      border: 7px solid transparent;
      border-bottom-color: #ffffff;
}

.shopcart-dropdown .menuClearFix {
      background-color: transparent;
      height: 50px;
      width: 6%;
      position: absolute;
      top: -35px;
      right: 0;
}

.shopcart-dropdown .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: solid 1px rgba(109, 110, 112, 0.09);
      padding-bottom: 15px;
      margin-bottom: 20px;
}

.shopcart-dropdown .header h3 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 0;
}

.shopcart-dropdown .header a {
      font-size: 13px !important;
      font-weight: normal;
}

.shopcart-dropdown .header p {
      font-size: 15px;
      font-weight: 700;
      color: var(--primary-color);
      margin-bottom: 3px;
}

.shopcart-dropdown .header .total-box {
      display: flex;
      align-items: baseline;
}

.shopcart-dropdown .cart-body {
      display: flex;
      flex-flow: column;
      max-height: 400px;
      overflow: auto;
}

.shopcart-dropdown .cart-body .product-box {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 10px 0;
}

.shopcart-dropdown .cart-body .product-box a {
      display: flex;
      align-items: center;
      width: 100%;
      color: inherit;
      padding: 5px;
      transition: ease 0.1s;
}

.shopcart-dropdown .cart-body .product-box a:hover {
      background-color: var(--primary-color) 10;
      border-radius: 8px;
}

.shopcart-dropdown .cart-body .img-box {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 85px;
      max-width: 85px;
      min-height: 85px;
      max-height: 85px;
      background-color: #ffffff;
      border: solid 1px rgba(109, 110, 112, 0.09);
      border-radius: 5px;
      margin-right: 20px;
      object-fit: contain;
}

.shopcart-dropdown .cart-body .img-box img {
      max-width: inherit;
      max-height: 85px;
      padding: 5px;
}

.shopcart-dropdown .cart-body .item-details {
      display: flex;
      flex-direction: column;
      text-align: left;
      justify-items: left;
}

.shopcart-dropdown .cart-body .item-details * {
      color: #000 !important;
      font-weight: normal;
}

.shopcart-dropdown .cart-body .item-details .qty-box {
      display: flex;
      align-items: center;
      text-align: center;
}

.shopcart-dropdown .cart-body .item-details .price-box {
      display: block;
      text-align: left;
}

.shopcart-dropdown .cart-body .item-details h3 {
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 5px;
}

.shopcart-dropdown .cart-body .item-details > p {
      font-size: 13px;
      margin-bottom: 0;
      text-align: left;
      width: 100%;
}

.shopcart-dropdown .cart-body .item-details p {
      font-size: 13px;
      margin-bottom: 0;
      text-align: left;
      width: 100%;
}
.shopcart-dropdown .cart-body .item-details strong {
      font-weight: bold;
      margin-left: 10px;
}
.shopcart-dropdown .footer {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
}

.shopcart-dropdown .footer .cart-btn-outline {
      background-color: transparent;
      padding: 5px 12px;
      border-radius: 4px;
      border: solid 2px var(--primary-color);
      outline: 0;
      transition: ease 0.6s;
      color: var(--primary-color);
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

.shopcart-dropdown .footer a:hover .cart-btn-outline {
      background-color: var(--primary-color);
      color: #ffffff;
}

.shopcart-dropdown .footer .cart-btn-solid {
      background-color: var(--primary-color);
      padding: 5px 12px;
      border-radius: 4px;
      border: solid 2px var(--primary-color);
      outline: 0;
      transition: ease 0.6s;
      color: #ffffff;
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      text-transform: uppercase;
}

.shopcart-dropdown .footer a:hover .cart-btn-solid {
      background-color: #8bc7c9;
      border: solid 2px #8bc7c9;
}

#screenOverlay {
      background-color: rgba(0, 0, 0, 0.9);
      width: 100%;
      position: fixed;
      top: 62px;
      left: 0;
      z-index: 35;
      width: 100%;
      display: none;
      height: 100%;
      z-index: 1000;
}

.mobMenuRight {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      order: 3;
}

#pricing-page .page-title p {
      font-size: 14px;
      color: var(--primary-color);
}

#pricing-page .pricing-main .price-row {
      padding: 1px;
      margin: 5px 0;
      text-align: center;
      background-color: #dee2e6;
}

#pricing-page .pricing-main .product-box-title h3 {
      font-size: 27px;
      font-weight: 700;
      color: #000000;
      margin-top: 20px;
}

#pricing-page .pricing-main .product-box-title h3 span {
      font-size: 18px;
      font-weight: 500;
}

#pricing-page .pricing-main h4.size {
      font-size: 18px;
      font-weight: 700;
      color: #000000;
      margin-top: 20px;
}

#pricing-page .pricing-main .product-box-title .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-bottom: 10px;
}

#pricing-page .pricing-main .price-row .col-lg-3,
#pricing-page .pricing-main .price-row .col-lg-4,
#pricing-page .pricing-main .price-row .col-md-6,
#pricing-page .pricing-main .price-row .col-md-12 {
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
}

#pricing-page .pricing-main .price-row .price-box h3 {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 0;
}

#pricing-page .pricing-main .price-row .price-box h4 {
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 0;
}

#pricing-page .pricing-main .price-row .price-box .col-12,
#pricing-page .pricing-main .price-row .price-box .col-6 {
      padding: 10px;
      background-color: #ffffff;
      border: solid 1px #dee2e6;
      min-height: 50px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

#pricing-page .pricing-main .price-row .price-box .header-box {
      background-color: var(--secondary-color);
      border: none;
      color: #ffffff;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 80px;
}

#pricing-page .pricing-main .price-row .price-box .header-box h3 span {
      font-size: 12px;
}

#pricing-page .pricing-main .price-row .price-box .size-box {
      background-color: #f0f6f6;
      color: #444444;
}

#pricing-page .pricing-main .price-row .price-box .split-box {
      background-color: #efecec;
      color: #444444;
}

#pricing-page .pricing-main .product-box-title {
      padding: 5px 20px;
}

#pricing-page #scroller-main {
      position: relative;
      z-index: 4;
      padding-top: 10px;
}

#pricing-page #scroller-main p {
      margin-bottom: 0;
}

#pricing-page #scroller-main .left-fade {
      position: absolute;
      height: 100%;
      top: 0;
      left: 20px;
      width: 100px;
      z-index: 6;
      background: linear-gradient(to right, var(--secondary-color) 35%, rgba(4, 33, 62, 0) 50%, rgba(4, 33, 62, 0) 100%);
}

#pricing-page #scroller-main .right-fade {
      position: absolute;
      height: 100%;
      top: 0;
      right: 20px;
      width: 120px;
      z-index: 6;
      background: linear-gradient(to left, #ffffff 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 100%);
      pointer-events: none;
}

#pricing-page .category-scroller {
      background-color: #fff;
      display: flex;
      width: 100%;
      padding: 20px 40px;
      position: initial;
}

#pricing-page .category-scroller .scroll-item {
      color: #444444;
      margin-right: 10px;
      padding: 5px 15px;
      border-radius: 10000px;
      border: solid 1px #e4e4e4;
      background-color: #f4f4f4;
      width: auto;
      transition: ease 0.3s;
}

#pricing-page .category-scroller .scroll-item:hover {
      background-color: #6d6e71;
      border: solid 1px #444444;
      color: #ffffff;
}

#pricing-page .current {
      background-color: #6d6e71 !important;
      border: solid 1px #444444 !important;
      color: #ffffff !important;
}

#pricing-page .category-scroller .scroll-item p {
      font-family: 'Montserrat', 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 1px;
      text-transform: uppercase;
      white-space: nowrap;
      text-align: center;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

#pricing-page .owl-nav .owl-next {
      position: absolute;
      right: 25px;
      top: 55%;
      transform: translate(0, -50%);
      z-index: 6;
}

#pricing-page .owl-nav .owl-prev {
      position: absolute;
      left: 25px;
      top: 55%;
      transform: translate(0, -50%);
      z-index: 6;
}

#pricing-page .owl-nav .owl-next img {
      width: 100%;
      max-width: 8px;
      opacity: 1;
      transition: ease 0.3s;
      height: 100%;
      filter: invert(50%);
}

#pricing-page .owl-nav .owl-prev img {
      width: 100%;
      max-width: 8px;
      opacity: 1;
      transition: ease 0.3s;
      height: 100%;
      filter: invert(50%);
}

#pricing-page .owl-nav .owl-next img:hover,
#pricing-page .owl-nav .owl-prev img:hover {
      opacity: 0.7;
}

#pricing-page #TFR::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#pricing-page #JLJS-price::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#pricing-page #MPP::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#pricing-page #HVE::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#pricing-page #SPC::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#pricing-page #BPC::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#pricing-page #LEA::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#pricing-page #LB::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#pricing-page #FB::before {
      display: block;
      content: ' ';
      margin-top: -80px;
      height: 80px;
      visibility: hidden;
      pointer-events: none;
}

#pricing-page {
      padding: 60px 20px;
      background-color: #f0f6f6;
}

#deals-page {
      padding: 80px 0;
      background-color: #f0f6f6;
}

#pricing-page table {
      background-color: #ffffff;
}

#pricing-page h1 {
      color: #000000;
      font-size: 2.7em;
      font-weight: 700;
      margin-bottom: 20px;
}

#pricing-page p {
      margin-bottom: 10px;
}

#pricing-page .full-pricing-card {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 25px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#pricing-page .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 20px;
}

#testimonial-page {
      padding: 60px 20px;
      background-color: #f0f6f6;
}

#testimonial-page h1 {
      color: #000000;
      font-size: 2.7em;
      font-weight: 700;
      margin-bottom: 20px;
}

#testimonial-page .full-card {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 25px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
}

#testimonial-page .h-seperator {
      border-bottom: 3px solid var(--primary-color);
      width: 100%;
      max-width: 110px;
      margin-top: -5px;
      margin-bottom: 20px;
}

#editMailList .form-row select {
      flex: 1 100%;
      margin-bottom: 0.5em;
}

#editMailList .form-row select {
      flex: 1 100%;
      margin-bottom: 0.5em;
}

#editMailList .form-row .outline-btn-sm {
      padding: 2px 3px;
      font-size: 12px;
}

#editMailList .editing-tab-section .mobileImages > div {
      display: block;
}

#editMailList #preview-col .card {
      margin-bottom: 1.5em;
      padding: 1em;
      text-align: center;
      background: #f0f6f6;
}

#editMailList .postcard-preview {
      height: 5.75in;
}

#editMailList #leftSidebarMobile span.small {
      white-space: normal;
}

#editMailList ol {
      list-style: none;
      counter-reset: my-awesome-counter;
}

#editMailList ol li {
      counter-increment: my-awesome-counter;
}

#editMailList ol li::before {
      content: counter(my-awesome-counter) '. ';
      font-weight: bold;
      position: absolute;
      margin-left: -19px;
}

#editMailList .new-target-container {
      margin: 0 0.5em;
}

#editMailList .new-target-container.mobile {
      display: none;
}

.jump-text {
      animation: jumpText 0.5s;
}

@keyframes jumpText {
      0% {
            transform: scale(1);
      }

      50% {
            transform: scale(1.2);
      }

      100% {
            transform: scale(1);
      }
}

.rockies-container {
      z-index: 20;
      display: flex;
      justify-content: flex-end;
}

.rockies-container .box {
      background: var(--primary-color);
      color: white;
      padding: 0.5rem 1rem;
      border-radius: 0 0 8px 8px;
      text-align: center;
      font-size: 0.9em;
      line-height: 1.1em;
      cursor: pointer;
      transition: 0.2s all ease;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: -23px;
}

.rockies-container .box p {
      margin: 0;
      margin-right: 1.5em;
}

.rockies-container .box:hover {
      background: #4fa5a1;
}

.rockies-container2 {
      position: static;
      margin: auto;
      z-index: 20;
      display: flex;
      justify-content: center;
      background: #f0f6f6;
      padding-top: 2em;
      margin-bottom: -4em;
}

.rockies-container2 .box {
      background: var(--primary-color);
      color: white;
      padding: 0.6rem 2rem;
      border-radius: 8px;
      text-align: center;
      font-size: 1.1em;
      line-height: 1.2em;
      cursor: pointer;
      transition: 0.2s all ease;
      display: flex;
      align-items: center;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.rockies-container2 .box p {
      margin: 0;
      margin-left: 1em;
}

.rockies-container2 .box:hover {
      background: #4fa5a1;
      box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.rockies-text {
      color: #f15a29;
      cursor: pointer;
      transition: all 0.1s ease;
}

.rockies-text strong {
      font-size: 1.1em;
}

.rockies-text:hover {
      color: #c74a22;
}

.accordion > .card > .card-header {
      text-align: left;
}

img.img-circle {
      border-radius: 50%;
}

#select_fasttrack_modal .modal-dialog {
      max-width: 995px;
      width: 995px;
}
#ft_cards .selected-cards {
      width: 100%;
      padding: 10px;
      background-color: lightsteelblue;
      border-radius: 10px;
}
/* #ft_cards .selected-cards:hover {
    background-color: #4fa5a1;
} */
#ft_cards ol {
      margin: auto;
      padding: 5px;
      min-width: 850px;
      width: 850px;
}
#ft_cards li {
      position: relative;
      margin: 10px;
      padding: 0;
      min-height: 149px;
      max-height: 149px;
      float: left;
      width: 190px;
      text-align: center;
}
#ft_cards li img {
      width: 188px;
      height: auto;
      transition: all 0.2s;
      cursor: move;
      border-radius: 5px;
}
#ft_cards li img:hover {
      transform: scale(1.05);
}
#ft_cards .ft-card-tools {
      position: absolute;
      top: 0;
      right: 0;
}

#fasttrack_selected {
      list-style-type: none;
      /* list-style-position: inside; */
      min-height: 182px;
}
#fasttrack_selected li {
      /* height: 149px; */
      /* border: 1px solid lightsteelblue; */
      /* background-color: lightsteelblue; */
}
#fasttrack_selected li.x-of-3::before {
      content: 'Week ' counter(list-item) ' of 3';
}
#fasttrack_selected li.x-of-4::before {
      content: 'Week ' counter(list-item) ' of 4';
}
#fasttrack_selected li.x-of-5::before {
      content: 'Week ' counter(list-item) ' of 5';
}
#fasttrack_selected li.x-of-6::before {
      content: 'Week ' counter(list-item) ' of 6';
}
#fasttrack_selected li.x-of-7::before {
      content: 'Week ' counter(list-item) ' of 7';
}
#fasttrack_selected li.x-of-8::before {
      content: 'Week ' counter(list-item) ' of 8';
}
#fasttrack_selected li.ui-sortable-helper {
      max-height: 125px;
}
#fasttrack_selected li.ui-sortable-helper::before {
      content: '';
}

#fasttrack_available {
      list-style-type: none;
      min-height: 160px;
}
#fasttrack_available li {
      /* height: 125px; */
      /* border: 1px solid lightsteelblue; */
}
#fasttrack_available li::before {
      content: '\000A0';
}

img.ft-cta-modal {
      cursor: pointer;
      transition: all 0.2s;
}
img.ft-cta-modal:hover {
      transform: scale(1.05);
}
/* Toggle style checkbox */
/* .checkbox label .toggle,
.checkbox-inline .toggle {
    margin-left: -1.25rem;
    margin-right: .35rem;
} */

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

/* .toggle.btn.btn-light, */
/* .toggle.btn.btn-outline-light { */
/* bootstrap-4 - add a border so toggle is delineated */
/* border-color: rgba(0, 0, 0, .15); */
/* } */

.toggle input[type='checkbox'] {
      display: none;
}

.toggle-group {
      position: absolute;
      width: 200%;
      top: 0;
      bottom: 0;
      left: 0;
      transition: left 0.35s;
      -webkit-transition: left 0.35s;
      -moz-user-select: none;
      -webkit-user-select: none;
}

.toggle-group label,
.toggle-group span {
      cursor: pointer;
}

.toggle.off .toggle-group {
      left: -100%;
}

.toggle-on {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      /* right: 50%; */
      margin: 0;
      border: 0;
      border-radius: 0;
}

.toggle-off {
      position: absolute;
      top: 0;
      bottom: 0;
      /* left: 50%; */
      right: 0;
      margin: 0;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      /* Bootstrap 4.0 Support via (Issue #186)[https://github.com/minhur/bootstrap-toggle/issues/186]) */
}

.toggle-handle {
      position: relative;
      margin: 0 auto;
      padding-top: 0px;
      padding-bottom: 0px;
      height: 100%;
      width: 0px;
      border-width: 0 1px;
      background-color: #fff;
}

.toggle.btn-outline-primary .toggle-handle {
      background-color: var(--primary);
      border-color: var(--primary);
}

.toggle.btn-outline-secondary .toggle-handle {
      background-color: var(--secondary);
      border-color: var(--secondary);
}

.toggle.btn-outline-success .toggle-handle {
      background-color: var(--success);
      border-color: var(--success);
}

.toggle.btn-outline-danger .toggle-handle {
      background-color: var(--danger);
      border-color: var(--danger);
}

.toggle.btn-outline-warning .toggle-handle {
      background-color: var(--warning);
      border-color: var(--warning);
}

.toggle.btn-outline-info .toggle-handle {
      background-color: var(--info);
      border-color: var(--info);
}

.toggle.btn-outline-light .toggle-handle {
      background-color: var(--light);
      border-color: var(--light);
}

.toggle.btn-outline-dark .toggle-handle {
      background-color: var(--dark);
      border-color: var(--dark);
}

.toggle[class*='btn-outline']:hover .toggle-handle {
      background-color: var(--light);
      opacity: 0.5;
}

/* NOTE: Must come first, so classes below override as needed */
/* [default] (bootstrap-4.1.3 - .btn - h:38px) */
.toggle.btn {
      min-width: 3.7rem;
      min-height: 2.15rem;
}

.toggle-on.btn {
      /* padding-right: 1.5rem; */
      text-align: left;
}

.toggle-off.btn {
      /* padding-left: 1.5rem; */
      text-align: right;
}

/* `lg` (bootstrap-4.1.3 - .btn - h:48px) */
.toggle.btn-lg {
      min-width: 5rem;
      min-height: 2.815rem;
}

.toggle-on.btn-lg {
      /* padding-right: 2rem; */
}

.toggle-off.btn-lg {
      /* padding-left: 2rem; */
}

.toggle-handle.btn-lg {
      width: 2.5rem;
}
.toggle-handle.btn-sm {
      border-radius: 21px;
      width: 64px;
      /* right: 16px; */
}

/* `sm` (bootstrap-4.1.3 - .btn - h:31px) */
.toggle.btn-sm {
      min-width: 75px;
      min-height: 34px;
      max-height: 34px;
      border-radius: 21px;
      /* line-height: 1.75; */
}

.toggle-on.btn-sm {
      min-width: 75px;
      /* padding-right: 1rem; */
      line-height: 1.75;
}

.toggle-off.btn-sm {
      min-width: 75px;
      /* padding-left: 1rem; */
      line-height: 1.75;
}

/* `xs` (bootstrap-3.3 - .btn - h:22px) */
.toggle.btn-xs {
      min-width: 2.19rem;
      min-height: 1.375rem;
}

.toggle-on.btn-xs {
      /* padding-right: .8rem; */
}

.toggle-off.btn-xs {
      /* padding-left: .8rem; */
}

.toggle.btn-primary.disabled {
      border: 1px solid var(--primary-color);
      background: var(--primary-color);
      /* cursor: not-allowed; */
}
.toggle.disabled .btn {
      cursor: default;
}
.toggle.disabled .btn:hover {
      border: initial;
      background: initial;
}
.toggle.disabled .btn.toggle-handle:hover {
      border: #f8f9fa;
      background: #fff;
}
#ad_preview_modal label {
      font-weight: 700;
      margin-right: 10px;
      width: 85px;
}
b,
strong {
      font-weight: bold;
}

/* PDFreactor PhotoShop 300dpi jpeg workaround */
img {
      -ro-image-clip-path: none;
}
.postcard-preview a {
      color: inherit;
}
#leftSidebarMobile .designer-controls button.active,
#leftSidebarMobile .designer-controls button.active:focus {
      color: #fff;
      background-color: var(--primary-color);
      border-color: var(--primary-color);
      box-shadow: none;
}

.d-lg-hidden.d-md-block.d-sm-block.d-xs-block.clearfix.float-left.ml-4 {
      font-size: 1.5em;
      width: 50px;
}

.cursor-pointer {
      cursor: pointer;
}

i#ToggleProductsMenu {
      font-size: 2em;
      color: #000;
      position: relative;
      top: 20%;
}

div#ProductsTrigger {
      color: #000;
      font-weight: bold;
      cursor: pointer;
}

ul#TopProductsMenu li {
      text-align: left !important;
}

.text-primary {
      color: #54b4b0 !important;
}

a.text-primary:hover,
a.text-primary:focus {
      color: #499d98 !important;
}

.text-secondary {
      color: #04213e !important;
}

a.text-primary.text-bold.heading.has-arrow.ajax_link {
      float: left;
      text-align: left;
}

.nav-menu #TopProductsMenu li a {
      color: #6d6e71 !important;
      font-size: 14px !important;
      font-family: 'Montserrat', sans-serif !important;
      width: 100%;
      display: block;
      text-align: left;
      margin: 1px 0;
      left: 0;
      position: relative;
}

.nav-menu #TopProductsMenu li a:hover,
.nav-menu #TopProductsMenu li a:active,
.nav-menu #TopProductsMenu li a:hover,
.nav-menu #TopProductsMenu li a:hover,
.nav-menu #TopProductsMenu li.active > a,
.nav-menu #TopProductsMenu li.text-white:hover > a {
      background-color: var(--primary-color) !important;
      color: #fff !important;
}

header .nav-menu #TopProducts-0 > a:hover,
header .nav-menu #TopProducts-0 > a,
header .nav-menu #TopProducts-3 > a:hover,
header .nav-menu #TopProducts-3 > a {
      background-color: unset !important;
      color: #6d6e71 !important;
}

.nav-menu .drop-down-items #TopProductsMenu ul {
      padding: 0;
      margin: 0;
}

a.ajax_link.sub_link.loggedin.drop-down-toggle.ml-2 {
      width: calc(100% + 15px) !important;
      display: block;
      text-align: left;
      position: relative;
      left: -10px;
      text-indent: 20px;
      padding: 5px 10px !important;
}

#navbarToggler > li.toggle-items {
      padding: 0;
      margin-bottom: 1px;
}

li.p-2 > a {
      margin-bottom: 1px;
}

a.ajax_link.sub_link.loggedin.ml-2 {
      margin-left: 0 !important;
      width: calc(100% + 10px);
}

.dropdown-toggle::after {
      margin-top: 0.5em;
      margin-right: 0.5em;
}

a.text-primary.ajax_link.sub_link {
      margin-left: 0.5em;
}

a.text-primary.has-arrow.ajax_link.sub_link {
      text-align: left;
}

.nav-menu #TopProductsMenu li.expanded ul li a {
      padding: 3px 0 !important;
      display: block;
      text-align: left;
      height: 100%;
      width: 100%;
      line-height: 25px;
}

ul#TopProductsMenu > li.p-2 {
      padding: 0 !important;
}

ul#TopProductsMenu > li.p-2 > a {
      padding: 0.5em !important;
      display: block;
      text-align: left;
}

#navbarToggler > .show .drop-down-items.shadow-sm:first-child {
      overflow: unset !important;
      overflow-x: visible !important;
}

ul#submenu_holidays-top,
ul#submenu_season-top,
ul#submenu_specialty-top,
ul#submenu_currents-top {
      margin-left: 1.5em;
      position: absolute;
      left: 100%;
      top: 0;
      z-index: 10;
      background-color: #f0f6f6;
      min-width: 255px;
      border: unset;
}

.drop-down-items:hover {
      overflow: unset !important;
      overflow-x: visible !important;
}

.nav-menu #TopProductsMenu > li {
      padding: 0 !important;
}

li.expanded ul li a,
li.expanded a {
      color: #fff !important;
}

.nav-menu #TopProductsMenu li.expanded ul li:hover {
      background-color: #f0f6f6 !important;
}

.nav-menu #TopProductsMenu > li {
      padding: 0 !important;
      text-align: left;
}

.nav-menu #TopProductsMenu li.expanded ul li:hover,
.nav-menu #TopProductsMenu li.expanded ul li a:hover {
      background-color: var(--primary-color) !important;
      color: #fff !important;
}

li.d-inline-block.nav-item.drop-down-toggle:first-child {
      vertical-align: top;
      position: relative;
      top: 5px;
}

#AccountMenuContentMobile .agent-info {
      margin-top: 1em;
}

i.float-right.fas.fa-times {
      padding: 10px;
      margin: 0 10px 10px !important;
      font-size: 24px !important;
      color: #6d6e71;
      position: absolute;
      right: 10px;
      top: 5px;
}

#navbarToggler [data-subid='season'] ul,
#navbarToggler [data-subid='holiday'] ul,
#navbarToggler [data-subid='specialty'] ul,
#navbarToggler [data-subid='currents'] ul {
      margin-top: 0.6em !important;
      position: absolute;
}

li.toggle-items:hover > ul {
      position: absolute;
}

#navbarToggler [data-subid='season'] ul a,
#navbarToggler [data-subid='holiday'] ul a,
#navbarToggler [data-subid='specialty'] ul a,
#navbarToggler [data-subid='currents'] ul a {
      font-size: 0.9em !important;
      padding: 0 !important;
}

#navbarToggler .nav-menu #TopProductsMenu [data-subid='season'] ul a:hover,
#navbarToggler .nav-menu #TopProductsMenu [data-subid='holiday'] ul a:hover,
#navbarToggler .nav-menu #TopProductsMenu [data-subid='specialty'] ul a:hover,
#navbarToggler [data-subid='currents'] ul a:hover {
      color: #fff !important;
      background-color: var(--primary-color) !important;
}

#navbarToggler .nav-menu #TopProductsMenu li.green-bg.active > a,
#navbarToggler .nav-menu #TopProductsMenu ul > li:hover > a {
      color: #fff !important;
}

#navbarToggler .nav-menu #TopProductsMenu li.green-bg a.green-bg.active {
      color: #fff !important;
}

#navbarToggler .nav-menu #TopProductsMenu .drop-down-item.green-bg,
#navbarToggler .nav-menu #TopProductsMenu .toggle-items.green-bg {
      background-color: var(--primary-color) !important;
      color: #fff !important;
      clear: both;
      display: block;
}

#navBar .nav-menu > .nav-item.active > a,
#navBar .nav-menu > .nav-item:hover > a {
      display: flex;
      align-items: center;
}

#navbarToggler > li.nav-item .drop-down-items > ul {
      border-top: 3px solid var(--primary-color) !important;
}

#navbarToggler .nav-menu #TopProductsMenu .drop-down-item.green-bg:hover a,
#navbarToggler .nav-menu #TopProductsMenu .drop-down-item.green-bg.active a {
      color: #fff !important;
      padding-top: 4px !important;
}

#navbarToggler .nav-menu #TopProductsMenu li.green-bg-for-a:hover > a,
#navbarToggler .nav-menu #TopProductsMenu .toggle-items.green-bg > a {
      background-color: var(--primary-color) !important;
      color: #fff !important;
}

#navbarToggler .nav-menu #TopProductsMenu li.green-bg-for-a:hover > li:hover {
      color: #fff !important;
}

main div#ProductsMenu {
      background-color: #fff;
      border-radius: 8px;
      margin-top: 15px;
      box-shadow: 0px 2px 12px rgb(0 0 0 / 5%);
      margin-right: 5px;
      margin-left: 5px;
}

#submenu_holiday-top .dropdown-menu,
#submenu_season-top .dropdown-menu,
#submenu_specialty-top .dropdown-menu,
#submenu_currents-top .dropdown-menu {
      background-color: inherit;
}

.force-overflow {
      min-height: 450px;
}

.cart-body::-webkit-scrollbar,
#navbarToggler ul::-webkit-scrollbar {
      width: 9px; /* width of the entire scrollbar */
      height: auto;
      background-color: transparent;
}

.cart-body::-webkit-scrollbar-track,
#navbarToggler ul::-webkit-scrollbar-track {
      background-color: transparent; /* color of the tracking area */
}

.cart-body::-webkit-scrollbar-thumb,
#navbarToggler ul::-webkit-scrollbar-thumb {
      background-color: var(--primary-color); /* color of the scroll thumb */
      border-radius: 20px; /* roundness of the scroll thumb */
      border: 1px solid #ccc; /* creates padding around scroll thumb */
}

ul#LeftSideProductsMenu li.active a,
ul#LeftSideProductsMenu li a:hover {
      font-weight: 600;
      color: var(--primary-color) !important;
}

.mm-active > a.text-primary.has-arrow {
      color: var(--primary-color) !important;
      font-weight: 600;
}

ul#LeftSideProductsMenu li.mm-active > a {
      color: var(--primary-color) !important;
      font-weight: 600;
}

#submenu_holidays li.mm-active a {
      color: var(--primary-color) !important;
      font-weight: 600;
}

#submenu_season li.mm-active a {
      color: var(--primary-color) !important;
      font-weight: 600;
}

#submenu_specialty li.mm-active a {
      color: var(--primary-color) !important;
      font-weight: 600;
}

#submenu_currents li.mm-active a {
      color: var(--primary-color) !important;
      font-weight: 600;
}

#navbarToggler .nav-menu #TopProductsMenu li.p-2.green-bg a {
      color: #fff !important;
}

header.top-sticky {
      position: fixed !important;
      width: 100%;
      padding: 0.5em 0 !important;
}

section#topbar {
      position: fixed;
      width: 100%;
      top: 0px;
}

div#AccountMenuContent {
      background-color: #fff;
}

#navbarToggler > li.p-2.green-bg-for-a > a:first-child {
      color: #fff !important;
      background-color: var(--primary-color);
}

.nav-menu #TopProductsMenu li.expanded ul li.green-bg a {
      color: #fff !important;
}

#navbarToggler .nav-menu #TopProductsMenu li.p-2.green-bg a,
#TopProductsMenu ul.expanded li:hover a {
      color: #fff !important;
      background-color: var(--primary-color);
}

ul#submenu_campaigns-top {
      text-indent: 1em;
}

.text-white {
      color: #fff !important;
}

.expanded ul {
      display: block !important;
}

a.nav-link.account-link.nav-link.d-sm-none.d-xs-none.d-md-none.d-xs-none.d-lg-block.d-xl-block.active {
      border: unset !important;
}

.fas {
      font-weight: 600 !important;
}

a.nav-link.account-link.nav-link.d-sm-none.d-xs-none.d-md-none.d-xs-none.d-lg-block.d-xl-block:hover {
      border: unset !important;
}

#signInButtonLargeDevice a.nav-link.account-link.nav-link.d-sm-none.d-xs-none.d-md-none.d-xs-none.d-lg-block.d-xl-block.active {
      width: 100%;
      height: 100%;
}

li#signInButtonLargeDevice {
      padding: 0 !important;
}

.acc-menu-nav a i {
      margin-right: 5px;
      font-weight: unset;
}

.acc-menu-nav a i.fal {
      font-weight: 600;
}

i.fa.fa-user-cog {
      font-weight: 900;
}

.fa-user-headset:before {
      content: '\f82d';
}

ul#ShoppingAndAccountMenu {
      width: auto;
}

#navBar .menu-icons {
      display: inline-flex;
      align-items: center;
}

div#shopCartButton {
      width: auto;
}

li.drop-down-item:hover a {
      color: #fff !important;
}

.nav-menu #TopProductsMenu li.drop-down-item:hover li.toggle-items.text-white.expanded > a {
      color: #fff !important;
}

div#TotalListSoldModal {
      top: 100px;
}

div#navbarToggler {
      clear: both;
}

#select-farm-area .payment-form #terms-group {
      padding-left: 0;
      padding-right: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
}

header #accountMenuDropdown {
      right: -5px !important;
      top: 35px;
}

#shoppingPopOverButton {
      display: block;
      text-align: right;
      top: 10px;
      position: relative;
}

/* hide caret on cart dropdown */
#shoppingPopOverButton:after {
      display: none;
}

#navbarToggler .drop-down-items.shadow-sm {
      display: none;
}

.nav-item:hover > .drop-down-items > ul {
      border-top: 3px solid var(--primary-color) !important;
}

.nav-menu a {
      font-size: 14px !important;
      font-weight: 600;
}

div#ajax_product_result {
      float: right;
      max-width: calc(100% - 220px) !important;
      margin-top: 15px;
      border-radius: 8px !important;
      background-color: #fff;
      margin-left: 5px;
}

i#productMenuButton {
      color: #6d6e71 !important;
      display: none !important;
}

section#topbar {
      display: block !important;
}

div#ProductsTrigger.d-lg-none {
      display: none !important;
}

div#ProductsMenu.d-lg-table {
      display: table !important;
      float: left;
      max-width: 220px;
      min-width: 220px;
}

.drop-down-items ul li.text-white {
      /* padding: 0px 5px; */
      margin-top: 0px !important;
      margin-bottom: 0px !important;
}
.tox-tinymce-inline {
      z-index: 99;
}
#AgentPhotoUploadModal .file-preview .fileinput-remove {
      top: 15px;
      right: 10px;
}

/* START Added for fix to Print Side PDF Creation since the ZoomooZ Addition */
html {
      height: 100%;
}

.noScroll {
      overflow: hidden !important;
}

.fa-spinner,
.loader {
      -moz-transform-origin: center !important;
      -webkit-transform-origin: center !important;
      -o-transform-origin: center !important;
      -ms-transform-origin: center !important;
      transform-origin: center !important;
}

* {
      -moz-transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
}

body.noScroll,
html.noScroll body {
      margin-right: 21px;
}
/* END Added for fix to Print Side PDF Creation since the ZoomooZ Addition */

.addthis_inline_share_toolbox {
      margin-top: 0.25em;
}

.addthis_inline_share_toolbox ul {
      margin-left: 0;
}

.addthis_inline_share_toolbox li {
      border: 1px solid #ced4da;
      padding: 0.25em;
      border-radius: 4px;
      margin-right: 0.25em;
      text-align: center;
      box-shadow: unset !important;
}

.addthis_inline_share_toolbox .fa,
.addthis_inline_share_toolbox .fab,
.addthis_inline_share_toolbox .fas {
      font-size: 2em;
}

.addthis_inline_share_toolbox .fa.fa-facebook,
.addthis_inline_share_toolbox .fab.fa-facebook,
.addthis_inline_share_toolbox .fas.fa-facebook {
      color: #1877f2 !important;
}

.addthis_inline_share_toolbox .fa.fa-pinterest,
.addthis_inline_share_toolbox .fab.fa-pinterest,
.addthis_inline_share_toolbox .fas.fa-pinterest {
      color: #e60023 !important;
}

.addthis_inline_share_toolbox .fa.fa-google,
.addthis_inline_share_toolbox .fab.fa-google,
.addthis_inline_share_toolbox .fas.fa-google {
      color: #ff0000 !important;
}

.addthis_inline_share_toolbox .fa.fa-twitter,
.addthis_inline_share_toolbox .fab.fa-twitter,
.addthis_inline_share_toolbox .fas.fa-twitter {
      color: #1da1f2 !important;
}

.addthis_inline_share_toolbox .fa.fa-instagram,
.addthis_inline_share_toolbox .fab.fa-instagram,
.addthis_inline_share_toolbox .fas.fa-instagram {
      color: #c32aa3 !important;
}

.addthis_inline_share_toolbox .fa.fa-linkedin,
.addthis_inline_share_toolbox .fab.fa-linkedin,
.addthis_inline_share_toolbox .fas.fa-linkedin {
      color: #0a66c2 !important;
}

.addthis_inline_share_toolbox .fa:hover,
.addthis_inline_share_toolbox .fab:hover,
.addthis_inline_share_toolbox .fas:hover {
      color: var(--primary-color) !important;
}

#mainHeaderSlider div.owl-carousel.rsp-main-carousel div.rsp-main-slide.oct-2023 {
      background-position: center -270px;
}

section#holidaySelectContainer div.rockies-container.container-xl-fw {
      margin: -20px auto 0;
}

.hide-below-1100 {
      display: none;
}

.select2-selection__rendered {
      text-align: left;
      font-size: 90%;
}

.select2-dropdown.select2-dropdown--below {
      min-width: 200px;
}

#FeaturedListingPhotoUploadModal .modal-body .file-preview button {
      padding: 10px 5px;
}

#FeaturedListingPhotoRecropModal .modal-body .file-preview button {
      padding: 10px 5px;
}

#scrolly img {
      cursor: pointer;
}

#BBattachment {
      height: -webkit-fill-available;
}

#LayoutZoomCropBtn {
      /* position: absolute; */
      top: 0;
      left: 0.125in;
      width: 2.45in;
}

.layout-legend {
      text-align: right;
      width: 250px;
      position: absolute;
      top: 17px;
      right: 45px;
}

#LegendPopover {
      position: absolute;
      top: 40px;
      right: 0px;
      width: 580px;
      text-align: left;
      line-height: 1.5em;
      background-color: #fff;
      border-radius: 8px;
      border: 1px solid #444;
      padding: 20px 20px 20px 5px;
      z-index: 1100;
      box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
}

#LegendTable .left {
      width: 60px;
      text-align: center;
}

#FeaturedListingPhotoRecropModal .modal-body .file-preview button {
      padding: 10px 5px;
}

#scrolly img {
      cursor: pointer;
}

/* Circular Images (Target Farming Carousel) */
.farm-listings-carousel .testimonial-img {
      border-radius: 50%;
      border: 1px solid #c1cdcd;
      overflow: hidden;
      height: 50%;
      width: 50%;
}
.farm-listings-carousel .circular--portrait {
      object-fit: cover;
      width: 100%;
      aspect-ratio: 1/1;
      max-height: 50%;
}

/* Responsive Images */
.responsive-img img {
      max-width: 100%;
      display: block;
      height: auto;
}

/* Target Farming Banner */
#target_farming_banner {
      /* box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px 0px; */
      font-size: 1.4em;
      z-index: 1;
      position: relative;
}
#target_farming_banner .target-farming-slide .bottom-bar {
      text-align: center;
      min-width: 100%;
      padding: 15px 0;
      color: #ffffff;
      background-color: var(--primary-color);
}
#target_farming_banner .target-farming-slide .bottom-bar span {
      font-weight: bolder;
}

#ToastNotification .toast.top-right {
      position: fixed;
      top: 20px;
      right: 20px;
      z-index: 9999;
}
#ToastNotification .toast.top-left {
      position: fixed;
      top: 20px;
      left: 20px;
      z-index: 9999;
}
#ToastNotification .toast.bottom-left {
      position: fixed;
      bottom: 10px;
      left: 20px;
      z-index: 9999;
}
#ToastNotification .toast.center-center {
      position: fixed;
      bottom: calc(50% - 50px);
      left: calc(50% - 180px);
      z-index: 9999;
}
#ToastNotification .toast {
      color: #ffffff;
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
#ToastNotification .toast .toast-header {
      background-color: transparent;
      color: #ffffff;
      position: relative;
}
#ToastNotification .toast .toast-header button {
      position: absolute;
      right: 8px;
      top: 2px;
}
#ToastNotification .toast #ToastNotificationBody {
      position: relative;
}
#ToastNotification .toast .toast-button button {
      margin: 0 8px 8px;
}

/* Useful Opacity classes not in BS4 */
.opacity-100 {
      opacity: 1;
}
.opacity-75 {
      opacity: 0.75;
}
.opacity-50 {
      opacity: 0.5;
}
.opacity-25 {
      opacity: 0.25;
}
.opacity-10 {
      opacity: 0.1;
}

img.img-fit {
      border: none;
      object-fit: cover;
      max-height: 100%;
      /* aspect-ratio: 1/1; */
      max-width: 100%;
}
img.img-fit.img-align {
      margin: 0;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ro-image-orientation: none;
}
img.img-fit.fit-height {
      height: 100%;
      max-width: none;
}
img.img-fit.fit-width {
      width: 100%;
      max-height: none;
}

#ShowTarget .page-item.active .page-link {
      background-color: var(--primary-color);
      border-color: #499d98;
}

#ShowTarget .row:has(.pagination) {
    align-items: center;
}

#ShowTarget .row:has(.pagination) .dt-info {
    padding-top: 0;
}

#ShowTarget div.dt-container div.dt-length select {
    padding-inline: 1.5em;
}

#ShowTarget div.dt-container div.dt-paging ul.pagination {
    margin: 1rem 0 !important;
}

#ShowTarget .pagination .page-link {
    color: var(--primary-color);
}

#ShowTarget .pagination .page-item.active .page-link {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}