#welcome{
position: relative;
}

#welcome .flowerGallery{
top: 0;
}

#welcome .coverFlowers img{
position: absolute;
}

#welcome .coverFlowers img: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;
}

#welcome .wrapper .wrap-overlay.top{
    border-radius: 150px;
    padding: 1rem 1rem;
    width: 86% !important;
    margin: 3% 7%;
height: 96% !important;
}

#button-open{
text-transform: capitalize;
border-radius: 5px !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: forum;
}

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

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

.new_premCover-top #date-text{
font-size: 14px!importan;
}

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

.invitation_to{
position: unset!important;
border-top: 0.5px solid grey !important;
}

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

#separator{
position: relative;
background-color: #f1e7db;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/1fo5rpDS2efMkrKWpDSzxK/739e73ffda7a59ddad336638fc841b84/newda.png");
background-size: cover;
}

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


@keyframes upDown {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1.2);
opacity: 1 !important;
  }
  100% {
    transform: scale(1);
opacity: 1 !important;
  }
}
.animated_zoomUp {
animation:zoomUp;
}
@keyframes zoomUp {
  0% {
    transform: scale(.9);
  }
  100% {
    transform: scale(1);
  }
}

#widget .box-separator{
background-color: red;
  width: 100%;
  padding-top: 145%;
  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: 50%;
border: 1px solid #5a574e;
}

.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: 50%;
border: 1px solid #5a574e;
}


 #quote{
position: relative;
padding: 0 0 3rem 0!important;
position: relative;
min-height: 300px;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/1fo5rpDS2efMkrKWpDSzxK/739e73ffda7a59ddad336638fc841b84/newda.png");
background-size: cover;
}

#quote .container{
position: relative;
}

#quote .decorQuote div{
position: absolute;
}

#quote .decorQuote .treeRight, #quote .decorQuote .treeLeft{
width: 100px;
bottom: 40px;
z-index: 4;
}

#quote .decorQuote .treeRight{
left: -19px;
}

#quote .decorQuote .treeLeft{
right: -19px;
}

#quote .decorQuote .pergola {
    position: absolute;
    width: 132% !important;
    top: -550px;
bottom: 100px;
    overflow: hidden;
    left: -16%;
    z-index: 3;
visibility: hidden;
}

#quote .decorQuote div:last-child{
position: absolute;
    left: -12px;
bottom: -5px;
z-index:4;
right: -12px;
}

.quotes {
padding: 1rem 0;
color: #5a574e !important;
font-family: forum;
font-style: inherit !important;
font-size: 14px !important;
    width: calc(100% - 120px);
    margin: 0 auto; 
}

.animation-flower {
animation: quoteOrn1 2.8s ease-in-out 0s infinite alternate !Important;
-webkit-animation: quoteOrn1 2.8s ease-in-out 0s infinite alternate !Important;
	-moz-animation: quoteOrn1 2.8s ease-in-out 0s infinite alternate !Important;
	-o-animation: quoteOrn1 2.8s ease-in-out 0s infinite alternate !Important;
}


#quote .decorFlowerQuote .orn-3{
    position: absolute;
    right: 0px;
    top: -502px;
    width: 70px;
    z-index: 4;
    transform: rotate(-41deg);
visibility: hidden;
}

#quote .decorFlowerQuote .orn-2{
position: absolute;
    right: -50px;
    top: -449px;
width: 167px;
    z-index: 5;
    transform: rotate(10deg);
visibility: hidden;
}

#quote .decorFlowerQuote img, #quote .decorFlowerQuote .orn-1 {
position: absolute
}


 #quote .decorFlowerQuote .orn-1 img:last-child{
    width: 180px;
visibility: hidden;
}

 #quote .decorFlowerQuote .orn-1{
    left: -99px;
    top: -505px;
    width: 180px;
    z-index: 5;
}

 #quote  .decorFlowerQuote .orn-1 img:first-child{
    position: absolute;
    width: 182px;
    height: 150px;
    left: -21px;
