.c-ic{position:absolute;top:8em;background-color:white;padding-left:57px;width:100%;left:0;border-top:1px solid black;opacity:0;-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s;-webkit-transform:translate3d(0,4em,0) scale3d(1,0.023,1);transform:translate3d(0,4em,0) scale3d(1,0.023,1);}
.edit-bt{top:4px;padding:9px;background-color:#FF0052;border-radius:20px;width:37px;color:whitesmoke;position:relative;-webkit-transition-duration:0.9s;transition-duration:0.9s;}
.center-anim{position:relative;}
.center-anim p{-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s;-webkit-transform:translate3d(0,4em,0) scale3d(1,0.023,1);transform:translate3d(0,4em,0) scale3d(1,0.023,1);}
.center-anim p i{margin-left:2em;font-size:17px;}
.center-anim:hover p{opacity:1;transform:translate3d(4px, 0em, 4px) scale3d(1, 1.023, 1);}
.center-anim:hover .c-ic{opacity:1;padding-top:3px;left:-4px;transform:translate3d(4px, 0em, 4px) scale3d(1, 1.023, 1);}
.top-edit{border-radius:2px 33px 0px 0px;text-align:center;position:absolute;background-color:darkblue;left:0;top:222px;line-height:1.8;color:white;width:43px;opacity:0;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.bottom-del{border-radius:400px 33px 0px 0px;text-align:center;position:absolute;background-color:darkblue;line-height:1.8;color:white;width:43px;-webkit-transition-duration:0.4s;transition-duration:0.4s;top:222px;left:257px;opacity:0;}
.top-bottom:hover .top-edit{opacity:1;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.top-bottom:hover .bottom-del{opacity:1;}
.top-bottom:hover{background:rgba(179, 167, 167, 0.15);}
.card{float:left;position:relative;text-align:center;width:300px;height:250px;margin:7px;}
.card__front,
.card__back{position:absolute;top:0;left:0;width:100%;height:100%;}
.card__front,
.card__back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.card__front{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px #B7ADAD;}
.card__back{border-radius:4px;box-shadow:0 1px 5px #B7ADAD;background:#fff;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.card__text{display:inline-block;}
.btn-set{position:relative;top:80px;}
.card.effect__hover:hover .card__front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.card.effect__hover:hover .card__back{-webkit-transform:rotateY(0);transform:rotateY(0);}
.img-box{height:40px;width:40px;position:absolute;top:6px;border:1px solid #e7e7e7;z-index:1;}
.img-scale{transition-duration:0.6s;}
.img-scale:hover{transform:scale(3.6);transition-duration:0.6s;left:3px;top:-6px;z-index:1;}
.btm{position:absolute;background:#fff;width:100%;bottom:0;opacity:0;text-align:center;-webkit-transition-duration:0.9s;transition-duration:0.9s;}
.cen:hover .btm{opacity:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.edit-bt1{top:4px;padding:9px;background-color:#FF0052;border-radius:20px;width:36px;height:36px;color:whitesmoke;position:relative;font-size:17px;-webkit-transition-duration:0.9s;transition-duration:0.9s;}
.edt-lt{position:absolute;left:4px;top:-30px;-webkit-transition-duration:0.9s;transition-duration:0.9s;}
.del-lt{position:absolute;right:4px;top:-30px;-webkit-transition-duration:0.9s;transition-duration:0.9s;}
.box1{border-radius:4px;margin:0 20px 40px 0;cursor:pointer;}
.box1-h4{padding:12px 0 0 0;}
.box1-fa{padding:0 18px 0px 0px;font-size:18px;}
.wd-auto{width:auto;height:60px;box-shadow:0 0 2px #16be9f;}
.brd{position:relative;}
.abs{position:absolute;display:none;margin-left:-11px;}
.brd:hover .abs{display:inherit;transition:all 0.5s ease-in 0s;}
.brd:hover h4{opacity:0;}
.float-shadow{display:inline-block;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);}
.float-shadow:before{position:absolute;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity;}
.float-shadow:hover, .float-shadow:focus, .float-shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before{opacity:0.4;-webkit-transform:translateY(12px);transform:translateY(12px);}
.curl-top-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
.curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:white;background:linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);box-shadow:-1px 1px 1px rgba(0, 0, 0, 0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height;}
.curl-top-right:hover:before, .curl-top-right:focus:before, .curl-top-right:active:before{width:25px;height:25px;}
.ed-ic{opacity:0;position:absolute;left:0px;top:-2px;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.wd-auto:hover .ed-ic{opacity:1;color:blue;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.del-ic{opacity:0;position:absolute;right:1px;top:-2px;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.wd-auto:hover .del-ic{opacity:1;color:red;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.bg-div{background-color:#16be9f;border-radius:0 4px 0 16px;height:20px;position:absolute;right:0;top:0;width:20px;}
.bg-div1{background-color:#16be9f;border-radius:0 16px 0 4px;height:20px;position:absolute;right:0;top:40px;width:20px;}
.fa-bg{position:absolute;right:3px;color:#fff;}
.fa-bg1{position:absolute;right:6px;top:4px;color:#fff;}
.round-ps{opacity:0;position:absolute;right:5px;top:2px;color:#fff;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.wd-auto:hover .round-ps{opacity:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.bg-round{height:20px;width:20px;border-radius:30px;background-color:#2B689C;position:absolute;right:-8px;top:-5px;}
.fa-round{position:absolute;right:4px;top:2px;}
.edt-tri{border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #16be9f;height:0;width:0;color:#fff;position:absolute;top:0;left:0;opacity:0;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.wd-auto:hover .edt-tri{opacity:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.del-tri{border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:40px solid #16be9f;height:0;width:0;color:#fff;position:absolute;bottom:0;right:0;opacity:0;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.wd-auto:hover .del-tri{opacity:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;}
.fa-edt-tri{position:relative;right:5px;top:-39px;}
.fa-del-tri{position:relative;right:5px;top:16px;}
.edit-fa{position:absolute;right:13px;top:8px;color:#fff;font-size:14px;}
.proof-edt{border-radius:2px 33px 0px 0px;text-align:center;position:absolute;background-color:darkblue;left:0;top:23px;line-height:1.8;color:white;width:30px;opacity:0;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.batch-edt{border-radius:2px 33px 0px 0px;text-align:center;position:absolute;background-color:darkblue;left:0;bottom:0px;line-height:1.8;color:white;width:30px;opacity:0;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.top-bottom:hover .proof-edt, .top-bottom:hover .batch-edt{opacity:1;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.del-fa{position:absolute;right:7px;color:#fff;top:4px;font-size:14px;}
.proof-del{border-radius:0px 0px 33px 400px;text-align:center;position:absolute;background-color:darkblue;line-height:1.8;color:white;width:30px;-webkit-transition-duration:0.4s;transition-duration:0.4s;top:0;opacity:0;right:0px;}
.top-bottom:hover .proof-del{opacity:1;}