.font-photograph-title #pay h1, .font-photograph-title .content-layout section h1, .font-photograph-title section h1 {
font-size:3rem;
font-weight:500;
}

#welcome .wrapper-guest .note{
margin-top:.6rem !important;
}

#welcome .wrapper-guest span {
display:block;
}

#welcome .wrapper-guest br {
display:none;
}

#welcome .wrapper-guest {
line-height:1.5;
}

#welcome .wrapper .text-wrapper {
margin-bottom:5rem !important;
}

#welcome .wrapper .text-wrapper .couple-name {
margin:1rem 0 !important;
}

.invitation_to b {
margin:.4rem 0 !important;
}

#welcome .invitation_to {
position:relative;
z-index:10;
margin-top:-4rem;
}

#welcome .cover_photo {
border-radius:0 !important;
margin-top:1rem;
width:30% !important;
}

.calling-name span:last-child {
display:block;
}

#story .wish-from {
color:#3a4928;
}

#story .wish-from, #story .wish-message {
font-family:montserrat !important;
}

#welcome .g-fgate-left {
width:20%;
left:1%;
bottom:50%;
z-index:1;
position:absolute;
}

#welcome .g-fgate-left img {
transform:scaleX(-1) rotate(-20deg);
}

#welcome .g-fgate-right img {
transform:rotate(-20deg);
}

#welcome .g-fgate-right {
width:20%;
right:1%;
bottom:50%;
z-index:1;
position:absolute;
}

#welcome #couple-name-wrap span:last-child {
//display:block;
}

#welcome .c-batik {
position:absolute;
height:3.1rem;
overlay:hidden;
width:100%;
bottom:0;
left:0;
z-index:5;
}

#welcome .flower-group-decor {
z-index:2;
bottom:5%;
}

#welcome .c-wayangleft {
position:absolute;
width:50%;
left:-15%;
bottom:5%;
z-index:1;
}

#welcome .c-wayangright {
position:absolute;
width:50%;
right:-15%;
bottom:5%;
z-index:1;
}

#welcome .c-wayangright img {
transform:scaleX(-1);
}

#welcome .c-gate {
position:absolute;
width:110%;
left:-5%;
top:-13%;
}

#welcome .wrapper .text-wrapper .couple-name h1 {
line-height:1 !important;
}

#widget .wow {
visibility:hidden;
}

.is_preview #widget .wow {
visibility:visible;
}

#footer {
padding-top:9rem;
}

.thank-you .separator-batik {
bottom:-15%;
top:inherit !important;
z-index:6;
}

.thank-you .flowleft-tx {
position: absolute;
    width: 60%;
    top: -10%;
    left: -15%;
z-index:2;
}

.thank-you .flowleft-tx img {
transform:scaleX(-1);
}

.thank-you .flowright-tx {
position: absolute;
    width: 60%;
    top: -10%;
    right: -15%;
z-index:2;
}

.thank-you .tree-tx {
position: absolute;
    width: 60%;
    top: -10%;
    right: -40%;
}

.thank-you .treeleft-tx {
position: absolute;
    width: 60%;
    bottom: -10%;
    left: -38%;
}

.thank-you .wayang-tx {
position:absolute;
width:50%;
right:-20%;
bottom:15%;
}

.thank-you .wayang-tx img {
transform:scaleX(-1) rotate(20deg);
}

.thank-you .cocoleft {
position: absolute;
    bottom: 23%;
    left: -30%;
    width: 60%;
    z-index: auto;
}

.thank-you .flower-group-decor {
position:absolute;
z-index:3;
}

.thank-you .flodec10  {
right:-10%;
}

.thank-you .calling-name {
font-size:4rem;
font-family:photograph;
line-height:1;
color:#3a4928;
font-weight:500;
}

.thank-you {
text-align:center;
padding:5rem;
padding-top:7rem;
float:left;
width:100%;
background:#f4f3e6;
margin-top:-1px;
position:relative;
padding-bottom:12rem;
background-image:url(https://images.ctfassets.net/q40z6pfqje6o/4Ug4LnnWhSggjYJU6c1OG2/857e1da777283a1b0ac822b5cecad628/f430503b03ce88471ba04b47e89e8c29__1_.png);
background-size:100%;
}

#wishes {
padding-top:5rem;
position:relative;
}

