#button-open{
   text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    padding: 10px 30px !important;
}

#initial-name #initial-male, #initial-name #initial-female {
font-family: avander;
}
#couple-name #initial-name #initial-male, #couple-name #initial-name #initial-female {
font-size: 85px;
}

#initial-name{
position: relative;
margin-bottom: 1rem;
}

#initial-name span:first-child{
position: absolute;
}
#couple-name #initial-name span:first-child{
left: 45%;
transform: translate(-50%, -15px);
}

#couple-name #initial-name span:last-child{
margin-left: 10px;
}

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

.invitation_to .dear{
font-size: 24px !important;
}

.invitation_to b {
margin: 5px 0 5px;
}

.invitation_to .location {
font-size: 16px;
}
#welcome .wrapper .text-wrapper .couple-name{
text-align: center;
}


#separator{
background-color: #b2b3b4;
}

#widget{
    width: 70%;
    margin: 30% auto;
position: relative;
}

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

.mobile #widget .separator-img, .style-mobile #widget .separator-img, .image-separator-background.mobile .item{
 position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
    border-top-left-radius: 150px;
    border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
    border-bottom-right-radius: 150px;
width: 100%;
height: 100%;
border: 3px solid #dfd8d0;
}

#separator #widget .decorquote2, #separator #widget .decorquote1 {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

#separator #widget .decorquote2 {
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/ootY57Lu4TgYZNfSkRgu7/7417c7d8640d87b3f14e8237039c7b47/_Group___28_.png");
bottom: -23px;
transform: rotate(90deg);
left: -79px;
animation: rightLeft 5s ease-in-out 0s infinite alternate;
width: 150px;
    height: 150px;
}

#separator #widget .decorquote1{
width: 110px;
    height: 244px;
top: -33px;
right: 0;
animation: leftRight 5s ease-in-out -3s infinite alternate;
  background-image: url("https://images.ctfassets.net/q40z6pfqje6o/5nELJ8etcmiJ9ubNO4Z6zi/5a5a5b4da0ff794a3667b502c8253870/_Group___29_.png");
transform: rotate(211deg);
}

@keyframes leftRight {
  from {transform: rotate(211deg);}
  to {transform: rotate(221deg);}
}

@keyframes rightLeft {
  from {transform: rotate(90deg);}
  to {transform: rotate(70deg);}
}


 #quote{
background-color: #dfd8d0;
padding: 4rem 0 !important;
position: relative;
min-height: 300px;
}
.quotes {
width: 95%;
color: #6f6f6f !important;
font-family: forum;
font-style: inherit !important;
text-align: left !important;
font-size: 16px !important;
}

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

#quote #initial-name span:last-child{
position: absolute;
top: 15px;
}

#quote #initial-name span:first-child{
left: -20px;
}

#quote #initial-name{
line-height: 1.7 !important;
margin: 0 3rem ;
min-height: 153px;
}

#quote #initial-name span:last-child{
margin-left: 0px;
}

#quote #initial-name span{
font-size: 100px;
color: #6f6f6f;
}

#quote::before{
content: "";
display: block;
    width: 342px;
    height: 277px;
background-image: url("https://images.ctfassets.net/q40z6pfqje6o/ootY57Lu4TgYZNfSkRgu7/7417c7d8640d87b3f14e8237039c7b47/_Group___28_.png");
background-size: contain;
background-repeat: no-repeat;
position: absolute;
transform: rotate(90deg);
right: -95px;
filter: opacity(0.6);
}

.divider-top svg {
fill : #dfd8d0;
position: absolute;
top: -80px;
}
.divider-bottom {
position: absolute;
bottom: -70px;
width: 100%;
left: 0;
}

.divider-bottom svg {
fill: #dfd8d0;
}

#coupleProfile{
padding: 6rem 0;
}

#coupleProfile .grid-profile{
grid-template-columns: 1fr !Important;
}

#coupleProfile.minimalis .imgWrapper{
width: 80% !important;
padding-top: 125% !important;
}

#coupleProfile .grid-profile.female{
margin-bottom: 6rem;
margin-top: 3rem;
}


#coupleProfile.minimalis .female .imgWrapper img {
border-top-right-radius: 150px;
}

#coupleProfile.minimalis .male .imgWrapper img {
border-top-left-radius: 150px;
}

#coupleProfile .grid-profile .profil-info{
padding: 1rem !important;
    z-index: 2;
    background: #ffffffc7;
    width: 80%;
    position: absolute;
    bottom: 0;
border-top-right-radius: 50px;
}

#coupleProfile .grid-profile.male .profil-info{
border-top-left-radius: 50px;
border-top-right-radius: 0px;
right: 0;
}

