/*
 * IT VIET (https://itviet.net)
 * License https://itviet.net/license
 * Copyright https://itviet.net/copyright
 * Email info@itviet.net
 */

html,body{
    margin:0;height:100%;background:#222;font-family:Arial;
}
body{
    display:flex;justify-content:center;align-items:center;font-size:14px;
}
.inv_wra{
    display:flex;flex-direction:column;align-items:center;gap:15px;
}
.inv_fli{
    transform:rotateY(-180deg);
}
.inv_pre{
    left:10px;
}
.inv_nex{
    right:10px;
}
@font-face{
    font-family:'bauserif';src:url('/assets/fonts/bauserif.ttf') format('truetype');font-weight:normal;font-style:normal;
}
@font-face{
    font-family:'firehouse';src:url('/assets/fonts/firehouse.ttf') format('truetype');font-weight:normal;font-style:normal;
}
@font-face{
    font-family:'mobifonekt';src:url('/assets/fonts/mobifonekt.ttf') format('truetype');font-weight:normal;font-style:normal;
}
@font-face{
    font-family:'flavour';src:url('/assets/fonts/flavour.ttf') format('truetype');font-weight:normal;font-style:normal;
}
@font-face{
    font-family:'caviar';src:url('/assets/fonts/caviar.ttf') format('truetype');font-weight:normal;font-style:normal;
}
.tex_upp{
    text-transform:uppercase;
}
.fon_siz_10{
    font-size:10px;
}
.fon_siz_11{
    font-size:11px;
}
.fon_siz_12{
    font-size:12px;
}
.fon_siz_14{
    font-size:14px;
}
.fon_siz_15{
    font-size:15px;
}
.fon_siz_16{
    font-size:16px;
}
.fon_siz_22{
    font-size:22px;
}
.fon_siz_25{
    font-size:25px;
}
.fon_siz_28{
    font-size:28px;
}
.fon_siz_35{
    font-size:35px;
}
.fon_siz_36{
    font-size:36px;
}
.fon_siz_42{
    font-size:42px;
}
.bg_err{
    background:#f5c2c7;border:1px solid #842029 !important;
}
.bg_err::placeholder{
    color:#ff6699;
}
.bg_err::-webkit-input-placeholder{
    color:#842029;
}
.bg_err:-ms-input-placeholder{
    color:#842029;
}
.bg_err::-ms-input-placeholder{
    color:#842029;
}
.blu_img{
    filter:blur(6px);opacity:0.7;
}
.dis_non{
    display:none;
}
.pag_fou_map_tex{
    position:absolute;top:276px;text-align:center;width:100%;color:#333;cursor:pointer;transition:0.8s;
}
.pag_fou_mon_tex{
    position:absolute;top:100px;text-align:center;width:100%;color:#333;cursor:pointer;transition:0.8s;
}
.pag_fou_map_tex:hover,.pag_fou_mon_tex:hover{
    color:#fff;transition:0.8s;
}
.inv_001_boo{
    width:320px;height:520px;position:relative;perspective:2000px;overflow:hidden;
}
.inv_001_pag{
    position:absolute;width:320px;height:520px;transform-origin:left center;transform-style:preserve-3d;transition:0.8s;
}
.inv_001_fac{
    position:relative;width:100%;height:100%;
}
.inv_001_btn{
    position:fixed;top:50%;transform:translateY(-50%);font-size:28px;padding:10px;border:none;background:#915521;cursor:pointer;color:#fff;transition:0.2s;border-radius:5px;
}
.inv_001_btn:hover{
    transition:0.2s;color:#ffff00;
}
/* INVITATION 001 - PAGE 1 */
.inv_001_pag_one_inv,.inv_001_pag_one_wed,.inv_001_pag_one_lin,.inv_001_pag_one_dat,.inv_001_pag_one_nam_one,.inv_001_pag_one_nam_two,.inv_001_pag_one_res,.inv_001_pag_one_gue,
.inv_001_pag_two_par_one,.inv_001_pag_two_par_two,.inv_001_pag_two_add_one,.inv_001_pag_two_add_two,.inv_001_pag_two_mes,.inv_001_pag_two_nam_one,.inv_001_pag_two_bir_one,.inv_001_pag_two_nam_two,.inv_001_pag_two_bir_two,.inv_001_pag_two_cer_des,.inv_001_pag_two_cer_loc,.inv_001_pag_two_tim,.inv_001_pag_two_dat,.inv_001_pag_two_lun,
.inv_001_pag_thr_res,.inv_001_pag_thr_gue,.inv_001_pag_thr_joy,.inv_001_pag_thr_loc,.inv_001_pag_thr_add,.inv_001_pag_thr_mon,.inv_001_pag_thr_day,.inv_001_pag_thr_yea,.inv_001_pag_thr_tim,.inv_001_pag_thr_wee,.inv_001_pag_thr_lun,.inv_001_pag_thr_tks_one,.inv_001_pag_thr_tks_two,.inv_001_pag_thr_tks_thr,
.inv_001_pag_fou_mon,.inv_001_pag_fou_mon_qrc,.inv_001_pag_fou_map,.inv_001_pag_fou_map_qrc,.inv_001_pag_fou_pho,.inv_001_pag_fou_num,.inv_001_pag_fou_lin,.inv_001_pag_fou_alb{
    position:absolute;white-space:nowrap;
}
.inv_001_pag_one_inv{
    top:15px;right:57px;font-family:'mobifonekt';color:#333;letter-spacing:0px;
}
.inv_001_pag_one_wed{
    top:25px;right:54px;font-family:'firehouse';color:#333;letter-spacing:2px;
}
.inv_001_pag_one_lin{
    top:54px;right:10px;height:2px;width:137px;background:#915521;
}
.inv_001_pag_one_dat{
    top:58px;right:10px;font-family:'bauserif';color:#333;letter-spacing:2px;text-align:right;
}
.inv_001_pag_one_nam_one{
    top:140px;right:140px;font-family:'firehouse';color:#df0418;letter-spacing:1px;width:160px;transform-origin:left center;display:inline-block;
}
.inv_001_pag_one_nam_two{
    top:238px;left:140px;font-family:'firehouse';color:#df0418;letter-spacing:1px;width:160px;transform-origin:left center;display:inline-block;
}
.inv_001_pag_one_res{
    top:420px;right:15px;font-family:'mobifonekt';color:#333;letter-spacing:0px;
}
.inv_001_pag_one_gue{
    top:440px;right:15px;font-family:'flavour';color:#df0418;letter-spacing:0px;
}
/* INVITATION 001 - PAGE 2 */
.inv_001_pag_two_par_one{
    top:25px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_two_add_one{
    top:40px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_two_par_two{
    top:60px;font-family:'caviar';color:#333;width:100%;text-align:center;   
}
.inv_001_pag_two_add_two{
    top:75px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_two_mes{
    top:111px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_two_nam_one{
    top:160px;font-family:'firehouse';color:#df0418;letter-spacing:1px;width:100%;text-align:center;
}
.inv_001_pag_two_bir_one{
    top:195px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_two_nam_two{
    top:245px;font-family:'firehouse';color:#df0418;letter-spacing:1px;width:100%;text-align:center;
}
.inv_001_pag_two_bir_two{
    top:280px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_two_cer_des{
    top:317px;font-family:'caviar';color:#333;width:100%;letter-spacing:1px;text-align:center; 
}
.inv_001_pag_two_cer_loc{
    top:332px;font-family:'firehouse';color:#333;width:100%;letter-spacing:1px;text-align:center;
}
.inv_001_pag_two_tim{
    top:355px;font-family:'caviar';color:#333;width:100%;letter-spacing:1px;text-align:center;
}
.inv_001_pag_two_dat{
    top:372px;font-family:'caviar';color:#333;width:100%;letter-spacing:1px;text-align:center;
}
.inv_001_pag_two_lun{
    top:390px;font-family:'caviar';color:#333;width:100%;letter-spacing:1px;text-align:center;
}
/* INVITATION 001 - PAGE 3 */
.inv_001_pag_thr_res{
    top:30px;font-family:'caviar';color:#333;width:320px;letter-spacing:0px;text-align:center;
}
.inv_001_pag_thr_gue{
    top:48px;font-family:'flavour';color:#df0418;width:320px;letter-spacing:0px;text-align:center;
}
.inv_001_pag_thr_joy{
    top:120px;font-family:'caviar';color:#333;width:320px;letter-spacing:0px;text-align:center;
}
.inv_001_pag_thr_loc{
    top:151px;font-family:'firehouse';color:#df0418;width:100%;letter-spacing:1px;text-align:center;
}
.inv_001_pag_thr_add{
    top:188px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_thr_add section{
    width:200px;text-align:center;margin:auto;
}
.inv_001_pag_thr_mon{
    top:222px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_thr_day{
    top:228px;font-family:'firehouse';color:#df0418;width:100%;letter-spacing:1px;text-align:center;
}
.inv_001_pag_thr_yea{
    top:268px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_thr_tim{
    top:240px;left:60px;font-family:'firehouse';color:#df0418;width:80px;letter-spacing:1px;text-align:center;border-top:2px solid #915521;border-bottom:2px solid #915521;line-height:23px;
}
.inv_001_pag_thr_wee{
    top:240px;right:60px;font-family:'firehouse';color:#df0418;width:80px;letter-spacing:1px;text-align:center;border-top:2px solid #915521;border-bottom:2px solid #915521;line-height:23px;padding-top:3px;
}
.inv_001_pag_thr_lun{
    top:285px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_thr_tks_one{
    top:340px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_thr_tks_two{
    top:358px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
.inv_001_pag_thr_tks_thr{
    top:376px;font-family:'caviar';color:#333;width:100%;text-align:center;
}
/* INVITATION 001 - PAGE 4 */
.inv_001_pag_fou_mon{
    top:25px;font-family:'caviar';color:#333;width:100%;text-align:center;font-weight:bold;
}
.inv_001_pag_fou_mon_qrc{
    top:45px;width:100%;text-align:center;
}
.inv_001_pag_fou_mon_qrc img{
    width:120px;border:1px solid #915521;
}
.inv_001_pag_fou_map{
    top:215px;font-family:'caviar';color:#333;width:100%;text-align:center;font-weight:bold;
}
.inv_001_pag_fou_map_qrc{
    top:235px;width:100%;text-align:center;
}
.inv_001_pag_fou_map_qrc img{
    width:110px;border:1px solid #915521;
}
.inv_001_pag_fou_pho{
    top:370px;font-family:'caviar';color:#333;width:100%;text-align:center;font-weight:bold;
}
.inv_001_pag_fou_num{
    top:385px;font-family:'firehouse';width:100%;letter-spacing:1px;text-align:center;line-height:23px;padding-top:3px;
}
.inv_001_pag_fou_num a{
    color:#df0418;width:80px;text-align:center;margin:auto;padding-left:3px;text-decoration:none; 
}
.inv_001_pag_fou_alb{
    top:424px;right:100px;font-family:'caviar';color:#fff;width:116px;text-align:center;font-weight:bold;background:#915521;padding:5px 0px;border-radius:3px;transition:0.8s;
}
.inv_001_pag_fou_alb:hover{
    color:#ffff00;transition:0.8s;
}
/* FORM */
.inv_001_for{
    margin-top:10px;background:#915521;padding:10px;border-radius:5px;
}
.inv_001_tit{
    font-size:15px;margin-bottom:5px;color:#fff;
}
.inv_001_for input{
    padding:10px 6px;border:1px solid #ccc;border-radius:5px;outline:none;font-size:14px;transition:0.2s;box-sizing:border-box;
}
.inv_001_for input:focus{
    border-color:#4caf50;box-shadow:0 0 5px rgba(76,175,80,0.4);
}
.inv_001_for input:hover{
    border-color:#888;
}
.inv_gue{
    width:105px;margin-right:5px;
}
.inv_joi{
    width:135px;
}
.inv_001_for a{
    border:1px solid #ccc;background:#ffffff;padding:10px 12px;border-radius:5px;text-decoration:none;color:#333;
}
.inv_001_des{
    margin-top:5px;font-size:10.5px;color:#ffff00;font-weight:normal;
}
.inv_001_des b{
    color:#fff;
}