#instagram-filter {
display:none;
}

 .pay-stick  .btn {
background:#f4f3e6 !important;
color:#3a4928 !important;
padding:.5rem 1.5rem;
}

 .pay-stick h1 {
color:#f4f3e6;
}
.pay-stick p {
color:#f4f3e6;
}

.pay-stick > p{
color:#f4f3e6;
margin:2rem 0;
} 

.pay-stick .custom-control-input:checked~.custom-control-label:before {

}

.pay-stick .form-control, .pay-stick .form-control::placeholder {
color:#f4f3e6 !important;
}
.pay-stick {
background:#3a4928 !important;
padding:4rem 2.5rem !important;
color:#f4f3e6 !important;
}

#weddingDetail .separator-batik {
bottom:0;
top:inherit !important;
}

#closing-word {
padding:1.5rem 4rem;
}

#live p, #live h1 {
color:#f4f3e6;
}
#live p:nth-child(2) {
margin-bottom:2rem !important;
}

#live .btn {
background:#f4f3e6;
color:#3a4928;
padding:.5rem 1.5rem;
}

#live {
padding:4rem 2rem;
background:#3a4928;
}

.also_invite {
text-transform:uppercase;
}

.wayangleft-wed {
position:absolute;
bottom:0%;
width:55%;
left:-25%;
}

.wayangleft-wed img {
transform:rotate(20deg);
}

.wayangright-wed {
position:absolute;
bottom:0%;
width:55%;
right:-25%;
}

.wayangright-wed img {
transform:rotate(-20deg) scaleX(-1);
}

#weddingDetail {
position:relative;
padding-bottom:7rem;
}

.leaveleft-rsvp {
position:absolute;
width:55%;
left:-10%;
top:-10%;
}

.leaveleft-rsvp img {
transform:scaleX(-1) rotate(0deg);
}

.leaveright-rsvp {
position:absolute;
width:55%;
right:-10%;
top:-10%;
}

.leaveright-rsvp img {
transform:rotate(0deg);
}

.flowleft-rsvp {
position:absolute;
top:-10%;
width:75%;
left:-15%;
}

.flowleft-rsvp img {
transform:scaleX(-1) rotate(20deg);
}

.flowright-rsvp {
position:absolute;
top:-10%;
width:75%;
right:-15%;
}

.flowright-rsvp img {
transform:rotate(20deg);
}

#rsvp .text-center:before {
content:"RSVP";
font-family:montserrat;
display:block;
text-align:center;
font-weight:200;
font-size:4rem;
color:#3a4928;
margin-bottom:2rem;
}

#also_inviting li {
color:#3a4928;
font-family:montserrat;
margin-bottom:7px !important;
}

#rsvp .btn {
background:#3a4928 !important;
border:0;
display:inline-block;
width:calc(100% - 4rem);
}

#rsvp .will-join {
border:0 !important; 
}

#rsvp .text-center {
background:#f4f3e6;
width:100%;
margin:0 auto;
padding:2rem 0;
position:relative;
bottom:-1px;
border:none !important;
padding-top:5rem;
padding-bottom:2rem;
border-radius: 300px 300px 0 0;
}

#rsvp {
padding-top:5rem;
background-image:url(https://images.ctfassets.net/q40z6pfqje6o/6dzR2gheKIyMPk9d2Cdq2c/82c5914999ac3358c23e872aa45d58a3/Color_Fill_1.png);
background-size:100%;
padding-bottom:0 !important;
margin-bottom:0 !important;
}

#list-rundown .treetopleft {
position:absolute;
left:-15%;
width:100%;
top:-22rem;
}

#list-rundown .treetopleft img {
transform:rotate(90deg)
}

#list-rundown .treetopright img {
transform:rotate(-50deg)
}

#list-rundown .treetopright {
position:absolute;
right:-20%;
width:65%;
top:-8%;
z-index:1;
display:none;
}

#adressWrapper {
background:#3a4928;
padding:4rem 2rem;
margin:0 !important;
}

#adressWrapper .lihat-lokasi {
margin:0;
}

#adressWrapper .btn {
background:#f4f3e6;
margin:0;
}

#adressWrapper #maps {
padding-top:0;
}

#adressWrapper p {
color:#f4f3e6;
margin-bottom:2rem;
}