top: 114px;
animation: quoteOrnDown 3s ease-in-out 1s infinite alternate !important;
-webkit-animation: quoteOrnDown 3s ease-in-out 1s infinite alternate !important;
	-moz-animation: quoteOrnDown 3s ease-in-out 1s infinite alternate !important;
	-o-animation: quoteOrnDown 3s ease-in-out 1s infinite alternate !important;
visibility: hidden;
}

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

@keyframes miniFlowerAnimation {
  from {transform: rotateZ(0deg);}
  to {transform: rotateZ(10deg);}
}

@keyframes quoteOrnDown{
  from {transform: scaleY(-1) rotate(-36deg);}
  to {transform: scaleY(-1) rotate(-26deg);}
}


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

#coupleProfile{
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/1fo5rpDS2efMkrKWpDSzxK/739e73ffda7a59ddad336638fc841b84/newda.png");
background-size: cover;
padding: 2rem 0!important;
}

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

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

#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);
}

.animation-couple-flower{
animation: quoteOrn2 2.7s ease-in-out 1s infinite alternate !important;
-webkit-animation: quoteOrn2 2.7s  ease-in-out 1s infinite alternate !important;
	-moz-animation: quoteOrn2 2.7s  ease-in-out 1s infinite alternate !important;
	-o-animation: quoteOrn2 2.7s  ease-in-out 1s infinite alternate !important;
}
.animation-tree-left{
animation: quoteOrn2 2.8s ease-in-out infinite alternate !important;
-webkit-animation: quoteOrn2 2.8s ease-in-out 3s infinite alternate !important;
	-moz-animation: quoteOrn2 2.8s ease-in-out 3s infinite alternate !important;
	-o-animation: quoteOrn2 2.8s ease-in-out 3s infinite alternate !important;
}
.animation-tree-right{
animation: movingTree 2.5s ease-in-out infinite alternate !important;
-webkit-animation: movingTree 2.5s ease-in-out infinite alternate !important;
	-moz-animation: movingTree 2.5s ease-in-out infinite alternate !important;
	-o-animation: movingTree 2.5s ease-in-out infinite alternate !important;
}
 #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: 135% !important;
position: relative;
padding: 3px;
margin: auto;
}

#coupleProfile.minimalis .imgWrapper::after{
content: " ";
position: absolute;
    top: -12px;
    bottom: 0;
    left: -2px;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/5Ily54n0Su2Si3XxdMe97L/3af23db6380c130c1462b1ce06e1fb94/IMG_0307.PNG");
background-size: cover;
z-index: 2;
    background-position: center;
width:103%;
}

#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 img {
-webkit-mask-image: url("https://images.ctfassets.net/q40z6pfqje6o/66YWMGTE3RWdAkd0CMfjnX/0a331daa51bdda4c5bed47c331ad60dc/Vintage_Boutique_Logo_-_Girl_Business_Logo_-_Feminine_Business_Logo_-_Editable_Business_Logo_-_Premade_Logo_Design_-_Timeles.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: #5a574e;
font-size: 12px !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 {
border-top: 0.5px solid #5a574e;
border-bottom: 0.5px solid #5a574e;
padding: 10px 0 !important;
}

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

#coupleProfile .grid-profile .profil-info .instagram-profil b{
color: #505f3a;
}
#coupleProfile .grid-profile .profil-info h5 b{
font-family: lucian;
color: #505f3a;
font-size: 18px;
}

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

#story{
background-color: #f1e7db;
padding: 1rem 0 8rem 0;
min-height: 400px;
position: relative;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/1fo5rpDS2efMkrKWpDSzxK/739e73ffda7a59ddad336638fc841b84/newda.png");
background-size: cover;
}

#story::after{
position: absolute;
content: "";
width: 100%;
left: 0;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/VkPLZKetk4QV65CIrOL0C/3eaad085becc1552f7125d11ea83774a/kj.png");
    bottom: -10px;
    height: 100%;
    background-size: contain;
    background-position: bottom;
    background-repeat: repeat-x;
}

