#welcome{
position: relative;
}

#welcome .flowerGallery{
top: 0;
}

.decorCover {
position:absolute;
z-index:2;
width:100%;
height:100%;
left:0;
top:0;
}

.decorCover img {
position:absolute;
}

.decorCover .done {
top:2%;
width:60%;
left:-30%;
z-index:2;
}

.decorCover .dtwo {
top:2%;
width:60%;
right:-20%;
z-index:2;
transform:rotate(-30deg);
}

.decorCover .dthree {
bottom:20%;
width:40%;
left:-13%;
z-index:2;
animation-duration: 2s;
}


.decorCover .dfive {
right:-5%;
bottom:-8%;
width:60%;
z-index:3;
}

.decorCover .dseven {
right:-40%;
bottom:10%;
width:60%;
z-index:1;
animation-duration: 2s;
}

.decorCover .dsix {
left:-10%;
bottom:-2%;
width:55%;
z-index:3;
}

.decorThankYou {
position:absolute;
z-index:2;
width:100%;
height:100%;
left:0;
top:0;
}

.decorThankYou img {
position:absolute;
}

.decorThankYou .done {
top:-25%;
width:60%;
left:-30%;
z-index:2;
}

.decorThankYou .dtwo {
top:-40%;
width:60%;
right:-20%;
z-index:2;
}

.decorThankYou .dthree {
bottom:30%;
width:40%;
left:-13%;
z-index:2;
animation-duration: 2s;
}

.decorThankYou .dfour {
bottom:-5%;
width:100%;
left:0;
}
.decorThankYou .dfive {
right: -6%;
    bottom: -15%;
    width: 59%;
    z-index: 3;
}

.decorThankYou .dseven {
right:-40%;
bottom:10%;
width:60%;
z-index:1;
animation-duration: 2s;
}

.decorThankYou .dsix {
    left: -11%;
    bottom: -8%;
    width: 59%;
    z-index: 3;
}

.ship-lax {
position:absolute;
left:0;
z-index:0;
bottom:0;
}

.thank-you{
text-align:center;
background-color:#f7ecde;
padding:5rem 3rem;
float:left;
width:100%;
position:relative;
padding-top:3rem !important;
padding-bottom:18rem !important;
}

.thank-you #initial-name {
font-size:3rem;
}

.thank-you #initial-male {
position:relative;
top:30px;
left:-15px;
}

.ship-lax img {
height: 150px;
width:auto;
max-width:none !Important;
}


#welcome .coverFlowers img{
position: absolute;
}

#welcome .coverFlowers imgi:first-child{
bottom: 70px;
width: 119px;
    z-index: 10;
    left: -62px;
}

#welcome .coverFlowers img:last-child{
    bottom: 0px;
    width: 119px;
    z-index: 10;
    right: -50px;
}
.bottom_style#button-open {
bottom:90px !important;
}
#welcome .wrapper .wrap-overlay.top{
    border-radius: 150px;
    padding: 1rem 1rem;
    width: 75% !important;
    margin: 3% 12.5%;
height: 83% !important;
padding-top:3rem;
}

#button-open{
text-transform: capitalize;
background: #65485c !important;
color: #ebc6b4 !important;
}

.new_premCover-top{
padding: 1rem 0 !important;
width: 100% !important;
}

.new_premCover-top #couple-name{
margin-top: 1rem !important;
margin-bottom: 0 !important;
font-family: Matangi;
}

#couple-name-wrap{
font-family: Matangi;
}

.new_premCover-top #wedding-of{
font-size: 18px !important;
}

.new_premCover-top #date-text{
font-size: 14px!important;
margin-top:2rem;
}

.new_premCover-top .text-wrapper img{
width: 55% !important;
}

.invitation_to{
position: unset!important;
width: 100%
}

.invitation_to b{
margin: 5px !important;
}

#separator{
height: 93vh;
position: relative;
background-color: #f7ecde;
background-size: cover;
background-position:bottom;
padding-bottom:56% !important;
background-repeat:no-repeat;
background-image:url("https://images.ctfassets.net/q40z6pfqje6o/48tQX8wmv1yM7z4yIKV5vz/1b8f6679e6cfd03645e40c29b03fe1f8/bg.jpg");
}

#widget{
position: relative;
    width: 76%;
    margin: 1rem auto 0 auto;
 --animate-duration: 2.5s;
visibility: hidden;
}

@keyframes zoomOut {
  0% {
    transform: scale(1.2);
opacity: 1 !important;
  }
  100% {
    transform: scale(1);
opacity: 1 !important;
  }
}


#widget .box-separator{
background-color: red;
  width: 100%;
  padding-top: 130%;
  position: relative;
background: transparent;
}

.mobile #widget .separator-img, .style-mobile #widget .separator-img, .image-separator-background.mobile .item{
 position: absolute;
  top: 1.5%;
  left: 1.5%;
  right: 0;
width: 97% !important;
height: 100% !important;
border-radius: 150px 150px 0 0;
border: 1px solid #ebc6b4;
}

.style-mobile #widget .separator-img {
height:97% !important;
}

.style-mobile #owl-separator .owl-stage{
height:97%;
}

.mobile #widget .separator-img::after, .style-mobile #widget .separator-img::after, .image-separator-background.mobile .item::after{
content: "";
position: absolute;
top: -5px;
bottom: -5px;
right: -5px;
left: -5px;

border-radius: 150px 150px 0 0;
}


 #quote{
position: relative;
padding: 0!important;
position: relative;
min-height: 300px;
padding-top: 3rem !important;
}

#quote .container{
position: relative;
}

