#wrapper{width:100%;margin:0 auto;height:100vh;overflow:hidden}.envelope{width:200px;height:100px;margin:0 auto 0;background:#ddd;box-shadow:0 0 1px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.25);position:relative;perspective:1800px}.guestName{position:absolute;left:50%;transform:translateX(-50%);bottom:13%;z-index:9}.envelope:after{content:'';position:absolute;top:0;left:0;width:0;height:0;border:0 solid rgba(0,0,0,.25);border-width:45px 100px;border-top-color:transparent;z-index:2}.envelope .flap{position:absolute;width:100%;height:0;border:0 solid transparent;border-width:50px 100px;z-index:3}.envelope .flap.front{border-left-color:#eee;border-right-color:#eee;border-bottom-color:#ccc;z-index:3}.envelope .flap.front:after{content:'';width:100%;height:0;position:absolute;left:-100px;bottom:-50px;border:0 solid transparent;border-width:49px 100px;border-bottom-color:#eee}.envelope .flap.top{border-top-width:55px;border-top-color:#aaa;z-index:3;animation-duration:1s;animation-fill-mode:forwards;-webkit-transform-origin-y:top;transform-origin-y:top;perspective:1800px;transform-style:preserve-3d}.envelope.open .flap.top{animation-name:flip}.envelope .flap.top:after{content:'';position:absolute;left:-100px;top:-55px;width:100%;height:0;border:0 solid transparent;border-width:54px 100px;border-top-color:#eee}.envelope .letter{position:absolute;width:194px;height:84px;background:#fff;top:8px;left:3px;border:1px solid #ccc;z-index:1;animation-duration:2s;animation-delay:1.5s;animation-fill-mode:forwards;transform-style:preserve-3d}.envelope.open .letter{animation-name:remove;transform:rotate(-90deg) translate(100px,105px)}.envelope.open .letter.rotate{transition:transform 450ms ease;transform:rotate(0) translate(100px,-150px)}.envelope.open.up{transition:all .5s ease;margin-top:17%}@keyframes flip{100%{transform:rotateX(130deg);z-index:1}}@keyframes remove{50%{top:-390px}100%{top:8px;z-index:3}}@keyframes up{0%{top:0%}100%{top:-12%}}@keyframes fold-down{from{}to{transform:rotateX(-130deg)}}@keyframes rotation{from{}to{-webkit-transform:rotate(180deg)}}.envelope{width:600px;height:400px;margin-top:19%}.envelope .flap{border-width:200px 300px}.envelope .flap.front:after{left:50%;transform:translateX(-50%);bottom:-201px;border-width:200px 301px}.envelope:after{border-width:188px 300px}.envelope .flap.top:after{border-width:200px 300px;top:-205px;left:50%;transform:translateX(-50%)}.envelope .flap.top{border-top-width:205px}.envelope .letter{position:absolute;height:594px;width:384px;background-size:cover;background-repeat:no-repeat}.envelope .letter .content{position:absolute;width:230px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.envelope .letter .content .name{font-family:'Great Vibes',cursive;color:#f14e95;font-size:35px;margin-bottom:20px}.envelope .letter .content .date h3{font-size:20px;margin-bottom:20px}.envelope .letter .content .date p{color:#888;font-size:14px}.scroll-btn{display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:0;text-align:center;height:100px;z-index:9999;width:100px}.mouse{width:100%;text-align:center;font-family:sans-serif;color:#fff}.mouse img{animation:swipe-horizontal 2s infinite}html .invitation-layout-controls{opacity:0}@keyframes swipe-horizontal{0%{transform:translateY(30px)}50%{transform:translateY(30px)}100%{transform:translateY(-30px)}from{opacity:0}to{opacity:1}}@media(max-width:1550px){.envelope{width:500px!important;height:333px;margin-top:26%}.envelope .flap{border-width:166.5px 250px}.envelope .flap.front:after{bottom:-167px;border-width:166.5px 251px}.envelope:after{border-width:148px 250px}.envelope .flap.top:after{border-width:160.5px 250px;top:-166px}.envelope .flap.top{border-top-width:166px}.envelope .letter{height:492px;width:320px}.envelope .letter .content{top:58%}.envelope.open .letter.rotate{transition:transform 450ms ease;transform:rotate(0) translate(88px,-110px)}.envelope.open .letter{animation-name:remove2;transform:rotate(-90deg) translate(85px,87px)}.envelope{margin-top:23.5%}.envelope .letter .content{width:163px}}.envelope .letter{background-position:center;background-size:cover}@media(max-width:770px){html #wrapper .overlay{height:100vh!important}html .envelope .letter .content .name{margin-bottom:10px;line-height:33px!important}html .envelope .letter .content{width:100%;max-width:140px;height:120px}html .envelope .letter .content .date h3{font-size:13px;margin-bottom:10px}html .envelope .letter .content .date p{font-size:10px;margin-bottom:0}.wrapper .overlay{height:100vh}.envelope .letter .content .name{font-size:20px}.envelope .letter .content .date h3{font-size:12px}.envelope .letter .content .date p{font-size:13px}.envelope{width:300px!important;height:200px;margin-top:70%}.envelope .flap{border-width:100px 150px}.envelope .flap.front:after{bottom:-100px;border-width:99px 150px}.envelope:after{border-width:95px 150px}.envelope .letter .content .date h3{font-size:15px}.envelope .flap.top:after{border-width:104px 150px;top:-106px}.envelope .flap.top{border-top-width:105px}.envelope .letter{height:294px;width:184px}.envelope .letter .content{top:50%}.envelope.open .letter.rotate{transition:transform 450ms ease;transform:rotate(0) translate(55px,-65px)}.envelope.open .letter{animation-name:remove;transform:rotate(-90deg) translate(50px,55px)}.envelope.open.up{transition:all .5s ease;margin-top:60%}.envelope .letter .content{width:163px}}@keyframes remove2{50%{top:-325px}100%{top:8px;z-index:3}}header{display:none}header.fixed-top{display:block}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}body{font-family:"Jost",sans-serif}h1,h2,h3,h4,h5,h6,figure{color:#000}header{width:100%;z-index:9;position:relative;transition:top .3s}header.fixed-top{background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.07)}header.fixed-top .navbar-brand span{color:#f14e95}header.fixed-top .navbar-nav .nav-link.active{color:#f14e95}header.fixed-top .navbar-nav .nav-link{color:#111}.navbar-brand span{font-family:'Great Vibes',cursive;color:#fff;font-size:40px}.navbar-nav .nav-link{text-transform:uppercase;color:rgba(255,255,255,.5);letter-spacing:1px}.navbar-nav .nav-link:hover{color:#fff}.nav-item.active .nav-link{color:#fff}.fixed-top .nav-item.active .nav-link{color:#f14e95}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:#fff}.cover{position:relative;height:110vh}.cover .container{position:relative;background-repeat:no-repeat;background-size:cover}.cover h5{font-family:'Great Vibes',cursive;color:#fff;font-size:100px}.cover p{color:#fff;letter-spacing:1px;font-size:30px;font-weight:300}.ws-counter{width:90%;max-width:400px;margin:auto}.ws-counter ul{padding-left:0;display:flex;align-items:center;justify-content:space-between}.ws-counter li{display:flex;align-items:center;justify-content:center;flex-direction:column;width:90px;height:90px;background:#f14e95;margin:0 4px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;position:relative;animation:pulse 1s ease infinite}.ws-counter .number{font-weight:600;font-size:30px;color:#fff}.ws-counter .label{color:#fff;letter-spacing:1px;font-weight:300;font-size:13px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.overlay{z-index:0;position:absolute;bottom:0;top:0;left:0;right:0;background:rgba(0,0,0,.5)}#us{padding:100px 0}#us .details{margin-bottom:50px}#us .details h2{font-size:60px;margin-bottom:10px;line-height:1.5;letter-spacing:2px;font-weight:700;color:#f14e95;font-family:'Great Vibes',cursive}#us .details p,#us .godparents p{color:#818ea0;font-size:18px;line-height:24px}#us .couple img{width:150px;height:150px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;box-shadow:0 8px 30px -5px rgba(0,0,0,.2);-moz-transform:translate3d(0,-3px,0);-o-transform:translate3d(0,-3px,0);-ms-transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}#us .couple:first-child{text-align:right}#us .couple-desc{padding:0 15px}#us .couple-desc h3{font-family:'Great Vibes',cursive;color:#f14e95;font-size:35px}#us .couple-desc p{color:#818ea0;font-size:16px;line-height:24px}#us .godparents,#us .parents{display:flex;align-content:center;justify-content:center;flex-direction:column}#us .godparents pre,#us .parents pre{font-family:"Jost",sans-serif;font-size:20px;letter-spacing:1px;color:#f14e95}#us .godparents p,#us .parents P{color:#000;font-size:18px;line-height:24px;font-weight:500}#location{position:relative;padding:100px 0;margin-bottom:100px;background-repeat:no-repeat;background-size:cover}#location .container{position:relative;text-align:center}#location .subtitle{color:rgba(255,255,255,.5);text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:600}#location h2.title{font-size:60px;margin-bottom:10px;line-height:1.5;font-weight:700;color:#fff;letter-spacing:4px;font-family:'Great Vibes',cursive;margin-bottom:70px}#location .event-box{border:2px solid rgba(255,255,255,.5);background:rgba(255,255,255,.1);padding:30px;width:100%;float:left;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;margin-bottom:20px}#location .event-box .event-title{font-size:35px;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);display:block;padding-bottom:10px;letter-spacing:2px;font-family:'Great Vibes',cursive;letter-spacing:3px;margin-bottom:15px}#location .event-time{margin-bottom:30px}#location .event-time .title{color:#fff;font-size:20px;font-weight:400;letter-spacing:1px;margin-bottom:10px}#location .event-time i,#location .event-time span{width:100px;display:block;margin:auto;color:#fff}#location .event-time i{font-size:20px;padding-bottom:10px}#location .directionsButton{padding:7px 17px!important;color:#fff;background-color:transparent;border:1px solid #fff;border-radius:20px;letter-spacing:1px;margin-top:20px}#location .map iframe{border-radius:4px;border:2px solid rgba(255,255,255,.5)!important}#confirm{margin-bottom:100px}#confirm h2{font-size:60px;margin-bottom:10px;line-height:1.5;letter-spacing:2px;font-weight:700;color:#f14e95;font-family:'Great Vibes',cursive}#confirm p{color:#818ea0;font-size:18px;line-height:24px;line-height:30px;letter-spacing:.5px}#confirm form label{color:#111;font-size:18px}#confirm textarea.form-control{min-height:unset;height:auto}#confirm .form-select,#confirm .form-control{height:45px;border-radius:6px}#confirm .was-validated textarea#weedingMessage.form-control:valid,textarea#weedingMessage.form-control.is-valid{border-color:#ced4da;background-image:none}#confirm .was-validated textarea#weedingMessage.form-control:valid:focus,textarea#weedingMessage.form-control.is-valid:focus{box-shadow:none}#confirm .form-control::placeholder{color:#818ea0;opacity:1}#confirm .form-control:-ms-input-placeholder{color:#818ea0}#confirm .form-control::-ms-input-placeholder{color:#818ea0}#confirm .buttons-form .btn-danger{background-color:#111;border-color:transparent}#confirm .buttons-form .btn-danger:hover{background-color:#dc3545}#confirm .buttons-form .btn-primary{background:#f14e95;color:#fff;border:2px solid #f14e95}#confirm .buttons-form .btn-primary:hover{opacity:.8}footer{position:relative}footer .footer-upper{background-color:#818ea0;padding:7em 0;position:relative}footer .footer-upper p{font-family:'Great Vibes',cursive;font-size:40px;margin-bottom:0;animation:pulse 1s ease infinite}footer .footer-upper p i{font-size:20px;position:relative;top:-5px;animation:pulse 1s ease infinite}footer .footer-lower{position:absolute;left:0;right:0;bottom:0;padding:5px 0}footer .footer-lower:before{content:'';position:absolute;display:block;top:0;left:0;right:0;bottom:0;background-color:#7e7e7e;opacity:.3}@media(min-width:1201px){.close-menu{display:none}}@media(max-width:1200px){.close-menu{display:block;padding:20px;text-align:right;font-size:20px;color:#fff}.overlay-body{height:100vh;position:absolute;bottom:0;top:0;left:0;right:0;background:rgba(0,0,0,.5);display:none}#navbarNavMobile{border-radius:0;position:fixed;right:-300px;width:300px!important;transition:all .5s ease 0s;top:0;z-index:999;display:block;height:100vh;background-color:#111}#navbarNavMobile.show{right:0}.hamburger-lines i{color:#fff}.fixed-top .hamburger-lines i{color:#000}.fixed-top .navbar-toggler{border:1px solid #000}header.fixed-top .navbar-nav .nav-link{color:#fff}.navbar-toggler{border:1px solid #fff;margin-top:-10px}}@media(max-width:768px){.cover h5{font-size:70px}#us .couple:first-child{flex-direction:column-reverse;text-align:center}#us .couple:nth-child(2){flex-direction:column-reverse;text-align:center}.ws-counter li{width:70px;height:70px}.ws-counter .label{font-size:11px}.ws-counter .number{font-size:24px;line-height:24px}}