#story .treeStory img{
position: absolute;
}

#story .treeStory img:first-child{
width: 90px;
bottom: 0;
    left: -33px;
}

#story .treeStory img:last-child{
width: 68px;
bottom: 0;
right: -15px;
}

.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: lucian !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: #f1e7db;
}

#rsvp::after{
content: "";
width: 134px;
    height: 134px;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/7hOQv8XGWzaHwRuhRM0oaM/0fcdcf7123468f5b30457d03a13afd4a/IMG_0371_2.png");
background-size: cover;
position: absolute;
    left: 50%;
    bottom: -107px;
    transform: translateX(-91%);
}

#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: #5a574e !important;
}

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

#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: forum;
}

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


#galleries {
padding-top: 1rem ;
padding-bottom: 225px !important;
position: relative;
}
#galleries h1{
text-transform: capitalize;
}

#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;
}

.flowerGallery img{
    position: absolute;
max-width: 230px;
animation: moveclouds calc(7s * var(--i)) linear infinite;
	-webkit-animation: moveclouds calc(7s * var(--i)) linear infinite;
	-moz-animation: moveclouds calc(7s * var(--i)) linear infinite;
	-o-animation: moveclouds calc(7s * var(--i)) linear infinite;
z-index: 2;
}

@-webkit-keyframes moveclouds {
	0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}

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

#galleries .quoteGalleries .container p{
color: #5a574e;
font-size: 16px;
padding: 0 !important;
}

.video{
padding: 1rem 2rem;
}

#galleries .quoteGalleries h1{
color: #505f3a;
padding-bottom: 0 !important;
max-width: 270px;
margin: 3rem auto 0 auto;
padding: 0 1rem;
font-family: forum;
}

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

.quoteGalleries  .ornGallery img:first-child{
left: -100px;
}

.quoteGalleries .ornGallery img:last-child{
right: -85px;
transform: scaleX(-1);

}
#countdown{
background-color: #5a574e;
padding: 0rem 0 2rem 0 !important;
position: relative;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/7qTN4I8xsge8mE3dgxHDqd/fbb136709d133b47a1036ad4ade2f5b1/IMG_0360.JPG");
background-size: cover;
background-position: center;
min-height: 400px;
}

#countdown.going_on{
display: block !important;
}

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

#countdown .ornCountdown img{
    position: absolute;
}

#countdown .ornCountdown img:first-child{
    width: 113px;
    transform: rotate(30deg);
right: -32px;
    top: 160px;
z-index: 5;
}

#countdown .ornCountdown img:nth-child(2){
top: 89px;
    right: -25px;
    z-index: 2;
    width: 124px;
}
#countdown .ornCountdown img:nth-child(3){
    top: 175px;
    left: -46px;
    width: 142px;
z-index: 5;
}

#countdown ul {
margin-top: 126px;
}

#countdown ul li span b, #countdown li#days span{
font-size: 20px !important;
font-weight: 500;
font-family: forum;
line-height: 1;
color: #f1e7db;
}

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

#countdown li {
padding: 10px !important;
background-color: #505f3a;
border-radius: 5px;
width: 50px;
line-height: 1;
}

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

#countdown ul li b{
font-family: forum;
text-transform: capitalize;
font-size: 12px;
font-weight: 500;
line-height: 1;
color: #f1e7db;
}

#countdown .tgl-acara{
color: #f1e7db;
font-size: 18px;
    margin-bottom: 1rem;
}


#countdown h1{
position: relative;
top: 200px;
font-size: 30px;
margin: auto;
width: 70%;
 text-wrap: wrap;
font-family: forum;
}

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

.card-photo .card-photo-text .card-photo-text-container .wish-from{
font-family: lucian;
font-size: 30px;
color: #505f3a;
}

#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: 3.5rem;
    width: 359px;