.quotes {
padding: 1rem 0;
color: #867d65 !important;
font-family: Matangi;
font-style: inherit !important;
font-size: 14px !important;
    width: calc(100% - 10px);
    margin: 0 auto; 
line-height: 1.3;
}

.quotes.padding-balance{
padding: 0 !important;
}


.padding-balance{
padding-left: 1rem !important;
padding-right: 1rem !important;
}

#coupleProfile .grid-profile {
display:block !important;
}

#coupleProfile{
padding: 2rem 0!important;
}

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

.couple-wrapper .couple-img {
position:relative;
overflow:visible !important;
padding:18% !important;
}

.couple-wrapper .couple-img .frame-profile {
position:absolute;
z-index:9999;
transform:scale(1);
left:0%;
top:4px;
}

.frame-profile img {
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.imgWrapper .decorProfile {
width: 80%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: -19%;
}

#welcome .wrap-overlay {
opacity:0;
}

.imgWrapper .decorProfile::before{
content: "";
position: absolute;
left: -76%;
background-image:url("https://images.ctfassets.net/q40z6pfqje6o/6NVd9xnoMEpHchxz4nSUXh/c1f3e85a130d8b7b56fe969902da553a/phonld.png");
background-size: 100%;
width: 103%;
height:230px;
top: -6rem;
}
.profile-slider {
z-index:2 !important;
}
.imgWrapper .decorProfileBack {
    width: 71%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -35%;
}

.male .imgWrapper .decorProfile {
 transform: scaleX(-1);
left:initial;
right:-3.5rem;
}

.male .imgWrapper .decorProfileBack {
 transform: scaleX(-1);
right:initial;
left:-5.5rem;
}

.male, .female {
padding:0;
}

.imgWrapper .decorProfile img {
position:absolute;
left:0;
max-width: none;
}
.imgWrapper .decorProfile .fone {
height: auto;
 width: 74%;
    left: -36%;
    top: 5%;
//animation:  toLeft 2s ease-in-out 1.5s infinite alternate !important;
animation-duration:2s;
} 

.imgWrapper .decorProfile .ffour {
left: -52%;
    width: 98%;
    height: auto;
bottom: -20%;
    z-index: 2;
}

.imgWrapper .decorProfile .ffive {
   height: 100%;
    width: auto;
    left: -50%;
    z-index: 1;
bottom: -50%;
}

.imgWrapper .decorProfileBack .fthree {
    width: 105%;
    max-width: none;
    right: -55%;
    bottom: -50%;
    position: absolute;
animation-duration: 2s;
}

.imgWrapper .decorProfileBack .ffour {
height: auto;
    width:100%;
    max-width: none;
    right: -55%;
    bottom: -6%;
    position: absolute;
}

.imgWrapper .decorProfile .ftwo {
    left: -10%;
   width: 98%;
    bottom: -40%;
}

#coupleProfile.minimalis .grid-profile:first-child{
 grid-template-areas: 
'photoProfile  profileInfo'
'photoProfile profileInfo ';
}

#coupleProfile.minimalis .grid-profile{
position: relative;
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
align-self: end !important;
grid-template-rows: 1fr;
}

#coupleProfile.minimalis .grid-profile:last-child{ 
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}

#coupleProfile .female{
text-align: left !Important;
}

#galleries .galleriSection{
position: relative;
padding: 1rem 2rem;
}

#galleries #owl-slider .item{
height: 230px;
}

#coupleProfile .flowerPrf{
width: 139px;
    position: absolute;
    bottom: -30px;
    right: 50%;
    z-index: 4;
    transform: translateX(50%);
}
#coupleProfile .flowerQuote2, #coupleProfile .flowerProfileSecond{
    width: 126px;
    position: absolute;
    bottom: 12px;
    left: -38px;
    z-index: 1;
}

#coupleProfile .flowerQuote2 img, #coupleProfile .flowerPrf img, #coupleProfile .imgWrapper .ornFlower{
-webkit-mask-image: none !important;
}

#coupleProfile .decorFlwr2{
width: 78px;
    position: absolute;
    top: -26px;
    right: -27px;
    z-index: 1;
}

#coupleProfile .flowerQuote2 img, #coupleProfile .flowerProfileSecond img{
transform: rotate(85deg);
}
.decorSeparator {
position:absolute;
width:100%;
height:100%;
z-index:99;
bottom:0;
}

.decorSeparator:after {
content:"";
background: rgb(255,254,254);
background: linear-gradient(180deg, rgba(247,236,222,0) 20%, rgba(247,236,222,0.2) 40%, rgba(247,236,222,1) 77%);
bottom:-53px;
position:absolute;
width:100%;
height:200px;
z-index:2;
}

#wishes:after {
content:"";
background: rgb(255,254,254);
background: linear-gradient(180deg, rgba(247,236,222,0) 20%, rgba(247,236,222,0.2) 40%, rgba(247,236,222,1) 77%);
bottom:-53px;
position:absolute;
width:100%;
height:200px;
z-index:2;
left:0;
}

.decorSeparator img {
position:absolute;
}

.decorSeparator .tree {
top:0;
width: 172px;
z-index: 2;
left:0;
}

.decorSeparator .flowerfive {
top:0;
width: 102px;
z-index: 3;
right:0;
}

.decorSeparator .ship {
bottom:0;
transform:scale(0.56);
transform-origin:0 100%;
left:56px;
}

.decorSeparator .flowertwo {
bottom: 50px;
    right: 7%;
    z-index: 2;
    width: 21%;
animation-duration: 2s;
animation-delay: .5s;
}

.decorSeparator .flowerfour {
bottom: 23px;
width: 38%;
    transform-origin: 100% 105%;
    right: -5%;
    z-index: 3;
animation-duration: 2s;
animation-delay: .5s;
}

