#welcome {
background-image:url(https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_bg_cover.png) !important;
background-size:100% !important;
background-position:0% 0%;
}

.overlay-cover-top {
     height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.overlay-cover-bottom {
    height: 70%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}


.bottom_style.invitation_to {
bottom:120px !important;
}

.bottom_style#button-open {
bottom:90px !important;
}

.new_premCover-top {
padding-top:4rem !important;
}

#welcome .wrapper {
width:105% !important;
left:-2.5%;
* The mask image defines the shape/transparency */
  mask-image: url('https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize__5_.png');
  /* For broader compatibility with older browsers */
  -webkit-mask-image: url('https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize__5_.png');
mask-size:100% 100%;
mask-repeat:no-repeat;
}

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


@keyframes animcenter {
  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 animright {
  0% {
    transform: translate(0%,0%) rotate(0deg);
  }
  50% {
    transform: translate(0%,0%) rotate(-6deg);
  }
  100% {
    transform: translate(0%,0%) rotate(0deg);
  }
}

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

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

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

.thank-you {
width:100%;
float:left;
color:#ffffff;
text-align:center;
margin-top:4rem;
}

.thank-you .calling-name {
font-size:2.5rem;
line-height:1;
}

.decor-tx {
position:relative;
width:100%;
height:25rem;
overflow:hidden;
margin-top:-5rem;
}

.decor-tx .branch-flower-left {
width:50%;
left:-25%;
}

.decor-tx .branch-flower-right {
width:50%;
right:-25%;
}

.decor-tx .wayang-m {
width:40%;
right:-10%;
bottom:-13%;
z-index:3;
}

.decor-tx .wayang-f {
width:40%;
left:-10%;
bottom:-15%;
z-index:3;
}

.decor-tx .blue-flower-left {
width:25%;
left:-10%;
bottom:-15%;
z-index:4;
}

.decor-tx .blue-flower-right {
width:25%;
right:-10%;
bottom:-15%;
z-index:4;
}

.decor-tx .rose-right {
width:22%;
left:17%;
bottom:30%;
z-index:2;
}

.decor-tx .rose-left {
width:22%;
right:17%;
bottom:30%;
z-index:2;
}

.decor-tx .leaves-large-left {
width:40%;
left:0%;
bottom:-15%;
z-index:3;
}

.decor-tx .leaves-large-right {
width:40%;
right:0%;
bottom:-15%;
z-index:3;
}

.decor-tx .wayang-gunung {
width:100%;
text-align:center;
bottom:-33%;
}

.decor-tx .wayang-gunung img {
width:70%;
}

.decor-tx > div {
position:absolute;
}

.decor-tx .blue-flower-right img , .decor-tx .leaves-large-right img, .decor-tx .branch-flower-right img, .decor-tx .rose-right img   {
transform:scaleX(-1);
}

.thank-you .calling-name {
font-family:the_seasons;
}

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

.extra-wrapper .pay-stick {
text-align:center;
padding:2rem;
margin-bottom:2rem;
}

#live h1 {
margin-bottom:1rem;
}

.message-wish .arrow-left {
border-right:7px solid #ffffff !important;
}

.message-wish {
background:#ffffff !important;
box-shadow:none !important;
}

.message-wish p {
color:#302218 !important;
}

.extra-wrapper {
background-image:url(https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize.png);
background-size:100% 100%;
background-repeat:no-repeat;
float:left;
width:100%;
padding:4rem 2rem;
margin-top:-5rem;
position:relative;
margin-bottom:7rem;
}

.extra-wrapper .btn {
border-radius:0 !important;
}

#rsvp .btn {
background:#ffffff !important;
color:#302218 !important;
border:0 !important;
}

.extra-wrapper .batik-corak {
position:absolute;
bottom:-8rem;
width:100%;
left:0;
}

.decor-bottom-rsvp {
display:block;
width:100%;
float:left;
position:relative;
height:15rem;
margin-top:10rem;
}

.decor-bottom-rsvp  .leaves-large {
width:55%;
left:-5%;
}

.decor-bottom-rsvp  .bangao {
width:60%;
right:-22%;
z-index:4;
top:-55%;
}

.decor-bottom-rsvp  .branch-flower {
width:70%;
right:-35%;
}

.decor-bottom-rsvp  .branch-flower img {
transform:scaleX(-1) rotate(45deg);
}

.decor-bottom-rsvp  .wayang-gunung {
width:55%;
top:-60%;
left:-20%;
}

.decor-bottom-rsvp  .rose {
width:40%;
z-index:2;
left:-18%;
top:30%;
}

.decor-bottom-rsvp  .rose img {
transform:rotate(30deg)
}

