@import url(../../use.typekit.net/eqq2ffm.css);
@charset "UTF-8";

@font-face {
  font-family: Gotham-Book;
  src: url(/fonts/Gotham-Book.otf?b6e803be8fc1a5258c5e52ac6a0c0ace)
}

h1 {
  font-size: 44px;
  margin: .75em 0
}

h1, h2 {
  font-family: gravesend-sans, sans-serif;
  font-style: normal;
  font-weight: 500
}

h2 {
  font-size: 3em
}

h3 {
  font-family: gravesend-sans, sans-serif;
  font-size: 2em;
  font-style: normal;
  font-weight: 500
}

h1, h2, h3, h4, h5, h6, p {
  line-height: 1em
}

p {
  font-size: 14px;
  line-height: 1.3
}

section {
  height: 100vh;
  min-height: 700px;
  width: calc(100% - 2em)
}

img {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast
}

main {
  overflow-y: hidden
}

header {
  background: #fff;
  border-top: 1px solid #1a9746;
  box-shadow: 0 5px 2px -2px hsla(0, 0%, 50%, .25);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

header, header nav {
  align-items: center;
  display: flex
}

header nav {
  /* height: 60px; */
  justify-content: space-between;
  padding: 1em 4em;
  width: calc(100% - 8em)
}

@media screen and (max-width:550px) {
  header nav {
    padding: 0 2em;
    width: calc(100vw - 4em)
  }
}

header nav img {
  height: 35px
}

@media screen and (max-width:550px) {
  header nav img {
    height: 35px
  }
}

header nav a {
  color: #010502;
  font-family: gravesend-sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2px;
  text-decoration: none
}

@media screen and (max-width:550px) {
  header nav a {
    font-size: 14px
  }
}

.thank_you {
  align-items: center;
  background: hsla(0, 0%, 100%, .9);
  display: flex;
  height: calc(100vh - 61px);
  justify-content: center;
  min-height: 600px;
  opacity: 0;
  position: fixed;
  top: 61px;
  transition: all .5s;
  visibility: hidden;
  width: 100%;
  z-index: 10
}

.thank_you .wrapper {
  background: #fff;
  margin-left: -20%;
  position: relative
}

@media screen and (max-width:768px) {
  .thank_you .wrapper {
    margin: 0;
    width: 80%
  }
}

@media screen and (max-width:550px) {
  .thank_you .wrapper {
    width: 90%
  }
}

.thank_you .wrapper .frame {
  border: 7px solid #010502;
  padding: 3.5em 2.5em;
  position: relative;
  width: 400px
}

@media screen and (max-width:990px) {
  .thank_you .wrapper .frame {
    width: 300px
  }
}

@media screen and (max-width:768px) {
  .thank_you .wrapper .frame {
    width: 80%
  }
}

@media screen and (max-width:550px) {
  .thank_you .wrapper .frame {
    width: calc(80% - 1.25em)
  }
}

.thank_you .wrapper .frame .thank_you_img {
  width: 100%
}

.thank_you .wrapper .frame .close_thank_you_msg {
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 2em;
  top: 1em
}

@media screen and (max-width:550px) {
  .thank_you .wrapper .frame .close_thank_you_msg {
    right: 1em
  }
}

.thank_you .wrapper .text {
  background: #fff;
  padding: 2em 3em;
  position: absolute;
  right: -80%;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

@media screen and (max-width:768px) {
  .thank_you .wrapper .text {
    background: hsla(0, 0%, 100%, .8);
    bottom: 10%;
    left: calc(50% - .5em);
    padding: 1em 2em;
    right: unset;
    top: unset;
    transform: unset;
    transform: translateX(-50%);
    width: calc(80% - 4em)
  }
}

.thank_you .wrapper .text span {
  display: block;
  font-family: gravesend-sans, sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.2
}

@media screen and (max-width:990px) {
  .thank_you .wrapper .text span {
    font-size: 20px
  }
}

@media screen and (max-width:768px) {
  .thank_you .wrapper .text span {
    font-size: 18px
  }
}

@media screen and (max-width:550px) {
  .thank_you .wrapper .text span {
    display: inline;
    font-size: 14px
  }
}

.thank_you .wrapper .text span .thank_you_img {
  height: 18px
}

@media screen and (max-width:990px) {
  .thank_you .wrapper .text span .thank_you_img {
    height: 16px;
    height: 14px
  }
}

@media screen and (max-width:550px) {
  .thank_you .wrapper .text span .thank_you_img {
    height: 10px
  }
}

.thank_you .wrapper .text span.green {
  color: green;
  display: block !important
}

footer {
  display: block;
  padding: 1em !important;
  text-align: center
}

footer p {
  font-family: Gotham-Book;
  font-size: 10px
}

footer .coolaid_link {
  color: #010502;
  text-decoration: none;
  transition: all .3s
}

footer .coolaid_link:hover {
  color: #464685
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

body {
  line-height: 1;
  margin: 0
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

/* new blog section */
.menu-hover:hover {
  color: #1A9746;
}

.register-menu {
  background: #1A9746;
  color: white !important;
}

@media (min-width: 200px) {
  .logo-summerhill {
    height: 60px;
  }

  .center-logo-summerhill {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }

  #menu__toggle {
    opacity: 0;
  }

  #menu__toggle:checked~.menu__btn>span {
    transform: rotate(45deg);
  }

  #menu__toggle:checked~.menu__btn>span::before {
    top: 0;
    transform: rotate(0);
  }

  #menu__toggle:checked~.menu__btn>span::after {
    top: 0;
    transform: rotate(90deg);
  }

  #menu__toggle:checked~.menu__box {
    visibility: visible;
    right: 0;
  }

  .menu__btn {
    display: flex;
    align-items: center;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 1;
  }

  .menu__btn>span, .menu__btn>span::before, .menu__btn>span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #616161;
    transition-duration: .25s;
  }

  .menu__btn>span::before {
    content: '';
    top: -8px;
  }

  .menu__btn>span::after {
    content: '';
    top: 8px;
  }

  .menu__box {
    display: block;
    position: fixed;
    visibility: hidden;
    top: 0;
    /* left: -100%; */
    width: 300px;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    background-color: white;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
    /* transition-duration: .25s; */
  }

  .menu__item {
    display: block;
    padding: 12px 24px;
    color: #333;
    font-family: Gotham-Book;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    /* transition-duration: .25s; */
  }

  .menu__item:hover {
    background-color: #CFD8DC;
  }

  .desktop-menu {
    display: none;
  }

  .social-icons {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .facebook {
    margin-right: 10px;
  }

  .instagram {
    margin-right: 10px;
  }
}

@media (min-width: 1150px) {
  .desktop-menu {
    display: block;
  }

  #menu__toggle {
    display: none;
  }

  #menu__toggle:checked~.menu__btn>span {
    display: none;
  }

  #menu__toggle:checked~.menu__btn>span::before {
    display: none
  }

  #menu__toggle:checked~.menu__btn>span::after {
    display: none;
  }

  #menu__toggle:checked~.menu__box {
    display: none;
  }

  .menu__btn {
    display: none;
  }

  .menu__btn>span, .menu__btn>span::before, .menu__btn>span::after {
    display: none;
  }

  .menu__btn>span::before {
    display: none;
  }

  .menu__btn>span::after {
    display: none;
  }

  .menu__box {
    display: none;
  }

  .menu__item {
    display: none;
  }

  .menu__item:hover {
    background-color: #CFD8DC;
  }
}