#list-rundown {
padding:0 2.5rem;
background-image:url(https://images.ctfassets.net/q40z6pfqje6o/4Ug4LnnWhSggjYJU6c1OG2/857e1da777283a1b0ac822b5cecad628/f430503b03ce88471ba04b47e89e8c29__1_.png);
background-size:100%;
padding-top:10rem;
position:relative;
}

.rundown {
position:relative;
//padding:2.5rem;
}

.wrapBtn {
display:none !important;
}

#countdown .flow5-cd {
position:absolute;
left:-25%;
width:43%;
bottom:-5%;
} 

#countdown .flow5-cd img {
transform:rotate(50deg);
}


#countdown .flow4-cd {
position:absolute;
left:-5%;
width:50%;
bottom:-25%;
}

#countdown .flow4-cd img {
transform:scaleX(-1) rotate(-50deg);
}


#countdown .flow2-cd {
position:absolute;
right:-5%;
width:50%;
bottom:-35%;
}

#countdown .flow3-cd {
position:absolute;
right: -20%;
 width: 40%;
 bottom: -20%;
z-index:3;
}

#countdown .flow2-cd img {
transform:scaleX(-1) scaleY(-1);
}

#countdown .flow1-cd {
position:absolute;
right:8%; 
width:70%;
bottom:-29%;
z-index:2;
}

#countdown .flow1-cd img {
transform:rotate(-25deg);
}

#countdown {
padding-top:6rem !important;
padding-bottom:8rem;
background:#3a4928;
//background-image:url(https://images.ctfassets.net/q40z6pfqje6o/4Ug4LnnWhSggjYJU6c1OG2/857e1da777283a1b0ac822b5cecad628/f430503b03ce88471ba04b47e89e8c29__1_.png);
background-size:100%;
position:relative;
z-index:2;
}

#countdown p{
color:#f4f3e6;
margin-top:2rem;
}

#countdown h1 {
color:#f4f3e6;
margin-bottom:3rem;
}

#countdown li{
display:inline-block !important;
line-height:.7 !important;
}

#countdown li  {
font-size: 1em !important;
background:#f4f3e6;
color:#3a4928 !important;
width: 100%;
margin-left: 5px;
}

#countdown li span {
font-size:1.5rem !important;
color:#3a4928;
}

#countdown li:first-child {
margin-left:0;
}

#countdown li span b {
font-size:1.5rem !important;
color:#3a4928;
}
#countdown li> b {
font-size:.8em !important;
color:#3a4928;
}

#countdown ul {
//padding:1rem 2rem;
//transform:scale(.7);
 display: flex;
justify-content: space-evenly;
}

#story {
padding:4rem 0;
background-color:#3a4928;
background-image:url(https://images.ctfassets.net/q40z6pfqje6o/4xmWNaSVPi9OT22qHvGSf9/4edda2b5c36a07af6d0a7ac06388262d/Layout_design_Lunare___39_.png);
background-size: 100%;
}

#story h1 {
color:#f4f3e6;
font-weight:800;
}

.flow1-profile {
position:absolute;
top:-15%;
z-index:3;
width:69%;
right:-20%;
}

.flow2-profile {
position:absolute;
top:0%;
z-index:2;
width:43%;
right:-5%;
}

.flow2-profile img {
transform:rotate(180deg);
}

.flow3-profile {
position:absolute;
bottom:0%;
z-index:2;
width:30%;
left:0%;
}

.flow4-profile {
position:absolute;
bottom:-20%;
z-index:1;
width:60%;
left:-50%;
}

.flow4-profile img {
transform:rotate(215deg);
}

#coupleProfile {
background-image:url(https://images.ctfassets.net/q40z6pfqje6o/4Ug4LnnWhSggjYJU6c1OG2/857e1da777283a1b0ac822b5cecad628/f430503b03ce88471ba04b47e89e8c29__1_.png);
background-size:100%;
padding-bottom:6rem;
}

#galleries {
background-image:url(https://images.ctfassets.net/q40z6pfqje6o/4Ug4LnnWhSggjYJU6c1OG2/857e1da777283a1b0ac822b5cecad628/f430503b03ce88471ba04b47e89e8c29__1_.png);
background-size:100%;
position:relative;
padding-bottom:20rem  !important;
padding-top:15rem !important;
}

#galleries .separator-batik  {
top:inherit;
bottom:-5rem;
z-index:5;
}

