*{margin:0;padding:0;box-sizing:border-box}body{background:#fefbfd}.blast-box{position:fixed;width:300px;height:300px;top:-2px;left:-260px;color:#3c8137;z-index:9999;font-family:sans-serif;transition:.5s cubic-bezier(1,1.48,.76,.95) left}.blast-icon{position:absolute;width:40px;line-height:40px;right:0;bottom:0;color:#000;background:#fff;text-align:center;border-radius:20px;font-size:20px;cursor:pointer;border:1px solid #000;perspective:1000px;transition:.5s ease all;transform-origin:left;transition-delay:.5s;z-index:9999;box-shadow:0 1px 8px 0 black}.blast-box .blast-frame{position:absolute;width:calc(100% - 40px);height:300px;top:0;left:0;background:#000;text-align:center;text-transform:uppercase;letter-spacing:10px;color:#fff;padding:20px 5px}.blast-box .blast-colors{margin:20px;padding-bottom:20px}.blast-box .blast-color{position:relative;float:left;margin:2px;height:25px;width:25px;max-height:25px;max-width:25px;background:#000;color:transparent;overflow:hidden;cursor:pointer;border:2px solid #fff}.blast-box .blast-custom-colors{clear:both;padding-top:40px}.blast-box input[name="blastCustomColor"]{margin-top:20px;cursor:pointer;height:30px;width:100px;border:none;outline:none;background:transparent;padding:0}.appear-it{left:0}.flip-it{transform:rotateY(180deg);border-left:none}.view-tenth img{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.view-tenth .mask{background-color:#9a9898;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0}.view-tenth p{color:#333;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear}.view-tenth a.info{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear}.view-tenth:hover img{-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transform:scale(10);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0}.view-tenth:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1}.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1}