#coupleProfile .grid-profile .profil-info p {
color: #6f6f6f;
text-align: left;
font-size: 12px !important;
}

#coupleProfile .grid-profile .profil-info .instagram-profil b{
color: #b2b3b4;
}
#coupleProfile .grid-profile .profil-info h5 b{
font-family: avander;
color: #6f6f6f;
font-size: 18px;
}

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

#coupleProfile .grid-profile.male .profil-info h5, #coupleProfile .grid-profile.male .profil-info p {
text-align: right;
}

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

#coupleProfile.minimalis .male .imgWrapper{
float: right;
}

#story{
padding: 4rem 0 5rem 0;
}

#story h1{
color: #6f6f6f;
}

#coupleProfile h1, #story h1 {
font-size: 24px;
}

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

.box-female{
margin-bottom: 0;
}
.female .text-center, .male .text-center{
border-top: 1px solid #dfd8d0;
border-bottom: 1px solid #dfd8d0;
width: 90%;
margin: 0 5%;
padding: 1rem 0;
}

#coupleProfile p{
margin: 0;
}

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

#story .container{
    width: 84%;
    margin: 0 8%;
   background-image: url("https://images.ctfassets.net/q40z6pfqje6o/4OFlczUpZqhdCSQcPFZY4I/b8b5766c922ee28935c4379c84e9354a/mitos__33_.png");
background-position: bottom;
background-size: cover;
    padding: 4rem 1rem;
    border-top-left-radius: 160px;
    border-top-right-radius: 160px;
}
#story .item .years b{
color: #6f6f6f;
}

#galleries {
background: #dfd8d0;
}
#galleries h1{
text-transform: capitalize;
}
#galleries h1 , #galleries p{
color: #6f6f6f;
}

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

#galleries .quoteGalleries{
position: relative;
float: left;
padding: 5rem 0;
width: 100% !Important;
}
#galleries .quoteGalleries .quote_icon{
text-align: center;
}

#galleries .quoteGalleries .quote_icon svg {
width: 50px;
height: 50px;
margin-bottom: 1.5rem;
fill: #6f6f6f2e;
}

#galleries .quoteGalleries::after{
content: "";
width: 100%;
height: 300px;
position: absolute;
bottom: -299px;
background: linear-gradient(0deg, transparent 0, transparent 25%, #dfd8d0);
z-index: 2;
}

#countdown ul {
display: flex;
    justify-content: center;
    align-items: center;
}

#countdown li{
display: block !Important;
}

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

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

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

#countdown .tgl-acara{
color: #6f6f6f;
margin-bottom: 2rem;
}

#countdown h1{
font-size: 24px;
}

#countdown .countdown-section{
    padding-top: 1.5rem;
padding-bottom: 3.5rem;
    background-color: #dfd8d0;
    width: 84%;
margin: 0 8%;
    border-bottom-left-radius: 138px;
    border-bottom-right-radius: 138px;
}

.wrapBtn .btn{
background-color: transparent;
color: #6f6f6f;
border-color: #b2b3b4;
padding: 7px 15px;
font-size: 14px;
}

#countdown{
padding: 5rem 0;
}

.rundown{
background-color: #dfd8d0;
padding: 6rem 2rem;
position: relative;
    border-bottom-right-radius: 85px;
    border-bottom-left-radius: 85px;
    margin-bottom: 2rem;
}

#list-rundown{
background-color: #b2b3b4;
padding: 3rem 1rem;
border-radius: 100px;
box-shadow: 0px 1px 8px 2px #6f6f6fba;
position: relative;
}

#adressWrapper .adress{
background-color: #b2b3b4;
border-radius: 1rem;
padding-bottom: 2rem;
}

#maps{
padding: 10px !important;
}

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

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

#rsvp .btn{
background-color: #b2b3b4;
border-color: #b2b3b4;
border-radius: 50px;
font-size: 16px;
letter-spacing: 1px;
}

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

#bottom-rundown p {
color: #6f6f6f;
}

#also_inviting li {
font-family: forum;
color: #6f6f6f;
}

.dcrBottom, .dcrBottom2{
position: absolute;
display: block;
background-size: contain;
background-repeat: no-repeat;
}

.dcrBottom{
  bottom: -61px;
    right: -15px;
background-image: url('https://images.ctfassets.net/q40z6pfqje6o/4ii4yHrf8nvuxYxMAYQaPK/bd728ca07274c80bbdac5dadddfa1e59/_Group___35_.png');
transform: rotate(108deg);
    animation: downUp 5s ease-in-out 0s infinite alternate;
    width: 219px;
    height: 234px;
z-index: 2;
}

