@import"https://fonts.googleapis.com/css?family=Roboto:400,700,300";.diamond-showcase{background:#f9f9f9;border:1px solid #e3e3e3;overflow:hidden;position:relative;font-family:"Roboto",sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.diamond-showcase .user_logo{position:absolute;left:10px;top:10px;z-index:3;width:200px;height:80px;display:block}.diamond-showcase .user_logo img{width:100%;height:100%;border:none}.diamond-showcase.narrow .user_logo{display:none}.zoomButtons{position:absolute;width:29px;height:57px;box-shadow:0 1px 4px rgba(0,0,0,.3);outline:none;cursor:pointer;z-index:2;-webkit-transition:left .2s ease-out;-moz-transition:left .2s ease-out;-ms-transition:left .2s ease-out;-o-transition:left .2s ease-out;transition:left .2s ease-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.zoomButtons .zoom{background-color:#fff;border-radius:2px;display:block;height:29px;left:0;overflow:hidden;position:absolute;cursor:pointer;width:29px}.zoomButtons .zoom .icon{background:transparent url(../img/showcase/zoomIcon.png) 0 0 no-repeat;background-size:120px 30px;display:block;height:15px;left:7px;position:absolute;top:7px;width:15px;cursor:pointer}.zoomButtons .zoom.in{top:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.zoomButtons .zoom.in .icon{background-position:0 0}.zoomButtons .zoom.in:hover .icon{background-position:-30px 0}.zoomButtons .zoom.in:active .icon{background-position:-45px 0}.zoomButtons .zoom.in.disabled{pointer-events:none}.zoomButtons .zoom.in.disabled .icon{background-position:-15px 0}.zoomButtons .zoom.out{bottom:0;border-top-left-radius:0;border-top-right-radius:0}.zoomButtons .zoom.out .icon{background-position:0 -15px}.zoomButtons .zoom.out:hover .icon{background-position:-30px -15px}.zoomButtons .zoom.out:active .icon{background-position:-45px -15px}.zoomButtons .zoom.out.disabled{pointer-events:none}.zoomButtons .zoom.out.disabled .icon{background-position:-15px -15px}.zoomButtons .divider{background-color:#e6e6e6;height:1px;left:5px;position:absolute;top:28px;width:19px;cursor:pointer}.loader-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:999}.loader-wrapper .loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;background-color:rgba(0,0,0,.1);-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out}.loader-wrapper .error{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;font-size:280px;width:100%;height:50%;text-align:center;color:tomato}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@-ms-viewport{width:device-width}.diamond-showcase .sidebarButton{left:45px;background-color:#fff;cursor:pointer;color:#404040;position:absolute;border-radius:100%;-moz-box-shadow:0 0 3px 0 rgba(153,153,153,.6);-webkit-box-shadow:0 0 3px 0 rgba(153,153,153,.6);box-shadow:0 0 3px 0 rgba(153,153,153,.6);top:0;z-index:5;width:55px;height:55px;display:none}.diamond-showcase .sidebarButton .menuIcon{display:block;width:19px;height:20px;top:0;left:0;right:0;bottom:0;margin:auto;position:absolute;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.diamond-showcase .sidebarButton .menuIcon:before,.diamond-showcase .sidebarButton .menuIcon:after,.diamond-showcase .sidebarButton .menuIcon .menuIconInner{background:#404040;border-radius:1px;content:"";display:block;height:1px;margin:5px 0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;width:100%}.diamond-showcase .sidebarButton .menuIcon .menuIconInner{text-indent:-9999px}.diamond-showcase .sidebarButton.open{left:355px}.diamond-showcase .sidebarButton.open .menuIcon{width:20px}.diamond-showcase .sidebarButton.open .menuIcon:before{-webkit-transform:rotate(45deg) translate3d(4px, 4px, 0);-moz-transform:rotate(45deg) translate3d(4px, 4px, 0);-ms-transform:rotate(45deg) translate3d(4px, 4px, 0);-o-transform:rotate(45deg) translate3d(4px, 4px, 0);transform:rotate(45deg) translate3d(4px, 4px, 0)}.diamond-showcase .sidebarButton.open .menuIcon .menuIconInner{opacity:0}.diamond-showcase .sidebarButton.open .menuIcon:after{-webkit-transform:rotate(-45deg) translate3d(4.5px, -4.5px, 0);-moz-transform:rotate(-45deg) translate3d(4.5px, -4.5px, 0);-ms-transform:rotate(-45deg) translate3d(4.5px, -4.5px, 0);-o-transform:rotate(-45deg) translate3d(4.5px, -4.5px, 0);transform:rotate(-45deg) translate3d(4.5px, -4.5px, 0)}.diamond-showcase .backdrop{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:3;display:none}.diamond-showcase .backdrop.backdrop-show-hide{opacity:1;-webkit-transition:.2s ease-out opacity;transition:.2s ease-out opacity}.diamond-showcase .backdrop.backdrop-show-hide.ng-hide{opacity:0}.diamond-showcase .sideMenu{width:340px;position:absolute;height:100%;top:0;bottom:0;background:#fff;z-index:4;box-shadow:0 0 2px #d3d3d3;color:#404040;overflow:hidden}.diamond-showcase .sideMenu .showcaseScroll{width:100%;-webkit-overflow-scrolling:touch;position:absolute}.diamond-showcase .sideMenu .showcaseScroll::-webkit-scrollbar{display:none}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu{width:100%;min-height:100%;padding:0;margin:0 auto -65px auto}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .showcaseLogo{width:200px;height:80px;margin:10px auto 15px;background-size:200px 80px;background-position:center bottom;background-repeat:no-repeat}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDescription{margin:0 30px}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDescription .diamondTitle{box-sizing:border-box;color:#404040;display:block;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;line-height:28.6000003815px;margin-bottom:10px;margin-top:20px;text-align:left;visibility:visible;width:100%}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDescription .diamondText{box-sizing:border-box;color:#404040;display:block;font-family:Roboto,sans-serif;font-size:14px;font-weight:300;line-height:20px;margin-bottom:10px;margin-left:0;margin-right:0;margin-top:0;visibility:visible;width:100%}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing{margin-top:30px;margin-left:30px;height:150px;background-position:bottom left;background-size:146px 100%;background-repeat:no-repeat;position:relative;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing>div{position:absolute}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing.three_dimensions{left:20px}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing.three_dimensions .width{top:56px;left:103px}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing.three_dimensions .height{top:104px;left:103px}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing.three_dimensions .length{top:6px;left:10px;width:79px;text-align:center}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing.two_dimensions{left:20px}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing.two_dimensions .width{top:34px;left:96px}.diamond-showcase .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing.two_dimensions .height{top:103px;left:96px}.diamond-showcase .sideMenu .showcaseScroll .footer{width:100%;min-width:100%;height:65px;text-align:center;color:#dadada;font-weight:300;font-size:13px;line-height:90px;background:#fff;border:none}.diamond-showcase .sideMenu .showcaseScroll .footer .lionsorbetLink{color:#59a5c1;display:inline}.diamond-showcase .sideMenu .showcaseScroll .footer .lionsorbetLink:hover{text-decoration:none}.diamond-showcase .sideMenu .showcaseScroll .push{height:65px;background:#fff}.diamond-showcase .sideMenu.menu-show-hide{-webkit-transition:.2s ease-out left;transition:.2s ease-out left;left:0}.diamond-showcase .sideMenu.menu-show-hide.ng-hide{left:-340px}.diamond-showcase .top-grad,.diamond-showcase .bottom-grad{width:100%;height:30px;position:absolute;left:0;-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;-o-pointer-events:none;pointer-events:none}.diamond-showcase .top-grad{top:0;background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);background:-ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);background:linear-gradient(to top, rgba(255, 255, 255, 0) 0%, white 100%)}.diamond-showcase .bottom-grad{bottom:0;background:-moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);background:-ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%)}.diamond-showcase.narrow .backdrop{display:block}.diamond-showcase.narrow .sidebarButton{top:10px;left:0;right:0;margin:0 auto;z-index:5}.diamond-showcase.narrow .sidebarButton.open{top:10px;left:0;right:0;margin:0 auto}.diamond-showcase.narrow .sideMenu{position:absolute;top:15px;right:0;left:0;width:90%;margin:auto;transform-origin:top center}.diamond-showcase.narrow .sideMenu .showcaseScroll{width:100%}.diamond-showcase.narrow .sideMenu .showcaseScroll .showcaseLogo{height:100px;width:100%;margin-top:15px;margin-left:0}.diamond-showcase.narrow .sideMenu .showcaseScroll .innerSideMenu{width:85%;left:0;right:0}.diamond-showcase.narrow .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing.three_dimensions{left:auto;right:auto;margin:0 auto;width:180px}.diamond-showcase.narrow .sideMenu .showcaseScroll .innerSideMenu .diamondDrawing.two_dimensions{left:auto;right:auto;margin:0 auto;width:160px}.diamond-showcase.narrow .sideMenu .showcaseScroll .innerSideMenu .diamondDescription{margin:0;width:100%;overflow:visible}.diamond-showcase.narrow .sideMenu .showcaseScroll .innerSideMenu .diamondDescription h3{margin-bottom:10px;font-size:18px}.diamond-showcase.narrow .sideMenu .showcaseScroll .innerSideMenu .diamondDescription p{font-size:16px;font-weight:300;line-height:25px}.diamond-showcase.narrow .sideMenu.menu-show-hide{-webkit-transition:.2s ease-out transform;transition:.2s ease-out transform;transform-origin:top center !important;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}.diamond-showcase.narrow .sideMenu.menu-show-hide.ng-hide{transform-origin:top center !important;left:0;-webkit-transform:scale(0, 0);-moz-transform:scale(0, 0);-ms-transform:scale(0, 0);-o-transform:scale(0, 0);transform:scale(0, 0)}.diamond-showcase.wide .backdrop{display:none !important}.diamond-showcase.wide.animate-hand .sidebarButton{-webkit-transition:left .2s ease-out;-moz-transition:left .2s ease-out;-ms-transition:left .2s ease-out;-o-transition:left .2s ease-out;transition:left .2s ease-out}.diamond-showcase.mouse .sidebarButton .menuIcon{opacity:.5}.diamond-showcase.mouse .sidebarButton:hover .menuIcon{opacity:1}.diamond-showcase .dropdownContainer{width:100%;position:relative;overflow:visible}.diamond-showcase .dropdownContainer .lab{width:100%;font-size:16px;font-weight:300;line-height:25px;color:#888;border-bottom:1px solid #eee;height:26px;margin:20px 0;cursor:pointer}.diamond-showcase .dropdownContainer .lab .value{width:50%;float:right;position:relative;height:26px}.diamond-showcase .dropdownContainer .lab .value .tiCaret{position:absolute;top:0;right:25px;bottom:0;margin:auto 0;width:0;height:0;border-style:solid;border-width:8.7px 5px 0 5px;border-color:#b9b9b9 transparent transparent transparent}.diamond-showcase .dropdownContainer .showcase-dropdown{width:135px;position:absolute;top:-60px;right:9px;padding-left:0;padding-top:8px;padding-bottom:8px;background:#fff;border:1px solid #eee;box-shadow:0 0 10px 0 rgba(238,238,238,.75);z-index:5;transform-origin:left 70px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.diamond-showcase .dropdownContainer .showcase-dropdown.ng-hide{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.diamond-showcase .dropdownContainer .showcase-dropdown .tiLabel{width:auto;height:48px;line-height:48px;font-size:16px;position:relative;cursor:pointer;padding-left:15px;padding-right:15px;overflow:visible}.diamond-showcase .dropdownContainer .showcase-dropdown .tiLabel .colour{width:15px;height:15px;border-radius:100%;position:absolute;top:0;bottom:0;right:15px;margin:auto 0;overflow:visible}.diamond-showcase .dropdownContainer .showcase-dropdown .tiLabel:hover{background:#fafafa}.diamond-showcase .handHolder{position:absolute;z-index:1}.diamond-showcase .handHolder .hand{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:top left;background-size:100% 100%}.diamond-showcase .handHolder .hand.zoomed .ringMid .shank{width:163.5px;height:150px;top:465px;left:329px}.diamond-showcase .handHolder .hand .ringMid{width:35.7%;height:40.8%;position:absolute;top:0;left:0;overflow:visible}.diamond-showcase .handHolder .hand .ringMid .shank{position:absolute;z-index:2;background-repeat:no-repeat;background-size:100% 100%;width:83.5px;height:83.5px;top:227px;left:166px;transform-origin:center center;-webkit-transition:all .24s ease-out;-moz-transition:all .24s ease-out;-ms-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.diamond-showcase .handHolder .hand .ringMid .stone{position:absolute;z-index:2;background-repeat:no-repeat;background-size:100% 100%;transform-origin:center center;-webkit-transition:all .24s ease-out;-moz-transition:all .24s ease-out;-ms-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.diamond-showcase.animate-hand .handHolder{-webkit-transition:all .24s ease-out;-moz-transition:all .24s ease-out;-ms-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.diamond-showcase .selectorWheel{position:absolute;overflow:hidden;z-index:2}.diamond-showcase .selectorWheel .option{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;position:absolute;opacity:0;z-index:1;overflow:visible}.diamond-showcase .selectorWheel .option .button{text-align:center;font-size:16px;position:relative;border:none;box-shadow:none;padding:0;border-radius:0;display:block;background:none !important}.diamond-showcase .selectorWheel .option .button p{color:#999 !important;-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;-o-pointer-events:none;pointer-events:none;margin:0;line-height:71px !important;text-align:center}.diamond-showcase .selectorWheel .option .button .wheel-option{width:67%;height:auto;filter:opacity(0.5) drop-shadow(0 0 0 #999);-webkit-filter:opacity(0.5) drop-shadow(0 0 0 #999);display:inline;vertical-align:middle}.diamond-showcase .selectorWheel .option.selected{opacity:1;z-index:3}.diamond-showcase .selectorWheel .option.selected .button p{color:#999}.diamond-showcase .selectorWheel .circle{position:absolute;left:0;z-index:2;border-radius:100%;background-color:#fff;-moz-box-shadow:0 0 3px 0 rgba(153,153,153,.6);-webkit-box-shadow:0 0 3px 0 rgba(153,153,153,.6);box-shadow:0 0 3px 0 rgba(153,153,153,.6);z-index:2;-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;-o-pointer-events:none;pointer-events:none}.diamond-showcase .selectorWheel .back-block,.diamond-showcase .selectorWheel .front-block{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;pointer-events:none;transform-origin:center center;-webkit-transition:transform .3s ease-out,opacity .3s ease-out;-moz-transition:transform .3s ease-out,opacity .3s ease-out;-ms-transition:transform .3s ease-out,opacity .3s ease-out;-o-transition:transform .3s ease-out,opacity .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}.diamond-showcase .selectorWheel .front-block{z-index:8}.diamond-showcase .selectorWheel.open .option{opacity:1;z-index:3}.diamond-showcase .selectorWheel.grab .option{cursor:-moz-grabbing;cursor:-webkit-grabbing}.diamond-showcase .selectorWheel.animate .option{-webkit-transition:top .36s ease-out,left .36s ease-out,opacity .36s ease-out;-moz-transition:top .36s ease-out,left .36s ease-out,opacity .36s ease-out;-ms-transition:top .36s ease-out,left .36s ease-out,opacity .36s ease-out;-o-transition:top .36s ease-out,left .36s ease-out,opacity .36s ease-out;transition:top .36s ease-out,left .36s ease-out,opacity .36s ease-out}.diamond-showcase.wide .selectorWheel.style{right:240px}.diamond-showcase.wide .selectorWheel.size{right:20px}.diamond-showcase.wide .selectorWheel.stone{right:130px}.diamond-showcase.wide .selectorWheel .back-block.ng-hide,.diamond-showcase.wide .selectorWheel .front-block.ng-hide{opacity:0;-webkit-transform:scale(0.7, 1);-moz-transform:scale(0.7, 1);-ms-transform:scale(0.7, 1);-o-transform:scale(0.7, 1);transform:scale(0.7, 1)}.diamond-showcase.narrow .selectorWheel.size{bottom:20px}.diamond-showcase.narrow .selectorWheel.stone{bottom:120px}.diamond-showcase.narrow .selectorWheel.style{bottom:220px}.diamond-showcase.narrow .selectorWheel .back-block.ng-hide,.diamond-showcase.narrow .selectorWheel .front-block.ng-hide{opacity:0;-webkit-transform:scale(1, 0.7);-moz-transform:scale(1, 0.7);-ms-transform:scale(1, 0.7);-o-transform:scale(1, 0.7);transform:scale(1, 0.7)}.diamond-showcase.mouse .selectorWheel .option .button{-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;opacity:.5}.diamond-showcase.mouse .selectorWheel .option:hover .button{opacity:1}.diamond-showcase.mouse .selectorWheel.open .button{opacity:1}/*# sourceMappingURL=style.css.map */