.decorSeparator .flowerone {
left: -8%;
    bottom: -5%;
    width: 36%;
    z-index: 3;
}

.decorSeparator .flowerzero {
left: -15%;
    bottom: 11%;
    width: 37%;
    z-index: 2;
animation-duration:2s;
}

.decorSeparator .flowerthree {
    bottom: -71px;
    transform: scale(.3);
    transform-origin: 0 100%;
    left: -50px;
    z-index: 3;

}

#separator #initial-name {
width:100%;
text-align:center;
font-family: Matangi;
}

#separator #initial-name span {
font-size:3rem;
color:#65485c;
}

#separator #initial-name span:last-child {
margin-left:-15px;
top:30px;
position:relative;
}

 #coupleProfile .imgWrapper .ornFlower2{
position: absolute;
    right: -30px;
    bottom: -39px;
    width: 154px;
    z-index: 1;
    transform: rotate(142deg);
}

#coupleProfile .imgWrapper .ornFlower{
    position: absolute;
    left: -4px;
    bottom: -57px;
    width: 125%;
    transform: scaleX(-1) rotate(-30deg);
    z-index: 0;
}

@keyframes quoteOrn2 {
  from {transform: rotate(0deg);}
  to {transform: rotate(10deg);}
}

@keyframes quoteOrn3 {
  from {transform: rotate(142deg);}
  to {transform: rotate(128deg);}
}

@keyframes movingTree {
  from {transform: scaleX(-1) rotate(0deg);}
  to {transform: scaleX(-1) rotate(-10deg);}
}

#coupleProfile.minimalis .imgWrapper{
width: 90% !important;
padding-top: 112% !important;
position: relative;
padding: 3px;
margin: auto;
transform:scale(.85);
}

#coupleProfile.minimalis .imgWrapper::after{
content: " ";
position: absolute;
    top: -12px;
    bottom: 0px;
    left: -1%;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/4wh85UZeZiGSGbPsd1XYb4/71fe2925096f67a62c56226317f7dc51/IMG_0549.PNG");
background-size: cover;
z-index: 2;
    background-position: center;
width:102%;
}

coupleProfile .grid-profile {
display:block !important;
}

#coupleProfile.minimalis .imgWrapper::before{
content: " ";
position: absolute;
left: 0;
right: 0;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/7C7zA895X4sdWcuXGVArlu/4f510cd4b7c91657ba164a737239d231/framejv.png");
top: 0;
bottom: 0;
display: block;
}

#coupleProfile .call-name{
font-size: 3rem;
}
#coupleProfile .grid-profile:first-child{
margin-bottom: 3rem;
margin-top: 3rem;
}
#coupleProfile .grid-profile:last-child{
margin-top: 3rem;
margin-bottom: 3rem;
}

#coupleProfile.minimalis .grid-profile .box .imgWrapper .item img, #coupleProfile.minimalis .grid-profile .box .imgWrapper > img {
-webkit-mask-image: url("https://images.ctfassets.net/q40z6pfqje6o/5PRpaTarVZAZSOxsFebra8/cbb869173946367745c408d2d9d5028b/mask-frame.png") ;
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
}

#coupleProfile.minimalis .grid-profile:first-child .box{
grid-area: photoProfile;
width: 100%;
}

#coupleProfile.minimalis .grid-profile:last-child .box{
grid-area: photoProfile;
width: 100%;
}

#coupleProfile.minimalis .grid-profile:last-child {
 grid-template-areas: 
'profileInfo photoProfile'
'profileInfo photoProfile';
}

#coupleProfile .male{
text-align: unset !important;
}

#coupleProfile .grid-profile .profil-info p {
color: #867d65;
font-size: 14px !important;
}

#coupleProfile .grid-profile:first-child .profil-info p, #coupleProfile .grid-profile:first-child .profil-info h5{
text-align: right !important;
}
#coupleProfile .grid-profile .profil-info {
padding: 10px 0 !important;
margin-top: 0rem;
padding:0 3rem !important;
}

#coupleProfile .grid-profile:first-child .profil-info {
grid-area: profileInfo;
text-align: right !important;
}

#coupleProfile .grid-profile .profil-info .instagram-profil b{
color: #65485c;
}
#coupleProfile .grid-profile .profil-info h5 b{
font-family: Sofia;
color: #65485c;
font-size: 2.5rem;
}

#coupleProfile .grid-profile .profil-info h5{
margin: 1rem 0;
text-align: left;
}

#story{
background-color: #f7ecde;
padding: 1rem 0 8rem 0;
min-height: 400px;
position: relative;
}

#story .flowerStory {
position:absolute;
width:100%;
height:100%;
}

.flowerStory img{
position:absolute;
z-index:3;
}

.flowerStory .flowerstoryone {
bottom: -41px;
    width: 41%;
    left: -18%;
z-index: 2;
}

.flowerStory .flowerstorytwo {
bottom:-23px;
left:0%;
width: 41%;
z-index:1;
//animation: toLeft 2s ease-in-out infinite alternate !important;
animation-duration:2s;
}

.flowerStory .flowerstorythree {
top:0;
right:-13%;
width: 51%;
z-index:2;
}

.wrapper-slider-story {
background-image:url('https://images.ctfassets.net/q40z6pfqje6o/4sD58ueGXYSBSAGpkpFnST/96bd91d8382596a59e58e0440066538d/mitos__1I400___1600_px___1080___1900_px___47_.png');
background-size:cover;
padding:2rem 0;
background-color:#ebc6b4;
border-radius:25px;
}

.slider-story{
min-height: 500px;
}

#story-slider{
width: 80%;
}

#story-vertical .item-story-v .content-story-v .content-story-title{
position: unset !important;
    line-height: 1 !important;