.box-1-blog {
  height: 100%;
  width: 100%;
}

.community_slider_container {
  width: 100%;
  height: 450px;
  position: relative;
}

.community_slider_container .communitySwiper {
  width: 82.5%;
  height: 100%;
}

.community_slider_container .swiper-button-prev {
  left: 30px;
}

.community_slider_container .swiper-button-next {
  right: 30px;
}

.community_slider_container .communitySwiper .swiper-slide {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.community_slider_container .communitySwiper .swiper-slide .blog-img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  object-fit: cover;
  z-index: -1;
}

.blog-excerpt {
  padding-bottom: 20px;
  font-size: 13px;
  text-decoration: none !important;
  color: black !important;
  font-family: Gotham-Book;
  line-height: 1.5;
}

@media(min-width: 200px) {
  .blog-excerpt-title {
    padding-bottom: 5px;
    padding-top: 20px;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: underline;
    color: black !important;
    font-family: Gotham-Book;
  }
}

@media(min-width: 450px) {
  .blog-excerpt-title {
    font-size: 15px;
  }
}

.img-arrow {
  height: 18px;
}

.blog-width {
  display: flex;
}

.home .welcome .pattern {
  background-image: url(/img/test-border-blue.png);
  background-repeat: repeat;
  width: 17.5%;
}

.family-img-blog {
  width: 350px;
  padding: 30px 40px;
  border: 7px solid black;
}

/* Top Section A Place For Families*/
.img-blog-decoration {
  padding: 20px 30px;
  border: 8px solid black;
}

