* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin:0;}#product-card.animate #product-back, #product-card.animate #product-front{top:0px;left:0px;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out;}div#product-card.flip-10{-webkit-transform:rotateY( -10deg );-moz-transform:rotateY( -10deg );-o-transform:rotateY( -10deg );transform:rotateY( -10deg );transition:50ms ease-out;}div#product-card.flip90{-webkit-transform:rotateY( 90deg );-moz-transform:rotateY( 90deg );-o-transform:rotateY( 90deg );transform:rotateY( 90deg );transition:100ms ease-in;}div#product-card.flip190{-webkit-transform:rotateY( 190deg );-moz-transform:rotateY( 190deg );-o-transform:rotateY( 190deg );transform:rotateY( 190deg );transition:100ms ease-out;}div#product-card.flip180{-webkit-transform:rotateY( 180deg );-moz-transform:rotateY( 180deg );-o-transform:rotateY( 180deg );transform:rotateY( 180deg );transition:150ms ease-out;}#product-card.animate{top:0;left:0;width:100%;height:500px;box-shadow:none;-webkit-transition:100ms ease-out;-moz-transition:100ms ease-out;-o-transition:100ms ease-out;transition:100ms ease-out;}.stats-container{background:#ffffff;position:absolute;top:auto;bottom:-10px;left:0;width:100%;height:120px;padding:27px 35px 35px;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;}.stats-container .product_name{font-size:22px;color:#393c45;}.stats-container p{font-size:16px;color:#b1b1b3;padding:2px 0 20px 0;}.stats-container .product_price{float:right;color:#48cfad;font-size:22px;font-weight:600;}.image_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1d2f54d9;opacity:0;}#product-card.animate .image_overlay{opacity:0.7;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;}.product-options strong{font-weight:700;color:#393c45;font-size:14px;}.product-options span{color:#969699;font-size:14px;display:block;margin-bottom:8px;}#product-card.animate #view_details{opacity:1;width:152px;font-size:15px;margin-left:-75px;top:115px;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;}div.colors div{margin-top:3px;width:15px;height:15px;margin-right:5px;float:left;}div.colors div span{width:15px;height:15px;display:block;border-radius:50%;}div.colors div span:hover{width:17px;height:17px;margin:-1px 0 0 -1px;}div.c-blue span{background:#6e8cd5;}div.c-red span{background:#f56060;}div.c-green span{background:#44c28d;}div.c-white span{background:#fff;width:14px;height:14px;border:1px solid #e8e9eb;}div.shadow{width:100%;height:520px;opacity:0;position:absolute;top:0;left:0;z-index:3;display:none;background:linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.2));}#product-back div.shadow{z-index:10;opacity:1;background:linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0.1));}#flip-back:hover #cx, #flip-back:hover #cy{background:#979ca7;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}#cx.s1, #cy.s1{right:0;width:30px;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out;}#cy.s2{-ms-transform:rotate(50deg);-webkit-transform:rotate(50deg);transform:rotate(50deg);-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out;}#cy.s3{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out;}#cx.s1{right:0;width:30px;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out;}#cx.s2{-ms-transform:rotate(140deg);-webkit-transform:rotate(140deg);transform:rotate(140deg);-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out;}#cx.s3{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:all 100ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out;}#carousel ul{position:absolute;top:0;left:0;padding:0;display:flex;}#carousel li{width:414px !important;height:500px;overflow:hidden;display:flex;justify-content:center;align-items:center;}.arrows-perspective{width:100%;height:55px;position:absolute;top:50%;transform-style:preserve-3d;transition:transform 5s;perspective:0;}.carouselPrev{left:0;top:0;undefined:undefined;-moz-transform:rotateY( 117deg );-o-transform:rotateY( 117deg );position:absolute;height:52px;width:50px;background:aliceblue;display:flex;align-items:center;}.carouselNext{top:0;right:0;undefined:undefined;-moz-transform:rotateY( -117deg );-o-transform:rotateY( -117deg );transition:all 200ms ease-out;position:absolute;height:52px;width:50px;background:aliceblue;display:flex;align-items:center;}.carouselNext.visible{right:0;opacity:0.8;background:#efefef;-webkit-transform:rotateY( 0deg );-moz-transform:rotateY( 0deg );-o-transform:rotateY( 0deg );transform:rotateY( 0deg );transition:all 200ms ease-out;}.carouselPrev.visible{left:0;opacity:0.8;background:#eee;-webkit-transform:rotateY( 0deg );-moz-transform:rotateY( 0deg );-o-transform:rotateY( 0deg );transform:rotateY( 0deg );transition:all 200ms ease-out;}#carousel .x, #carousel .y{height:2px;width:15px;background:#f26522;position:absolute;top:31px;left:17px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}#carousel .x{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);top:21px;}#carousel .carouselNext .x{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}#carousel .carouselNext .y{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}#make-3D-space{perspective:800px;width:100%;height:500px;transform-style:preserve-3d;transition:transform 5s;}#product-card{width:100%;height:500px;position:absolute;top:0;left:0;overflow:hidden;transform-style:preserve-3d;-webkit-transition:100ms ease-out;-moz-transition:100ms ease-out;-o-transition:100ms ease-out;transition:100ms ease-out;border:1px solid #eee;border-radius:15px;background-color:#f4f4f4;}#product-front{width:100%;height:500px;background:#f7f7f7;position:absolute;left:0;top:0;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out;}#view_details{position:absolute;top:112px;left:50%;margin-left:-85px;border:2px solid #fff;color:#fff;font-size:19px;text-align:center;text-transform:uppercase;font-weight:700;padding:10px 0;width:172px;opacity:0;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;}#view_details:hover{background:#fff;color:#f26522;cursor:pointer;}#product-back{display:none;transform:rotateY( 180deg );width:100%;height:500px;background:#fff;position:absolute;left:0;top:0;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out;}#flip-back{position:absolute;top:20px;right:20px;width:30px;height:30px;cursor:pointer;}#cx{background:#d2d5dc;position:absolute;width:0px;top:15px;right:15px;height:3px;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}#cy{background:#d2d5dc;position:absolute;width:0px;top:15px;right:15px;height:3px;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}#carousel{width:100%;height:500px;overflow:hidden;position:relative;left:0;top:0;}