.ok_animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.ok_animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
@-webkit-keyframes ok_bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes ok_bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.ok_bounceInUp{
    -webkit-animation-name:ok_bounceInUp;
    animation-name:ok_bounceInUp
}
@-webkit-keyframes ok_bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes ok_bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.ok_bounceOutDown{
    -webkit-animation-name:ok_bounceOutDown;
    animation-name:ok_bounceOutDown
}
@-webkit-keyframes ok_fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes ok_fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.ok_fadeIn{
    -webkit-animation-name:ok_fadeIn;
    animation-name:ok_fadeIn
}
#okewa{
    font-family:Arial,sans-serif
}
#okewa-floating_cta *,#okewa-floating_popup *,.okewa-btn *{
    box-sizing:border-box
}
.okewa-woo{
    clear:both
}
.okewa-woo .okewa-btn{
    margin-top:10px
}
.okewa-post{
    margin:10px 0
}
.okewa-btn{
    background:#0dc152;
    position:relative;
    box-shadow:none!important;
    border:0!important;
    outline:0!important;
    text-decoration:none;
    user-select:none;
    cursor:pointer;
    line-height:1;
    overflow:hidden;
    min-width:40px;
    transition:.5s all ease;
    display:inline-block
}
.okewa-btn:hover{
    box-shadow:0 0 10px rgba(0,0,0,.3)!important
}
.okewa-btn.okewa-full_width{
    display:block;
    margin-bottom:5px
}
.okewa-btn.okewa-small{
    vertical-align:bottom
}
.okewa-btn.okewa-small span{
    padding:6px 10px;
    font-size:12px;
    vertical-align:middle
}
.okewa-btn.okewa-small img{
    padding:5px 7px;
    height:26px!important
}
.okewa-btn .okewa-btn_text{
    position:relative;
    z-index:2;
    color:#fff;
    font-size:14px;
    padding:15px 20px 15px 15px;
    display:inline-block;
    font-family:Arial,Sans-serif;
    vertical-align:sub
}
.okewa-btn .okewa-btn_icon{
    position:relative;
    z-index:2;
    height:43px!important;
    padding:10px 12px;
    background:rgba(0,0,0,.05);
    float:right;
    transition:background-color .5s ease
}
.okewa-btn:before{
    transition:opacity .5s ease;
    content:"";
    background-color:rgba(0,0,0,.05);
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    height:60px;
    z-index:1;
    opacity:0
}
.okewa-btn:hover:before{
    opacity:1
}
.okewa-btn:hover .okewa-btn_icon{
    background-color:rgba(0,0,0,0)
}
.okewa-btn.btn_1{
    border-radius:0
}
.okewa-btn.btn_2{
    border-radius:6px
}
.okewa-btn.btn_3{
    border-radius:60px
}
.okewa-btn.btn_3 .okewa-btn_text{
    padding:15px 15px 15px 20px
}
.okewa-btn.btn_3 .okewa-btn_icon{
    padding:10px 14px
}
.okewa-btn.btn_share{
    border-radius:60px
}
.okewa-btn.btn_share .okewa-btn_icon{
    float:left;
    padding:10px
}
.okewa-btn.btn_share .okewa-btn_text{
    display:none;
    padding:15px 20px 15px 10px
}
.okewa-btn.btn_share:hover .okewa-btn_text{
    display:inline-block
}
#okewa-floating_cta{
    background:#0dc152;
    position:fixed;
    z-index:999;
    box-shadow:0 0 30px rgba(0,0,0,.3);
    cursor:pointer;
    user-select:none;
    line-height:1;
    overflow:hidden;
    min-width:40px;
    max-width:350px
}
#okewa-floating_cta:before{
    transition:opacity .5s ease;
    content:"";
    background-color:rgba(0,0,0,.05);
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    height:60px;
    z-index:1;
    opacity:0
}
.okewa-style_3 #okewa-floating_cta:before{
    border-radius:60px
}
#okewa-floating_cta:hover:before{
    opacity:1
}
#okewa-floating_cta:hover .okewa-fc_icon{
    background-color:rgba(0,0,0,0)
}
#okewa-floating_cta .okewa-fc_text{
    position:relative;
    z-index:2;
    color:#fff;
    font-size:14px;
    padding:15px 20px 15px 15px;
    font-family:Arial,Sans-serif;
    vertical-align:sub;
    max-width:288px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    float:left
}
#okewa-floating_cta .okewa-fc_icon{
    position:relative;
    z-index:2;
    height:43px;
    padding:10px 12px;
    border-radius:0 15px 0 0;
    background:rgba(0,0,0,.05);
    float:right;
    transition:background-color .5s ease
}
.okewa-style_1 #okewa-floating_cta{
    bottom:0;
    left:15px;
    border-radius:4px 15px 0 0
}
.okewa-style_2 #okewa-floating_cta{
    bottom:15px;
    left:15px;
    border-radius:100px
}
.okewa-style_2 #okewa-floating_cta .okewa-fc_text{
    padding:15px 15px 15px 20px
}
.okewa-style_2 #okewa-floating_cta .okewa-fc_icon{
    padding:10px 14px
}
.okewa-style_3 #okewa-floating_cta{
    bottom:10px;
    left:15px;
    border-radius:100px
}
.okewa-style_3 #okewa-floating_cta .okewa-fc_text{
    display:none
}
.okewa-style_3 #okewa-floating_cta .okewa-fc_icon{
    padding:14px;
    height:60px;
    width:60px;
    background:rgba(0,0,0,0)
}
.okewa-pulse_3{
    display:none;
    position:fixed;
    border-width:1px;
    border-style:solid;
    border-radius:55px;
    height:55px;
    width:55px;
    bottom:12px;
    left:17px;
    -webkit-animation:ok_widgetPulse infinite 1.5s;
    animation:ok_widgetPulse infinite 1.5s
}
.okewa-style_3 .okewa-pulse_3{
    display:block
}
.okewa-right .okewa-pulse_3{
    left:inherit;
    right:17px
}
@-webkit-keyframes ok_widgetPulse{
    0%{
        opacity:0
    }
    50%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(2,2);
        transform:scale(2,2);
        opacity:0
    }
}
@keyframes ok_widgetPulse{
    0%{
        opacity:0
    }
    50%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(2,2);
        transform:scale(2,2);
        opacity:0
    }
}
.okewa-style_3.okewa-text_3 #okewa-floating_cta{
    overflow:visible
}
.okewa-style_3.okewa-text_3 #okewa-floating_cta .okewa-fc_text{
    display:block;
    position:absolute;
    left:75px;
    top:8px;
    background:#fff;
    color:#333;
    border:1px solid #ddd;
    border-radius:10px;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    max-width:260px
}
.okewa-style_3.okewa-text_3 #okewa-floating_cta .okewa-fc_text:hover{
    background:#f1f1f1;
    transition:all .5s ease
}
.okewa-style_3.okewa-text_3.okewa-right #okewa-floating_cta .okewa-fc_text{
    left:inherit;
    right:75px
}
#okewa-floating_popup{
    position:fixed;
    z-index:999;
    box-shadow:0 0 30px rgba(0,0,0,.3);
    left:15px;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    width:350px;
    font-family:Arial,Sans-serif;
    font-size:14px;
    line-height:1.4
}
.branded #okewa-floating_popup>a{
    display:block!important;
    text-align:center;
    text-decoration:none;
    color:#333;
    background:#fff;
    border-top:1px solid #ddd;
    font-size:12px;
    font-weight:400;
    line-height:2
}
.okewa-style_1 #okewa-floating_popup{
    bottom:60px
}
.okewa-style_2 #okewa-floating_popup{
    bottom:70px
}
.okewa-style_3 #okewa-floating_popup{
    bottom:80px
}
#okewa-floating_popup .okewa-header{
    background:#0dc152;
    text-align:center;
    color:#fff;
    padding:15px
}
#okewa-floating_popup .okewa-header .okewa-close{
    position:absolute;
    left:15px;
    top:25px;
    border-radius:8px;
    width:35px;
    height:35px;
    padding:10px;
    cursor:pointer
}
#okewa-floating_popup .okewa-header .okewa-close:hover{
    background:rgba(0,0,0,.1)
}
#okewa-floating_popup .okewa-header .okewa-avatar{
    height:60px;
    width:60px;
    border-radius:60px;
    display:inline-block;
    overflow:hidden;
    background:#000
}
#okewa-floating_popup .okewa-header .okewa-avatar img{
    width:100%;
    height:100%;
    object-fit:scale-down
}
#okewa-floating_popup .okewa-header .okewa-intro{
    margin-bottom:0;
    margin-top:10px;
    padding:0;
    line-height:1.4;
    font-size:14px;
    color:#fff
}
#okewa-floating_popup .okewa-header .okewa-intro strong{
    display:block;
    margin-bottom:5px;
    font-size:15px
}
#okewa-floating_popup .okewa-chat{
    padding:15px;
    background:url(../img/bg.png);
    background-size:100%
}
#okewa-floating_popup .okewa-chat .okewa-chat_opening{
    display:inline-block;
    position:relative;
    background:#e4fec8;
    color:#333;
    padding:8px 12px;
    border-radius:0 4px 4px 4px;
    box-shadow:0 1px 1px rgba(0,0,0,.2)
}
#okewa-floating_popup .okewa-chat .okewa-chat_opening:before{
    content:"";
    position:absolute;
    left:-10px;
    top:0;
    border-style:solid;
    border-width:0 10px 14px 0;
    border-color:transparent #e4fec8 transparent transparent
}
#okewa-floating_popup .okewa-chat .okewa-chat_opening .okewa-timestamp{
    color:#aaa;
    font-size:11px;
    vertical-align:bottom
}
#okewa-floating_popup .okewa-chat .okewa-chat_opening img{
    width:14px;
    height:14px;
    vertical-align:bottom;
    display:inline-block;
    opacity:.5
}
#okewa-floating_popup .okewa-input{
    position:relative;
    padding:15px;
    border-top:1px solid #f1f1f1;
    color:#666;
    background:#fff;
    box-shadow:0 0 60px rgba(0,0,0,.1)
}
#okewa-floating_popup .okewa-input .okewa-input_content{
    border:0;
    padding:0;
    width:calc(100% - 22px);
    outline:0;
    line-height:1;
    font-size:14px;
    color:#666;
    background:#fff;
    font-family:Arial,sans-serif
}
#okewa-floating_popup .okewa-input .okewa-input_content::placeholder{
    color:#aaa
}
#okewa-floating_popup .okewa-input .okewa-input_icon{
    height:16px;
    width:16px;
    position:absolute;
    top:18px;
    right:15px;
    cursor:pointer;
    opacity:.5
}
#okewa-floating_popup .okewa-input .okewa-input_icon:hover{
    opacity:1
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat{
    padding:0;
    background:#fff;
    max-height:240px;
    overflow-y:auto
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_]{
    font-size:13px;
    padding:10px;
    overflow:hidden;
    border-bottom:1px solid rgba(0,0,0,.05);
    display:flex
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_]:hover{
    background:rgba(0,0,0,.05);
    cursor:pointer
}
#okewa-floating_popup .okewa-multiple_cs .okewa-header .okewa-avatar{
    position:relative;
    margin-left:-50px;
    left:20px;
    border-width:2px;
    border-style:solid;
    border-radius:60px;
    vertical-align:middle;
    overflow:hidden;
    background:#000
}
#okewa-floating_popup .okewa-multiple_cs .okewa-header .okewa-avatar img{
    width:100%;
    height:100%;
    object-fit:scale-down;
    border-radius:60px
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_] .okewa-avatar{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    height:60px;
    width:60px;
    border-radius:60px;
    margin-right:10px;
    overflow:hidden;
    background:#000
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_] .okewa-avatar img{
    width:100%;
    height:100%;
    object-fit:scale-down;
    border-radius:60px
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_] .okewa-cs_profile{
    display:inline-block;
    vertical-align:middle;
    line-height:1;
    color:#666;
    font-size:13px;
    margin-top:5px;
    text-align:left;
    flex:1
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_] .okewa-cs_profile p{
    margin:0;
    padding:0;
    line-height:1
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_] .okewa-cs_profile h3{
    margin:5px 0 3px;
    padding:0;
    color:#000;
    font-family:Arial,Sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:1
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_] .okewa-cs_profile .okewa-cs_status{
    position:relative;
    font-size:10px
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_] .okewa-cs_profile .okewa-cs_status:before{
    content:"";
    background:#0dc152;
    width:7px;
    height:7px;
    border-radius:7px;
    position:absolute;
    top:2px;
    right:-10px
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_].offline .okewa-cs_profile .okewa-cs_status:before{
    background:#aaa
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat div[class^=list-cs_].offline img.okewa-avatar{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%)
}
#okewa-floating_popup .okewa-chat.link-recommendation{
    padding-top:0
}
#okewa-floating_popup .okewa-chat.link-recommendation .okewa-chat_opening{
    padding-top:12px
}
#okewa-floating_popup .okewa-chat.link-recommendation .okewa-chat_opening a{
    text-decoration:none;
    color:#333
}
#okewa-floating_popup .okewa-chat.link-recommendation .okewa-chat_opening a img{
    width:100%;
    height:auto;
    opacity:1;
    margin-bottom:8px;
    border-radius:4px;
    box-shadow:0 1px 5px rgba(0,0,0,.1)
}
.okewa-right #okewa-floating_cta,.okewa-right #okewa-floating_popup{
    left:inherit;
    right:90px
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat::-webkit-scrollbar-track{
    background-color:#eee
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat::-webkit-scrollbar{
    width:10px;
    background-color:#eee
}
#okewa-floating_popup .okewa-multiple_cs .okewa-chat::-webkit-scrollbar-thumb{
    background-color:#ddd
}
#okewa-floating_popup,div[id^=cs_]{
    display:none
}
@media (max-width:767px){
    .okewa-style_1 #okewa-floating_cta{
        left:0;
        right:0;
        bottom:0;
        width:100%;
        max-width:100%;
        border-radius:0
    }
    .okewa-style_2 #okewa-floating_cta{
        bottom:10px;
        right:12px;
        width:calc(100% - 25px);
        max-width:100%
    }
    .okewa-style_1 #okewa-floating_cta .okewa-fc_icon,.okewa-style_2 #okewa-floating_cta .okewa-fc_icon{
        border-radius:0;
        padding:10px 10px 10px 12px
    }
    .okewa-style_1 #okewa-floating_popup,.okewa-style_2 #okewa-floating_popup,.okewa-style_3 #okewa-floating_popup{
        top:0;
        left:0;
        bottom:0;
        width:100%;
        max-width:100%;
        border-radius:0
    }
    #okewa-floating_popup .okewa-chat{
        background:0 0
    }
    #okewa-floating_popup .okewa-input{
        bottom:0;
        position:absolute;
        width:100%;
        box-sizing:border-box
    }
    #okewa-floating_popup .okewa-multiple_cs .okewa-chat{
        max-height:100%;
        height:calc(100vh - 165px)!important
    }
    .okewa-btn.btn_share .okewa-btn_icon{
        padding:10px 10px 10px 14px
    }
    .okewa-btn.btn_share .okewa-btn_text{
        display:inline-block
    }
    .woocommerce .quantity .qty{
        padding:11px 5px!important
    }
}
#okewa-container{
    position:fixed;
    top:30%;
    z-index:1
}
.okewa-btns-right{
    right:0
}
.okewa-btns-left{
    left:0
}
#okewa-container ul{
    padding:0;
    margin:0
}
#okewa-container ul li{
    list-style:none;
    margin:0
}
#okewa-container ul li{
    line-height:45px
}
#okewa-container ul li p{
    margin:0
}
#okewa-container ul li a{
    padding:0 15px 0 0;
    display:block;
    line-height:45px;
    text-align:left;
    white-space:nowrap;
    text-decoration:none
}
#okewa-container ul li span{
    line-height:45px;
    width:50px;
    text-align:center;
    display:inline-block
}
#okewa-container.okewa-btns-left ul li a{
    text-align:right;
    padding:0 0 0 15px
}
#okewa-container.okewa-btns-left ul li span{
    float:right
}
#okewa-container ul li a:hover{
    text-decoration:none
}
#okewa-container .okewa-share-btn{
    position:relative
}
#okewa-container .okewa-share-btn span,#okewa-container.okewa-btns-left .okewa-share-btn span{
    float:none
}
#okewa-container .okewa-share-btn a{
    padding:0
}
#okewa-container.okewa-btns-left .okewa-share-btn i.okewa-share-icon{
    float:right!important
}
#okewa-container.okewa-anim-icons ul li{
    transition:transform .1s
}
#okewa-container.okewa-anim-icons.okewa-btns-right ul li:hover{
    transform:translate(-15px,0)
}
#okewa-container.okewa-anim-icons.okewa-btns-left ul li:hover{
    transform:translate(15px,0)
}
#okewa-container ul li.okewa-share-btn:hover .okewa-social-popup{
    display:block
}
.okewa-social-popup{
    position:absolute;
    top:100%;
    left:100%;
    margin:0 0 0 -50px;
    width:155px;
    display:none
}
#okewa-container.okewa-btns-right .okewa-social-popup{
    right:-100%;
    margin:0 0 0 -110px;
    left:0
}
#okewa-container .okewa-social-popup a{
    padding:0!important;
    text-align:left!important
}
@media (min-width:768px){
    #okewa.mobile-only{
        display:none!important
    }
}
@media (max-width:767px){
    .branded #okewa-floating_popup>a{
        position:absolute;
        bottom:0;
        width:100%
    }
    .branded #okewa-floating_popup .okewa-input{
        bottom:20px
    }
    #okewa.desktop-only{
        display:none!important
    }
    .compact.okewa-style_1 #okewa-floating_cta{
        max-width:90%;
        margin:0 auto;
        border-radius:4px 15px 0 0
    }
    .compact.okewa-style_1 #okewa-floating_popup,.compact.okewa-style_2 #okewa-floating_popup,.compact.okewa-style_3 #okewa-floating_popup{
        top:inherit;
        left:5%;
        right:5%;
        bottom:50px;
        width:90%;
        height:auto;
        border-radius:8px
    }
    .compact.okewa-style_2 #okewa-floating_popup{
        bottom:60px
    }
    .compact.okewa-style_3 #okewa-floating_popup{
        bottom:80px
    }
    .compact #okewa-floating_popup .okewa-multiple_cs .okewa-chat{
        height:auto!important;
        max-height:45vh!important
    }
    .compact #okewa-floating_popup .okewa-input{
        position:relative
    }
    .okewa-style_3.okewa-text_3 #okewa-floating_cta .okewa-fc_text{
        max-width:calc(100vw - 100px)
    }
}