@media(min-width:200px) {

  /* .override-content{        margin-top:80px;    } */
  .blog-link {
    text-decoration: none;
    color: #13612f;
  }

  .community_slider_container {
    margin-top: 25px;
    padding-bottom: 70px;
  }

  .blog-link:hover {
    color: #093a1a;
  }

  .title-blog-post {
    font-size: 18px;
    font-weight: bold;
  }

  .blog-post-img {
    width: 500px;
    height: 375px;
    object-fit: cover;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
  }

  .flex-img {
    width: 100%;
  }

  .ul-title-blog {
    font-weight: bold;
  }

  .container-blog {
    display: flex;
    justify-content: flex-end !important;
  }

  .kids-holding-camera {
    width: 250px !important;
    height: 100px !important;
  }

  .overlay-image {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .blog-center {
    justify-content: center !important;
  }

  .kids-holding-camera {
    padding: 2em;
    border: 7px solid black;
  }

  .content-blog {
    display: flex;
    justify-content: center;
  }

  .blog-container-post {
    overflow-x: hidden;
  }

  .x-container {
    overflow-x: hidden;
  }

  .overflow-x-blog {
    overflow-x: hidden !important;
  }

  .container-blog {
    width: 67% !important;
  }

  .blog-title {
    font-family: gravesend-sans, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
    width: 290px;
  }

  .blog-header {
    width: 100vw;
    height: 100%;
    object-fit: cover;
  }

  .blog-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #010502;
  }

  .blog-content-right {
    padding: 20px;
    display: flex;
    justify-content: center;
    color: #010502;
  }

  .height-blog {
    height: 300px;
    overflow-x: hidden;
    overflow-y: hidden;
  }

  .blog-container-post {
    padding-top: 40px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 95%;
    overflow-y: hidden;
  }

  .flex-post {
    width: 100%;
  }

  .scroll-up-arrow {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .content-post {
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 1.6;
    width: 95%;
    margin: 0 auto;
    padding-top: 20px !important;
  }

  .p-blog-width {
    width: 95%;
  }

  .header-content-post {
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 1.6;
  }

  .content-post-ul {
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 auto;
  }

  .container-blog {
    height: 255px;
  }
}

@media(min-width:520px) {

  /* .override-content{        margin-top:180px;    } */
  .kid-blog {
    margin-left: 0px;
    width: 76% !important;
  }

  .content-post {
    width: 470px;
    margin: 0 auto;
  }

  .header-content-post {
    width: 500px;
    margin: 0 auto;
  }

  .content-post-ul {
    width: 500px;
  }

  .height-blog {
    height: 500px;
    width: 100vw;
  }

  .kids-holding-camera {
    width: 350px !important;
    height: 200px !important;
  }
}

@media (min-width:700px) {
  .content-post {
    width: 500px;
  }

  .content-post-ul {
    width: 500px;
  }

  .header-content-post {
    width: 500px;
  }

  .container-blog {
    display: flex;
    justify-content: none !important;
  }

  .community_slider_container {
    margin-top: 70px;
    padding-bottom: 70px;
  }
}

@media(min-width:760px) {
  .p-blog-width {
    width: 70%;
  }
}

@media(min-width:1000px) {
  .blog-title {
    font-family: gravesend-sans, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto;
    padding-top: 50px;
    text-align: center;
    width: 60%;
  }

  .blog-container-post {
    padding-top: 40px;
    width: 85%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }

  .height-blog {
    height: 550px;
    overflow-x: hidden
  }

  .flex-post {
    display: flex;
    justify-content: center;
  }

  .override-text {
    width: 100% !important;
  }

  .blog-content {
    display: flex;
    align-items: center;
    margin-left: 40px;
    padding: 0px;
  }

  .container-blog {
    display: flex;
    justify-content: center !important;
  }

  .blog-content-right {
    display: flex;
    /* align-items:center; */
    /* margin-right:40px; */
    padding: 0px;
  }

  .blog-post-img {
    width: 700px;
    height: 450px;
  }

  .content-post {
    width: 700px;
  }

  .header-content-post {
    width: 700px;
  }

  .content-post-ul {
    width: 700px;
  }

  .order-2-blog {
    display: flex;
    order: 1;
  }
}

@media(min-width:1400px) {
  .kids-holding-camera {
    width: 359px !important;
    height: 237px !important;
    margin-left: 40px;
  }

  .container-blog {
    display: flex;
    justify-content: flex-start !important;
  }

  .container-blog {
    width: 90% !important;
  }

  .header-content-post {
    width: 800px;
  }

  .blog-post-img {
    width: 800px;
    height: 450px;
  }

  .content-post {
    width: 800px;
  }
}

/* Blog Header */
@media (min-width:200px) {
  .top_blog .blog_poster_container {
    position: relative;
  }

  .center-blog-arrow {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    transition: transform .2s;
  }

  .center-blog-arrow:hover {
    transform: scale(1.2);
    overflow-x: hidden;
  }

  .arrow-img-size {
    width: 140px;
  }

  .back-arrow {
    position: absolute;
    top: 25%;
    margin-left: 15px;
    transition: transform .2s;
  }

  .back-arrow:hover {
    transform: scale(1.2);
  }

  .main-header-logo {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    width: 100%;
    transition: transform .2s;
  }

  .header-image-container {
    position: relative;
  }

  .back-arrow-header {
    width: 80px;
  }

  .logo-header {
    width: 200px;
  }
}

@media(min-width:500px) {
  .back-arrow {
    position: absolute;
    top: 15%;
    margin-left: 40px;
    transition: transform .2s;
  }

  .main-header-logo {
    top: 45%;
  }

  .logo-header {
    width: 300px;
  }

  .back-arrow-header {
    width: 120px;
  }
}

/*Amenities Map*/
@media(min-width:200px) {
  .amenities-desktop {
    display: none;
  }

  .amenities-container {
    margin-top: 25px;
    width: 82.3%;
    height: 100%;
  }

  .override-content {
    padding-bottom: 0em !important;
  }

  .img-arrow {
    display: none;
  }

  .img-arrow-mobile {
    height: 20px;
    display: flex;
    /* margin:0 auto; */
  }

  .map-amenities {
    width: 100%;
    height: 47vh;
    margin-top: 20px;
  }

  /* .blog-width{        display:flex;        justify-content:center;    } */
  .amenities-icons {
    width: 100%;
    background: white;
    height: 100%;
    padding-top: 20px;
  }

  .map-amenities {
    width: 100%;
    height: 47vh;
  }

  .icons-map svg {
    transition: 300ms all ease-in-out;
    width: 50px;
    margin: 0 auto;
    padding-bottom: 5px;
  }
}

@media(min-width:500px) {
  .icons-map-container {
    width: 87%;
  }
}

@media(min-width: 600px) {
  .icons-map-container {
    width: 86%;
  }
}

@media(min-width: 700px) {
  .icons-map-container {
    width: 94%;
  }
}

@media(min-width:750px) {
  .img-arrow-mobile {
    display: none;
  }

  .img-arrow {
    display: block;
  }

  .img-blog-width {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media(min-width:800px) {
  .blog-excerpt-title {
    justify-content: flex-start;
  }
}

@media(min-width:1000px) {
  .amenities-desktop {
    display: block;
  }

  .amenities-mobile {
    display: none;
  }

  .amenities-container {
    margin-top: 70px;
    width: 82.3%;
    height: 700px;
    display: flex;
  }

  .space-between-arrow {
    padding-top: 25px;
  }

  .override-content {
    margin-top: 35px !important;
    padding-bottom: 0em !important;
    display: flex !important;
    justify-content: center !important;
    margin-left: 0px !important;
  }

  .override-frame {
    margin-left: 100px;
    width: 80% !important;
  }

  .mapboxgl-canvas {
    height: 100%;
  }

  .amenities-icons {
    width: 45%;
    background: white;
    height: 75%;
    order: 1;
    padding-top: 0px;
  }

  .map-amenities {
    width: 55%;
    height: 100%;
    margin-top: 0px;
    order: 2;
  }

  .amenities-title {
    width: 87%;
  }

  .icons-map-container {
    width: 87%;
  }
}

@media(min-width:1300px) {
  .icons-map-container {
    width: calc(80% - 40px);
  }
}

.icons-map-container {
  display: flex;
  /* width:87%; */
  margin: 0 auto;
  flex-wrap: wrap;
}

.icons-map {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  width: 92px;
  padding-top: 18px;
  cursor: pointer;
}

.font-amenities {
  font-family: gravesend-sans, sans-serif !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.amenities-title {
  width: 87%;
  margin: 0 auto;
}

/*  End of Amenities Map */
/*Amenitites Icons*/
.site img, .Shopping img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Activities img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Entertainment img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Cafes img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Childcare img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Dining img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Education img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Everyday img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .finance img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Health img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Parks img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .QuickEats img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.site img, .Shopping img {
  height: 35px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.map-arrow {
  width: 25px;
  padding-top: 10px;
}

img, svg {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

img {
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  filter: none;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
  /* Safari seems to support, but seems deprecated and does the same thing as the others. */
  image-rendering: -webkit-optimize-contrast;
}

.text-hover-amenities {
  color: #12617e;
  font-size: 14px;
  font-family: Gotham-Book;
  padding-top: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.text-hover-amenities:hover {
  color: #1C94BF;
  cursor: pointer;
}

@media(min-width:1500px) {
  .icons-map-container {
    width: calc(75% - 40px);
    padding-top: 20px;
  }

  .amenities-title {
    width: calc(75% - 40px);
  }
}

@media(min-width:1700px) {
  .icons-map-container {
    width: calc(70% - 40px);
    padding-top: 20px;
  }

  .amenities-title {
    width: calc(70% - 40px);
  }
}

@media(min-width:1900px) {
  .icons-map-container {
    width: calc(62% - 40px);
  }

  .amenities-title {
    width: calc(62% - 40px);
  }
}

.activities-font {
  color: #4c575f;
}

.childcare-font {
  color: #d2232a;
}

.dining-font {
  color: #613482;
}

.education-font {
  color: #e8d21a;
}

.entertainment-font {
  color: #3a62a3;
}

.everyday-font {
  color: #b56aab;
}

.parksPlot-font {
  color: #49c9f5;
}

.shopping-font {
  color: #9a7438;
}

/* thank you page */
@media(min-width: 200px) {
  .thank_you_page {
    margin-top: 200px;
  }

  .svg-thank-you {
    width: 300px;
  }

  .thank-you-img-container {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }

  .uppercase-thank-you {
    text-align: center;
    text-transform: uppercase;
    font-family: gravesend-sans, sans-serif;
    font-size: 22px;
    color: #1A9746;
  }

  .content-thank-you {
    text-align: center;
    margin-top: 20px;
    font-family: gravesend-sans, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px;
  }
}

@media(min-width: 350px) {
  .content-thank-you {
    padding: 10px 34px;
  }
}

@media(min-width: 385px) {
  .content-thank-you {
    padding: 10px 6px;
  }
}

@media(min-width: 650px) {
  .content-thank-you {
    width: 80%;
  }

  .container-thank-you-content {
    display: flex;
    justify-content: center;
  }
}

@media(min-width: 800px) {
  .content-thank-you {
    width: 90%;
  }

  .thank_you_page {
    margin-top: 280px;
  }

  .container-thank-you-content {
    display: flex;
    justify-content: center;
  }
}

@media(min-width: 1500px) {
  .thank_you_page {
    margin-top: 350px;
  }
}

.community-swiper-arrow .swiper-pagination-bullet {
  background: #1a9746 !important;
  opacity: 0.5 !important;
}

.community-swiper-arrow .swiper-pagination-bullet-active {
  background: #3d3d3d !important;
  opacity: 1 !important;
}

.left-swiper .swiper-pagination-bullet {
  background: #fff !important;
  opacity: 1 !important;
}

.left-swiper .swiper-pagination-bullet-active {
  background: #707071 !important;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  z-index: 5 !important;
}

.type1 {
  position: relative;
  padding-bottom: 15px;
  display: flex;
  justify-content: center;
}

.register-main {
  color: white;
  padding: 10px 20px;
  background: #1a9746;
  width: 150px;
  font-size: 16px !important;
  text-align: center !important;
}

/* Thank you page */
@media(min-width:200px) {
  .thank-you-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    flex-direction: column;
  }

  .desktop-thank-you-only {
    display: none;
  }

  .coolaid-link {
    text-decoration: none;
    color: black;
  }

  .coolaid-link:hover {
    color: #10b2e5;
  }

  .thank-you-title {
    margin-top: 100px;
    margin-bottom: 25px;
    text-align: center;
    width: 300px;
    text-transform: uppercase;
    font-family: gravesend-sans, sans-serif;
    line-height: 1;
  }

  .main-image-thank-you {
    width: 100%;
    object-fit: cover;
  }

  .main-image-thank-you-clear-logo {
    width: 100%;
    object-fit: cover;
    position: absolute;
  }

  .centering-thank-you-content {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }

  .secondary-image {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }

  .logo-width-thank-you {
    width: 200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .logo-width-thank-you-summerhill {
    width: 180px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
  }

  .font-thank-you {
    text-transform: uppercase;
    font-family: gravesend-sans, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #393636;
    width: 300px;
    line-height: 1.3;
  }

  .font-thank-you-footer {
    text-transform: uppercase;
    font-family: Gotham-Book;
    color: #393636;
    text-align: center;
    font-size: 8px;
    width: 320px;
    line-height: 1.3;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .green-thank-you-font {
    color: #1A9746;
  }

  .thank-you-width {
    width: 320px;
    color: #393636;
  }
}

@media(min-width:500px) {
  .thank-you-width {
    width: 420px;
  }

  .logo-width-thank-you {
    width: 300px;
  }

  .font-thank-you {
    width: 420px;
  }

  .font-thank-you-footer {
    width: 420px;
  }

  .thank-you-title {
    width: 450px;
  }
}

@media(min-width:850px) {
  .thank-you-title {
    width: 800px
  }

  .desktop-thank-you-only {
    display: block;
  }

  .logo-width-thank-you {
    padding-top: 5px;
  }

  .mobile-thank-you-only {
    display: none;
  }

  .thank-you-width {
    width: 290px;
  }

  .font-thank-you {
    width: 290px;
  }

  .font-thank-you-footer {
    width: 290px;
    padding-bottom: 0px;
  }

  .thank-you-contain-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .thank-you-height-container {
    height: calc(100vh - 200px);
  }

  .main-image-thank-you {
    width: 50%;
  }

  .thank-you-title {
    font-size: 40px;
  }

  .farmstead-container-thank-you {
    display: flex;
    height: 100%;
  }

  .centering-thank-you-content {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 20px;
  }

  .secondary-image {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }
}

@media(min-width:1000px) {
  .main-image-thank-you {
    width: 63%;
  }

  .logo-width-thank-you {
    padding-top: 20px;
  }

  .secondary-image {
    width: 38%;
  }

  .thank-you-width {
    width: 350px;
  }

  .font-thank-you {
    width: 350px;
  }

  .font-thank-you-footer {
    width: 350px;
    padding-top: 30px;
  }

  .thank-you-title {
    font-size: 50px;
  }
}

@media(min-width: 1350px) {
  .thank-you-width {
    width: 500px;
  }

  .font-thank-you {
    width: 400px;
  }

  .thank-you-content {
    margin: 0 auto;
  }

  .font-thank-you-footer {
    width: 500px;
  }
}

@media(min-width:1800px) {
  .main-image-thank-you {
    width: 63%;
  }

  .secondary-image {
    width: 38%;
  }

  .font-thank-you-footer {
    padding-top: 0px;
  }

  .thank-you-title {
    font-size: 50px;
  }

  .thank-you-contain-content {
    height: 600px;
  }
}

.home .welcome .content .row .text .border_text_light_bottom {
  padding: 1em 0 1em 0em;
}

.home .welcome .content .row .text .border_text_light_bottom {
  font-family: gravesend-sans, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}

/*! * # Semantic UI 2.4.1 - Checkbox * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */
.ui.checkbox {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  font-size: 1rem;
  font-style: normal;
  line-height: 17px;
  min-height: 17px;
  min-width: 17px;
  outline: none;
  position: relative;
  vertical-align: baseline
}

.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {
  cursor: pointer;
  height: 17px;
  left: 0;
  opacity: 0 !important;
  outline: none;
  position: absolute;
  top: 0;
  width: 17px;
  z-index: 3
}

.ui.checkbox .box, .ui.checkbox label {
  cursor: auto;
  display: block;
  font-size: 1em;
  outline: none;
  padding-left: 1.85714em;
  position: relative
}

.ui.checkbox .box:before, .ui.checkbox label:before {
  background: #fff;
  border: 1px solid #d4d4d5;
  border-radius: .21428571rem;
  content: ""
}

.ui.checkbox .box:after, .ui.checkbox .box:before, .ui.checkbox label:after, .ui.checkbox label:before {
  height: 17px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;
  width: 17px
}

.ui.checkbox .box:after, .ui.checkbox label:after {
  color: rgba(0, 0, 0, .87);
  font-size: 14px;
  opacity: 0;
  text-align: center
}

.ui.checkbox+label, .ui.checkbox label {
  color: rgba(0, 0, 0, .87);
  transition: color .1s ease
}

.ui.checkbox+label {
  vertical-align: middle
}

.ui.checkbox .box:hover:before, .ui.checkbox label:hover:before {
  background: #fff;
  border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox+label:hover, .ui.checkbox label:hover {
  color: rgba(0, 0, 0, .8)
}

.ui.checkbox .box:active:before, .ui.checkbox label:active:before {
  background: #f9fafb;
  border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox .box:active:after, .ui.checkbox input:active~label, .ui.checkbox label:active:after {
  color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:focus~.box:before, .ui.checkbox input:focus~label:before {
  background: #fff;
  border-color: #96c8da
}

.ui.checkbox input:focus~.box:after, .ui.checkbox input:focus~label, .ui.checkbox input:focus~label:after {
  color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
  background: #fff;
  border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
  color: rgba(0, 0, 0, .95);
  opacity: 1
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:before, .ui.checkbox input:not([type=radio]):indeterminate~label:before {
  background: #fff;
  border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:after, .ui.checkbox input:not([type=radio]):indeterminate~label:after {
  color: rgba(0, 0, 0, .95);
  opacity: 1
}

.ui.checkbox input:checked:focus~.box:before, .ui.checkbox input:checked:focus~label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:before {
  background: #fff;
  border-color: #96c8da
}

.ui.checkbox input:checked:focus~.box:after, .ui.checkbox input:checked:focus~label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:after {
  color: rgba(0, 0, 0, .95)
}

.ui.read-only.checkbox, .ui.read-only.checkbox label {
  cursor: default
}

.ui.checkbox input[disabled]~.box:after, .ui.checkbox input[disabled]~label, .ui.disabled.checkbox .box:after, .ui.disabled.checkbox label {
  color: #000;
  cursor: default !important;
  opacity: .5
}

.ui.checkbox input.hidden {
  z-index: -1
}

.ui.checkbox input.hidden+label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ui.radio.checkbox {
  min-height: 15px
}

.ui.radio.checkbox .box, .ui.radio.checkbox label {
  padding-left: 1.85714em
}

.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
  border-radius: 500rem;
  content: "";
  height: 15px;
  left: 0;
  top: 1px;
  transform: none;
  width: 15px
}

.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
  background-color: rgba(0, 0, 0, .87);
  border: none;
  border-radius: 500rem;
  content: "" !important;
  height: 15px;
  left: 0;
  line-height: 15px;
  top: 1px;
  transform: scale(.46666667);
  width: 15px
}

.ui.radio.checkbox input:focus~.box:before, .ui.radio.checkbox input:focus~label:before {
  background-color: #fff
}

.ui.radio.checkbox input:focus~.box:after, .ui.radio.checkbox input:focus~label:after {
  background-color: rgba(0, 0, 0, .95)
}

.ui.radio.checkbox input:indeterminate~.box:after, .ui.radio.checkbox input:indeterminate~label:after {
  opacity: 0
}

.ui.radio.checkbox input:checked~.box:before, .ui.radio.checkbox input:checked~label:before {
  background-color: #fff
}

.ui.radio.checkbox input:checked~.box:after, .ui.radio.checkbox input:checked~label:after {
  background-color: rgba(0, 0, 0, .95)
}

.ui.radio.checkbox input:focus:checked~.box:before, .ui.radio.checkbox input:focus:checked~label:before {
  background-color: #fff
}

.ui.radio.checkbox input:focus:checked~.box:after, .ui.radio.checkbox input:focus:checked~label:after {
  background-color: rgba(0, 0, 0, .95)
}

.ui.slider.checkbox {
  min-height: 1.25rem
}

.ui.slider.checkbox input {
  height: 1.25rem;
  width: 3.5rem
}

.ui.slider.checkbox .box, .ui.slider.checkbox label {
  color: rgba(0, 0, 0, .4);
  line-height: 1rem;
  padding-left: 4.5rem
}

.ui.slider.checkbox .box:before, .ui.slider.checkbox label:before {
  background-color: rgba(0, 0, 0, .05);
  border: none !important;
  border-radius: 500rem;
  content: "";
  display: block;
  height: .21428571rem;
  left: 0;
  position: absolute;
  top: .4rem;
  transform: none;
  transition: background .3s ease;
  width: 3.5rem;
  z-index: 1
}

.ui.slider.checkbox .box:after, .ui.slider.checkbox label:after {
  background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));
  border: none;
  border-radius: 500rem;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), inset 0 0 0 1px rgba(34, 36, 38, .15);
  content: "" !important;
  height: 1.5rem;
  left: 0;
  opacity: 1;
  position: absolute;
  top: -.25rem;
  transform: none;
  transition: left .3s ease;
  width: 1.5rem;
  z-index: 2
}

.ui.slider.checkbox input:focus~.box:before, .ui.slider.checkbox input:focus~label:before {
  background-color: rgba(0, 0, 0, .15);
  border: none
}

.ui.slider.checkbox .box:hover, .ui.slider.checkbox label:hover {
  color: rgba(0, 0, 0, .8)
}

.ui.slider.checkbox .box:hover:before, .ui.slider.checkbox label:hover:before {
  background: rgba(0, 0, 0, .15)
}

.ui.slider.checkbox input:checked~.box, .ui.slider.checkbox input:checked~label {
  color: rgba(0, 0, 0, .95) !important
}

.ui.slider.checkbox input:checked~.box:before, .ui.slider.checkbox input:checked~label:before {
  background-color: #545454 !important
}

.ui.slider.checkbox input:checked~.box:after, .ui.slider.checkbox input:checked~label:after {
  left: 2rem
}

.ui.slider.checkbox input:focus:checked~.box, .ui.slider.checkbox input:focus:checked~label {
  color: rgba(0, 0, 0, .95) !important
}

.ui.slider.checkbox input:focus:checked~.box:before, .ui.slider.checkbox input:focus:checked~label:before {
  background-color: #000 !important
}

.ui.toggle.checkbox {
  min-height: 1.5rem
}

.ui.toggle.checkbox input {
  height: 1.5rem;
  width: 3.5rem
}

.ui.toggle.checkbox .box, .ui.toggle.checkbox label {
  color: rgba(0, 0, 0, .87);
  min-height: 1.5rem;
  padding-left: 4.5rem
}

.ui.toggle.checkbox label {
  padding-top: .15em
}

.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
  background: rgba(0, 0, 0, .05);
  border: none;
  border-radius: 500rem;
  box-shadow: none;
  content: "";
  display: block;
  height: 1.5rem;
  position: absolute;
  top: 0;
  transform: none;
  width: 3.5rem;
  z-index: 1
}

.ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after {
  background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));
  border: none;
  border-radius: 500rem;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), inset 0 0 0 1px rgba(34, 36, 38, .15);
  content: "" !important;
  height: 1.5rem;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: background .3s ease, left .3s ease;
  width: 1.5rem;
  z-index: 2
}

.ui.toggle.checkbox input~.box:after, .ui.toggle.checkbox input~label:after {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), inset 0 0 0 1px rgba(34, 36, 38, .15);
  left: -.05rem
}

.ui.toggle.checkbox .box:hover:before, .ui.toggle.checkbox input:focus~.box:before, .ui.toggle.checkbox input:focus~label:before, .ui.toggle.checkbox label:hover:before {
  background-color: rgba(0, 0, 0, .15);
  border: none
}

.ui.toggle.checkbox input:checked~.box, .ui.toggle.checkbox input:checked~label {
  color: rgba(0, 0, 0, .95) !important
}

.ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before {
  background-color: #2185d0 !important
}

.ui.toggle.checkbox input:checked~.box:after, .ui.toggle.checkbox input:checked~label:after {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), inset 0 0 0 1px rgba(34, 36, 38, .15);
  left: 2.15rem
}

.ui.toggle.checkbox input:focus:checked~.box, .ui.toggle.checkbox input:focus:checked~label {
  color: rgba(0, 0, 0, .95) !important
}

.ui.toggle.checkbox input:focus:checked~.box:before, .ui.toggle.checkbox input:focus:checked~label:before {
  background-color: #0d71bb !important
}

.ui.fitted.checkbox .box, .ui.fitted.checkbox label {
  padding-left: 0 !important
}

.ui.fitted.slider.checkbox, .ui.fitted.toggle.checkbox {
  width: 3.5rem
}

@font-face {
  font-family: Checkbox;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype")
}

.ui.checkbox .box:after, .ui.checkbox label:after {
  font-family: Checkbox
}

.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
  content: ""
}

.ui.checkbox input:indeterminate~.box:after, .ui.checkbox input:indeterminate~label:after {
  content: "";
  font-size: 12px
}

.home .hero_landing {
  display: flex;
  height: calc(100vh - 60px);
  margin-top: 60px;
  min-height: 600px;
  position: relative;
  width: 100%
}

@media screen and (max-width:768px) {
  .home .hero_landing {
    flex-flow: column;
    height: 100%;
    margin: 0
  }
}

.home .hero_landing .farmstead_text {
  height: 10vw;
  left: 31%;
  max-height: 110px;
  position: absolute;
  top: 15%;
  z-index: 2
}

@media screen and (max-width:768px) {
  .home .hero_landing .farmstead_text {
    left: 4em;
    top: 90px
  }
}

@media screen and (max-width:550px) {
  .home .hero_landing .farmstead_text {
    height: 11vw;
    left: 15%;
    top: 80px
  }
}

.home .hero_landing .left_swiper {
  width: 45%
}

@media screen and (max-width:768px) {
  .home .hero_landing .left_swiper {
    height: 50vh;
    margin-top: 60px;
    order: 1;
    width: 100%
  }
}

.home .hero_landing .left_swiper .leftSwiper {
  width: 100%
}

.home .hero_landing .left_swiper .leftSwiper .swiper-slide img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  /* transition: all 20s; */
  width: 100%
}

