.card.ie-10.flipped{-webkit-transform:0deg;-ms-transform:0deg;transform:0deg}.card.ie-10.flipped .front{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.card.ie-10.flipped .back{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.card.ie-10.flipped .back:after{left:18%}.card.ie-10.flipped .back .cvc{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);left:5%}.card.ie-10.amex .back{display:none}.card-logo{height:36px;width:60px;font-style:italic}.card-logo,.card-logo:before,.card-logo:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.card-container{-webkit-perspective:1000px;perspective:1000px;width:350px;max-width:100%;height:200px;margin:auto;z-index:1;position:relative}.card{font-family:"Helvetica Neue";line-height:1;position:relative;width:100%;height:100%;min-width:315px;border-radius:10px;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 400ms linear;transition:all 400ms linear}.card>*,.card>*:before,.card>*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.card.flipped{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.card .front,.card .back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 400ms linear;transition:all 400ms linear;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:10px;background:#ddd}.card .front:before,.card .back:before{content:" ";display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;border-radius:10px;-webkit-transition:all 400ms ease;transition:all 400ms ease}.card .front:after,.card .back:after{content:" ";display:block}.card .front .display,.card .back .display{color:#fff;font-weight:normal;opacity:.5;-webkit-transition:opacity 400ms linear;transition:opacity 400ms linear}.card .front .display.focused,.card .back .display.focused{opacity:1;font-weight:700}.card .front .cvc,.card .back .cvc{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:14px}.card .front .card-logo{position:absolute;opacity:0;right:5%;top:8%;-webkit-transition:400ms;transition:400ms}.card .front .lower{width:80%;position:absolute;left:10%;bottom:30px}@media only screen and (max-width:480px){.card .front .lower{width:90%;left:5%}}.card .front .lower .cvc{visibility:hidden;float:right;position:relative;bottom:5px}.card .front .lower .number{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:24px;clear:both;margin-bottom:30px}.card .front .lower .expiry{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;letter-spacing:0;position:relative;float:right;width:25%}.card .front .lower .expiry:before,.card .front .lower .expiry:after{font-family:"Helvetica Neue";font-weight:bold;font-size:7px;white-space:pre;display:block;opacity:.5}.card .front .lower .expiry:before{content:attr(data-before);margin-bottom:2px;font-size:7px;text-transform:uppercase}.card .front .lower .expiry:after{position:absolute;content:attr(data-after);text-align:right;right:100%;margin-right:5px;margin-top:2px;bottom:0}.card .front .lower .name{text-transform:uppercase;font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:20px;max-height:45px;position:absolute;bottom:0;width:190px;-webkit-line-clamp:2;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.card .back{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.card .back .bar{background-color:#444;background-image:-webkit-linear-gradient(#444,#333);background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#333));background-image:linear-gradient(#444,#333);width:100%;height:20%;position:absolute;top:10%}.card .back:after{content:" ";display:block;background-color:#fff;background-image:-webkit-linear-gradient(#fff,#fff);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:linear-gradient(#fff,#fff);width:80%;height:16%;position:absolute;top:40%;left:2%}.card .back .cvc{position:absolute;top:40%;left:85%;-webkit-transition-delay:600ms;transition-delay:600ms}.card .back .shiny{position:absolute;top:66%;left:8%}.card .back .shiny:after{content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat dapibus ipsum, vitae vestibulum tellus tempus vestibulum. Sed ac tincidunt nisl, sed ornare orci. Morbi et lacus placerat, blandit tellus ut, congue eros. Fusce et neque nec risus viverra posuere in at purus.";position:absolute;left:120%;top:5%;color:#fff;font-size:10px;width:300px;opacity:.5}.card.identified{-webkit-box-shadow:0 0 20px rgba(0,0,0,.3);box-shadow:0 0 20px rgba(0,0,0,.3)}.card.identified .front,.card.identified .back{background-color:#000;background-color:rgba(86,159,255,1)}.card.identified .front:before,.card.identified .back:before{-webkit-transition:all 400ms ease;transition:all 400ms ease;background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-radial-gradient(30% 30%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-radial-gradient(70% 70%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-radial-gradient(90% 20%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-radial-gradient(15% 80%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-radial-gradient(circle at 30% 30%,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-radial-gradient(circle at 70% 70%,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-radial-gradient(circle at 90% 20%,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-radial-gradient(circle at 15% 80%,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%);background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-radial-gradient(30% 30%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-radial-gradient(70% 70%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-radial-gradient(90% 20%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-radial-gradient(15% 80%,circle,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-linear-gradient(115deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-radial-gradient(circle at 30% 30%,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-radial-gradient(circle at 70% 70%,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-radial-gradient(circle at 90% 20%,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-radial-gradient(circle at 15% 80%,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),linear-gradient(-25deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%);opacity:1}.card.identified .front .card-logo,.card.identified .back .card-logo{-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.3);box-shadow:0 0 0 2px rgba(255,255,255,.3)}.card.identified.no-radial-gradient .front:before,.card.identified.no-radial-gradient .back:before{background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-linear-gradient(-245deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%);background-image:-webkit-repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-linear-gradient(315deg,rgba(255,255,255,.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.03) 4px),-webkit-repeating-linear-gradient(0deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-repeating-linear-gradient(240deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),-webkit-linear-gradient(115deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 1px,rgba(255,255,255,0) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),repeating-linear-gradient(210deg,rgba(255,255,255,0) 1px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.05) 4px),linear-gradient(-25deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%)}