margin-bottom: 1rem !important;
font-family: Sofia !Important;
}

#story-vertical .item-story-v .background-story-v{
padding-top: 70% !Important;
border-top-left-radius: 50px !important;
    border-bottom-right-radius: 50px !Important;
}

#story-vertical .item-story-v .background-story-v img {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
#rsvp p{
color: #f7ecde;
}

#story-vertical{
width: 70% !important;
margin: auto;
}

#story-vertical .item-story-v{
max-height: 400px;
overflow: scroll;
margin-top: 0 !important;;
}

#story-vertical .item-story-v .content-story-v{
background-color: transparent !important;
padding: 0 1rem 1rem 0 !important;
}
#story-vertical .item-story-v .content-story-v .content-story{
color: #867d65 !important;
}

#coupleProfile h4 b{
font-family: Sofia;
}

#coupleProfile  .container{
// padding-left: 2rem;
}

.box-female{
margin-bottom: 0;
}


#coupleProfile p{
margin: 0;
}

#coupleProfile {
position: relative;
padding: 5rem 0;
}

.female .text-center p:nth-child(1){
text-transform: uppercase;
}

#story h1{
color: #{title_color};
font-family: Matangi;
font-weight: 600;
}

#story .container{
  padding: 1rem 1rem;
}


#galleries {
padding-top: 1rem ;
padding-bottom: 250px !important;
position: relative;
overflow: hidden;
}
#galleries::after{
content: "";
position: absolute;
width: 100%;
height: 308px;
background-image: url('https://images.ctfassets.net/q40z6pfqje6o/6WFAIq4wUUQ2GMqLnkO6ux/33d2c3f369f455690c2ddd881b09d2e1/bugis_bg.png');
bottom: 0;
left: 0;
background-size: 100%;
z-index: 2;
}

#galleries h1{
text-transform: capitalize;
font-weight: 600;
}

#galleries p{
margin-bottom: 0 !important;
}

#galleries .quoteGalleries{
width: 100%;
position: relative;
float: left;
padding: 1.5rem 0;
}

.flowerGallery{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#galleries .flowerGallery img{
bottom: -80px;
}

.ornGalleryBottom{
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.ornGalleryBottom .orn1{
    z-index: 3;
    position: absolute;
    width: 55%;
    right: -7%;
    bottom: -32px;
}

.ornGalleryBottom .orn2{
z-index: 4;
    position: absolute;
    width: 57%;
    left: 0%;
    bottom: -40px;
}

.ornGalleryBottom .orn3{
    z-index: 3;
    position: absolute;
    width: 37%;
    left: -9%;
    bottom: -40px;
animation-duration: 2s;
}

#galleries .quoteGalleries .container{
padding-top: 1rem;
padding-left: 2rem;
}

#galleries .quoteGalleries .container p{
color: #867d65;
font-size: 16px;
padding: 0 !important;
text-align: left !important;
max-width: 85%;
}

.video{
padding: 1rem 2rem;
}

#galleries .quoteGalleries h1{
color: #65485c;
max-width: 270px;
margin: 2rem 0;
padding: 0 0 0 2rem;
font-family: Matangi;
text-align: left !important;
}

#galleries .deerGardenMonyet{
position: absolute;
left: 0;
right: 0;
width: 95%;
bottom: 0;
}
.quoteGalleries .ornGallery img{
position: absolute;
z-index: 3;
}

.quoteGalleries  .ornGallery img:first-child{
left: -70px;
    width: 130px;
    top: 90%;
opacity: 1;
animation-duration: 2s;
}

.quoteGalleries  .ornGallery img:nth-child(2){
right: -168px;
    width:250px;
    top: 45%;
    z-index: 2;
animation-duration: 2s;
}

.quoteGalleries .ornGallery img:last-child{
    right: -17px;
    width: 44%;
    top: -18%;
    z-index: 1;
}
#countdown{
background-color: #f7ecde;
padding-top: 6rem !important;
position: relative;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/6imkXK1wyMUEZ5poPbfTMI/780167e58fa9a838900babae79ca7245/bgrdwn.png");
background-size: cover;
background-repeat:no-repeat;
background-position: top center;
min-height: 450px;
}

#countdown::before{
content: "";
position: absolute;
width: 100%;
top:0;
bottom: 0;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/2S51MyJcu5KrF8NVkzgLBr/e03c2f4fa7a819638f4feba6b6e70b3f/IMG_0541_copy.png");
background-size: 110%;
background-repeat:no-repeat;
background-position: top center;
}

#countdown.going_on{
display: block !important;
}
#countdown .ornCountdown {
position: absolute;
bottom: 0;
width: 100%;
height: 100%
}

#countdown .ornCountdown:first-of-type {
transform: scaleX(-1);
z-index:2;
}

#countdown .ornCountdown img:nth-child(4){
    top: 75px;
    width: 141px;
position: absolute;
    left: -61px;
}

#countdown .ornCountdown img{
    position: absolute;
}

#countdown .ornCountdown::before{
content: "";
position: absolute;
width: 30%;
height: 60%;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/4xg741DS5OIp93x9bqBoAx/1f302e549ef51905e76646ca1f75ce68/fdsfsd.png");
background-size: 100%;
bottom: -33%;
transform: rotate(95deg);
z-index:2;
}

#countdown .ornCountdown img:first-child{
    width:40%;
right: -12%;
    bottom: -3%;
z-index: 5;
}

#countdown .ornCountdown img:nth-child(2){
    bottom: 18%;
    right: -9%;
    z-index: 2;
    width: 32%;
animation-duration: 2s;
}
#countdown .ornCountdown img:nth-child(3){
    top: 312px;
    right: 35px;
    width: 60px;