.home .hero_landing .left_swiper .leftSwiper .swiper-slide img.slide3_img {
  -o-object-position: 0 0;
  object-position: 0 0
}

.home .hero_landing .left_swiper .leftSwiper .swiper-slide img.slide1_img {
  -o-object-position: right;
  object-position: right
}

.home .hero_landing .center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%
}

@media screen and (max-width:768px) {
  .home .hero_landing .center {
    height: calc(50vh - 60px);
    order: 2;
    padding: 0 2em;
    width: calc(100% - 4em)
  }
}

@media screen and (max-width:320px) {
  .home .hero_landing .center {
    height: 100%;
    padding: 1em 2em
  }
}

.home .hero_landing .center .wrapper {
  margin-top: 12em;
  width: 70%
}

@media screen and (max-width:768px) {
  .home .hero_landing .center .wrapper {
    margin: 0;
    width: 100%
  }
}

.home .hero_landing .center .wrapper .mobile_btn {
  display: flex;
  display: none;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1em
}

@media screen and (max-width:768px) {
  .home .hero_landing .center .wrapper .mobile_btn {
    display: flex
  }
}

.home .hero_landing .center .wrapper .mobile_btn .btn {
  margin-top: 5em;
  width: 250px
}

@media screen and (max-width:768px) {
  .home .hero_landing .center .wrapper .mobile_btn .btn {
    margin: 0 auto;
    width: 180px
  }
}

