@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#front-1 {
  display: flex;
  position: relative;
  height: 542px;
  align-items: center;
  justify-content: center;
  border-bottom: 7px solid #CFB265; }
  @media screen and (min-width: 48em) and (max-width: 74.9375em) {
    #front-1 {
      height: 885px; } }
  @media screen and (max-width: 47.9375em) {
    #front-1 {
      height: 446px; } }
  #front-1:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 11%, #000000 49%, rgba(0, 0, 0, 0) 85%);
    opacity: 0.7;
    z-index: 2; }
  #front-1 .section-background {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 1; }
    #front-1 .section-background img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
  #front-1 .section-content {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
    z-index: 3; }
    @media screen and (min-width: 48em) and (max-width: 74.9375em) {
      #front-1 .section-content {
        max-width: 768px; } }
    @media screen and (max-width: 47.9375em) {
      #front-1 .section-content {
        max-width: 380px; } }
    #front-1 .section-content:before {
      content: "";
      display: block;
      clear: both; }
    #front-1 .section-content:after {
      content: "";
      display: block;
      clear: both; }
    #front-1 .section-content h1 {
      color: #fff;
      font-size: 65px;
      font-weight: 400;
      line-height: 78px;
      text-align: center;
      opacity: 0;
      -webkit-animation-delay: 3s;
              animation-delay: 3s;
      -webkit-animation-name: fadeIn;
              animation-name: fadeIn;
      -webkit-animation-timing-function: ease;
              animation-timing-function: ease;
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
      @media screen and (min-width: 48em) and (max-width: 74.9375em) {
        #front-1 .section-content h1 {
          max-width: 600px; } }
      @media screen and (max-width: 47.9375em) {
        #front-1 .section-content h1 {
          font-size: 45px;
          line-height: 51px; } }
  #front-1 .next-section {
    display: flex;
    position: absolute;
    height: 48px;
    width: 48px;
    left: 50%;
    top: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    background-color: #CFB265;
    border: 2px solid #fff;
    z-index: 2; }

#front-3 {
  padding: 80px 0px;
  background-position: center top;
  background-repeat: no-repeat; }
  #front-3 .tree {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    padding: 0 15px; }
    @media screen and (max-width: 47.9375em) {
      #front-3 .tree {
        margin-bottom: 36px; } }
  #front-3 h2 {
    margin-bottom: 52px;
    padding: 0 15px;
    font-size: 45px;
    line-height: 43px;
    text-align: center; }
    @media screen and (min-width: 48em) and (max-width: 74.9375em) {
      #front-3 h2 {
        max-width: 545px;
        margin: 0 auto 40px;
        line-height: 53px; } }
    @media screen and (max-width: 47.9375em) {
      #front-3 h2 {
        max-width: 310px;
        margin: 0 auto 36px;
        font-size: 35px;
        line-height: 47px; } }
  #front-3 .row {
    display: flex;
    padding: 0; }
    @media screen and (min-width: 48em) and (max-width: 74.9375em) {
      #front-3 .row {
        flex-wrap: wrap; } }
    @media screen and (max-width: 47.9375em) {
      #front-3 .row {
        display: block; } }
    #front-3 .row .col {
      display: flex;
      flex: 1 1 100%;
      flex-direction: column;
      justify-content: space-between;
      margin: 0 15px;
      padding: 7px 0; }
      @media screen and (max-width: 74.9375em) {
        #front-3 .row .col {
          display: block;
          flex: 0 0 auto;
          padding: 0; } }
      #front-3 .row .col:nth-of-type(1) {
        padding: 0; }
        @media screen and (min-width: 48em) and (max-width: 74.9375em) {
          #front-3 .row .col:nth-of-type(1) {
            max-width: 575px;
            margin: 0 auto;
            padding: 0px 15px; } }
      @media screen and (min-width: 48em) and (max-width: 74.9375em) {
        #front-3 .row .col:nth-of-type(2) {
          width: calc(50% - 30px); } }
      @media screen and (max-width: 47.9375em) {
        #front-3 .row .col:nth-of-type(2) {
          margin-bottom: 65px; } }
      @media screen and (min-width: 48em) and (max-width: 74.9375em) {
        #front-3 .row .col:nth-of-type(3) {
          width: calc(50% - 30px); } }
    #front-3 .row p {
      display: flex;
      height: 100%;
      margin: 0;
      font-size: 21px;
      font-weight: 300;
      line-height: 31px; }
      @media screen and (max-width: 74.9375em) {
        #front-3 .row p {
          margin-bottom: 48px; } }
      #front-3 .row p:before {
        content: '';
        display: block;
        height: calc(100% - 14px);
        width: 6px;
        flex: 0 0 auto;
        margin-top: 7px;
        margin-right: 26px;
        background-color: rgba(245, 241, 227, 0.71); }
        @media screen and (max-width: 74.9375em) {
          #front-3 .row p:before {
            content: none; } }
    #front-3 .row .img {
      height: 248px;
      width: 100%;
      background-color: #ccc; }
      @media screen and (max-width: 74.9375em) {
        #front-3 .row .img {
          margin-bottom: 30px; } }
      #front-3 .row .img img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center; }
    #front-3 .row .btn {
      width: 100%; }
      @media screen and (max-width: 74.9375em) {
        #front-3 .row .btn {
          padding-left: 30px;
          padding-right: 30px; } }