transform:scale(.5);
z-index: 1;
animation-duration: 1.5s;
}

#countdown ul li span b, #countdown li#days span{
font-size: 20px !important;
font-weight: 700;
font-family: Matangi;
line-height: 1;
color: #867d65;
}

#countdown li#days{
font-size: 1em !important;
display: inline-block !important;
}

#countdown li {
padding: 10px !important;
background-color: transparent;
border-radius: 0px;
width: 50px;
line-height: 1;
border-top:2px solid #867d65;
border-bottom:2px solid #867d65;
margin:0 5px;
}

#countdown li span{
font-size: 20px !important;
font-weight:700;
}

#countdown ul li b{
font-family: Matangi;
text-transform: capitalize;
font-size: 12px;
font-weight: 600;
line-height: 1;
color: #867d65;
}

#countdown .tgl-acara{
color: #867d65;
font-size: 16px;
font-weight:600;
    margin-bottom: 1rem;
}


#countdown h1{
font-size: 3rem;
margin: auto;
width: 70%;
 text-wrap: wrap;
font-family: Matangi;
font-weight: 600;
}

#countdown.finish h1{
top: 0;
background-color: #f7ecde91;
}

.card-photo .card-photo-text .card-photo-text-container .wish-from{
font-family: Sofia;
font-size: 30px;
color: #65485c;
}

#story .card-photo.no-image{
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/1MxFwrL3zWrz6qFqAUMogi/23e1f6ea624fb25c0d45f0af7e5bc2b1/mitos__1I400___1600_px___1080___1900_px___2_.jpg") !important;
background-size: cover !important;
}

#countdown .countdown-section, #countdown.going_on .event-going-on{
z-index: 3;
    padding-top: 1.5rem;
padding-bottom: 2.5rem;
    width: 100%;
position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#countdown.finish::before, #countdown.finish .dcrCount,
#countdown.finish .dcrCount3,
#countdown.finish .dcrCount2{
display: none;
}
.wrapBtn .btn{
background-color: #65485c;
color: #f7ecde;
border-color: #f7ecde;
padding: 7px 15px;
font-size: 12px;
border-color: #f7ecde;
}

.wrapBtn .notif-wrap{
margin-top: 10px;
}

.wrapBtn{
    padding: 1rem;
width: 222px !important;
margin: 0 auto;
margin-top:1.5rem;
}


.rundown{
background-color: #f7ecde;
position: relative;
    border-bottom-right-radius: 85px;
    border-bottom-left-radius: 85px;
padding-bottom:3rem;
}

#list-rundown{
background-color: #f7ecde;
padding: 3rem 0rem 0rem 0rem;
position: relative;
}

.dcrSide{
position: absolute;
    top: -29px;
    left: -20px;
    right: -20px;
}

#list-rundown .row{;
position: relative;
juastify-content: center !important;
}
#list-rundown .container {
padding:0;
}
.end-rundown {
float:left;
position:relative;
background-color: #f7ecde;;
padding: 3rem 2.5rem;
}
.end-rundown {
float:none !important;
}

.container-bottom {
float:left;
position:relative;
background-color: #f7ecde;;
background-repeat:no-repeat;
padding: 0rem 0rem;
padding-bottom:5.5em;
overflow:hidden;
background-size: 100%;
}

.container-bottom .backgroundShape {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}

@media screen and (min-width:430px) {
.container-bottom .backgroundShape .shape-center {
border-radius:200px 200px 0 0 !important;
}
.container-bottom .decor-bottom {
border-radius:180px 180px 0 0 !important;
}
#coupleProfile.minimalis .imgWrapper::after {
top:-12px;
}
}

@media screen and (min-width:1300px) {
.container-bottom .backgroundShape .shape-center {
border-radius:260px 260px 0 0 !important;
}
.container-bottom .decor-bottom {
border-radius:235px 235px 0 0 !important;
}
.container-bottom .backgroundShape .shape-square {
top:95px !important;
}
}

.container-bottom .backgroundShape .shape-center {
width:160%;
left:-30%;
height:100%;
position:absolute;
background-color:#ebc6b4;
z-index:2;
border-radius:50% 50% 0 0 !important; 
}

.container-bottom .backgroundShape .shape-square {
width:100%;
height:100%;
position:absolute;
background-color:#ebc6b4;
z-index:2;
top:80px;
}

.container-bottom .backgroundShape .shape-circle.left {
width:10%;
height:50px;
position:absolute;
background-color:#f7ecde;
z-index:2;
bottom:-1px;
left:0;
border-radius:0 70% 0 0;
}

.container-bottom .backgroundShape .shape-circle.right {
width:10%;
height:50px;
position:absolute;
background-color:#f7ecde;
z-index:2;
bottom:-1px;
right:0;
border-radius:70% 0 0 0;
}