.home .hero_landing .center .wrapper .mobile_btn p {
  font-size: 9px;
  text-align: center
}

.home .hero_landing .center .wrapper .coming_soon {
  color: #1a9746;
  transition: all .5s
}

.home .hero_landing .center .wrapper h1, .home .hero_landing .center .wrapper p {
  font-family: gravesend-sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase
}

.home .hero_landing .center .wrapper p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  margin-top: 5px
}

@media screen and (max-width:550px) {
  .home .hero_landing .center .wrapper p {
    font-size: 11px
  }
}

.home .hero_landing .center .wrapper .btn_wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

@media screen and (max-width:768px) {
  .home .hero_landing .center .wrapper .btn_wrap {
    width: 100%
  }
}

.home .hero_landing .center .wrapper .btn_wrap .btn {
  margin-top: 5em;
  width: 250px
}

@media screen and (max-width:768px) {
  .home .hero_landing .center .wrapper .btn_wrap .btn {
    display: none;
    margin-top: 3em;
    width: 200px
  }
}

.home .hero_landing .center .wrapper .btn_wrap p {
  font-size: 12px;
  margin-top: 1em
}

@media screen and (max-width:768px) {
  .home .hero_landing .center .wrapper .btn_wrap p {
    display: none
  }
}

.home .hero_landing .center .wrapper .btn_wrap .down_arrow {
  display: inline-block;
  margin: 3em auto 0;
  width: 22px
}