#galleries .flower-group-decor {
z-index:3;
overflow:hidden;
height:25% !important;
}

#galleries .bg-sky {
width:110%;
left:-5%;
bottom:-12%;
z-index:auto;
position:absolute;
display:none;
}

#galleries .rumah-adat {
width:120%;
left:-10%;
bottom:0%;
z-index:-1;
position:absolute;
}

#galleries .flowleft {
width:50%;
left:-10%;
top:0%;
}

#galleries .video {
padding:1.5rem;
margin-bottom:1rem;
}

#galleries .video .cover {
border-radius:15px;
overflow:hidden;
}

#galleries .flowright {
width:50%;
right:-10%;
top:0%;
}

#galleries .flowleft img {
transform:scaleX(-1);
}

#galleries .g-bg-tree {
width:60%;
right:-15%;
bottom:0%;
z-index:1;
position:absolute;
}

#galleries .g-bg-bamboo {
width:70%;
left:-10%;
bottom:0%;
z-index:1;
position:absolute;
}

.mobile #galleries .g-gate,  .style-mobile #galleries .g-gate {
width:110vw;
left:-5vw;
top:-1px;
position:absolute;
}

.g-gate {
z-index:4;
top:-1px;
position:absolute;
}

.is_preview .g-gate, .style_desktop .g-gate{
width:110% !important;
left:-5% !important;
}



#galleries .g-fgate-left {
width:20%;
left:1%;
bottom:50%;
z-index:1;
position:absolute;
}

#galleries .g-fgate-left img {
transform:scaleX(-1) rotate(-20deg);
}

#galleries .g-fgate-right img {
transform:rotate(-20deg);
}

#galleries .g-fgate-right {
width:20%;
right:1%;
bottom:50%;
z-index:1;
position:absolute;
}


.instagram-profil a {
text-transform:uppercase;
}

#coupleProfile h1 {
margin-bottom:7rem;
margin-top:4rem;
font-weight:800;
}

#coupleProfile h4 b{
font-family:montserrat;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -1px;
}


.female, .male {
padding:0 !important
}

.bg-profile {
position:absolute;
z-index:auto;
height:80%;
top:10%;
overflow:hidden;
}

.couple-wrapper .couple-img-decor {
display:none;
}

.couple-wrapper .couple-img {
height:100%;
padding: 16%;
}

.couple-wrapper .couple-img img {
height:100%;
object-fit:cover;
object-position: center;
border-radius:0 !important;
 -webkit-mask-image: url(https://images.ctfassets.net/q40z6pfqje6o/28F2v5Ya63R5lcGHoLcWRd/d63663f8dbf5855ea9bc66d45b5d1140/Layer_1.png);
  mask-image: url(https://images.ctfassets.net/q40z6pfqje6o/28F2v5Ya63R5lcGHoLcWRd/d63663f8dbf5855ea9bc66d45b5d1140/Layer_1.png);
  mask-repeat: no-repeat;
}

.layout-cover.is_preview.mobile .couple-wrapper , .style-mobile .couple-wrapper{
width:80% !important;
}

.quotes {
    font-size: 14px !important;
    line-height: 1.8;
color:#f4f3e6 !important;
}

@keyframes flowerleft {
  0% {
    transform: translate(0%,0%) rotate(0deg);
  }
  50% {
    transform: translate(0%,0%) rotate(6deg);
  }
  100% {
    transform: translate(0%,0%) rotate(0deg);
  }
}


@keyframes flower {
  0% {
    transform: translate(0%,0%) rotate(0deg);
  }
  25% {
    transform: translate(0%,0%) rotate(3deg);
  }
  75% {
    transform: translate(0%,0%) rotate(-3deg);
  }
  100% {
    transform: translate(0%,0%) rotate(0deg);
  }
}


@keyframes flowerright {
  0% {
    transform: translate(0%,0%) rotate(0deg);
  }
  50% {
    transform: translate(0%,0%) rotate(-6deg);
  }
  100% {
    transform: translate(0%,0%) rotate(0deg);
  }
}

.anim_flowerleft {
animation-name: flowerleft !important;
animation-timing-function:ease-in-out ;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-duration: 7s;
transform-origin:bottom left;
}

.anim_flower {
animation-name: flower !important;
animation-timing-function:ease-in-out ;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-duration: 8s;
transform-origin:bottom center;
}

.anim_flowerright {
animation-name: flowerright !important;
animation-timing-function:ease-in-out ;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-duration: 5s;
transform-origin:bottom right;
}

.frame-profile {
position:relative;
z-index:2;
}

#separator .box-separator {
border-radius: 200px;
overflow: hidden;
width: 77%;
margin: 7rem auto;
margin-bottom:8rem;
position: relative;
padding:5rem 0;
border:7px solid #676c5f;
}

#widget {
float:left;
position:relative;
}