.container-bottom:before {
content:"";
width:120%;
left:-10%;
height:200px;
background-image:url(https://images.ctfassets.net/q40z6pfqje6o/jKcvmHeTbDpq0buzZhslv/7d458d93bf8c78e44e40a0cc24b00fa7/frametop.png);
background-size:100%;
background-repeat:no-repeat;
position:absolute;
top:0px;
z-index:6;
}

.container-bottom .decor-bottom {
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
z-index:4;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/4sD58ueGXYSBSAGpkpFnST/96bd91d8382596a59e58e0440066538d/mitos__1I400___1600_px___1080___1900_px___47_.png");
background-size: 100%;
border-top-right-radius: 160px;
border-top-left-radius: 160px;
}

.end-rundown::before{
content: "";
position: absolute;
width: 200px;
height: 160px;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/16SvQ4qpOWMyX4U5mokXUB/87d9b5716aa3facfc4dfae97422e6ba1/dcrbtmrundown.png");
right: 0;
top:0;
}

.container-bottom .decor-bottom img {
position:absolute;
}

.container-bottom .decor-bottom img:nth-child(1) {
left: -10%;
    /* transform: scale(.45); */
    /* transform-origin: 0 100%; */
    width: 35%;
    HEIGHT: auto;
    bottom: 3%;
}

.container-bottom .decor-bottom img:nth-child(3) {
left:0%;
width:30%;
bottom:2%;
animation-duration: 2s;
}

.container-bottom .decor-bottom img:nth-child(2) {
right: -5%;
    /* transform: scale(.3); */
    /* transform-origin: 100% 90%; */
    width: 27%;
    bottom: 5%;
}

.container-bottom .decor-bottom img:nth-child(4) {
right: 5%;
    /* transform: scale(.25); */
    /* transform-origin: 100% 100%; */
    bottom: 0;
    width: 23%;
}

.container-bottom:after {
content:"";
width:100%;
height:200px;
background-image:url(https://images.ctfassets.net/q40z6pfqje6o/30HoddR9jdLN1xFXTVgf3h/e62a9dede9f0017c2e8018d3b6aba475/frmaebottom.png);
background-size:100%;
background-position:100% 100%;
background-repeat:no-repeat;
position:absolute;
bottom:-2px;
left:0;
z-index:6;
}

#closing-word {
padding:0 3rem !important;
}
.container-bottom .rsvp-bottom {
border:none !important;
background:transparent;
margin-top:2rem !important;
margin-bottom:1rem !important;
}
.container-bottom .rsvp-bottom .text-center {
background-color:transparent !important;
}
.container-bottom .rsvp-bottom .text-center:before {
color:#867d65 !important;
}
.container-bottom .rsvp-bottom .text-center .will-join {
color:#867d65 !important;
font-size:16px !important;
}
#adressWrapper .adress{
border-radius: 1rem;
padding-bottom: 1rem;
}

.google-maps{
border-radius: 25px;
}
.wedding_address{
color: #867d65 !Important;
font-size: 14px;
}
#maps{
padding: 10px !important;
}

#adressWrapper{
padding: 4rem 0 2rem 0;
}

#rsvp .will-join{
color: #f7ecde;
border: none !important;
}

#rsvp .btn{
background-color: #f7ecde;
border-color: #65485c;
border-radius: 5px;
font-size: 14px;
letter-spacing: 1px;
color: #867d65;
}

#rsvp .btn b {
font-weight: 400;
font-family: Matangi;
}

#rsvp{
padding: 5px;
position: relative;
border: 2px solid #ebc6b4;
z-index: 1;
margin-top: 6rem;
margin-bottom: 5rem;
}

#rsvp .text-center{
font-size: 14px;
    padding: 1rem 0;
    text-align: center;
background-color: #ebc6b4;
}

#rsvp .text-center::before{
content: "RSVP";
font-size: 34px;
font-family: Matangi;
color: #65485c;
margin-bottom: 10px;
display: block;
}

#bottom-rundown p{
margin-top: 1rem;
}

#bottom-rundown p {
color: #867d65;
}

#also_inviting li {
font-family: Matangi;
color: #867d65;
}

.dcrBottom, .dcrBottom2{
position: absolute;
}
.decorRundown {
position:absolute;
width:100%;
bottom:25%;
z-index:5;
height:100%;
}
.decorRundown.dcrBottomLeft {
z-index:3;
}
.decorRundown img {
position:absolute;
}
.decorRundown img:nth-child(1) {
width:48%;
right:0%;
z-index:2;
bottom:-200px;
}
.decorRundown img:nth-child(2) {
width:110px;
right:-3%;
z-index:1;
bottom:-80px;
animation-duration: 2s;
}

.decorRundown img:nth-child(3) {
right:-4%;
width:150px;
top:15px;
}
.decorRundown.dcrBottomLeft img:nth-child(1) {
width:55%;
left:0%;
right:initial;
z-index:2;
bottom:-200px;
}
.decorRundown.dcrBottomLeft img:nth-child(2) {
width:100px;
left:0%;
right:initial;
z-index:2;
top:-50px;
animation-duration: 2s;;
}

.dcrBottom{
bottom: -65px;
    left: 50%;
    width: 298px;
    transform: translateX(-41%);
    z-index: 4;
}

.dcrBottom2{
width: 49px;
    bottom: 112px;
    right: -5px;
    z-index: 3;
}
.wrapItemRundown .dcrBottom3{
    position: absolute;
    bottom: 17px;
    z-index: 5;
    width: 113px;
 -webkit-transform: rotate(78deg);
        transform: rotate(78deg);
}


#weddingDetail{
padding-bottom: 0!important;
padding-top: 0;
}

#live .container, #instagram-filter, #pay .cover{
width: 90%;
margin: auto 5%;
padding: 2rem !important;
background-color: #867d65 !important;
}
#live .container, #instagram-filter{
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
}
 #pay .cover{
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
#live{
background-color: transparent;
}

#live .container p, #instagram-filter p, #pay .cover p{
text-align: left !important;
color: #f7ecde;
}
.main-page.style-desktop #separator {
background-image:none !important;
}
.main-page.style-desktop #quote {
padding-bottom:12rem !important;
background:transparant !important;
background-image:url("https://images.ctfassets.net/q40z6pfqje6o/48tQX8wmv1yM7z4yIKV5vz/1b8f6679e6cfd03645e40c29b03fe1f8/bg.jpg");
}

#live,  .filterIgWrap, #pay{
padding-bottom: 2rem;
}
#pay {
width:100%;
}