@media screen and (max-width:550px) {
  .home .hero_landing .center .wrapper .btn_wrap .down_arrow {
    margin-top: 1em
  }
}

.home .hero_landing .right_swiper {
  width: 17.5%
}

@media screen and (max-width:768px) {
  .home .hero_landing .right_swiper {
    display: none;
    height: 100vh;
    order: 2
  }
}

.home .hero_landing .right_swiper .rightSwiper {
  height: 100%;
  width: 100%
}

.home .hero_landing .right_swiper .rightSwiper .swiper-slide img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.home .hero_landing .right_swiper .rightSwiper .swiper-slide img.slide3_img {
  -o-object-position: 0 0;
  object-position: 0 0
}

.home .welcome {
  display: flex;
  height: 100%;
  width: 100%
}

.home .welcome .bricks {
  background-image: url(/img/bricks.jpg);
  background-repeat: repeat;
  width: 17.5%
}

.home .welcome .content {
  margin-left: -70px;
  padding-bottom: 5em;
  width: 82.5%
}

@media screen and (max-width:990px) {
  .home .welcome .content {
    margin: 0
  }
}

@media screen and (max-width:550px) {
  .home .welcome .content {
    padding-bottom: 3em
  }
}

.home .welcome .content .row {
  display: flex;
  margin-top: 5em
}

@media screen and (max-width:990px) {
  .home .welcome .content .row {
    flex-direction: column;
    width: 100%
  }
}

.home .welcome .content .row .frame {
  align-self: flex-start;
  border: 7px solid #000;
  padding: 2em;
  width: 45%
}

@media screen and (max-width:990px) {
  .home .welcome .content .row .frame {
    margin-left: 10%
  }
}

@media screen and (max-width:550px) {
  .home .welcome .content .row .frame {
    margin-left: 5%;
    width: calc(90% - 4.625em)
  }
}

.home .welcome .content .row .frame img {
  width: 100%
}

.home .welcome .content .row .frameless {
  align-items: flex-end;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: calc(45% + 5.5em)
}

@media screen and (max-width:990px) {
  .home .welcome .content .row .frameless {
    align-self: center;
    width: 60%
  }
}

.home .welcome .content .row .frameless a {
  display: flex;
  justify-content: flex-end
}

.home .welcome .content .row .frameless .img {
  height: 100%;
  width: 80%
}

@media screen and (max-width:990px) {
  .home .welcome .content .row .frameless .img {
    width: 100%
  }
}

.home .welcome .content .row .text {
  margin-left: 60px;
  width: 55%
}

@media screen and (max-width:990px) {
  .home .welcome .content .row .text {
    align-self: center;
    margin: 0;
    width: 80%
  }
}

@media screen and (max-width:550px) {
  .home .welcome .content .row .text {
    width: 90%
  }
}

.home .welcome .content .row .text .border_text_light {
  background: #fff;
  margin-left: -120px;
  padding: 1em 0 1em 1.5em
}

@media screen and (max-width:990px) {
  .home .welcome .content .row .text .border_text_light {
    margin: 0;
    padding: 0
  }
}

.home .welcome .content .row .text .border_text_light h1 {
  font-family: gravesend-sans, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2
}

@media screen and (max-width:550px) {
  .home .welcome .content .row .text .border_text_light h1 {
    font-size: 22px
  }
}

.home .welcome .content .row .text .border_text_light h1 span {
  display: block
}

@media screen and (max-width:990px) {
  .home .welcome .content .row .text .border_text_light h1 span {
    display: inline
  }
}

.home .welcome .content .row .text .border_text_light h1 span.green {
  color: #1a9746
}

.home .welcome .content .row .text p {
  color: #010502;
  font-family: Gotham-Book;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 1em;
  padding-right: 100px
}

@media screen and (max-width:990px) {
  .home .welcome .content .row .text p {
    padding: 0
  }
}

.home .welcome .content .first_row .text {
  line-height: 1.3;
  margin-top: 3em
}

@media screen and (max-width:550px) {
  .home .welcome .content .first_row .text {
    margin-top: 2em
  }

  .home .welcome .content .first_row {
    margin-top: 6em
  }
}

.home .welcome .content .second_row {
  margin-top: -50px
}

@media screen and (max-width:990px) {
  .home .welcome .content .second_row {
    margin-top: 3em
  }
}

@media screen and (max-width:550px) {
  .home .welcome .content .second_row {
    margin-top: 2em
  }
}

@media screen and (min-width:1500px) {
  .home .welcome .content .second_row {
    margin-top: 0
  }
}

@media screen and (min-width:1600px) {
  .home .welcome .content .second_row {
    margin-top: 2em
  }
}

@media screen and (max-width:990px) {
  .home .welcome .content .second_row .frameless {
    align-self: flex-end;
    margin-right: 10%
  }
}

@media screen and (max-width:550px) {
  .home .welcome .content .second_row .frameless {
    align-self: center;
    margin: 0;
    width: 90%
  }
}

.home .welcome .content .second_row .text {
  margin-left: 60px;
  margin-top: 110px;
  position: relative
}

@media screen and (max-width:990px) {
  .home .welcome .content .second_row .text {
    align-self: flex-start;
    margin: 3em 0 0
  }
}

