@charset "UTF-8";
.container{max-width:1280px;margin:0 auto;padding:20px;width:100% !important;overflow-y:auto}
.container .row{display:flex;margin:0 -10px;width:100%}
@media (max-width:767px){.container .row{display:block;width:auto}}
.container .row .col{width:50%;padding:0 10px}
@media (max-width:767px){.container .row .col{width:100%}}
.btn-audio{position:fixed;z-index:1;bottom:30px;left:30px;width:50px;height:50px;border-radius:50%;background:#1e612e;display:flex;align-items:center;justify-content:center;font-size:30px;color:#FFF;cursor:pointer;transition:all 0.3s}
.btn-audio .icon-pause{display:none}
.btn-audio:hover{opacity:0.7}
.btn-audio.play .icon-pause{display:block}
.btn-audio.play .icon-play{display:none}
body{padding:0;margin:0;height:100vh;overflow-x:hidden;font-family:"Montserrat",sans-serif}
@media (max-width:767px){body{height:auto}}
p,h1,h2,h3{margin:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.section{position:fixed;width:100%;height:100%;top:0;left:0;color:#fff;display:flex;flex-direction:column;justify-content:center}
.section:not(:first-child){opacity:0;visibility:hidden}
.section .panel-banner{display:flex;width:100%;justify-content:center}
@media (max-width:767px){.section .panel-banner{margin-bottom:20px}}
.section .panel-banner .block-img .splide__arrow{opacity:0}
.section .panel-banner .block-img .img-medium{width:372px}
@media (max-width:767px){.section .panel-banner .block-img .img-medium{width:100%}}
.section .panel-banner .block-img .img-medium .img,.section .panel-banner .block-img .img-medium .splide__slide{border:1px solid #fff;display:block;border-radius:190px;padding:5px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.section .panel-banner .block-img .img-medium .btn{margin-top:40px;display:flex;align-items:center;justify-content:space-between;width:100%}
.section .panel-banner .block-img .img-medium .btn .next{cursor:pointer;text-align:right;padding-top:20px;background:url(../themes/wedding/assets/images/icon-arrow-next.svg) right top no-repeat;width:50%}
.section .panel-banner .block-img .img-medium .btn .next:hover{opacity:0.7}
.section .panel-banner .block-img .img-medium .btn .prev{cursor:pointer;width:50%;background:url(../themes/wedding/assets/images/icon-arrow-prev.svg) right 20px no-repeat;height:38px}
.section .panel-banner .block-img .img-medium .btn .prev:hover{opacity:0.7}
.section .content{padding-left:20px;border-left:2px solid #a7fcee30;max-width:560px}
.section .content .title{font-size:30px;font-weight:bold;margin-bottom:15px}
.section .content .block-text{font-size:16px;line-height:25px;margin-bottom:60px}
@media (max-width:767px){.section{position:relative;opacity:1 !important;visibility:visible !important;padding:70px 0}}
.gsap-marker-start,.gsap-marker-end,.gsap-marker-scroller-start,.gsap-marker-scroller-end{opacity:0}
img{max-width:100%}
.section01{background:url(../themes/wedding/assets/images/img-bg01.png);background-size:cover}
@media (max-width:767px){.section01{padding-top:0}}
.section01 .container{position:relative;height:100%;min-height:500px;display:block}
.section01 .container .btn-scroll{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);cursor:pointer}
.section01 .container .logo{padding-top:20px}
.section01 .container .logo img{max-width:149px}
@media (max-width:767px){.section01 .container .logo img{max-width:90px}}
@media (max-width:767px){.section01 .container .logo{margin-bottom:20px}}
.section01 .container .img-text{position:absolute;top:50%;transform:translateY(-50%)}
.section01 .container .img-text img{width:743px;max-width:100%}
@media (max-width:767px){.section01 .container .img-text{position:relative;top:0;transform:none;text-align:center}.section01 .container .img-text img{width:335px}}
.section02{background:url(../themes/wedding/assets/images/img-bg02.png);background-size:cover}
.section02 .panel-info-date .block-date{display:flex;flex-direction:row;justify-content:flex-end;align-content:flex-start;margin-bottom:100px}
@media (max-width:767px){.section02 .panel-info-date .block-date{display:block;margin-bottom:20px}}
.section02 .panel-info-date .block-date .date{font-size:100px;display:flex;flex-direction:column;padding-left:10px;margin-left:25px;border-left:2px solid #a7fcee30;align-items:flex-start}
@media (max-width:767px){.section02 .panel-info-date .block-date .date{display:block;margin-left:0;font-size:72px}}
.section02 .panel-info-date .block-date .text{margin-top:25px;font-size:16px;font-weight:bold}
@media (max-width:767px){.section02 .panel-info-date .block-date .text{margin-top:0;margin-bottom:15px}}
.section02 .panel-info-date .block-info{padding-left:25px;border-left:2px solid #a7fcee30}
@media (max-width:767px){.section02 .panel-info-date .block-info{padding-left:15px}}
.section02 .panel-info-date .block-info .title{font-size:60px;margin-bottom:9px}
@media (max-width:767px){.section02 .panel-info-date .block-info .title{font-size:45px}}
.section02 .panel-info-date .block-info .address{font-size:16px;margin-bottom:33px;line-height:25px}
.section02 .panel-info-date .block-info .block-time{display:flex;flex-direction:row;align-items:center;margin-bottom:30px}
.section02 .panel-info-date .block-info .block-time span{display:block}
.section02 .panel-info-date .block-info .block-time .text{font-size:16px;letter-spacing:6px;text-align:center;position:relative;font-weight:bold}
.section02 .panel-info-date .block-info .block-time .text:not(:last-child):after{content:":";position:absolute;font-size:34px;font-weight:bold;top:-2px;right:-20px}
.section02 .panel-info-date .block-info .block-time .text:not(:last-child){margin-right:25px}
.section02 .panel-info-date .block-info .block-time .text .time{font-size:34px;font-weight:bold}
.section02 .panel-info-date .block-info .btn{width:200px;height:50px;display:inline-flex;align-items:center;justify-content:center;background-color:#fff10;border:1px solid #fff;cursor:pointer;transition:0.3s all;color:#FFF;text-decoration:none}
.section02 .panel-info-date .block-info .btn:hover{opacity:0.7}
.section03{background:url(../themes/wedding/assets/images/img-bg03.png);background-size:cover}
.section03 .block-time{display:flex;flex-direction:row;margin:0 -5px 30px}
.section03 .block-time .list{width:50%;padding:0 5px}
.section03 .block-time .list:last-child{padding-top:100px}
.section03 .item{padding:5px 0 5px 25px;border-left:2px solid #a7fcee30}
.section03 .item:not(:last-child){margin-bottom:60px}
.section03 .item .icon{margin-bottom:20px}
.section03 .item .title{font-size:30px;margin-bottom:12px}
.section03 .item .text{font-size:16px;line-height:25px}
.section03 .item .colors{display:flex;list-style-type:none;margin:0;padding:0;gap:10px;flex-wrap:wrap}
.section03 .item .colors .color{width:30px;height:30px;border:1px solid #CCC;border-radius:50%}
.section04{background:url(../themes/wedding/assets/images/img-bg04.png);background-size:cover}
.section04 .content{max-width:445px}
.section04 .content .block-text{margin-bottom:30px;text-align:justify}
.section04 .block-form .alert-success{color:#5ceb7f;margin-bottom:5px}
.section04 .block-form .btn{width:100%;max-width:420px;height:50px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(36,116,55,0.8);color:#fff;cursor:pointer;transition:0.3s all;background-color:rgba(36,116,55,0.8);font-size:18px}
.section04 .block-form .btn:hover{opacity:0.7}
.section04 .block-form .btn.btn-send::after{content:"";font-family:bootstrap-icons;display:inline-block;vertical-align:middle;margin-left:10px}
.section04 .block-form .btn.btn-gift::after{content:"";font-family:bootstrap-icons;display:inline-block;vertical-align:middle;margin-left:10px}
.section04 .block-form .hr{width:100%;max-width:420px;text-align:center;position:relative;padding:15px 0}
.section04 .block-form .hr span{display:inline-block;padding:0 10px;position:relative}
.section04 .block-form .hr span::before{content:"";width:100px;height:1px;display:block;background-color:hwb(0deg 100% 0%/30%);top:50%;position:absolute;right:100%;transform:translateY(-50%)}
.section04 .block-form .hr span::after{content:"";width:100px;height:1px;display:block;background-color:hwb(0deg 100% 0%/30%);top:50%;position:absolute;left:100%;transform:translateY(-50%)}
.section04 .block-form .block-input:not(:last-child){margin-bottom:25px}
.section04 .block-form .block-input.is-invalid label{color:#ff7800}
.section04 .block-form .block-input.is-invalid .style-input,.section04 .block-form .block-input.is-invalid .textarea{border-color:#ff7800}
.section04 .block-form .block-input label{display:block;margin-bottom:7px;transition:0.3s all}
.section04 .block-form .block-input .invalid-feedback{margin-bottom:10px;color:#ff7800;display:block}
.section04 .block-form .block-input .style-input{height:40px;max-width:420px;font-size:18px;background-color:#444;border:1px solid rgba(255,255,255,0.125);padding-left:10px;color:#fff;outline:none;width:100%}
.section04 .block-form .block-input .textarea{height:100px;background-color:#444;border:1px solid rgba(255,255,255,0.125);max-width:420px;font-size:18px;padding-left:10px;color:#fff;outline:none;width:100%}
.section04 .block-form .block-input .group-radio{display:flex}
.section04 .block-form .block-input .group-radio .block-radio:not(:last-child){margin-right:20px}
.section04 .block-form .block-input .group-radio .block-radio input{position:absolute;left:-9999px}
.section04 .block-form .block-input .group-radio .block-radio input:checked ~ label{background:url(../themes/wedding/assets/images/icon_radio_check.svg) 0 center no-repeat}
.section04 .block-form .block-input .group-radio label{display:inline-block;font-size:18px;background:url(../themes/wedding/assets/images/icon_radio.svg) 0 center no-repeat;overflow:hidden;position:relative;padding-left:40px;line-height:30px;margin-bottom:0;cursor:pointer}
.section05{background:url(../themes/wedding/assets/images/img-bg05.png);background-size:cover}
.section06{background:url(../themes/wedding/assets/images/img-bg06.png);background-size:cover}
@media (max-width:767px){.section06 .container .row,.section03 .container .row{display:flex;flex-direction:column-reverse}}
.modal{display:none;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;background-color:rgba(2,20,12,0.8)}
.modal .modal-content{margin:auto;max-width:940px;height:100%;background:none}
.modal .modal-content .btn-close{display:none}
@media (max-width:767px){.modal .modal-content .btn-close{display:flex;align-items:center;justify-content:center;position:absolute;width:40px;height:40px;border-radius:50%;background-color:rgba(30,97,47,0.5);right:10px;top:10px}.modal .modal-content .btn-close i{font-size:30px;line-height:1;color:#FFF}}
@media (max-width:767px){.modal .modal-content{position:relative;padding:50px 0 20px}.modal .modal-content .container{overflow:auto;display:block;height:100%}.modal .modal-content .container .row .col{margin-bottom:40px}}
.modal .modal-content .logo{text-align:center;margin-bottom:30px}
.modal .modal-content .logo img{max-width:149px}
.modal .modal-content .text{color:#BAFFCA;font-size:16px;line-height:25px;margin-bottom:30px}
.modal .modal-content .row{justify-content:space-between}
.modal .modal-content .row .col{max-width:419px}
.modal .modal-content .row .col .title{font-size:25px;line-height:28px;color:#FFF;margin-bottom:20px;text-align:center}
.modal .modal-content .row .col .img{margin-bottom:40px}
.modal .modal-content .row .col .btn01{width:100%;max-width:420px;height:50px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(36,116,55,0.8);color:#fff;cursor:pointer;transition:0.3s all;background-color:rgba(36,116,55,0.8);font-size:18px;margin-bottom:20px;text-decoration:none}
.modal .modal-content .row .col .btn01:hover{opacity:0.7}
.modal .modal-content .row .col .btn02{width:100%;max-width:420px;height:50px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #204528;color:#fff;cursor:pointer;transition:0.3s all;background-color:#204528;font-size:18px;text-decoration:none}
.modal .modal-content .row .col .btn02:hover{opacity:0.7}