@font-face {
  font-family: 'Alta_R';
  src: url('https://theweddingofroyandnovita.lavierproject.com/font/alta-regular.otf');
}

@font-face {
  font-family: 'Melinda_S';
  src: url('https://theweddingofroyandnovita.lavierproject.com/font/Melinda Script.ttf');
}

/*@font-face {*/
/*  font-family: 'Glacial Indifference Regular';*/
/*  src: url('https://theweddingofroyandnovita.lavierproject.com/font/Glacial Indifference Regular.ttf');*/
/*}*/

@font-face {font-family: "Glacial_I_R";
  src: url("405f05e6bf58471a25729ed060cda2d8.eot"); /* IE9*/
  src: url("405f05e6bf58471a25729ed060cda2d8.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("405f05e6bf58471a25729ed060cda2d8.woff2") format("woff2"), /* chrome、firefox */
  url("405f05e6bf58471a25729ed060cda2d8.woff") format("woff"), /* chrome、firefox */
  url("405f05e6bf58471a25729ed060cda2d8.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("405f05e6bf58471a25729ed060cda2d8.svg#Glacial Indifference Regular") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: 'Southland';
  src: url('https://theweddingofroyandnovita.lavierproject.com/font/Southland.ttf');
}

@font-face {
    font-family: 'Alta Regular';
    /*src: url('https://theweddingofroyandnovita.lavierproject.com/font/alta-regular.otf');*/
    src: url('https://theweddingofroyandnovita.lavierproject.com/font/alta_regular.eot'); 
    src: url('https://theweddingofroyandnovita.lavierproject.com/font/alta_regular.eot?#iefix') format("embedded-opentype"), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/alta_regular.woff2') format('woff2'), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/alta_regular.woff') format('woff'), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/alta_regular.ttf')  format('truetype'), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/alta_regular.svg#Alta Regular') format('svg'); 
}

@font-face {
    font-family: 'Southland Regular';
    src: url('https://theweddingofroyandnovita.lavierproject.com/font/southland_regular.eot'); 
    src: url('https://theweddingofroyandnovita.lavierproject.com/font/southland_regular.eot?#iefix') format("embedded-opentype"), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/southland_regular.woff2') format('woff2'), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/southland_regular.woff') format('woff'), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/southland_regular.ttf')  format('truetype'), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/southland_regular.svg#Southland Regular') format('svg'); 
}

@font-face {
    font-family: 'Melinda Script';
    src: url('https://theweddingofroyandnovita.lavierproject.com/font/melinda_script.eot'); 
    src: url('https://theweddingofroyandnovita.lavierproject.com/font/melinda_script.eot?#iefix') format("embedded-opentype"), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/melinda_script.woff2') format('woff2'), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/melinda_script.woff') format('woff'), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/melinda_script.ttf')  format('truetype'), 
       url('https://theweddingofroyandnovita.lavierproject.com/font/melinda_script.svg#Melinda Script') format('svg'); 
}

@font-face {
    font-family: "Bell MT"; 
    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.eot'); /* IE9 Compat Modes */
    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.svg#svgFontName') format('svg'); /* Legacy iOS */
}    