@media screen and (max-width:550px) {
  .home .welcome .content .second_row .text {
    align-self: center;
    margin-top: 2em;
    width: 90%
  }
}

.home .welcome .content .second_row .text .wrap {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  width: 90%
}

@media screen and (max-width:550px) {
  .home .welcome .content .second_row .text .wrap {
    align-items: flex-start;
    width: 100%
  }
}

.home .welcome .content .second_row .text .wrap .text_wrap {
  align-items: flex-end;
  display: flex;
  flex-direction: column
}

@media screen and (max-width:550px) {
  .home .welcome .content .second_row .text .wrap .text_wrap {
    align-items: flex-start;
    width: 100%
  }
}

.home .welcome .content .second_row .text .wrap .text_wrap .first_text, .home .welcome .content .second_row .text .wrap .text_wrap .second_text {
  font-family: gravesend-sans, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500
}

@media screen and (max-width:550px) {
  .home .welcome .content .second_row .text .wrap .text_wrap .first_text, .home .welcome .content .second_row .text .wrap .text_wrap .second_text {
    font-size: 22px
  }
}

.home .welcome .content .second_row .text .wrap .text_wrap .first_text {
  color: #1a9746;
  margin-right: 3em
}

@media screen and (max-width:550px) {
  .home .welcome .content .second_row .text .wrap .text_wrap .first_text {
    margin: 0
  }
}

.home .welcome .content .second_row .text .wrap .text_wrap .second_text {
  margin-bottom: 10px;
  margin-right: 1em
}

@media screen and (max-width:550px) {
  .home .welcome .content .second_row .text .wrap .text_wrap .second_text {
    margin: 0
  }
}

.home .welcome .content .second_row .text .wrap .frame {
  height: 250px;
  width: 85%
}

@media screen and (max-width:550px) {
  .home .welcome .content .second_row .text .wrap .frame {
    height: auto;
    margin: 0;
    width: calc(90% - 2.625em)
  }
}

.home .welcome .content .second_row .text .wrap .frame img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.home .welcome .content .third_row {
  margin-top: -120px
}

@media screen and (max-width:990px) {
  .home .welcome .content .third_row {
    margin-top: 3em
  }
}

@media screen and (max-width:550px) {
  .home .welcome .content .third_row {
    margin-top: 2em
  }
}

@media screen and (min-width:1600px) {
  .home .welcome .content .third_row {
    margin-top: -100px
  }
}

@media screen and (min-width:1700px) {
  .home .welcome .content .third_row {
    margin-top: -60px
  }
}

@media screen and (min-width:1800px) {
  .home .welcome .content .third_row {
    margin-top: -20px
  }
}

@media screen and (min-width:2100px) {
  .home .welcome .content .third_row {
    margin-top: 1em
  }
}

@media screen and (min-width:2300px) {
  .home .welcome .content .third_row {
    margin-top: 2em
  }
}

@media screen and (max-width:990px) {
  .home .welcome .content .third_row .frameless {
    align-self: flex-end;
    margin-right: 10%
  }
}

@media screen and (max-width:550px) {
  .home .welcome .content .third_row .frameless {
    align-self: center;
    margin: 0;
    width: 90%
  }
}

.home .welcome .content .third_row .frameless .text_wrap {
  align-items: flex-end;
  display: flex;
  flex-direction: column
}

.home .welcome .content .third_row .frameless .text_wrap .first_text, .home .welcome .content .third_row .frameless .text_wrap .second_text {
  font-family: gravesend-sans, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500
}

@media screen and (max-width:550px) {
  .home .welcome .content .third_row .frameless .text_wrap .first_text, .home .welcome .content .third_row .frameless .text_wrap .second_text {
    font-size: 22px
  }
}

.home .welcome .content .third_row .frameless .text_wrap .first_text {
  color: #1a9746
}

.home .welcome .content .third_row .frameless .text_wrap .second_text {
  margin-bottom: 1em;
  margin-right: 4em
}

@media screen and (max-width:550px) {
  .home .welcome .content .third_row .frameless .text_wrap .second_text {
    margin: 0
  }
}

.home .welcome .content .third_row .text {
  margin-top: 150px
}

@media screen and (max-width:990px) {
  .home .welcome .content .third_row .text {
    margin-top: 3em
  }
}

@media screen and (max-width:550px) {
  .home .welcome .content .third_row .text {
    margin-top: 2em
  }
}

.home .registration_form {
  background-image: url(/img/register_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh - 60px);
  max-height: 700px;
  position: relative;
  width: 100%
}

@media screen and (max-width:990px) {
  .home .registration_form {
    height: 100%;
    max-height: unset;
    padding-bottom: 2em
  }
}

.home .registration_form h1 {
  color: #010502;
  font-family: gravesend-sans, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  margin: 0 auto;
  padding-top: 100px;
  text-align: center;
  width: 50%
}

@media screen and (max-width:990px) {
  .home .registration_form h1 {
    width: 60%
  }
}

@media screen and (max-width:550px) {
  .home .registration_form h1 {
    font-size: 22px;
    padding-top: 90px;
    width: 80%
  }
}

.home .registration_form .form_reg {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, .25);
  display: flex;
  flex-direction: column;
  min-width: 650px;
  padding: 2em 3em;
  position: absolute;
  right: 80px;
  top: 200px;
  width: 42%
}

@media screen and (max-width:990px) {
  .home .registration_form .form_reg {
    margin: 2em auto 0;
    min-width: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 60%
  }
}

@media screen and (max-width:550px) {
  .home .registration_form .form_reg {
    padding: 2em;
    width: calc(80% - 4em)
  }
}

.home .registration_form .form_reg .custom_input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #010502;
  border-radius: 0;
  color: #010502;
  font-family: Gotham-Book;
  margin-top: 1em;
  outline: none;
  padding: .5em 0 5px
}

.home .registration_form .form_reg .custom_input::-moz-placeholder {
  color: #010502;
  font-family: Gotham-Book;
  font-size: 11px;
  letter-spacing: 2px
}

.home .registration_form .form_reg .custom_input:-ms-input-placeholder {
  color: #010502;
  font-family: Gotham-Book;
  font-size: 11px;
  letter-spacing: 2px
}

.home .registration_form .form_reg .custom_input::placeholder {
  color: #010502;
  font-family: Gotham-Book;
  font-size: 11px;
  letter-spacing: 2px
}

.home .registration_form .form_reg .broker {
  align-items: center;
  color: #010502;
  display: flex;
  font-family: Gotham-Book;
  font-size: 11px;
  margin-top: 2em;
  text-transform: uppercase
}

@media screen and (max-width:550px) {
  .home .registration_form .form_reg .broker {
    flex-wrap: wrap
  }
}

.home .registration_form .form_reg .broker .are_you_broker {
  letter-spacing: 2px;
  margin-right: 15px
}

@media screen and (max-width:550px) {
  .home .registration_form .form_reg .broker .are_you_broker {
    margin-bottom: 5px;
    width: 100%
  }
}

.home .registration_form .form_reg .broker label {
  font-family: Gotham-Book;
  font-size: 11px;
  letter-spacing: 2px
}

.home .registration_form .form_reg .broker #parsley-id-multiple-broker {
  margin-left: 2em;
  order: 4
}

.home .registration_form .form_reg p {
  color: #010502;
  font-family: Gotham-Book;
  font-size: 9px;
  line-height: 1.4;
  margin-top: 2em;
  width: 78%
}