#wraping-bottom{
position: relative;
width: 100%;
float: left;
padding: 3rem 0;
background-color: #f7ecde;
padding-bottom:9rem;
background-size:contain;
background-repeat:no-repeat;
background-position:0 130%;
}

#wraping-bottom .treeGallery2{
    position: absolute;
    bottom: 10px;
    right: -96px;
    width: 300px;
    transform: rotate(-12deg);
}

#wraping-bottom .ornFlowerBottom{
position: absolute;
left: -117px;
    width: 219px;
    bottom: 41%;
}

#wraping-bottom .ornWrapBottom{
position: absolute;
    width: 226px;
    right: -120px;
    top: -33px;
}

#live .container h1, #instagram-filter h1, #pay .cover h1{
margin-bottom: 1rem;
font-size: 38px;
font-family: Sofia !important;
padding-bottom: 1rem;
color: #f7ecde !important;
}

.btn-lokasi{
margin-top: 1rem;
border-color: #65485c!important;
color: #65485c!important;
}

#live .btn, #instagram-filter .btn, #pay .btn{
width: 100%!important;
}

#pay, .filterIgWrap{
float: left;
}


.filterIgWrap{
width: 100%;
}


#instagram-filter{
margin-bottom: 0!important;
}

#instagram-filter .btn{
background-color: #65485c;
border-color: #65485c;
border-radius: 50px;
color: #f7ecde;
}

#wishes{
padding: 3rem 0 5rem 0;
position: relative;
overflow: hidden;
}

#wishes .cover{
width: 90%;
    margin: 0 5%;
    background-color: transparent;
    padding: 10px;
position: relative;
z-index: 1;
}

.moment-list{
padding: 0 !Important;
}

.wish_noimage_wrap.bubble-chat{
background-color: #f7ecde5e !important;
    padding: 3rem 1rem;
border-radius: 5px;
    min-height: 300px;
}

.wish_noimage_wrap{
margin: 0 !important;
}
#wishes .cover .cover{
border: 0 !important;
background-color: transparent !Important;
width: 100% !important;
margin: 0 !important;
}

#wishes .avatar-item{
background-color: transparent !important;
font-family: Sofia;
color: #65485c;
border-right: 1px solid #65485c;
border-radius: 0;
}
#wishes .message-wish{
background-color: transparent !Important;
box-shadow: none;
}
#wishes .message-wish p b{
color: #867d65 !Important;
text-transform: uppercase;
}

.message-wish .arrow-left{
display: none;
}

#section-bottom{
overflow: visible !important;
}

.wish_noimage_wrap .item-wish .col-2, wish_noimage_wrap .item-wish .col{
align-self: center;
}

.wishes input, .wishes textarea, .wishes .custom-file {
border: none !important;
background-color: #65485c !important;
color: #ebc6b4 !important;
}

.wishes input::placeholder, .wishes textarea::placeholder, .wishes .custom-file-label{
color: #f7ecde !important;
}

.wishes .btn{
color: #65485c!important;
background-color: #f7ecde !important;
}

.wishes{
background-color: #f7ecde5e !important;
    padding: 1rem !important;
border-radius: 5px;
}

#wishes .cover .cover{
padding: 1rem 0 !Important;
}

.couple-separator-and h1{
margin: 2rem 0;
}


#wishes h1 {
margin-top: 2rem;
text-transform: capitalize;
font-family: Matangi;
}

.item-rundown {
position: relative;
z-index: 0;
width: 70% !important;
margin: 0px auto !important;
padding: 0 20px;

}

.wrapItemRundown{
width: 100%;
position: relative;
padding: 1rem 0;
background-image: url(https://images.ctfassets.net/q40z6pfqje6o/3p4vuUiZC4t9VCL7pyZUz1/261ffc0fdb2f4cf2999d33fb501be3b4/IMG_0631.PNG);
background-size:100%;
background-repeat:repeat;
padding-top:0;
    margin-top: 10rem;
    margin-bottom: 7rem;
min-height: 315px;
}

.wrapItemRundown:before {
content:"";
width:100%;
height:150px;
background-image: url(https://images.ctfassets.net/q40z6pfqje6o/2xueUxvRMlTGgdlPGJDWDe/1afe3bfd17aa11f0dabbd97f9b0759ef/IMG_0632.PNG);
background-size:100%;
background-repeat:no-repeat;
background-position:48.5% 103%;
position:absolute;
bottom:90%;
left:0;
}

.schedule_location {
position:relative;
z-index:99;
}


.wrapper-detail-rundown h1{
border-bottom: 1px solid #867d65;
    width: fit-content;
    margin: 0rem auto 2rem auto;
    line-height: 2;
font-size: 3rem !important;
font-family: Matangi;
text-transform: capitalize;
}

.item-rundown .akad_date, .item-rundown .resepsi_date, .item-rundown .schedule_date{
font-size: 18px;
text-transform: uppercase;
padding: 0 10px;
}

.item-rundown .akad_address, .item-rundown .resepsi_address, .item-rundown .schedule_address{
padding: 0 10px;
font-size: 12px;
max-height: 50px;
overflow: scroll;
}

.item-rundown .btn{
border-radius: 5px !important;
position: relative;
z-index: 9;
}

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

.wishes .btn{
border-radius: 5px !important;
}

#moment-wishes  .item{
height: 250px !Important;
border-radius: 1rem;
}

#moment-wishes  .item .img-wrap{
border-radius: 1rem;
}

#moment-wishes  .item .img-wrap .text-wrap .text-container{
background: linear-gradient(0deg, rgba(255,255,255,0.9) 34%, rgba(255,255,255,0.5312718837535014) 64%, rgba(255,255,255,0.217546393557423) 86%, rgba(255,255,255,0) 100%) !important;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
padding: 1rem !important;
}