#front-5 {
  position: relative;
  padding: 100px 0 140px;
  background-color: #EEE9D6;
  text-align: center; }
  @media screen and (min-width: 48em) and (max-width: 74.9375em) {
    #front-5 {
      padding-bottom: 120px; } }
  @media screen and (max-width: 47.9375em) {
    #front-5 {
      padding-bottom: 105px;
      padding-top: 95px; } }
  #front-5:before {
    content: '';
    height: 300px;
    width: 100%;
    background-image: radial-gradient(250px 250px at 50% -50px, #FFFFFF 3%, #EEE9D6 100%);
    position: absolute;
    top: 0;
    left: 0; }
  #front-5 .front-5-cont {
    position: relative;
    z-index: 1; }
  #front-5 .section-background {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    z-index: 1; }
    #front-5 .section-background img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
  #front-5 .flower {
    display: flex;
    justify-content: center;
    margin-bottom: 36px;
    padding: 0 15px; }
  #front-5 h2 {
    margin-bottom: 46px;
    padding: 0 15px;
    font-size: 65px;
    letter-spacing: 0;
    line-height: 43px; }
    @media screen and (min-width: 48em) and (max-width: 74.9375em) {
      #front-5 h2 {
        font-size: 55px; } }
    @media screen and (max-width: 47.9375em) {
      #front-5 h2 {
        max-width: 380px;
        margin: 0 auto 40px;
        padding: 0 40px;
        font-size: 45px;
        line-height: 50px; } }
  #front-5 p {
    max-width: 800px;
    margin: 0 auto 36px;
    padding: 0 15px;
    font-size: 21px;
    line-height: 31px; }
    @media screen and (min-width: 48em) and (max-width: 74.9375em) {
      #front-5 p {
        max-width: 675px; } }
    @media screen and (max-width: 47.9375em) {
      #front-5 p {
        max-width: 380px;
        padding: 0 30px; } }
  @media screen and (max-width: 47.9375em) {
    #front-5 .btn {
      max-width: 350px;
      width: 100%;
      padding-left: 5px;
      padding-right: 5px; } }

#front-6 {
  padding: 110px 0;
  border-top: 7px solid #CFB265;
  background-color: #1B3C00; }

@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  0.5102% {
    opacity: 1; }
  13.77551% {
    opacity: 1; }
  14.79592% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  99.4898% {
    opacity: 0;
    -webkit-transform: scale(1.2069);
            transform: scale(1.2069); }
  100% {
    opacity: 1; } }

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  0.5102% {
    opacity: 1; }
  13.77551% {
    opacity: 1; }
  14.79592% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  99.4898% {
    opacity: 0;
    -webkit-transform: scale(1.2069);
            transform: scale(1.2069); }
  100% {
    opacity: 1; } }

@-webkit-keyframes kenburns-2 {
  13.77551% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  14.79592% {
    opacity: 1; }
  28.06122% {
    opacity: 1; }
  29.08163% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes kenburns-2 {
  13.77551% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  14.79592% {
    opacity: 1; }
  28.06122% {
    opacity: 1; }
  29.08163% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes kenburns-3 {
  28.06122% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  29.08163% {
    opacity: 1; }
  42.34694% {
    opacity: 1; }
  43.36735% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes kenburns-3 {
  28.06122% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  29.08163% {
    opacity: 1; }
  42.34694% {
    opacity: 1; }
  43.36735% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes kenburns-4 {
  42.34694% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  43.36735% {
    opacity: 1; }
  56.63265% {
    opacity: 1; }
  57.65306% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes kenburns-4 {
  42.34694% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  43.36735% {
    opacity: 1; }
  56.63265% {
    opacity: 1; }
  57.65306% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes kenburns-5 {
  56.63265% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  57.65306% {
    opacity: 1; }
  70.91837% {
    opacity: 1; }
  71.93878% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes kenburns-5 {
  56.63265% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  57.65306% {
    opacity: 1; }
  70.91837% {
    opacity: 1; }
  71.93878% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes kenburns-6 {
  70.91837% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  71.93878% {
    opacity: 1; }
  85.20408% {
    opacity: 1; }
  86.22449% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes kenburns-6 {
  70.91837% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  71.93878% {
    opacity: 1; }
  85.20408% {
    opacity: 1; }
  86.22449% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes kenburns-7 {
  85.20408% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  86.22449% {
    opacity: 1; }
  99.4898% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes kenburns-7 {
  85.20408% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  86.22449% {
    opacity: 1; }
  99.4898% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

#front-1 .slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 100%;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 49s;
          animation-duration: 49s;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  bottom: 0; }
  #front-1 .slideshow-image:nth-child(1) {
    -webkit-animation-name: kenburns-1;
            animation-name: kenburns-1;
    z-index: 6; }
  #front-1 .slideshow-image:nth-child(2) {
    -webkit-animation-name: kenburns-2;
            animation-name: kenburns-2;
    z-index: 5; }
  #front-1 .slideshow-image:nth-child(3) {
    -webkit-animation-name: kenburns-3;
            animation-name: kenburns-3;
    z-index: 4; }
  #front-1 .slideshow-image:nth-child(4) {
    -webkit-animation-name: kenburns-4;
            animation-name: kenburns-4;
    z-index: 3; }
  #front-1 .slideshow-image:nth-child(5) {
    -webkit-animation-name: kenburns-5;
            animation-name: kenburns-5;
    z-index: 2; }
  #front-1 .slideshow-image:nth-child(6) {
    -webkit-animation-name: kenburns-6;
            animation-name: kenburns-6;
    z-index: 1; }
  #front-1 .slideshow-image:nth-child(7) {
    -webkit-animation-name: kenburns-7;
            animation-name: kenburns-7;
    z-index: 0; }
  @media screen and (min-width: 48em) and (max-width: 74.9375em) {
    #front-1 .slideshow-image {
      max-height: none; } }

/*# sourceMappingURL=front.css.map */
