*{box-sizing: border-box;}

.final_nudge_title{font-weight: bold; font-size: 16px;margin: 5px 0;}
.final_nudge_speech_tail{text-align: right; padding-right: 30px;}
.trans_left .final_nudge_speech_tail{text-align: left;padding-left: 30px; }
.trans_left .final_nudge_speech_tail>img{transform: scaleX(-1);}
.final_nudge_close_btn{font-size: 13px; display: inline-block; cursor: pointer; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #444; font-weight: 300; text-align: center; color: #fff;}
.final_nudge_button{text-align: center;}

.final_nudge_push .final_nudge_profile_box ,.final_nudge_speech .final_nudge_profile_box,
.final_nudge_alert .final_nudge_profile_box
{font-weight: bold; font-size: 13px; margin-bottom: 15px;}
.final_nudge_push .final_nudge_profile_box>img, .final_nudge_speech .final_nudge_profile_box>img,
.final_nudge_alert .final_nudge_profile_box>img
{width: 50px; vertical-align: middle;}
.final_nudge_push .final_nudge_close_btn, .final_nudge_speech .final_nudge_close_btn,
.final_nudge_alert .final_nudge_close_btn{float: right;}
.final_nudge_push .final_nudge_title, .final_nudge_speech .final_nudge_title,
.final_nudge_alert .final_nudge_title,.final_nudge_round .final_nudge_title
{font-weight: bold; font-size: 16px;margin: 5px 0; line-height: 1.25rem; height: 1.25rem; overflow: hidden; vertical-align: middle;}
.final_nudge_push .final_nudge_content, .final_nudge_speech .final_nudge_content,
.final_nudge_alert .final_nudge_content
{font-size: 15px; margin-bottom: 1rem; max-height: 5rem; line-height: 1.25rem; overflow: hidden; word-break:break-all;}
.final_nudge_round .final_nudge_content
{font-size: 15px; margin-bottom: www.miraetalk.com; max-height: 2.5rem; line-height: 1.25rem; overflow: hidden; word-break:break-all;}

.mirae_nudge_close_box{text-align:right; margin-top:10px;}
.final_nudge_alert .mirae_nudge_close_box{text-align:center !important;}
.mirae_nudge_close_box>div{padding:5px 0px; display:inline-block; cursor:pointer; font-weight:bold;}

.nudge_preview_mobile .nudge-owl-carousel .owl-stage-outer{max-height:300px; overflow:hidden;}
.nudge-owl-carousel{text-align: center;}
.nudge-owl-carousel .owl-dots .owl-dot {margin:0px 8px; width:14px; height:14px; border-radius:50%; background:#dddd;}
.nudge-owl-carousel .owl-dots .owl-dot.active{background:#6e4ac4;}
.nudge-owl-carousel .owl-item {height: 0;}    
.nudge-owl-carousel .owl-item.active {height: auto !important;}

.mirae_nudge_close_input{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0
}
.mirae_nudge_close_input + label{
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 12px;
	color:#333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mirae_nudge_close_input + label:before {
    content: ' ';
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin: -2px 5px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 50%;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}

.mirae_nudge_close_input:checked + label:before {
    background: #444;
}

.final_nudge_push{
    z-index: 1001;
    width: 100%; background: #fff; border-radius: 5px; padding: 10px;width: 100%; max-width: 380px; overflow: hidden; transform-origin: bottom right;
    box-shadow: 0 3px 9px 0 rgba(169,184,200,.7);
   -webkit-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
   -moz-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
}

.final_nudge_speech{z-index: 1001;}
.final_nudge_speech_box{
    background: #fff; border-radius: 5px; padding: 20px;width: 100vw; max-width: 380px; box-sizing:border-box; border-radius: 40px; overflow: hidden;
    box-shadow: 0 3px 9px 0 rgba(169,184,200,.7);
    -webkit-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
    -moz-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
}
.final_nudge_alert{z-index: 1001; transition: all 1s; width: 100%; max-width: 400px;}
.final_nudge_alert .final_nudge_alert_box_relative{position: relative;}
.final_nudge_alert .final_nudge_alert_box_relative>img{width: 100%;}
.final_nudge_alert_box_cont_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 300px;}
.final_nudge_alert .final_nudge_profile_box{ text-align: center;}
.final_nudge_alert .final_nudge_title{text-align: center;}
.final_nudge_alert .final_nudge_content{text-align: center;}
.final_nudge_alert .final_nudge_close_btn{position: absolute; top: 30px; right: 30px;}

.final_nudge_round{ width: 100%; max-width: 380px; z-index: 1001; background: #fff; border-radius: 50px; transition: all 0.5s; padding-right: 20px;
    box-shadow: 0 3px 9px 0 rgba(169,184,200,.7);
    -webkit-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
    -moz-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
    display: block;
}
.final_nudge_round .final_nudge_profile_box{display: inline-block; width: 84px; height:84px; vertical-align: middle; border-radius: 50%; overflow: hidden; margin: 10px; }
.final_nudge_round .final_nudge_profile_box>img{width: 100%;}
.final_nudge_round .final_nudge_round_cont{display: inline-block; width: calc(100% - 120px);  vertical-align: middle; padding-left: 10px;}
.final_nudge_round .final_nudge_close_btn{position: absolute; top: 50%; transform: translateY(-50%);}

.final_nudge_tbbar{ bottom:0px; left: 0px; width: 100%; z-index: 1001; transition: all 0.5s;
    box-shadow: 0 3px 9px 0 rgba(169,184,200,.7);
   -webkit-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
   -moz-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
   display: block;
}
.final_nudge_tbbar_cont{position: relative;}
.final_nudge_tbbar .final_nudge_title{display: block; font-size: 16px; color: #fff; font-weight: bold; width: 100%; text-align: center; line-height: 50px; height: 50px; overflow: hidden; margin: 0 !important;  background: #6e4ac4;}
.final_nudge_tbbar .final_nudge_close_btn{position: absolute; cursor: pointer; right: 20px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #444; color: #fff; text-align: center;}


.final_nudge_coupon{bottom: 100px; max-width: 380px; width: 100vw; background: #fff; z-index: 1001;
    box-shadow: 0 3px 9px 0 rgba(169,184,200,.7);
   -webkit-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
   -moz-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
}
.final_nudge_coupon_box .emoji{width: 16px;}
.final_nudge_coupon_box>div{float: left; text-align: center; height: 180px;}
.final_nudge_coupon_box>div:nth-child(1){width: calc(100% - 80px); border: 3px solid #6e4ac4; position: relative; box-sizing: border-box;}
.final_nudge_coupon_box>div:nth-child(1)>div{position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.final_nudge_coupon_cont_box>div:nth-child(1){font-weight: 400;  font-size: 16px; line-height: 50px; height: 35px; overflow: hidden;}
.final_nudge_coupon_cont_box>div:nth-child(2){color: #6e4ac4; font-weight: 600; font-size: 50px; line-height: 50px; height: 50px; overflow: hidden;}
.final_nudge_coupon_cont_box>div:nth-child(3){color: #333; font-weight: 600; margin-top: 0px; font-size: 13px; line-height: 1.2rem; word-break: break-all; max-height: 2.4rem; overflow: hidden; width: 90%; display: inline-block;}
.final_nudge_coupon_box>div:nth-child(2){width: 80px; background: #6e4ac4; position: relative; cursor: pointer;}
.final_nudge_coupon_box>div:nth-child(2)>div{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;}
.final_nudge_coupon_box>div:nth-child(2)>div>div:nth-child(1){color: #FFF; font-weight: 400; font-size: 18px;}
.final_nudge_coupon_box>div:nth-child(2)>div>div:nth-child(2){color: #FFF; font-weight: bold; margin-top: 20px; width: 30px; height: 30px; display: inline-block; border: 2px solid #fff; border-radius: 50%; position: relative; background: #fff;}

 
.final_nudge_halfmoon{z-index: 1001;
    position: relative;
    box-shadow: 0 3px 9px 0 rgba(169,184,200,.7);
   -webkit-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
   -moz-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
}
.final_nudge_halfmoon .emoji{width: 16px;}
.final_nudge_halfmoon {width: 100vw; max-width: 380px; background: #fff; border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 50px 20px 35px;}
.final_nudge_halfmoon .final_nudge_content{font-size: 16px; line-height: 1.25rem; font-weight: 500; margin-bottom: 20px; text-align: center; max-height: 5rem; overflow: hidden;}
.final_nudge_halfmoon .final_nudge_profile_box{position: absolute; top: 0px; left: 50%; border: 7px solid #fff; border-radius: 50%; transform: translate(-50%, -50%);}
.final_nudge_halfmoon_box .final_nudge_close_btn{font-size: 14px; cursor: pointer; position: absolute; top: 20px; right:20px; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #444; font-weight: 300; text-align: center; color: #fff;}


.browser .final_nudge_push{position: absolute !important; bottom: 80px; right: 20px; display: none; transform-origin: bottom right;}
.browser .final_nudge_speech{position: absolute !important; bottom: 80px; right: 20px; display: none; transform-origin: bottom right;}
.browser .final_nudge_alert{position: absolute !important; display: none; top:50%; left: 50%; transform: translate(-50%,-50%);}
.browser .final_nudge_round{position: absolute !important; right: 20px; display: none;}
.browser .final_nudge_tbbar{position: absolute !important; bottom: unset; top: 44px; display: none;}
.browser .final_nudge_coupon{position: absolute !important; bottom: 80px; right: 20px; display: none;}
.browser .final_nudge_halfmoon{position: absolute !important; right: 100px; display: none;  bottom: 0px;}
.browser .final_nudge_media_box>div{display: none;}
@media screen and (max-width: 1370px) {
	.browser .final_nudge_halfmoon{position: absolute !important; right: 100px; display: none;  bottom: 0px; transform:scale(0.7);}
}

.final_preview_box>.final_nudge_push{ position: fixed;right:-400px; transition: all 1s; bottom: 20px;}
.final_preview_box>.final_nudge_speech{position: fixed; right:-400px; transition: all 1s; bottom: 20px;}
.final_preview_box>.final_nudge_alert{display: none;}
.final_preview_box>.final_nudge_round{position: fixed; right:-400px; transition: all 1s; bottom: 20px;}
.final_preview_box>.final_nudge_tbbar{position: fixed; bottom:-100px; transition: all 1s; }
.final_preview_box>.final_nudge_coupon{position: fixed; right:-400px; transition: all 1s; bottom: 20px;}
.final_preview_box>.final_nudge_halfmoon{position: fixed; bottom:-400px; transition: all 1s;}



.final_preview_box>.final_nudge_push.preview_active{right:20px;}
.final_preview_box>.final_nudge_speech.preview_active{right:20px;}
.final_preview_box>.final_nudge_alert.preview_active{display: block; top:50%; left: 50%; transform: translate(-50%,-50%); position: fixed;}
.final_preview_box>.final_nudge_round.preview_active{right:20px;}
.final_preview_box>.final_nudge_tbbar.preview_active{bottom:0px; position: fixed;}
.final_preview_box>.final_nudge_coupon.preview_active{right:20px; position: fixed;}
.final_preview_box>.final_nudge_halfmoon.preview_active{bottom:0px;  position: fixed; bottom: 0px; right: 20px;}



.nudge_preview_mobile .final_preview_box>.final_nudge_push.preview_active{max-width: 330px; right:10px; position: absolute; transform-origin: bottom right;}
.nudge_preview_mobile .final_preview_box>.final_nudge_speech.preview_active{right:10px; position: absolute; transform-origin: bottom right;}
.nudge_preview_mobile .final_preview_box>.final_nudge_speech.preview_active .final_nudge_speech_box{max-width: 330px;}
.nudge_preview_mobile .final_preview_box>.final_nudge_alert.preview_active{max-width: 330px; transform: translate(-50%,-50%) scale(0.8); top: 50%; left: 50%; position: absolute;}
.nudge_preview_mobile .final_preview_box>.final_nudge_round.preview_active{max-width: 330px;right:10px; position: absolute;}
.nudge_preview_mobile .final_preview_box>.final_nudge_tbbar.preview_active{position: absolute;}
.nudge_preview_mobile .final_preview_box>.final_nudge_coupon.preview_active{max-width: 330px;right:10px; position: absolute;}
.nudge_preview_mobile .final_preview_box>.final_nudge_halfmoon.preview_active{max-width: 330px; right:10px; position: absolute;}


.nudge_preview_mobile .final_nudge_push .final_nudge_title,.nudge_preview_mobile .final_nudge_speech .final_nudge_title,
.nudge_preview_mobile .final_nudge_alert .final_nudge_title,.final_nudge_round .final_nudge_title{font-size: 14px; }

.nudge_preview_mobile .final_nudge_push .final_nudge_content,.nudge_preview_mobile  .final_nudge_speech .final_nudge_content,
.nudge_preview_mobile .final_nudge_alert .final_nudge_content{font-size: 13px; line-height: 1.2rem; max-height: 4.8rem;}
.nudge_preview_mobile .final_nudge_round .final_nudge_content{font-size: 13px; line-height: 1.2rem; max-height: 2.4rem;}

.nudge_preview_mobile .final_nudge_tbbar .final_nudge_title{line-height: 40px; height: 40px; font-size: 14px;}
.nudge_preview_mobile .final_nudge_halfmoon .final_nudge_content{font-size: 13px; line-height:1.2rem; max-height: 4.8rem;}
.nudge_preview_mobile .final_nudge_round .final_nudge_profile_box{width: 60px; height: 60px;}
.nudge_preview_mobile .final_nudge_round .final_nudge_round_cont{width: calc(100% - 100px);}
.nudge_preview_mobile .final_nudge_coupon_cont_box>div:nth-child(2){font-size: 34px; line-height: 40px; height: 40px;}


.clear::after {display: block; clear: both; content: ""; }
.blind{font-size: 10px; width: 10px; height: 10px; position: absolute; left:-500px; z-index: -1; opacity: 0; }

.final_nudge_title .emoji{width: 16px;vertical-align:top;}
.final_nudge_content .emoji{width: 16px;vertical-align:top;}

.final_nudge_tbbar .emoji{vertical-align:baseline;}

.push_real_box>.final_nudge_speech{padding-bottom: 15px;}

.media_button{min-width: 130px; text-align: center; border-radius: 10px; padding: 10px 0; font-weight: 500; font-size: 15px; color: #fff; border: 0px; cursor: pointer; display: inline-block; background: #111;}

.trans_left{transform-origin: bottom left;}
.trans_right{transform-origin: bottom right;}

.slidein{
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-name: slidein;
    -webkit-animation-name: slidein;
    animation-name: slidein;
}

.slideleft{
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-name: slideleft;
    -webkit-animation-name: slideleft;
    animation-name: slideleft;
}

.slideTop{
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-name: slideTop;
    -webkit-animation-name: slideTop;
    animation-name: slideTop;
}

.slideBot{
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-name: slideBot;
    -webkit-animation-name: slideBot;
    animation-name: slideBot;
}

.alertin{
    -moz-animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -moz-animation-iteration-count: 5;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5;
    -moz-animation-name: alertin;
    -webkit-animation-name: alertin;
    animation-name: alertin;
}

@-webkit-keyframes slidein {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}

@keyframes slidein {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}


@-webkit-keyframes slideleft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}

@keyframes slideleft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}


@-webkit-keyframes slideTop {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
    }
}

@keyframes slideTop {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideBot {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0%);
    }
}

@keyframes slideBot {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0%);
    }
}


@-webkit-keyframes alertin {
    0% { transform: translate(0); }
    20% { transform: translate(-5px, 5px); }
    40% { transform: translate(-5px, -5px); }
    60% { transform: translate(5px, 5px); }
    80% { transform: translate(5px, -5px); }
    100% { transform: translate(0); }
}

@keyframes alertin {
    0% { transform: translate(0); }
    20% { transform: translate(-5px, 5px); }
    40% { transform: translate(-5px, -5px); }
    60% { transform: translate(5px, 5px); }
    80% { transform: translate(5px, -5px); }
    100% { transform: translate(0); }
}


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 480px) {

}