margin: auto;
height: 567px;
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: #505f3a;
color: #f1e7db;
border-color: #f1e7db;
padding: 7px 15px;
font-size: 12px;
border-color: #f1e7db;
border-radius: 5px !important;
}

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

.wrapBtn{
 background-color: #505f3a52;
    padding: 1rem;
width: 222px !important;
margin: 0 auto;
}

#countdown{
padding: 5rem 0;
}

.rundown{
background-color: #5a574e;
position: relative;
    border-bottom-right-radius: 85px;
    border-bottom-left-radius: 85px;
}

#list-rundown{
background-color: #f1e7db;
padding: 3rem 2rem 6rem 2rem;
position: relative;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/1fo5rpDS2efMkrKWpDSzxK/739e73ffda7a59ddad336638fc841b84/newda.png");
background-size: contain;
}

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

#list-rundown .row{;
position: relative;
juastify-content: center !important;
}

.end-rundown {
float:left;
position:relative;
background-color: #f1e7db;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/1fo5rpDS2efMkrKWpDSzxK/739e73ffda7a59ddad336638fc841b84/newda.png");
background-size: contain;
padding: 3rem 2.5rem;
}

.end-rundown::before, .end-rundown::after{
content: " ";
position: absolute;
width:100%;
height: 65px;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/2Ojk5dY6yoiueFXErW5Ru8/9bbf3f7bc75dbd16cb2246b3dfc7f8df/dasd.png");
background-size: contain;
}

.end-rundown::before{
top: -13px;
right: 0;
}

.end-rundown::after{
bottom: -13px;
left: 0;
}

#adressWrapper .adress{
border-radius: 1rem;
padding-bottom: 1rem;
}

#adressWrapper::before{
content: "Maps";
font-size: 34px;
font-family: lucian;
text-align: left;
display: block;
margin-left: 15px;
margin-right: 15px;
color: #505f3a;
border-bottom: 1px solid #505f3a;
margin-bottom: 1rem;
}

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

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

.rsvpFlower{
z-index: -1;
    width: 85%;
    position: absolute;
    right: 36px;
    top: -11rem;
}

#rsvp .will-join{
color: #f1e7db;
border-bottom: 1px solid #f1e7db !important;
}

#rsvp .btn{
background-color: #f1e7db;
border-color: #505f3a;
border-radius: 5px;
font-size: 14px;
letter-spacing: 1px;
color: #5a574e;
}

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

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

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

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

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

#bottom-rundown p {
color: #5a574e;
}

#also_inviting li {
font-family: forum;
color: #5a574e;
}

.dcrBottom, .dcrBottom2{
position: absolute;
}

.animation__dcrRundown{
animation-name: slideUpRdn;
}

.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: transparent !important;
}
#live{
background-color: transparent;
}

#live .container p, #instagram-filter p, #pay .cover p{
text-align: left !important;
}

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

#wraping-bottom{
position: relative;
width: 100%;
float: left;
padding: 3rem 0;
background-color: #f1e7db;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/1fo5rpDS2efMkrKWpDSzxK/739e73ffda7a59ddad336638fc841b84/newda.png");
background-size: contain;
background-position: bottom;
}

#wraping-bottom .treeGallery2{
position: absolute;
    bottom: 10px;
    right: -175px;
    transform: rotate(26deg) scaleX(-1);
    width: 300px;
}

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

#wraping-bottom .ornWrapBottom{
position: absolute;
    width: 182px;
    right: -44px;
    top: -50px;
}

#live .container h1, #instagram-filter h1, #pay .cover h1{
margin-bottom: 1rem;
font-size: 34px;
font-family: lucian !important;
text-align: left !important;
border-bottom: 1px solid #505f3a;
padding-bottom: 1rem;
}

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

.btn-lokasi.rounded-pill{
border-radius: 5px !important;
}

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

#pay, .filterIgWrap{
float: left;
}


.filterIgWrap{
width: 100%;
}


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

#instagram-filter .btn{
background-color: #505f3a;
border-color: #505f3a;
border-radius: 50px;
color: #f1e7db;
}