.decor-bottom-rsvp > div {
position:absolute;
}

.rsvp-wrapper {
position:relative;
width:100%;
float:left;
padding-top:25rem;
}

.rsvp-wrapper  .bg-batik {
position:absolute;
top:20rem;
}

#also_inviting li {
margin-bottom:0 !important;
}

.also_invite {
text-transform:uppercase;
}

#rsvp {
/* The mask image defines the shape/transparency */
  mask-image: url('https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize__5_.png');
  /* For broader compatibility with older browsers */
  -webkit-mask-image: url('https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize__5_.png');
mask-size:100% 100%;
mask-repeat:no-repeat;
padding-top:20rem !important;
padding-left:2rem !important;
padding-right:2rem !important;
z-index:2 !important;
}

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

#rsvp .text-center {
background:#302218;
padding-bottom:5rem;
padding-top:2rem;
margin-bottom:-3rem;
position:relative;
z-index:3;
}
#rsvp .text-center:before {
content:"RSVP";
display:block;
text-align:center;
font-family:the_seasons;
color:#ffffff;
font-size:4rem;
font-weight:bold;
margin-bottom:1.5rem;
}

.decor-rsvp .wayang-gunung {
width:100%;
text-align:center;
}

.decor-rsvp .wayang-gunung img {
width:55%;
}

.decor-rsvp .leaves-large-left {
width:60%;
left:-27%;
}

.decor-rsvp .flower-red-left {
width:60%;
left:-12%;
top:7rem;
}

.decor-rsvp .flower-red-right {
width:60%;
right:-12%;
top:7rem;
}


.decor-rsvp .leaves-large-right {
width:60%;
right:-27%;
}

.decor-rsvp .leaves-large-right img, .decor-rsvp .flower-red-right img {
transform:scaleX(-1);
}

.decor-rsvp {
position:absolute;
width:100%;
left:0;
top:0;
z-index:3;
}

.decor-rsvp > div {
position:absolute;
}

.countdown-section {
background-image: url(https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize__6_.png);
background-size:90% 100%;
background-position:center;
background-repeat:no-repeat;
position:relative;
z-index:5;
padding:2rem;
padding-top:3rem;
}

.countdown-section ul li span, .countdown-section ul li, .countdown-section h1 , .countdown-section p, .countdown-section .btn.btn-outline-primary {
color:#302218 !important;
}

.countdown-section ul li span b {
font-family: the_seasons;
font-size:1.5rem !important;
}
 .countdown-section p {
line-height:1.5;
}

 .countdown-section .btn.btn-outline-primary {
border-color:#302218 !important;
}

#countdown ul {
margin-top:.8rem;
}

#countdown ul li {
//transform:scale(.7) !important;
font-size:.9rem !important;
}

#countdown li {
padding:.5em !important;
}

#countdown li#days span {
font-size:.9rem !important;
}

#countdown li#days {
font-size:.9rem !important;
display:inline-block !important;
}

#countdown li#days  {
padding-bottom:0;
}

.countdown-section h1 {
margin-bottom:0 !important;
}

#countdown .wrapBtn, #maps  {
display:none;
}
.female .box-female, .male .box {
display:none;
}

.decor-countdown .red-bigtree {
width:80%;
left:-29%;
top:-4rem;
}

.decor-countdown .bangao {
width:100%;
right:-8%;
top:-8rem;
z-index:4;
text-align:center;
}

.decor-countdown .bangao img {
width:50%;
}

.decor-countdown .orange-bigtree {
width:65%;
right:-25%;
top:-4rem;
z-index:2;
}

.decor-countdown .orange-bigtree img {
transform:rotate(-20deg);
}

.decor-countdown .house-java {
width:100%;
text-align:center;
}
.decor-countdown .house-java img {
width:85%;
}

.decor-countdown > div {
position:absolute;
}

#countdown {
padding-top:15rem !important;
margin-top:6rem;
}

.decor-countdown {
position:absolute;
width:100%;
top:0;
}

.quoteGalleries  .padding-balance {
margin-bottom:0 !important;
}

.after-gallery .video {
margin-bottom:3rem;
}

.galleriSection #owl-slider .item {
background-color: transparent !important;
}
.galleriSection #owl-slider .item .img-wrap {
 /* The mask image defines the shape/transparency */
  mask-image: url('https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize__5_.png');
  /* For broader compatibility with older browsers */
  -webkit-mask-image: url('https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize__5_.png');
mask-size:100% 100%;
mask-repeat:no-repeat;
}

