.dl-vb-1{display:inline-block;transition:all .5s ease;-webkit-transition:all .5s ease;}.dl-vb-1 svg{width:110px;height:110px;}.dl-vb-1 .circle{stroke:#ffffff;stroke-dasharray:650;stroke-dashoffset:650;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;opacity:.3;}.dl-vb-1 .triangle{transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;stroke-dasharray:240;stroke-dashoffset:480;stroke:#ffffff;transform:translateY(0);}.dl-vb-1:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#ffffff;animation:nudge .7s ease-in-out;}@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}.dl-vb-1:hover .circle{stroke-dashoffset:0;opacity:1;}.dl-vb-2{background-color:#fff;position:relative;width:100px;height:100px;line-height:100px;font-size:24px;color:#333;text-align:center;display:block;border-radius:50%;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;}.dl-vb-2:hover{background-color:#333;color:#fff;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;}.dl-vb-2 .ripple,.dl-vb-2 .ripple:before,.dl-vb-2 .ripple:after{position:absolute;left:50%;top:50%;width:98px;height:98px;transform:translateX(-50%) translateY(-50%);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.50);-moz-box-shadow:0 0 0 0 rgba(255,255,255,.50);-ms-box-shadow:0 0 0 0 rgba(255,255,255,.50);-o-box-shadow:0 0 0 0 rgba(255,255,255,.50);box-shadow:0 0 0 0 rgba(255,255,255,.50);-webkit-animation:rippleOne 3s infinite;-moz-animation:rippleOne 3s infinite;-ms-animation:rippleOne 3s infinite;-o-animation:rippleOne 3s infinite;animation:rippleOne 3s infinite;}.dl-vb-2 .ripple:before{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-ms-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;right:0;bottom:0;}.dl-vb-2 .ripple:after{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute;right:0;bottom:0;}@-webkit-keyframes rippleOne{70%{box-shadow:0 0 0 70px rgba(244,68,56,.0)}100%{box-shadow:0 0 0 0 rgba(244,68,56,.0)}}@keyframes rippleOne{70%{box-shadow:0 0 0 70px rgba(244,68,56,.0)}100%{box-shadow:0 0 0 0 rgba(244,68,56,.0)}}.dl-vb-3{background-color:#fff;cursor:pointer;font-size:24px;fill:#333;z-index:2;height:70px;width:70px;line-height:70px;text-align:center;border-radius:50%;-webkit-animation:btn-anim 1s linear infinite;animation:btn-anim 1s linear infinite;-webkit-transition:all .5s linear;transition:all .5s linear;}.dl-vb-3 svg{width:30px;margin-left:5px;margin-bottom:5px;vertical-align:middle;}.dl-vb-3:hover{background-color:#333;fill:#fff;-webkit-transition:all .5s linear;transition:all .5s linear;}@keyframes btn-anim{0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1);box-shadow:0 0 0 0 rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1)}100%{-webkit-box-shadow:0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1),0 0 0 60px rgba(255,255,255,0);box-shadow:0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1),0 0 0 60px rgba(255,255,255,0)}}.el-lightbox:hover{cursor:pointer;}