.dcrBottom2{
background-image: url('https://images.ctfassets.net/q40z6pfqje6o/GWMOAOQPr5p39mxakIiFx/4f00d97885280d7e69c640ae925913df/_Group___36_.png');
    width: 93px;
    height: 193px;
bottom: 13px;
    right: -44px;
    z-index: 1;
animation: decorRundown 5s ease-in-out 0.5s infinite alternate;
}


@keyframes downUp {
  from {transform: rotate(108deg);}
  to {transform: rotate(100deg);}
}

@keyframes decorRundown {
  from {transform: rotate(-20deg);}
  to {transform: rotate(-10deg);}
}

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

#live .container, #instagram-filter, #pay .cover{
width: 84%;
margin: auto 8%;
background-image: url('https://images.ctfassets.net/q40z6pfqje6o/4OFlczUpZqhdCSQcPFZY4I/b8b5766c922ee28935c4379c84e9354a/mitos__33_.png');
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
padding: 2rem;
border-radius: 15px;
box-shadow: 0px 1px 8px 2px #6f6f6fba;
}

#live .container h1, #live .container p, #instagram-filter h1, #instagram-filter p, #pay .cover h1, #pay .cover p {
color: #6f6f6f !important;
}
#live, #section-bottom .filterIgWrap, #pay{
padding: 3rem 0;
background-color: #b2b3b4;
}
#pay {
width:100%;
}

#live .container h1, #instagram-filter h1, #pay .cover h1{
font-size: 2rem;
margin-bottom: 2rem;
}

#pay, #section-bottom .filterIgWrap{
float: left;
}


.filterIgWrap{
width: 100%;
}

#live .container h1, #instagram-filter h1, #pay .cover h1, #wishes h1, #galleries h1{
font-size: 24px !important;
}

#instagram-filter .btn{
background-color: #edeae7;
border-color: #edeae7;
border-radius: 50px;
color: #b2b3b4;
}

#wishes{
background-color: #dfd8d0;
padding: 3rem 0;
position: relative;
}

#wishes .cover{
width: 84%;
margin: 0 8%;
background-color: #edeae780;
padding: 4rem 1rem;
border-top-left-radius: 150px;
border-top-right-radius: 150px;
border: 3px double #b2b3b4;
}

#wishes .cover h1, #wishes .cover p{
color: #6f6f6f !important;
}

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

.wish_noimage_wrap{
margin: 0 !important;
}
#wishes .cover .cover{
border: 0 !important;
background-color: transparent !Important;
width: 100% !important;
margin: 0 !important;
}
#wishes::before{
content: "";
width: 100%;
display: block;
position: absolute;
background-image: url('https://images.ctfassets.net/q40z6pfqje6o/1W23yAegOeNZ80KzDK3cZO/544ad61bc66b6f3ec3b43926516dbc28/Proyek_Baru__5_.png');
height: 180px;
top:0;
background-size: cover;
background-position-x: center;
background-position-y: top;
}
#wishes .avatar-item{
background-color: transparent !important;
font-family: avander;
color: #6f6f6f;
border-right: 1px solid #b2b3b4;
border-radius: 0;
}
#wishes .message-wish{
background-color: transparent !Important;
box-shadow: none;
}
#wishes .message-wish p b{
color: #6f6f6f !Important;
text-transform: uppercase;
}

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

.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: #edeae7 !important;
color: #6f6f6f !important;
}

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

.wishes .btn{
color: #edeae7!important;
background-color: #b2b3b4 !important;
}

.wishes{
padding-left: 10px !important;
padding-right: 10px !important;
}

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

#footer{
padding: 5rem 1rem !important;
}

#wishes h1 {
font-size: 2rem;
text-transform: capitalize;
}

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

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

.dcrSide{
    width: 183px;
    height: 193px;
position: absolute;
background-image: url('https://images.ctfassets.net/q40z6pfqje6o/4kzvffnzMrhrMtJ3uR1Ulm/5bf9ad2cd7d870975e3cdd58fe8a722a/mitos__1_.png');
background-size: cover;
top: 0;
left: -2rem;
}

.dcrSide::after{
content: "";
width: 66px;
height: 149px;
    position: absolute;
    background-image: url('https://images.ctfassets.net/q40z6pfqje6o/GWMOAOQPr5p39mxakIiFx/4f00d97885280d7e69c640ae925913df/_Group___36_.png');
    background-size: cover;
    bottom: -72px;
    left: -32px;
transform: rotate(135deg);
animation: listRdw 5s ease-in-out -3s infinite alternate;
}

@keyframes listRdw {
  from {transform: rotate(125deg);}
  to {transform: rotate(140deg);}
}