.galleriSection {
position:relative;
background-color:#302218;
background-image:url(https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize.png);
background-size:100% 100%;
background-repeat:no-repeat;
padding:3rem 2rem;
}
.after-gallery {
float:left;
width:100%;
}
.quoteGalleries {
margin-top:5rem;
}

.instagram-profil {
margin-bottom:0rem !important;
}

#coupleProfile .batik-corak {
position:absolute;
top:86%;
width:100%;
text-align:center;
}

#coupleProfile .batik-corak img {
width:85%;
}

.couple_female_father_full_name, .couple_female_mother_full_name, 
.couple_male_father_full_name, .couple_male_mother_full_name {
display:inline-block;
margin:0 !important;
line-height:.3;
}

.female  > .text-center , .male > .text-center {
background:#302218;
border-radius:15px;
padding:1rem;
margin-bottom:3rem;
}

.female  > .text-center {
padding-left:26%;
text-align:left !important;
position:relative;
}

.female  > .text-center .wayang-f {
position:absolute;
height:120%;
top:-10%;
right:75%;
width:auto;
}

.female  > .text-center .wayang-f img {
height:100%;
max-width:none !important;
}

.male  > .text-center {
padding-right:26%;
text-align:right !important;
position:relative;
}

.male  > .text-center .wayang-m {
position:absolute;
height:120%;
top:-10%;
left:75%;
}

.male  > .text-center .wayang-m img {
height:100%;
max-width:none !important;
}

.female  > .text-center p,  .female  > .text-center h4 {
text-align:left !important;
}

.female  > .text-center h4 b , .male > .text-center h4 b {
font-family:the_seasons;
text-transform:uppercase;

}

.female  > .text-center h4 , .male > .text-center h4 { 
margin-bottom:0 !important;
}

#coupleProfile h1 {
display:none;
}

#coupleProfile {
position:relative;
background-color:#302218;
background-image:url(https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize.png);
background-size:100% 100%;
background-repeat:no-repeat;
padding-top:6rem;
margin-bottom:5rem;
}

.content-layout {
background-color:#302218;
}

.decor-quote > div {
position:absolute;
}

.quotes {
padding-right:35%;
text-align:left !important;
position:relative;
z-index:5;
font-size:13px !important;
}

.decor-quote {
position:relative;
width:100%;
}

.decor-quote .wayang-gunung {
top:-5rem;
width:50%;
right:-25%;
top:-15rem;
}

.decor-quote .flower-red1 {
top:-5rem;
width:40%;
right:-10%;
top:-1rem;
z-index:2;
}

.decor-quote .batik-corak{
top:10rem;
width:70%;
right:-25%;
z-index:2;
}

.decor-quote .batik-corak img {
transform:rotate(-90deg);
}

#quote .text-center img {
display:none;
}



.decor-widget .batik-landscape {
width:80%;
right:-40%;
top:-2rem;
z-index:2;
}

.decor-widget .calling-name {
color:#ffffff;
top:7.5rem;
right:1.5rem;
text-align:right;
font-family:the_seasons;
font-weight:bold;
font-size:2rem;
line-height:1;

}

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

.decor-widget .batik-corak {
width:70%;
z-index:1;
top:-2rem;
}

.decor-widget .bangao {
width:55%;
z-index:5;
left:-20%;
top:2rem;
}
.decor-widget .bangao img {
transform:scaleX(-1);
}

.decor-widget .leaves-small {
width:45%;
z-index:3;
left:-25%;
top:-2rem;
}

.decor-widget .leaves-large {
width:65%;
z-index:2;
left:-15%;
top:-3rem;
}

.decor-widget .leaves-large img {
transform:rotate(51deg);
}

.decor-widget {
position:absolute;
width:100%;
top:0;
z-index:4;
}

.decor-widget > div {
position:absolute;
}

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

#rsvp {
padding: 2rem 1rem;
}

#also_inviting li{
color: #ffffff;
}

#list-rundown{
padding: 2rem 0;
}

.image-separator-background .item, .separator-img {
 /* The mask image defines the shape/transparency */
  mask-image: url('https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize__3_.png');
  /* For broader compatibility with older browsers */
  -webkit-mask-image: url('https://api.owlink.id/uploads/contenful/javanese-dreamy/Javanese_Paperize__3_.png');
mask-size:100% 100%;
background-position:50% 0% !important;
mask-repeat:no-repeat;
height:50vh;
}

.box-separator, .image-separator-background {
height:50vh !important;
}

.image-separator-background {
top:13rem !important;
width:105% !important;
left:-2.5% !important;
}

#widget{
padding:13rem 0rem;
padding-bottom:0;
background-color:#302218 !important;
margin-bottom:-2px;
}