#wishes{
padding: 3rem 0 5rem 0;
position: relative;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/2VqapDw3Ru66Tm5aD80BS0/6190032839a92d9e75c672681022051f/mitos__1I400___1600_px___1080___1900_px___31___1_.png");
background-size: cover;
overflow: hidden;
border-bottom: 2px solid #505f3a;
}

#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: #f1e7db5e !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: lucian;
color: #505f3a;
border-right: 1px solid #505f3a;
border-radius: 0;
}
#wishes .message-wish{
background-color: transparent !Important;
box-shadow: none;
}
#wishes .message-wish p b{
color: #5a574e !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: #505f3a !important;
color: #c3c6bc !important;
}

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

.wishes .btn{
color: #505f3a!important;
background-color: #f1e7db !important;
}

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

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

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

#footer{
background-color: #c3c6bc;
padding: 5rem 1rem !important;
}

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

.wishesOrnament img{
position: absolute;
}

.wishesOrnament img:first-child{
bottom: 0;
    z-index: 2;
    width:62px;
    right: 45px;
animation: miniFlowerAnimation 2.9s ease-in-out 0s infinite alternate !Important;
-webkit-animation: miniFlowerAnimation 2.9s ease-in-out 0s infinite alternate !Important;
	-moz-animation: miniFlowerAnimation 2.9s ease-in-out 0s infinite alternate !Important;
	-o-animation: miniFlowerAnimation 2.9s ease-in-out 0s infinite alternate !Important;
}

.wishesOrnament img:nth-child(2){
bottom: -8px;
    left: 26%;
    width: 69px;
z-index: 3;
animation: miniFlowerAnimation 2.5s ease-in-out 0s infinite alternate !Important;
-webkit-animation: miniFlowerAnimation 2.5s ease-in-out 0s infinite alternate !Important;
	-moz-animation: miniFlowerAnimation 2.5s ease-in-out 0s infinite alternate !Important;
	-o-animation: miniFlowerAnimation 2.5s ease-in-out 0s infinite alternate !Important;
}
.wishesOrnament img:nth-child(3){
bottom: 49px;
    left: 44%;
    width: 69px;
z-index: 3;
animation: miniFlowerAnimation 2s ease-in-out 0s infinite alternate !Important;
-webkit-animation: miniFlowerAnimation 2s ease-in-out 0s infinite alternate !Important;
	-moz-animation: miniFlowerAnimation 2s ease-in-out 0s infinite alternate !Important;
	-o-animation: miniFlowerAnimation 2s ease-in-out 0s infinite alternate !Important;
}
.wishesOrnament img:nth-child(4){
    bottom: 63px;
    left: 38px;
    width: 63px;
z-index: 3;
animation: miniFlowerAnimation 2.7s ease-in-out 0s infinite alternate !Important;
-webkit-animation: miniFlowerAnimation 2.7s ease-in-out 0s infinite alternate !Important;
	-moz-animation: miniFlowerAnimation 2.7s ease-in-out 0s infinite alternate !Important;
	-o-animation: miniFlowerAnimation 2.7s ease-in-out 0s infinite alternate !Important;
}
.wishesOrnament img:nth-child(5){
    bottom: 19px;
    left: 52%;
    width: 64px;
    z-index: 3;
}
.wishesOrnament img:last-child{
bottom: -14px;
    left: 0px;
    width: 77px;
    z-index: 4;
animation: miniFlowerAnimation 2.3s ease-in-out 0s infinite alternate !Important;
-webkit-animation: miniFlowerAnimation 2.3s ease-in-out 0s infinite alternate !Important;
	-moz-animation: miniFlowerAnimation 2.3s ease-in-out 0s infinite alternate !Important;
	-o-animation: miniFlowerAnimation 2.3s ease-in-out 0s infinite alternate !Important;
}