@media screen and (max-width:550px) {
  .home .registration_form .form_reg p {
    width: 100%
  }
}

.home .registration_form .form_reg .submit {
  align-self: flex-start;
  -webkit-appearance: none;
  background: #1a9746;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-family: Gotham-Book;
  letter-spacing: 2px;
  margin-top: 2em;
  padding: 5px 3em
}

.swiper-pagination-bullet-active {
  background: #707071 !important
}

.container {
  align-items: center;
  cursor: pointer;
  display: block;
  display: flex;
  font-size: 22px;
  height: 20px;
  justify-content: center;
  margin-left: 1.5em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.container .value {
  margin-right: 15px
}

.container input {
  cursor: pointer;
  opacity: 0;
  position: absolute
}

.checkmark {
  background-color: #fff;
  border: 1px solid #010502;
  border-radius: 50%;
  height: 15px;
  left: 30px;
  position: absolute;
  top: 0;
  width: 15px
}

.container:hover input~.checkmark, .container input:checked~.checkmark {
  background-color: #1a9746
}

.checkmark:after {
  content: "";
  display: none;
  position: absolute
}

.container input:checked~.checkmark:after {
  display: block
}

.parsley-minlength, .parsley-required, .parsley-type {
  color: #ff9494;
  font-family: Gotham-Book;
  font-size: 9px;
  margin-top: 5px;
  text-transform: uppercase
}

.green {
  color: #1a9746
}

.mobile {
  display: none !important
}

@media screen and (max-width:768px) {
  .mobile {
    display: block !important
  }
}

.desktop {
  display: block !important
}

@media screen and (max-width:768px) {
  .desktop {
    display: none !important
  }
}

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  height: var(--swiper-virtual-size);
  width: 1px
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/44*27);
  z-index: 10
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
  text-transform: none
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  left: auto;
  right: 10px
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: 50%;
  display: inline-block;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  background: rgba(0, 0, 0, .1);
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none
}

.swiper-horizontal>.swiper-scrollbar {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50
}

.swiper-vertical>.swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50
}

.swiper-scrollbar-drag {
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s linear infinite;
  animation: swiper-preloader-spin 1s linear infinite;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}

@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}

.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube {
  overflow: visible
}

.swiper-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0
}

.swiper-cube .swiper-cube-shadow {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: .6;
  position: absolute;
  width: 100%;
  z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
  background: #000;
  bottom: 0;
  content: "";
  filter: blur(50px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.swiper-flip {
  overflow: visible
}

.swiper-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height
}

.swiper-cards {
  overflow: visible
}

.swiper-cards .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom
}

@media (min-width:200px) {
  .home .hero_landing .center .wrapper p {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4;
    margin-top: 5px;
  }

  .home .hero_landing .farmstead_text_new {
    height: auto !important;
    left: 0 !important;
    margin: 0 auto;
    right: 0;
    max-height: 110px;
    position: absolute;
    top: 15%;
    z-index: 2;
    width: 280px;
  }

  .arrow-logo-header {
    position: absolute;
    top: 0;
  }

  .padding-top-coming-soon {
    padding-top: 20px;
  }

  .home .hero_landing .left_swiper .leftSwiper {
    height: 100%;
    /* height: 560px !important; */
  }

  .left-swiper {
    bottom: 60px !important;
  }

  .home .hero_landing .left_swiper .leftSwiper .swiper-slide img {
    height: calc(50vh - 10px) !important;
    overflow-x: hidden !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    /* transition: all 20s !important; */
    width: 100% !important;
  }
}

@media(min-width:321px) {
  .margin-top-mobile-welcome {
    margin-top: 140px !important;
  }

  .margin-top-wrapper {
    margin-top: 140px !important;
  }
}

@media(min-width:700px) {
  .margin-top-wrapper {
    margin-top: 45px !important;
  }

  .home .hero_landing .farmstead_text_new {
    width: 400px !important;
  }

  .home .hero_landing .left_swiper {
    /* width: 45% !important; */
    display: flex !important;
    align-items: center !important;
    /* padding-top: 100px !important; */
    height: auto !important;
  }

  .home .hero_landing .center .wrapper p {
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.4;
    margin-top: 5px;
  }

  .home .hero_landing .left_swiper .leftSwiper {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    /*margin-left: -70px; */
    height: auto;
    /* height: 560px !important; */
  }

  /*.home .hero_landing .left_swiper .leftSwiper .frame {*/
  /*     align-self: flex-start;*/
  /*    border: 7px solid #000;*/
  /*    padding: 2em; */
  /*}*/
  /* .height-for-swiper {        height: 380px !important;    } */
  .margin-top-mobile-welcome {
    margin-top: 0px !important;
  }
}

@media (min-width:769px) {
  .home .hero_landing .farmstead_text_new {
    height: auto !important;
    left: 0;
    right: 0;
    max-height: 110px;
    position: absolute;
    top: 10%;
    z-index: 2;
    width: 700px;
  }

  .home .hero_landing .left_swiper .leftSwiper .swiper-slide img {
    height: 100% !important;
    width: 100% !important;
  }

  .home .hero_landing .center .wrapper .btn_wrap .btn {
    margin-top: 2em !important;
    width: 215px;
  }

  .home .hero_landing .left_swiper {
    width: 42% !important;
    display: flex !important;
    align-items: center !important;
    /* padding-top: 100px !important; */
    height: auto !important;
  }

  .home .hero_landing .center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40.5%;
  }
}

@media(min-width:800px) {
  .home .hero_landing .left_swiper .leftSwiper .frame {
    align-self: flex-start;
    border: 7px solid #000;
    padding: 2em;
  }

  .home .hero_landing .left_swiper .leftSwiper {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    margin-left: -70px;
    height: auto;
    /* height: 560px !important; */
  }

  .margin-top-wrapper {
    margin-top: 145px !important;
  }
}

@media(min-width:950px) {
  .home .hero_landing .farmstead_text_new {
    width: 650px !important;
  }

  .home .hero_landing .center .wrapper .btn_wrap .btn {
    margin-top: 2em !important;
    width: 250px;
  }

  .home .hero_landing .left_swiper {
    width: 42% !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 100px !important;
    height: auto !important;
  }

  .home .hero_landing .left_swiper .leftSwiper {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    margin-left: -70px;
    height: auto;
    /* height: 560px !important; */
  }

  .home .hero_landing .left_swiper .leftSwiper .frame {
    align-self: flex-start;
    border: 7px solid #000;
    padding: 2em;
  }

  /* .height-for-swiper {        height: 380px !important;    } */
}

@media(min-width:990px) {
  .house-2-img {
    width: 60% !important;
  }
}

@media(min-width:1200px) {
  .home .hero_landing .center .wrapper p {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4;
    margin-top: 5px;
  }

  .home .hero_landing .center {
    margin-left: -80px !important;
  }
}
.footer-contacts {
	display: flex; 
	justify-content: center; 
	max-width: 40%; margin: 0 auto;
}
.footer-contacts > div:first-of-type {
	margin-right: 1.5em;
}
@media (max-width:992px) {
	.footer-contacts {
		max-width: 90%;
		text-align: center;
  		flex-direction: column;
	}
	.footer-contacts > div:first-of-type {
		margin: 0 auto;
	}
}
.green-btn,
.green-btn:hover {
	color: #fff;
	text-align: center;
	padding: .5em 1.5em;
	display: inline-block;
	background-color: #1A9746;
}
