/*
* @since             0.1
* @version           1.0
*/
body{
    font-family: sans-serif; background: transparent; display:block !important; margin: 0 !important;
}
#proof{
    position: absolute;
    bottom: 0px;
}
#proof.loaded{
    display: block !important;
}
#proof .proof{
    position: absolute !important;
    transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 500ms;
    -webkit-transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 500ms;
    -moz-transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 500ms;
    -o-transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 500ms;
    width: 300px;
    height: 65px;
    background-color: #fff;
    border-radius: 0.8em;
    padding: 3px;
    line-height: 1.4;
    box-shadow: 0 0 15px 0px rgba(0,0,0,0.15);
    bottom: -80px;
    left: 10px;
    overflow: hidden;
    text-align: left;
    font-weight:300;
    display:-webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
}
#proof .proof.proof-in{
    bottom:10px;
}
#proof .proof .proofimg-wrap {
    pointer-events: none;
    display:-webkit-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 60px;
    max-height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 0.8em;
    margin-right: 10px;
    overflow: hidden;
    margin-left: 2px;
}
#proof .proof .proofimg{
    width: 100%;
    height: 100%;
    min-width: 60px;
    min-height: 60px;
}
#proof .proofname, #proof .proofproduct, #proof .timeago{
    display:block;
}
#proof .proof .prooftxt-wrap {
    pointer-events: none;
    display:-webkit-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
#proof .proof .proofname{
    font-weight: bolder;
    font-size: 13px;
    color: #000;
    text-transform: capitalize;
}
#proof .proof .proofcity{
    text-transform: none;
}
#proof .proof .proofproduct{
    color: #000;
    font-size: 11px;
}
#proof .proof .timeago, #proof .proof .wpsocialproof a{
    font-size: 9px;
    text-decoration: underline;
    color: #999;
}
#proof .stopproof:after {
    content: '✖'; /* UTF-8 symbol */
    color: #777;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    right: 20px;
    top: 10px;
    transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
}
#proof .stopproof:hover:after{
    color: #000;
}
#proof .proof .wpsocialproof{
    position: absolute;
    right: 20px;
    bottom: 11px;
    color: #999;
    font-size: 10px;
}
.socialproof-iframe{
    transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 500ms;
    -webkit-transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 500ms;
    -moz-transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 500ms;
    -o-transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 500ms;
    display: block !important;
    outline: none !important;
    box-shadow: none !important;
    position: fixed !important;
    border: 0px !important;
    padding: 0px !important;
    z-index: 2147483647 !important;
    cursor: auto !important;
    float: none !important;
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
    margin: 0px !important;
    top: auto !important;
    right: auto !important;
    left: 0px !important;
    bottom: -90px;
}
.socialproof-iframe.proof-in{
    bottom: 0;
}

/* VIRAL & GA */
#proof .proof.viral .prooftxt-wrap {
    width: 60%;
}

#proof .proof.viral .proofcity, #proof .proof.viral .timeago, #proof .proof.viral .wpsocialproof {
    display: none;
}

#proof .proof.viral .proofname {
    text-transform: none;
    font-weight: 300;
}
#proof .proof.viral .proofname b {
    font-weight:  700;
    background-color: #f0ffeb;
    color: #277c2f;
    font-size: 14px;
    padding: 3px;
}
#proof .proof.viral.ga .proofname b {
    background-color: #e9f4ff;
    color: #0c68c7;
}

#proof .proof .proofimg-wrap.default {
    background-color: #39b54a;
	background-color: #000;
}
#proof .proof.viral.ga .proofimg-wrap.default {
    background-color: #0c68c7;
}
#proof .proof .proofimg-wrap.default img{
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}
#proof .proof.viral.ga .proofimg-wrap.default img {
    -webkit-animation:ping 1.5s ease-in-out infinite both;
    animation:ping 1.5s ease-in-out infinite both
}
/*****************/

#proof .proof.proof-mobile{
    width: 96vw;
    left: 4px;
    bottom: -2px !important;
}
@media (max-width: 480px){
    .socialproof-iframe{
        width: 100vw !important;
        max-width: none !important;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    #proof .proof{
        display:-ms-flexbox;
    }
}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes ping{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}@keyframes ping{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}