.item-rundown {
position: relative;
z-index: 0;
-webkit-mask-image: url("https://images.ctfassets.net/q40z6pfqje6o/sRjHANvKsWXWA9R1eE2hD/6dd52e00ee4ad84599a0f8b837bf14b3/mask.png");
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
width: 314px !important;
height: 493px;
    display: flex;
    flex-direction: column;
    justify-content: center;
background-color: #c3c6bc;
margin: 0px auto !important;
padding: 0 20px;
}

.wrapItemRundown{
width: 333px;
position: relative;
margin: 3rem 0;
}

.item-rundown::after{
position: absolute;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/1tXD1Sfms54FOmsMrkB7sJ/096627cf147fd4a63bd3b6855ae17d00/sadsa.png"); 
content: "";
    width: 314px !important;
    height: 510px;
    left: 0;
    top: -9px;
    z-index: 3;
    background-size: 100% 97%;
    background-position: center;
}

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


.item-rundown h1{
border-bottom: 1px solid #5a574e;
    width: fit-content;
    margin: 0rem auto 2rem auto;
    line-height: 2;
font-size: 34px;
font-family: forum;
}

.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: lucian;
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;
}


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

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



@-webkit-keyframes slideInRightCustom {
  0% {
        left: 100px;
        visibility: visible;
    }

    to {
left: -3px;
    }
}

@keyframes slideInRightCustom {
  0% {
        left: 100px;
        visibility: visible;
    }

    to {
left: -3px;
    }
}

.animate__slideInRightCustom {
    -webkit-animation-name: slideInRightCustom;
    animation-name: slideInRightCustom;
}

@-webkit-keyframes slideInRightOrnQuote {
  0% {
        right: -100px;
        visibility: visible;
    }

    to {
right: -50px;
    }
}

@keyframes slideInRightOrnQuote {
  0% {
        right: -100px;
        visibility: visible;
    }

    to {
right: -50px;
    }
}

.animate__slideInRightOrnQuote {
    -webkit-animation-name: slideInRightOrnQuote;
    animation-name: slideInRightOrnQuote;
}

@-webkit-keyframes bluFlower {
  0% {
        right: -50px;
        visibility: hidden;
opacity:0;
    }

    100% {
right: -0px;
opacity:1;
 visibility: visible;
    }
}

@keyframes bluFlower {
  0% {
        right: -50px;
        visibility: hidden;
opacity:0;
    }

    to {
right: -0px;
opacity:1;
 visibility: visible;
    }
}

.animate__bluFlower {
    -webkit-animation-name: bluFlower;
    animation-name: bluFlower;
opacity:0;
}

@-webkit-keyframes bluFlowerMove {
  0% {
        transform: rotate(-41deg);
        visibility: visible;
    }

    to {
   transform: rotate(-50deg);
    }
}

@keyframes bluFlowerMove {
  0% {
        transsform: rotate(-41deg);
        visibility: visible;
    }

    to {
   transform: rotate(-50deg);
    }
}
.animation_bluFlowerMove{
    -webkit-animation: bluFlowerMove  2.3s ease-in-out 0s infinite alternate ;
opacity:1;
    animation bluFlowerMove  2.3s ease-in-out 0s infinite alternate ;
}

@-webkit-keyframes slideCountFlower {
  0% {
        right: -82px;
        visibility: visible;
    }

    to {
right: -32px;
    }
}

@keyframes slideCountFlower {
  0% {
        right: -82px;
        visibility: visible;
    }

    to {
right: -32px;
    }
}

.animate__slideCountFlower{
    -webkit-animation-name: slideCountFlower;
    animation-name: slideCountFlower;
}
@-webkit-keyframes slideTree {
  0% {
        right: -120px;
        visibility: visible;
    }

    to {
right: -85px;
    }
}

@keyframes slideTree {
  0% {
        right: -120px;
        visibility: visible;
    }

    to {
right: -85px;
    }
}

.animate__slideTree{
    -webkit-animation-name: slideTree;
    animation-name: slideTree;
}

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

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

 @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;
}

}