@keyframes fadeInLate {
  0% {opacity: 0;}
  90% {opacity: 0;}
  91% {opacity: 0.1;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
@keyframes fadeOut {
  0% {opacity: 1;}
  50% {opacity: 0.5;}
  100% {opacity: 0;}
}
@keyframes gradient {
  0% {background-position: 0% 50%;}
  15% {background-position: 100% 0%;}
  30% {background-position: 0% 100%;}
  45% {background-position: 50% 50%;}
  60% {background-position: 100% 50%;}
  75% {background-position: 0% 0%;}
  90% {background-position: 100% 100%;}
  100% {background-position: 0% 50%;}
}


body {
  background-color: currentColor;
}
body.modal-open {
  overflow: hidden;
}
h1, h2, h3, h4, p, ul li, span {
  color: black;
  margin-bottom: 0;
}
p, a {
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
section:nth-child(odd) {
  background-color: white;
}
section:nth-child(even) {
  background-color: lightblue;
}
#buyingSellingGuide {
  width: 100%;
  /* height: 100vh; */
  background: linear-gradient(45deg, blue, lightblue, green, lightgreen, yellow, orange, blue);
  background-size: 200% 200%;
  animation: gradient 20s ease infinite;
}
#wrapper {
  opacity: 0;
  animation: fadeInLate 3s ease-in-out forwards;
}
section, .idx-p/*, #cookie-warning/*, #contact*/ {
  padding: 15px 0;
  margin-bottom: 12px;
}
section div h1, section div h2 {
  text-align: center;
  margin: 0;
  padding-bottom: 10px;
  /* font-size: 1.5em;
  font-weight: bold; */
}
#ourListings div.container, #mapSearch div.container {
  margin:0 7.5%;
  max-width:85%;
}
/* #contact .container .row, */
section .container .row {
  height:100%;
  text-align:center;
}


header {
  text-align: center;
  overflow: hidden;
  height: 30vh;
}
.bgtv img {
  /* margin: auto 20%; NOT NEEDED WITH VW I GUESS */
  width: 50vw;
}
header img {
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.bgvid {
  position: absolute;
  top: -25vh;
  left: 0;
  width: 100%;
  height: 100%;
  /* height: 50%;
  min-width: 100%; */
  /* min-height: 100%; */
  z-index: -1;
  /* object-position: center;
  object-fit: cover; */
}
.bgtv {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%; /* for 16:9 aspect ratio. Adjust as needed. */
  height: 0;
}
#background_video_tv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-10%);
}
.stroke,
/* .nav li a, */
#footerulli ul li span,
#footerulli ul li a span {
  color: white;
  text-shadow:
  -1px -1px 0 #000,
    0   -1px 0 #000,
    1px -1px 0 #000,
    1px  0   0 #000,
    1px  1px 0 #000,
    0    1px 0 #000,
  -1px  1px 0 #000,
  -1px  0   0 #000;
}
#footerulli {
  padding-bottom: 10px;
}
#footerulli h4 {
  color: steelblue;
  font-size: 28px;
}
#footerulli ul {
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: 500;
  color: inherit;
}
#footerulli ul li,
#footerulli ul li a {
  color: white;
  /* text-decoration: none; */
  list-style: none;
}
#footerulli h4 {
    position: relative;
    padding: 20px 0;
}
#footerulli .Ftext,
#footerulli .Fshadow {
    position: absolute;
    top: 0;
    /* left: 30%;
    right: 30%; */
    left: 0;
    right: 0;
}
#footerulli .Ftext {
  z-index: 2;
  background: linear-gradient(45deg, blue, lightblue, green, lightgreen, yellow, orange, blue);
  background-size: 200% 200%;
  animation: gradient 20s ease infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#footerulli .Fshadow {
  z-index: 1;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.fa-building {
  color: silver;
}
.fa-mobile {
  color: lightgray;
}
.fa-whatsapp {
  color: limegreen;
}
.fa-fax {
  color: tan;
}
#copyright a {
  color: black;
}
#copyright {
  padding: 0 10px;
  /* text-transform: uppercase; */
  /* text-transform: none; */
  /* font-size: 1em; */
  /* line-height: 1em; */
  text-align: center;
  color: black;
  margin-bottom: 0;
}



/* Desktops and laptops */
@media (min-width: 992px) {
}
/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  /* header { */
  .bgtv img {
    margin: auto 12.5%;
    width: 75vw;
  }
}
/* Mobile */
@media (max-width: 767px) {
  /* header { */
  .bgtv img {
    margin: auto 5%;
    width: 90vw;
  }
  #ourListings div.container, #mapSearch div.container {
    margin:0 1.5%;
    max-width:97%;
  }
}



.modal__overlay {
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__container {
  background-color: #fff;
  padding: 30px;
  /* max-width: 500px; */
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
  width: 66vw;
  /* height: 66vh; */
  max-width: 66vw;
  /* max-height: 66vh; */
  overflow: auto;
}
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}
.modal__close {
  border: 0;
}
button.modal__close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: auto;
  z-index: 9999;
  overflow: visible;
}
button.modal__close:before {
  content: "\2715";
}
.modal__header .modal__close:before {
  content: "\2715";
}
.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}
.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}
.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(25%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-20%); }
}

.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .7s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .7s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .7s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .7s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}