#moment-wishes  .item .img-wrap .text-wrap{
padding: 0;
}

#moment-wishes  .item .img-wrap , #moment-wishes  .item .img-wrap .text-wrap .text-container h4, .text-wrap .text-container h4 b{
font-size: 20px;
font-family: Sofia;
margin-right:10px;
}

#moment-wishes  .item .img-wrap .text-wrap .text-container h4{
display: inline-block;
}
#moment-wishes  .item .img-wrap .text-wrap .text-container svg{
font-size: 20px;
display: inline-block;
position: unset;
}
#moment-wishes  .item .img-wrap .text-wrap .text-container p{
color: #000000;
font-size: 12px;
}

.thank-you{
padding: 9rem 1.5rem;
}

.thank-you .calling-name{
font-size: 3rem;
font-family: Sofia;
color: #65485c;
font-weight: 600;
}

.thank-you h5{
font-family: Matangi;
color: #867d65;
}

#footer{
padding: 10px !important;
border: 1px solid #65485c;
position:relative;
z-index:9;
}
#footer p img{
padding-bottom: 0 !important;
}


.is_preview .wow{
visibility:visible !important;
}

#button-open {
z-index:999999;
}



@-webkit-keyframes upDown {
  0% {
       transform: rotate(-3deg);
    }

    to {
 transform: rotate(3deg);
    }
}

@keyframes upDown {
   0% {
       transform: rotate(-3deg);
    }

    to {
 transform: rotate(3deg);
    }
}

.animation_upDown {
    -webkit-animation-name: upDown !important;
    animation-name: upDown !important;
animation-timing-function:ease-in-out ;
animation-iteration-count:infinite;
animation-direction:alternate;
}

@-webkit-keyframes toLeft {
  0% {
       transform: rotate(5deg);
    }
    to {
 transform: rotate(0deg);
    }
}

@keyframes toLeft {
   0% {
       transform: rotate(5deg);
    }

    to {
 transform: rotate(0deg);
    }
}

.animation_toLeft{
  -webkit-animation-name: toLef !importantt;
 animation-name: toLeft !important;
animation-timing-function:ease-in-out ;
animation-iteration-count:infinite;
animation-direction:alternate;

}

.desktop .content-layout #quote .container{
min-height: 500px;
display: flex;
}

.wrapper-detail-rundown {
justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 10;
    display: flex;
    top: 0;
padding:0 25%;
}

.bird-container .bird {
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg');
    filter: invert(34%) sepia(55%) saturate(427%) hue-rotate(32deg) brightness(93%) contrast(91%);
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;

    animation-name: fly-cycle;
    animation-timing-function: steps(10);
    animation-iteration-count: infinite;
}

.bird-one{
    animation-duration: 1s;
    animation-delay: -0.5s;

}
.bird-two{
    animation-duration: 0.9;
    animation-delay: -0.75.s;

}
.bird-three{
    animation-duration:1.25s;
    animation-delay: -0.25s

}
.bird-four{
    animation-duration: 1.1s;
    animation-delay: -0.5s;
}

.bird-container {
	position: absolute;
	top: 10px;
  left: -3%;
	transform: scale(0) translateX(-10vw);
	will-change: transform;
	
	animation-name: fly-right-one;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
	
.bird-container-one{
	animation-duration: 15s;
	animation-delay: 0;
}
	
.bird-container-two{
	animation-duration: 16s;
	animation-delay: 1s;
}
	
.bird-container-three{
	animation-duration: 14.6s;
	animation-delay: 9.5s;
}
	
.bird-container-four {
		animation-duration: 16s;
		animation-delay: 10.25s;
}
/* @keyframes fly-cycle {
    100%{
        background-position: -3600px 0;
    }
} */
@keyframes fly-cycle {
	
	100% {
		background-position: -900px 0;
	}
	
}

@keyframes fly-right-one {
	
	0% {
		transform: scale(0.3) translateX(-10vw);
	}
	
	10% {
		transform: translateY(2vh) translateX(10vw) scale(0.4);
	}
	
	20% {
		transform: translateY(0vh) translateX(30vw) scale(0.5);
	}
	
	30% {
		transform: translateY(4vh) translateX(50vw) scale(0.6);
	}
	
	40% {
		transform: translateY(2vh) translateX(70vw) scale(0.6);
	}
	
	50% {
		transform: translateY(0vh) translateX(90vw) scale(0.6);
	}
	
	60% {
		transform: translateY(0vh) translateX(110vw) scale(0.6);
	}
	
	100% {
		transform: translateY(0vh) translateX(110vw) scale(0.6);
	}
	
}

@keyframes fly-right-two {
	
	0% {
		transform: translateY(-2vh) translateX(-10vw) scale(0.5);
	}
	
	10% {
		transform: translateY(0vh) translateX(10vw) scale(0.4);
	}
	
	20% {
		transform: translateY(-4vh) translateX(30vw) scale(0.6);
	}
	
	30% {
		transform: translateY(1vh) translateX(50vw) scale(0.45);
	}
	
	40% {
		transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
	}
	
	50% {
		transform: translateY(0vh) translateX(90vw) scale(0.45);
	}
	
	51% {
		transform: translateY(0vh) translateX(110vw) scale(0.45);
	}
	
	100% {
		transform: translateY(0vh) translateX(110vw) scale(0.45);
	}
	
}

 @media only screen and (min-width: 1024px) {
    .layout-cover:not(.mobile) #quote  .container{
min-height: 500px;
display: flex;
}

.desktop .content-layout #quote .decorQuote .pergola{
display: none;
}

.desktop .content-layout #quote .decorFlowerQuote{
display: none;
}

}