.widget-bg {
position:absolute;
z-index:auto;
width:100%;
height:100%;
top:0;
left:0;
}

.widget-bg > div, .widget-front > div  {
position:absolute;
}

.widget-front {
position:absolute;
z-index:2;
width:100%;
height:100%;
top:0;
left:0;
overflow:hidden;
}

.w-bg-sky {
width: 100%;
left: 0%;
top: -15%;
height:100%;
}

.w-bg-sky img {
width:100%;
height:100%;
object-fit:cover;
}

.w-bg-treeleft {
width: 70%;
left: -40%;
top: 4%;
opacity:.8;
}

.w-bg-treeleftbot {
width: 75%;
left: -40%;
bottom: -6%;
}

.w-bg-treeright {
width: 70%;
right: -40%;
top: 17%;
}

.w-bg-treerightbot {
width: 75%;
right: -40%;
bottom: -16%;
}

.w-bg-land {
width: 110%;
right: -5%;
bottom: -10%;
}

.w-front-flowrighttop {
width:50%;
right:-5%;
}

.w-front-flowlefttop {
width:50%;
left:-5%;
}

.w-front-flowlefttop img {
transform:scaleX(-1);
}

.w-front-flowleftbot {
width:40%;
left:-20%;
bottom:30%;
}


.w-front-flowrightbot {
width:40%;
right:-20%;
bottom:30%;
}

.w-front-flowrightbot img {
transform:scaleX(-1);
}

.w-front-wayang {
width:50%;
bottom:5%;
}
 
.w-front-cocoright {
width:60%;
right:-22%;
top:10%;
}

.w-front-cocoright img {
transform:scaleX(-1);
}

.w-front-cocoleft {
width:50%;
left:-27%;
top:20%;
}

.w-front-cocoleft img {
transform:rotate(15deg);
}

.flower-group-decor {
width:100%;
height:40%;
bottom:0;
left:0;
position:absolute;
}

.flower-group-decor > div {
position:absolute;
}

.flodec1 {
width:45%;
left:-10%;
bottom:0;
}

.flodec2 {
width:45%;
left:-4%;
bottom:0;
}

.flodec3 {
    width: 40%;
    left: -3%;
    bottom: -38%;
}

.flodec3 img {
transform:rotate(-4deg);
}

.flodec4 {
    width: 50%;
    left: 22%;
    bottom: -22%;
}

.flodec5 {
    width: 25%;
    left: 28%;
    bottom: -0%;
}

.flodec6 {
    width: 25%;
    left: 22%;
    bottom: -10%;
}

.flodec7 {
    width: 30%;
    left: 38%;
    bottom: -20%;
}

.flodec8 {
    width: 50%;
    right: 5%;
    bottom: -10%;
z-index:-1;
}

.flodec9 {
    width: 17%;
    right: 20%;
    bottom: -10%;
}

.flodec10 {
    width: 40%;
    right: 0%;
    bottom: -10%;
z-index:-1;
}

.flodec11 {
    width: 40%;
    right: -10%;
    bottom: -20%;
z-index:-1;
}

.flodec12 {
    width: 40%;
    right: -25%;
    bottom: 10%;
z-index:-1;
}

.flodec13 {
    width: 30%;
    right: -15%;
    bottom: 20%;
z-index:-1;
}

#quote {
padding-top:7rem !important;
//background-image:url(https://images.ctfassets.net/q40z6pfqje6o/2r6F41cJ96CeNAgc4WTySl/20f7eac71c53654c5f7c5620635a8a5a/4c3f5d9c1abfc32bfb75950e19e4570c.jpg);
background:#3a4928;
}

.separator-batik {
height:4.8rem;
overflow:hidden;
width:100%;
position:absolute;
top:0;
left:0;
}