@font-face {
    font-family: "Poppins Light";
  src: url("https://theweddingofroyandnovita.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.eot"); /* IE9*/
  src: url("https://theweddingofroyandnovita.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("https://theweddingofroyandnovita.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.woff2") format("woff2"), /* chrome、firefox */
  url("https://theweddingofroyandnovita.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.woff") format("woff"), /* chrome、firefox */
  url("https://theweddingofroyandnovita.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("https://theweddingofroyandnovita.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.svg#Poppins Light") format("svg"); /* iOS 4.1- */
}

/*@font-face {*/
/*    font-family: 'Cinzel';*/
/*    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/Cinzel-Regular.ttf');*/
/*}*/
@font-face {
    font-family: 'Cinzel';
    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.eot'); /* IE9 Compat Modes */
    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  -moz-animation-name: fade;
  -moz-animation-duration: 1.5s;
  -ms-animation-name: fade;
  -ms-animation-duration: 1.5s;
  -o-animation-name: fade;
  -o-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
  /*display:block;*/
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.fade2 {
      -webkit-animation-name: fade2;
  -webkit-animation-duration: 2s;
  -moz-animation-name: fade2;
  -moz-animation-duration: 2s;
  -ms-animation-name: fade2;
  -ms-animation-duration: 2s;
  -o-animation-name: fade2;
  -o-animation-duration: 2s;
  animation-name: fade2;
  animation-duration: 2s;
  /*display:block;*/
}

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

@keyframes fadeInTop{
  0% {
      opacity: 0;
      transform: translateY(-50px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

.muncul-animasi{
      -webkit-animation: fadeInTop 3s both;
  /*-webkit-animation-delay: 3s;*/
  -moz-animation: fadeInTop 3s both;
  /*-moz-animation-delay: 3s;*/
  -ms-animation: fadeInTop 3s both;
  /*-ms-animation-delay: 3s;*/
  -o-animation: fadeInTop 3s both;
  /*-o-animation-delay: 3s;*/
  animation: fadeInTop 3s both;
  /*animation-delay:3s;*/
}

.muncul-animasi1{
      -webkit-animation: fadeInTop 5s both;
  /*-webkit-animation-delay: 3s;*/
  -moz-animation: fadeInTop 5s both;
  /*-moz-animation-delay: 3s;*/
  -ms-animation: fadeInTop 5s both;
  /*-ms-animation-delay: 3s;*/
  -o-animation: fadeInTop 5s both;
  /*-o-animation-delay: 3s;*/
  animation: fadeInTop 5s both;
  /*animation-delay:3s;*/
}

.muncul-animasi2{
    -webkit-animation: fadeInTop 5s both;
  -webkit-animation-delay: 1s;
  -moz-animation: fadeInTop 5s both;
  -moz-animation-delay: 1s;
  -ms-animation: fadeInTop 5s both;
  -ms-animation-delay: 1s;
  -o-animation: fadeInTop 5s both;
  -o-animation-delay: 1s;
  animation: fadeInTop 5s both;
  animation-delay:1s;
}

.muncul-animasi3{
    -webkit-animation: fadeInTop 5s both;
  -webkit-animation-delay: 2s;
  -moz-animation: fadeInTop 5s both;
  -moz-animation-delay: 2s;
  -ms-animation: fadeInTop 5s both;
  -ms-animation-delay: 2s;
  -o-animation: fadeInTop 5s both;
  -o-animation-delay: 2s;
  animation: fadeInTop 5s both;
  animation-delay:2s;
}

.fadeInX {
    -webkit-animation: fadeInX 7s both;
  
  -moz-animation: fadeInX 7s both;
  -ms-animation: fadeInX 7s both;
  -o-animation: fadeInX 7s both;
  animation: fadeInX 7s both;
}

@keyframes fadeInX{
  0% {
      opacity: 0;
      transform: translateX(-100px);
  }
  100% {
      opacity: 1;
      transform: translatex(0);
  }
}

.fadeInX2 {
    -webkit-animation: fadeInX2 7s both;
  -moz-animation: fadeInX2 7s both;
  -ms-animation: fadeInX2 7s both;
  -o-animation: fadeInX2 7s both;
  animation: fadeInX2 7s both;
  /*animation-duration: 2s;*/
  /*display:block;*/
}

@keyframes fadeInX2{
  0% {
      opacity: 0;
      transform: translateX(100px);
  }
  100% {
      opacity: 1;
      transform: translatex(0);
  }
}

body,html{
    /*background:#F3EBD7;*/
    background: #9B9D8F;
    height: 100%;
    margin:0px;
    padding:0px;
    overflow-x:hidden;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 25vh; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: rgba(255,255,255,0.8);
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.attend-form{
    text-align: left;
    justify-content:flex-start;
    align-items: flex-start;
    /*margin:5vh 5vw;*/
    height: 60%;
    width: 90%;
}

.attend-form input[type=text], input[type=number]{
    width: 100%;
    margin-bottom:20px;
}

.attend-form .form-group p{
    float:left;
    margin:0 auto;
    margin-right:10px;
}

.attend-form .form-group input[type=number]{
    width:15%;
    margin:0 auto;
}

.modal-button-container{
    margin-top:20px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content:center;
    align-items: center;
    width: 100%;
}

.modal-button-container button{
    width: 100%;
}

/* The Modal (background) */
.modalQR {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 25vh; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentQR {
  background-color: rgba(255,255,255,0.8);
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  /*display: flex;*/
  /*  flex-direction: column;*/
  /*  text-align: center;*/
  /*  justify-content:center;*/
  /*  align-items: center;*/
}

.modal-titleQR{
    text-align:center;
    margin-bottom:10px;
}

.modal-imageQR{
    width:18.75rem;
    height:18.75rem;
}

/* The Close Button */
.closeQR {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closeQR:hover,
.closeQR:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.first{
    height:250vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    /*font-size: 1.875rem;*/
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
    /*background:url('../image/first-bg.png');*/
    background:white;
    /*background:grey;*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.first-photo{
    z-index:7;
    height:100vh;
    width:100vw;
    margin:0 auto;
    position: relative;
    /*background:#D9C2B0;*/
    /*background:url('../image/bg-first-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.first-content{
    height:150vh;
    width:100vw;
    /*z-index:9;*/
    top:0px;
    /*background:url('../image/first-bg.png');*/
    background-position: bottom center;
    background-size: cover;
	background-repeat: no-repeat;
    /*background: rgba(0, 0, 0, 0.2);*/
    position: relative;
    bottom: 0px;
}

.first-text{
    margin:10vh auto;
    text-align:center;
}

.first-date{
    /*  position: absolute;*/
    margin:0 auto;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    /*color:white;*/
    letter-spacing: 0.2rem;
    font-size:2rem;
    font-weight:bold;
}

.first2-text{
    margin-top:15vh;
}

.first2-were{
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:black;
    letter-spacing: 0.2rem;
    font-size:2rem;
}

.first-hashtag{
    margin:0 auto;
    text-align:center;
    font-family:"Poppins Light" !important;
    /*letter-spacing: 0.2rem;*/
    font-size:2rem;
    margin-top:2rem;
    /*font-weight:bold;*/
}

.countdown{
    justify-content:center;
    align-items: center;
    text-align:center;
    display: flex;
    flex-direction: row;
    align-content: space-between;
}

.countdown-item-1, .countdown-item-2, .countdown-item-3, .countdown-item-4{
  width: 6.25rem;
  height: 6.25rem;
  background: #D9C2B0;
  border-radius: 50%;
  font-size:1.5rem;
  margin:1rem;
  font-style:italic;
    color:black;
    letter-spacing: 0.2rem;
    font-weight:bold;
    
}

.countdown-item-1 p, .countdown-item-2 p, .countdown-item-3 p, .countdown-item-4 p{
  margin-top:-0.313rem;
  font-size:2rem;
}

.ourStory{
    height:200vw;
    /*background:url('../image/bg-ourStory-2.png');*/
    /*background:url('../image/bg-ourStory-2.webp');*/
    /*background:url('../image/bg-ourStory-3.webp');*/
    background:white;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}


.second{
    height:200vw;
    /*height:45rem;*/
    display: flex;
    flex-direction: row;
    background: #9B9D8F;
    /*background:url('../image/second-bg.png');*/
    /*background:url('../image/second-bg-1.png');*/

    background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}

.third{
    /*height:370vh;*/
    /*height:200vw;*/
    height:180vw;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    text-align: center;
    justify-content:center;
    align-items: center;
    /*align-content: space-between;*/
    flex-direction: column;
    /*background:url('../image/third-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.third-top{
    /*height:270vh;*/
    height:210vw;
    width:100vw;
    background: #9B9D8F;
    /*background:url('../image/third-bg.png');*/
    /*background: #9B9D8F;*/
    /*background:url('../image/third-bg-2.png');*/
    /*background:black;*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.third-bottom{
    /*height:100vh;*/
    height:120vw;
    width:100vw;
    /*background:url('../image/second-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth{
    height:200vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    text-align: center;
    justify-content:center;
    align-items: center;
    background:white;
    /*background:url('../image/details acara.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth a{
    text-decoration:none;
}

.fourth-details2{
    height:200vh;
    width:95vw;
    margin-left:2.5vw;
    margin-right:2.5vw;
    background:white;
    /*margin:2.5vh;*/
    /*background:url('../image/details acara - 2.png');*/
    /*background:url('../image/detail event.gif');*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth-details{
    /*margin:0 auto;*/
    display:inline-block;
   position:relative;
   text-align:left;
   font-family:"Alta Regular" !important;
    /*font-family: 'Alta_R';*/
    color:#4F6279;
    letter-spacing: 0.2rem;
}

.fourth-date{
    /*margin:0 auto;*/
    text-align:center;
    font-family: 'Southland Regular';
    color:black;
    font-weight:bold;
    font-size:2rem;
    /*letter-spacing: 0.2rem;*/
}

.fourth-date sup{
    font-family: 'Alta_R';
    color:black;
    font-size:0.75rem;
    letter-spacing: 0.2rem;
}

.fourth-content1{
    margin:0 10vw;
    font-size:0.8rem;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    letter-spacing: 0.2rem;
}

.fourth-content2{
    /*margin:0 auto;*/
    font-size:1.25rem;
    color:#4F6279;
    text-align:center;
    font-family: 'Alta_R';
    letter-spacing: 0.2rem;
}

.fourth-content3{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content4{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content5{
    margin:0 auto;
    color:#4F6279;
    font-size:1rem;
    text-align:center;
    font-family: 'Alta_R';
    letter-spacing: 0.2rem;
}

.fourth-content6{
    /*margin:0 auto;*/
    margin-top:5vh;
    text-align:center;
    font-family: 'Alta_R';
    font-size:1.25rem;
    color:#4F6279;
    letter-spacing: 0.2rem;
}

.fourth-content7{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content8{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content9{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:#4F6279;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-button{
    margin-top:-10vh;
    background:#A6A998;
    font-size:1.25rem;
    padding: 1.25rem 2rem 0 2rem;
    border-top-left-radius: 4.375rem;
    border-top-right-radius: 4.375rem;
    line-height: 3.5rem;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:white;
    letter-spacing: 0.2rem;
}

.fifth{
    height:300vh;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    /*background:url('../image/fifth-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    
}

.fifth-photo{
    height:200vh;
    width:100vw;
}

.fifth-photo1{
    height:100vh;
    width:100vw;
    background:white;
    /*background:url('../image/bg-fifth-1-hp.jpg');*/
    /*background:url('../image/bg-fifth-1-hp.webp');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.fifth-photo2{
    height:100vh;
    width:50vw;
    background:white;
    /*background:url('../image/bg-fifth-2-hp.jpg');*/
    /*background:url('../image/bg-fifth-2-hp.webp');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    display: table-cell;
}
.fifth-photo3{
    height:100vh;
    width:50vw;
    background:white;
    /*background:url('../image/bg-fifth-3-hp.jpg');*/
    /*background:url('../image/bg-fifth-3-hp.webp');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    display: table-cell;
}

.fifth-content{
    height:100vh;
    width:100vw;
    /*background:url('../image/bg-fifth-4-hp.jpg');*/
    background:url('../image/bg-fifth-4-hp.webp');
    /*background:url('../image/bg-fifth-4-2.png');*/
    background-size: cover;
    /*background-size: contain;*/
	background-repeat: no-repeat;
	background-position: center;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content:center;*/
    /*align-items: center;*/
}

.fifth-content1{
    text-align:center;
    margin-top:10vh;
    font-family: 'Southland Regular';
    font-size:5rem;
    color:#616747;
    font-weight:bold;
}

.fifth-button{
    margin:0 auto;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    font-size:1.25rem;
    color:black;
}

.fifth-button1, .fifth-button2{
    background:#D9D9D9;
    margin-left:5vw;
    margin-right:5vw;
    text-decoration: none;
    /*border-radius: 25%;*/
    padding: 0.5rem 2.25rem;
    /*font-size:1.5rem;*/
    border-radius:25%;
    cursor:pointer;
    border: 0px;
}

.sixth{
    height:140vh;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:white;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
    
}

.sixth-top{
    height:150vh;
    width:100vw;
    background:white;
}

.sixth-top-title{
    margin-top:10vh;
    text-align:center;
    /*font-family:'Alta_R';*/
    font-family:"Alta Regular" !important;
    font-size:2.5rem;
    color:#955422;
}

.sixth-top-form{
    margin:0vh 5vw;
    /*text-align:center;*/
    /*font-family:'Alta_R';*/
    font-family:"Alta Regular" !important;
    font-size:1.25rem;
}

.sixth-top-form input, textarea {
  width: 90vw;
  margin-bottom:5vh;
}

.sixth-top-button-container{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    width:100%;
}

.sixth-top-button{
    /*margin-top:15vh;*/
    background:#A6A998;
    font-size:1rem;
    padding: 1.25rem 2rem 0 2rem;
    border-top-left-radius: 4.375rem;
    border-top-right-radius: 4.375rem;
    border-color:#A6A998;
    border:none;
    line-height: 3.5rem;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:white;
    letter-spacing: 0.2rem;
}

.sixth-comment{
    margin:0.5vh 5vw 5vh;
    width:90vw;
    height:50vh;
    /*background:#F3F2F0;*/
    border:1px solid black;
    background:white;
    overflow-y: scroll;
}

.sixth-comment-content{
    margin:0 5vw;
    /*width:90vw;*/
    /*height:30vh;*/
    /*background:#F3F2F0;*/
    /*overflow-y: scroll;*/
}

.sixth-comment-content h4{
    margin-bottom: 0px;
    font-size:1.25rem;
}

.sixth-comment-content p{
    margin-top: 1px;
    font-size:1.25rem;
}

.sixth-bottom{
    height:50vh;
    width:100vw;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:#B0877A;
}

.sixth-bottom-title{
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:#E5E3D7;
    font-size:2rem;
}

.sixth-bottom-content{
    font-family: 'Glacial_I_R';
    color:#E5E3D7;
    font-size:1.25rem;
}

.sixth-bottom-button{
    letter-spacing: 0.1875rem;
    text-decoration:none;
    color:black;
    margin-top:1.8rem;
    padding:0.625rem;
    font-size:1rem;
    font-family:"Alta Regular" !important;
    /*font-family: 'Alta_R';*/
    border-radius:15px;
    cursor:pointer;
    border: 0px;
    background:#E5E3D7;
    width:50%;
}



.seventh{
    height:200vh;
    /*background:url('../image/seventh-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    
}

.seventh-top{
    height:100vh;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.seventh-photo1{
    height:100vh;
    width:33vw;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}

.seventh-photo2{
    height:100vh;
    width:34vw;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}

.seventh-photo3{
    height:100vh;
    width:33vw;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}

.seventh-content{
    height:120vh;
    background:white;
    text-align:center;
    
}

.seventh-text-1{
    margin-top:0;
    padding-top:5vh;
    text-align:center;
    color:#616747;
    font-family:'Southland Regular';
    font-size:5rem;
}

.seventh-content iframe{
    width:70vw;
    height:60vh;
    background:white;
}

.footer{
    height:20vh;
    width:100vw;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:#CBC3BA;
}

.footer-image{
    height:3.063rem;
    width:6.125rem;
    margin:0 auto;
}

.footer-text{
    margin:0 auto;
    color:white;
    text-align:center;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

@media only screen and (max-width: 1000px)  {
    .first{
    height:100vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    /*font-size: 1.875rem;*/
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
    /*background:url('../image/first-bg.png');*/
    /*background:grey;*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.first-photo{
    z-index:7;
    height:50vh;
    width:100vw;
    margin:0 auto;
    position: relative;
    /*background:#D9C2B0;*/
    /*background:url('../image/bg-first-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.first-content{
    height:50vh;
    width:100vw;
    /*z-index:9;*/
    top:0px;
    background: none;
    position: relative;
    bottom: 0px;
}

.first-text{
    margin:5vh auto;
    text-align:center;
    font-size:1rem;
}

.first-date{
    /*  position: absolute;*/
    margin:0 auto;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    /*color:white;*/
    font-size:1.5rem;
    letter-spacing: 0.2rem;
}

.first2-text{
    margin-top:10vh;
}

.first2-were{
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:black;
    letter-spacing: 0.2rem;
    font-size:1rem;
}

.first-hashtag{
    margin:0 auto;
    text-align:center;
    /*color:white;*/
    font-size:1.5rem;
    /*letter-spacing: 0.2rem;*/
    margin-top:2rem;
    /*font-family:"Glacial_I_R" !important;*/
}

.countdown{
    justify-content:center;
    align-items: center;
    text-align:center;
    display: flex;
    flex-direction: row;
    align-content: space-between;
}

.countdown-item-1, .countdown-item-2, .countdown-item-3, .countdown-item-4{
  width: 5rem;
  height: 5rem;
  background: #D9C2B0;
  border-radius: 50%;
  /*font-size:1rem;*/
  margin:0.75rem;
  font-style:italic;
    color:black;
    letter-spacing: 0.2rem;
}

.countdown-item-1 p, .countdown-item-2 p, .countdown-item-3 p, .countdown-item-4 p{
  /*margin-top:0.625rem;*/
  font-size:1.5rem;
  margin-top:0rem;
}

.ourStory{
    /*height:200vw;*/
    /*background:url('../image/bg-ourStory-2.png');*/
    /*background:url('../image/bg-ourStory-3.webp');*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}

.second{
    /*height:200vw;*/
    /*height:60vh;*/
    /*height:45rem;*/
    display: flex;
    flex-direction: row;
    /*background:url('../image/second-bg.png');*/
    background: #9B9D8F;
    /*background:url('../image/second-bg-1.png');*/
    /*background:pink;*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}

.third{
    /*height:150vh;*/
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    text-align: center;
    justify-content:center;
    align-items: center;
    /*align-content: space-between;*/
    flex-direction: column;
    /*background:url('../image/third-bg.gif');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.third-top{
    /*height:100vh;*/
    width:100vw;
    /*background:black;*/
    background: #9B9D8F;
    /*background:url('../image/third-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.third-bottom{
    /*height:50vh;*/
    width:100vw;
    /*background:url('../image/second-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
    
}

/*@media only screen and (max-width: 1000px)  {*/
@media only screen and (max-width: 600px)  {
 .first{
    height:100vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    /*font-size: 1.875rem;*/
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
    /*background:url('../image/first-bg.png');*/
    /*background:grey;*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.first-photo{
    z-index:7;
    height:50vh;
    width:100vw;
    margin:0 auto;
    position: relative;
    /*background:#D9C2B0;*/
    /*background:url('../image/bg-first-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.first-content{
    height:50vh;
    width:100vw;
    /*z-index:9;*/
    top:0px;
    background: none;
    position: relative;
    bottom: 0px;
}

.first-text{
    margin:5vh auto;
    text-align:center;
    font-size:1rem;
}

.first-date{
    /*  position: absolute;*/
    margin:0 auto;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    /*color:white;*/
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.first2-text{
    margin-top:10vh;
}

.first2-were{
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:black;
    letter-spacing: 0.2rem;
    font-size:0.6rem;
}

.first-hashtag{
    margin:0 auto;
    text-align:center;
    font-size:1rem;
    /*letter-spacing: 0.2rem;*/
    margin-top:1rem;
    /*font-family:"Glacial_I_R" !important;*/
}

.countdown{
    justify-content:center;
    align-items: center;
    text-align:center;
    display: flex;
    flex-direction: row;
    align-content: space-between;
}

.countdown-item-1, .countdown-item-2, .countdown-item-3, .countdown-item-4{
  width: 4rem;
  height: 4rem;
  background: #D9C2B0;
  border-radius: 50%;
  font-size:1rem;
  margin:0.75rem;
  font-style:italic;
    color:black;
    letter-spacing: 0.2rem;
}

.countdown-item-1 p, .countdown-item-2 p, .countdown-item-3 p, .countdown-item-4 p{
  /*margin-top:0.313rem;*/
  font-size:1.3rem;
  margin-top:-0.2rem;
}

.ourStory{
    /*height:140vh;*/
    /*background:url('../image/bg-ourStory-2.png');*/
    /*background:url('../image/bg-ourStory-3.webp');*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}


.second{
    /*height:100vh;*/
    /*height:200vw;*/
    /*height:45rem;*/
    display: flex;
    flex-direction: row;
    /*background:url('../image/second-bg.png');*/
    background: #9B9D8F;
    /*background:url('../image/second-bg-1.png');*/
    /*background:pink;*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}

.third{
    /*height:120vh;*/
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    text-align: center;
    justify-content:center;
    align-items: center;
    /*align-content: space-between;*/
    flex-direction: column;
    /*background:url('../image/third-bg.gif');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.third-top{
    /*height:90vh;*/
    width:100vw;
    /*background:black;*/
    background: #9B9D8F;
    /*background:url('../image/third-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.third-bottom{
    /*height:30vh;*/
    width:100vw;
    /*background:url('../image/second-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth{
    height:100vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    text-align: center;
    justify-content:center;
    align-items: center;
    background:white;
    /*background:url('../image/details acara.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth-details2{
    height:100vh;
    width:95vw;
    margin-left:2.5vw;
    margin-right:2.5vw;
    /*margin:2.5vh;*/
    /*background:url('../image/details acara - 2.png');*/
    /*background:url('../image/detail event.gif');*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth-details{
    /*margin:0 auto;*/
    display:inline-block;
   position:relative;
   text-align:left;
    font-family: 'Alta_R';
    color:#4F6279;
    letter-spacing: 0.2rem;
}

.fourth-date{
    /*margin:0 auto;*/
    text-align:center;
    font-family: 'Southland';
    color:black;
    font-weight:bold;
    font-size:2rem;
    /*letter-spacing: 0.2rem;*/
}

.fourth-date sup{
    font-family: 'Alta_R';
    color:black;
    font-size:0.75rem;
    letter-spacing: 0.2rem;
}

.fourth-content1{
    margin:0 10vw;
    font-size:0.8rem;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    letter-spacing: 0.2rem;
}

.fourth-content2{
    /*margin:0 auto;*/
    font-size:1.25rem;
    color:#4F6279;
    text-align:center;
    font-family: 'Alta_R';
    letter-spacing: 0.2rem;
}

.fourth-content3{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content4{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content5{
    margin:0 auto;
    color:#4F6279;
    font-size:1rem;
    text-align:center;
    font-family: 'Alta_R';
    letter-spacing: 0.2rem;
}

.fourth-content6{
    /*margin:0 auto;*/
    margin-top:5vh;
    text-align:center;
    font-family: 'Alta_R';
    font-size:1.25rem;
    color:#4F6279;
    letter-spacing: 0.2rem;
}

.fourth-content7{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content8{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content9{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:#4F6279;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-button{
    margin-top:-10vh;
    background:#A6A998;
    font-size:1.25rem;
    padding: 1.25rem 2rem 0 2rem;
    border-top-left-radius: 4.375rem;
    border-top-right-radius: 4.375rem;
    line-height: 3.5rem;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:white;
    letter-spacing: 0.2rem;
}

.fifth{
    height:100vh;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:url('../image/fifth-bg.png');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    
}

.fifth-photo{
    height:60vh;
    width:100vw;
}

.fifth-photo1{
    height:30vh;
    width:100vw;
    background:white;
    /*background:url('../image/bg-fifth-1-hp.jpg');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.fifth-photo2{
    height:30vh;
    width:50vw;
    background:white;
    /*background:url('../image/bg-fifth-2-hp.jpg');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    display: table-cell;
}
.fifth-photo3{
    height:30vh;
    width:50vw;
    background:white;
    /*background:url('../image/bg-fifth-3-hp.jpg');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    display: table-cell;
}

.fifth-content{
    height:40vh;
    width:100vw;
    /*background:url('../image/bg-fifth-4-hp.jpg');*/
    background-size: cover;
    /*background-size: contain;*/
	background-repeat: no-repeat;
	background-position: center;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content:center;*/
    /*align-items: center;*/
}

.fifth-content1{
    text-align:center;
    margin-top:10vh;
    font-family: 'Southland Regular';
    font-size:2.5rem;
    color:#4F6279;
    font-weight:bold;
}

.fifth-button{
    margin:0 auto;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    font-size:1.25rem;
    color:black;
}

.fifth-button1, .fifth-button2{
    background:#D9D9D9;
    margin-left:5vw;
    margin-right:5vw;
    text-decoration: none;
    /*border-radius: 25%;*/
    padding: 0.5rem 2.25rem;
    /*font-size:1.5rem;*/
    border-radius:25%;
    cursor:pointer;
    border: 0px;
}

.sixth{
    height:130vh;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:white;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
    
}

.sixth-top{
    height:100vh;
    width:100vw;
    background:white;
}

.sixth-top-title{
    margin-top:10vh;
    text-align:center;
    /*font-family:'Alta_R';*/
    font-family:"Alta Regular" !important;
    font-size:1.25rem;
    color:#955422;
}

.sixth-top-form{
    margin:0vh 5vw;
    /*text-align:center;*/
    /*font-family:'Alta_R';*/
    font-family:"Alta Regular" !important;
    font-size:1.25rem;
}

.sixth-top-form input, textarea {
  width: 90vw;
  margin-bottom:5vh;
}

.sixth-top-button-container{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    width:100%;
}

.sixth-top-button{
    /*margin-top:15vh;*/
    background:#A6A998;
    font-size:1rem;
    padding: 1.25rem 2rem 0 2rem;
    border-top-left-radius: 4.375rem;
    border-top-right-radius: 4.375rem;
    border-color:#A6A998;
    border:none;
    line-height: 3.5rem;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:white;
    letter-spacing: 0.2rem;
}

.sixth-comment{
    margin:0.5vh 5vw 5vh;
    width:90vw;
    height:30vh;
    /*background:#F3F2F0;*/
    overflow-y: scroll;
}

.sixth-comment-content{
    margin:0 5vw;
    /*width:90vw;*/
    /*height:30vh;*/
    /*background:#F3F2F0;*/
    /*overflow-y: scroll;*/
}

.sixth-comment-content h4{
    margin-bottom: 0px;
    font-size:1rem;
}

.sixth-comment-content p{
    margin-top: 1px;
    font-size:1rem;
}

.sixth-bottom{
    height:40vh;
    width:100vw;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:#B0877A;
}

.sixth-bottom-title{
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:#E5E3D7;
    font-size:1.25rem;
}

.sixth-bottom-content{
    font-family: 'Glacial_I_R';
    color:#E5E3D7;
    font-size:0.625rem;
}

.sixth-bottom-button{
    letter-spacing: 0.1875rem;
    text-decoration:none;
    color:black;
    margin-top:1.8rem;
    padding:0.625rem;
    font-size:1rem;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    border-radius:15px;
    cursor:pointer;
    border: 0px;
    background:#E5E3D7;
    width:50%;
}



.seventh{
    height:100vh;
    /*background:url('../image/seventh-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    
}

.seventh-top{
    height:30vh;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.seventh-photo1{
    height:30vh;
    width:33vw;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}

.seventh-photo2{
    height:30vh;
    width:34vw;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}

.seventh-photo3{
    height:30vh;
    width:33vw;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}

.seventh-content{
    height:80vh;
    background:white;
    text-align:center;
    
}

.seventh-text-1{
    margin-top:0;
    padding-top:5vh;
    text-align:center;
    color:#616747;
    font-family:'Southland Regular';
    font-size:2.5rem;
}

.seventh-content iframe{
    height:50vh;
    width:70vw;
    
}

.footer{
    height:20vh;
    width:100vw;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:#CBC3BA;
}

.footer-image{
    height:3.063rem;
    width:6.125rem;
    margin:0 auto;
}

.footer-text{
    margin:0 auto;
    color:white;
    text-align:center;
    font-size:0.75rem;
    letter-spacing: 0.2rem;
}

@media only screen and (max-width: 850px)  {
    .first{
        height:100vh;
        /*background:url('../image/first-bg.png');*/
        background-size: cover;
    	background-repeat: no-repeat;
    	background-position: bottom center;
    }
    
}

@media only screen and (max-width: 380px)  {
    .first-date{
        font-size:1rem;
        letter-spacing: 0.2rem;
    }
    
    .first2-were{
        font-size:0.5rem;
        letter-spacing: 0.2rem;
    }
    
    .countdown{
        /*height:16rem;*/
        /*height:75vh;*/
    }
    
    .countdown-item-1, .countdown-item-2, .countdown-item-3, .countdown-item-4{
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      font-size:0.7rem;
      /*font-size:1rem;*/
      margin:0.7rem;
    }
    
    .countdown-item-1 p, .countdown-item-2 p, .countdown-item-3 p, .countdown-item-4 p{
      /*margin-top:0.313rem;*/
      margin-top:-0.2rem;
      font-size:1rem;
    }
}