html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,button,input,select,textarea,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;color:inherit;vertical-align:baseline;box-sizing:border-box}body{line-height:1}strong{font-weight:600}em{font-style:italic}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}.row{margin-right:-30px;margin-left:-30px}@media screen and (max-width: 1300px){.row{margin-right:-10px;margin-left:-10px}}.col,*[class*=col-]{max-width:100%;min-height:1px;padding:0 30px}@media screen and (max-width: 1300px){.col,*[class*=col-]{padding:0 10px}}.padded-col{padding-left:15px;padding-right:15px}.col-12{width:100%;float:left}.col-11{width:91.66666667%;float:left}.col-10{width:83.33333333%;float:left}.col-9{width:75%;float:left}.col-8{width:66.66666667%;float:left}.col-7{width:58.33333333%;float:left}.col-6{width:50%;float:left}.col-5{width:41.66666667%;float:left}.col-4{width:33.33333333%;float:left}.col-3{width:25%;float:left}.col-2{width:16.66666667%;float:left}.col-1{width:8.33333333%;float:left}.col-2-4{width:20%;float:left}.col-1-5{width:12.5%;float:left}.float-right{float:right}.form-group{display:block;margin-bottom:20px;position:relative}.form-group label,.form-group .control-label{display:block;float:left;width:95px;line-height:35px}.form-group label span,.form-group .control-label span{vertical-align:middle;line-height:1.2;display:inline-block}.form-group .control-value{display:block}.form-group .list-group{font-weight:300}.form-group .list-group .list-group-item{display:inline-block;margin:0 0 5px;overflow:hidden;line-height:40px;color:#4a4a4a;background:#fff;text-decoration:none;padding:0 20px;box-shadow:1px 1px 3px #00000080}.form-group .list-group .list-group-item.row-first{border-top-left-radius:10px;border-bottom-left-radius:10px}.form-group .list-group .list-group-item.row-last{border-top-right-radius:10px;border-bottom-right-radius:10px}.form-group .list-group .list-group-item.disabled{background:#d9d9d6;color:#888b8d}.form-group .list-group .list-group-item.active{color:#fff;background:#4a4a4a;box-shadow:none}.form-group .image-group{text-align:center}.form-group .image-group:before,.form-group .image-group:after{content:" ";display:table}.form-group .image-group:after{clear:both}.form-group .image-group .list-group-item{padding:0 5px;margin:0 0 10px;text-decoration:none;transition:all .2s ease;position:relative}.form-group .image-group .list-group-item:hover{transform:scale3d(1.05,1.05,1.05);z-index:2}.form-group .image-group .list-group-item .container{position:relative;border:solid 3px #FFF;box-shadow:0 1px 3px #00000080}.form-group .image-group .list-group-item .top{padding:0 0 36px;position:relative}.form-group .image-group .list-group-item h3{margin:0;padding:10px 0;position:absolute;bottom:0;left:0;right:0;background:#fff}.form-group .image-group .list-group-item .button-link{display:block;margin:0 0 5px}.form-group .image-group .list-group-item .image{padding:100% 0 0;background-position:50% 50%;background-repeat:no-repeat;background-size:contain}.form-group .image-group .list-group-item .image .icon-zoom-in{position:absolute;right:10px;top:10px;opacity:.6;color:#fff}.form-group .image-group .list-group-item .image .icon-zoom-in:hover{opacity:1}.form-group .image-group .list-group-item .input-tip{width:100%;left:0;text-align:left}.form-group .image-group .list-group-item .messages{background:#ffffffe6;position:absolute;bottom:0;left:0;right:0;top:0;padding:9px;font-weight:600;text-align:center;color:#000}.form-group .image-group .list-group-item .messages .message{margin:0 0 6px}.form-group .image-group .list-group-item .messages:before{content:"";font-family:icomoon;display:block;text-align:center;font-size:24px;margin:30px 0}.form-group .image-group .list-group-item.with-preview .top{padding:0 0 128px}.form-group .image-group .list-group-item.with-preview h3{bottom:75px}.form-group .image-group .list-group-item.with-preview .preview-button{position:absolute;bottom:5px;left:5px;right:5px;background:#4a4a4a;line-height:32px;text-transform:uppercase;color:#fff;text-align:center}.form-group .image-group .list-group-item.with-preview.active .image:after{top:8px;bottom:auto}.form-group .image-group .list-group-item.wide-image .image{padding-top:67%}.form-group .image-group .list-group-item.active .container{border-color:#7a9a01}.form-group .image-group .list-group-item.active .image{position:relative}.form-group .image-group .list-group-item.active .image:after{content:"";font-family:icomoon;font-size:24px;background:#7a9a01;color:#fff;border-radius:4px;position:absolute;bottom:10px;right:7px;padding:6px 4px 4px 7px;z-index:3}.form-group .image-group .list-group-item.active.disabled .container{border-color:#e30512}.form-group .form-control{display:block}.form-group .control-label+.form-control{margin:0 0 0 100px}.form-group.big label,.form-group.big .control-label{line-height:55px;font-weight:200;font-size:24px}@media screen and (max-width: 1300px){.form-group.big label,.form-group.big .control-label{font-size:18px;font-weight:400}}.form-group.big .list-group{font-size:24px}.form-group.big .list-group .list-group-item{line-height:60px;padding:0 35px}.form-group.big .image-group{margin:0 -10px}.form-group.big .image-group .list-group-item{padding:0 10px;margin-bottom:20px}.form-group.big .image-group .list-group-item .container{padding:5px 5px 0}.form-group.plan-code{margin:0 0 25px}.form-group.plan-code:before,.form-group.plan-code:after{content:" ";display:table}.form-group.plan-code:after{clear:both}.form-group.plan-code input{width:100%;font-size:18px}.start-view .form-group.plan-code .input-tip{left:0;width:100%;padding:17px 10px}.form-group.plan-code .button-link{display:block;padding:20px;text-align:center}.input-tip{bottom:110%;background:#e30512;color:#fff;width:160px;padding:10px 0 10px 50px;box-shadow:0 1px 3px #00000080;position:absolute}.input-tip:before{content:"";font-family:icomoon;position:absolute;left:15px;top:15px;font-size:24px}.input-tip:after{content:"";display:block;position:absolute;left:10px;bottom:-10px;border-left:17px solid transparent;border-right:17px solid transparent;border-top:15px solid #E30512}.form-control-hidden{position:absolute;left:-1000000px;top:-1000000px}input[type=text],input[type=number],input[type=email],textarea{height:60px;line-height:60px;text-align:center;font-size:24px;box-shadow:inset 0 1px 3px #00000080;border:solid 2px #FFF;outline:none;border-radius:10px;width:5em}input[type=text].focus,input[type=number].focus,input[type=email].focus,textarea.focus{border-color:#7a9a01;color:#7a9a01}input[type=text].invalid,input[type=number].invalid,input[type=email].invalid,textarea.invalid{border-color:#e30512;color:#e30512}textarea{height:200px;padding:20px;line-height:normal}.drawing-container{position:relative;perspective:100px;overflow:hidden;background:#f1f1f1}.drawing-container .wrapper{position:relative;padding:0}.drawing-container .wrapper:before{content:"";padding:30% 0 0;display:block}.drawing-container .choose-dimensions{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-size:55px;color:#888b8d;text-align:center;font-weight:300}.drawing-container .bar{border-color:#4a4a4a;border-style:solid}.drawing-container .bar.horizontal{border-bottom-width:1px;position:relative;margin:8px 0}.drawing-container .bar.horizontal:before,.drawing-container .bar.horizontal:after{content:"";display:block;height:14px;border-left:solid 2px #4A4A4A;position:absolute;left:-2px;top:50%;bottom:0;margin:-7px 0 0}.drawing-container .bar.horizontal:after{left:auto;right:-2px}.drawing-container .bar.vertical{border-right-width:1px;position:absolute;right:0;bottom:0;top:0;margin:0 8px;height:100%;width:14px}.drawing-container .bar.vertical:before,.drawing-container .bar.vertical:after{content:"";display:block;border-top:solid 2px #4A4A4A;position:absolute;left:50%;top:0;width:14px}.drawing-container .bar.vertical:after{top:auto;bottom:0}.drawing-container .sub{position:absolute;top:0;right:auto}.drawing-container .sub .title{font-size:14px}.drawing-container .sub .bar{z-index:2}.drawing-container .sink-container{position:absolute;z-index:2}.drawing-container .sink-container .sink{display:block;width:100%;height:100%;z-index:2;position:relative;background-size:100% 100%}.drawing-container .sink-container .hole{position:absolute;bottom:100%;margin:0 0 3px;width:9px;border-radius:100%;background:#d9d9d6;border:solid 1px #979797}@media screen and (max-width: 1300px){.drawing-container .sink-container .hole{width:6px}}.drawing-container .sink-container .hole:after{content:"";display:block;padding:100% 0 0}.drawing-container .sink-container .hole.hole-l{left:0}.drawing-container .sink-container .hole.hole-m{left:50%;margin-left:-6px}.drawing-container .sink-container .hole.hole-r{right:0}.drawing-container .sink-container.a .hole-m{bottom:99%}.drawing-container .sink-container.e .hole-l{left:auto;bottom:100%;right:100%;transform:translateY(110%)}.drawing-container .sink-container.e .hole-r{left:100%;bottom:100%;transform:translateY(110%)}.drawing-container .sink-container.f.o .hole-m{left:67%;bottom:99%}.drawing-container .sink-container.f.v .hole-m{left:35%;bottom:99%}.drawing-container .sink-container.n.w-500 .hole-l,.drawing-container .sink-container.n.w-450 .hole-l,.drawing-container .sink-container.n.w-400 .hole-l{left:auto;bottom:100%;right:100%;transform:translateY(110%)}.drawing-container .sink-container.n.w-500 .hole-r,.drawing-container .sink-container.n.w-450 .hole-r,.drawing-container .sink-container.n.w-400 .hole-r{left:100%;bottom:100%;transform:translateY(110%)}.drawing-container .sink-container.m .hole,.drawing-container .sink-container.k .hole{bottom:102%}.drawing-container .sink-container.l.w-500 .hole-l,.drawing-container .sink-container.l.w-450 .hole-l,.drawing-container .sink-container.l.w-400 .hole-l{left:auto;bottom:100%;right:100%;transform:translateY(20%)}.drawing-container .sink-container.l.w-500 .hole-r,.drawing-container .sink-container.l.w-450 .hole-r,.drawing-container .sink-container.l.w-400 .hole-r{left:100%;bottom:100%;transform:translateY(20%)}.drawing-container .sink-safety-area{position:absolute;top:50%;transform:translateY(-50%);border-radius:15px;z-index:1;border:solid 1px #979797}.drawing-container .hobcutout-container{position:absolute;z-index:2}.drawing-container .hobcutout-container .hobcutout{display:block;width:100%;height:100%;background-size:100% 100%}.drawing-container .sink-x,.drawing-container .hobcutout-x,.drawing-container .summary-x{position:absolute;top:110%;left:0;right:0;margin:10px 0 0}.drawing-container .sink-x>div,.drawing-container .hobcutout-x>div,.drawing-container .summary-x>div{float:left;text-align:center}.drawing-container .sink-x>div span,.drawing-container .hobcutout-x>div span,.drawing-container .summary-x>div span{font-size:14px;color:#888b8d}.drawing-container .sink-x>div.disabled .bar,.drawing-container .hobcutout-x>div.disabled .bar,.drawing-container .summary-x>div.disabled .bar{border-bottom-width:1px;margin-top:9px}.drawing-container .summary-x .distance-bar{position:absolute;float:none}.drawing-container .summary-x .distance-bar .bar:after{display:none}.drawing-container .summary-x .distance-bar:last-child .bar:after{display:block}.drawing-container .sink-y,.drawing-container .hobcutout-y{position:absolute;top:0;bottom:0;z-index:3}.drawing-container .sink-y .bar,.drawing-container .hobcutout-y .bar{left:0;right:auto;margin:0;border-width:0 0 0 1px}.drawing-container .sink-y .bar:before,.drawing-container .hobcutout-y .bar:before,.drawing-container .sink-y .bar:after,.drawing-container .hobcutout-y .bar:after{left:0;margin-top:-2px}.drawing-container .sink-y .container,.drawing-container .hobcutout-y .container{color:#888b8d;position:absolute;top:0;bottom:0;left:100%;margin:0 0 0 20px}.drawing-container .sink-y .container>div,.drawing-container .hobcutout-y .container>div{position:relative}.drawing-container .sink-y .container>div .title,.drawing-container .hobcutout-y .container>div .title{position:relative;font-size:14px;display:block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:3px;border-radius:4px;margin:0 0 0 7px;color:#000;background:#ffffff80}.drawing-container .selections{position:absolute;right:0;bottom:15px;z-index:3}.drawing-container .selections .list-group-item{margin:0 0 0 10px;width:60px;height:60px;float:right}.drawing-container .selections .list-group-item .image{padding:100% 0 0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;border:1px solid #888B8D}.drawing-container .dimensions{position:absolute;left:0;right:0;bottom:0;top:0;text-align:center;margin:0 -2px;font-weight:700;font-size:18px;perspective:100px}.drawing-container .dimensions .length,.drawing-container .dimensions .width,.drawing-container .dimensions .height{bottom:100%;position:absolute;left:0;right:0;margin:0 0 15px}.drawing-container .dimensions .length>.title,.drawing-container .dimensions .width>.title,.drawing-container .dimensions .height>.title{font-size:24px;font-weight:300}.drawing-container .dimensions .width,.drawing-container .dimensions .height{right:100%;left:auto;top:0;bottom:0;margin:0 15px 0 0}.drawing-container .dimensions .width .title,.drawing-container .dimensions .height .title{position:absolute;top:50%;white-space:nowrap;margin:-10px 24px 0 0;right:0}.drawing-container .dimensions .length .sub{top:auto;bottom:0}.drawing-container .dimensions .length>.title{margin:0 0 20px}.drawing-container .backpanel{margin:7% auto 0;background:radial-gradient(circle,#fff,#cecece);border:solid 2px #4A4A4A;position:absolute;top:0;left:0;right:0;bottom:0;perspective:100px;color:#4a4a4a;transition:.3s opacity ease-in-out}.drawing-container .backpanel .depth{position:absolute;bottom:100%;left:1px;right:1px}.drawing-container .backpanel .depth .bg{border:solid 2px #4A4A4A;background:radial-gradient(circle,#fff,#cecece);transform:rotateX(8deg)}.drawing-container .backpanel .depth .title{font-size:24px;font-weight:300;position:absolute;left:100%;margin:0 0 0 15px;white-space:nowrap}.drawing-container .backpanel .panel-worktop{background:#fff;border:solid 2px #979797;border-top-color:#4a4a4a;transform:rotateX(13deg);height:70px;top:100%;left:0;right:0;transform-origin:0 0;position:absolute;perspective:80px}.drawing-container .backpanel .panel-worktop .panel-height,.drawing-container .backpanel .panel-worktop .panel-bottom{height:20px;border:solid 2px #979797;position:absolute;top:100%;left:0;right:0;background:#fff;transform:rotateX(-13deg);transform-origin:0 16%}.drawing-container .backpanel .panel-worktop .panel-bottom{height:100px;margin:18px 0 0;transform-origin:0 -15%}.drawing-container .worktop{margin:7% auto 0;background:radial-gradient(circle,#fff,#cecece);border:solid 2px #4A4A4A;border-bottom:0;position:absolute;top:0;left:0;right:0;bottom:0;perspective:100px;color:#4a4a4a;transition:.3s opacity ease-in-out}.drawing-container .worktop.raised-edge:after{content:"";display:block;position:absolute;left:2px;right:2px;top:2px;bottom:4px;border:solid 1px #979797;border-radius:5px}.drawing-container .worktop .title,.drawing-container .worktop .bar,.drawing-container .worktop .bar:after,.drawing-container .worktop .bar:before{transition:.5s color ease-in-out,.5s border-color ease-in-out}.drawing-container .worktop .height-container{position:absolute;top:100%;left:0;right:0;perspective:100px}.drawing-container .worktop .height-container .title{position:absolute;left:100%;font-weight:700;margin:-13px 0 0 28px;white-space:nowrap;font-size:24px;top:50%;font-weight:300}.drawing-container .worktop .height-container .height{transform:rotateX(-9deg);perspective:100px;position:relative;transform-origin:0 0}.drawing-container .worktop .height-container .height .bar{left:100%;right:auto;margin:0 0 0 -2px}.drawing-container .worktop .height-container .height .top{border:solid 2px #4A4A4A;background:radial-gradient(circle,#fff,#cecece);position:absolute;top:0;left:0;right:0;bottom:0;margin:-1px -1px 0}.drawing-container .worktop .height-container .height .base{background:#fff;border:solid 3px #979797;position:absolute;top:100%;left:0;right:0;border-top:0;height:70px;margin:0 -2px}.drawing-container .disabled .title{color:#979797}.drawing-container .disabled .bar,.drawing-container .disabled .bar:after,.drawing-container .disabled .bar:before{border-color:#979797}.drawing-container .focused .title{color:#e30512}.drawing-container .focused .bar,.drawing-container .focused .bar:after,.drawing-container .focused .bar:before{border-color:#e30512}.pdf .logo{margin:0 0 50px;display:block}.pdf .drawing{margin:0 0 50px;padding:100px 50px}.pdf .drawing .title{text-align:center}.pdf .drawing .horizontal-bar{position:absolute;bottom:100%;left:0;right:0;margin:10px 0}.pdf .drawing .horizontal-bar .title{margin:10px 0}.pdf .drawing .horizontal-bar .bar{border-bottom:solid 2px #E30512;position:relative}.pdf .drawing .horizontal-bar .bar:before,.pdf .drawing .horizontal-bar .bar:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);border-top:5px solid #FFF;border-bottom:5px solid #FFF;border-right:10px solid #E30512}.pdf .drawing .horizontal-bar .bar:after{left:auto;right:0;border-right:0;border-left:10px solid #E30512}.pdf .drawing .horizontal-bar:last-child .bar:before,.pdf .drawing .horizontal-bar:first-child .bar:after{z-index:2}.pdf .drawing .horizontal-bar.bottom{bottom:auto;top:100%}.pdf .drawing .vertical-bar{position:absolute;top:0;bottom:0;margin:0 10px;width:1px;right:100%;transform:translate(-100%)}.pdf .drawing .vertical-bar .title{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin:0 10px}.pdf .drawing .vertical-bar .bar{position:absolute;left:0;top:0;bottom:0;border-right:solid 2px #E30512}.pdf .drawing .vertical-bar .bar:before,.pdf .drawing .vertical-bar .bar:after{content:"";display:block;position:absolute;left:50%;top:0;transform:translate(-50%);border-left:5px solid #FFF;border-right:5px solid #FFF;border-bottom:10px solid #E30512}.pdf .drawing .vertical-bar .bar:after{top:auto;bottom:0;border-bottom:0;border-top:10px solid #E30512}.pdf .drawing .vertical-bar.right{left:100%;right:auto;transform:translate(100%)}.pdf .drawing .vertical-bar.right .title{right:auto;left:100%}.pdf .drawing .sink-container,.pdf .drawing .hobcutout-container{position:absolute}.pdf .drawing .sink-container .sink,.pdf .drawing .hobcutout-container .sink,.pdf .drawing .sink-container .hobcutout,.pdf .drawing .hobcutout-container .hobcutout{border:solid 1px #000;position:absolute;width:100%;border-radius:10px;background-size:contain;background-repeat:no-repeat}.pdf .drawing .sink-container .sink,.pdf .drawing .hobcutout-container .sink{border-radius:0;border:0}.pdf .drawing .sink-container .hole,.pdf .drawing .hobcutout-container .hole{position:absolute;bottom:101%;margin:0 0 3px;width:9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wEJDAYxEvL7bgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABgSURBVBjTjdCxCcRADETRJ+dbjetxA65uYxe2DucSRQcLFgihmc+AJAmcmFhIz4mzfWeLN0aLo/fVvok7if9ucGp6bKCBVUiSsqmqyoG3qsYGGHgPPLg2QVf7H6778qcfxe5NLZfZU/gAAAAASUVORK5CYII=) 0 0 no-repeat;background-size:contain}@media screen and (max-width: 1300px){.pdf .drawing .sink-container .hole,.pdf .drawing .hobcutout-container .hole{width:6px}}.pdf .drawing .sink-container .hole:after,.pdf .drawing .hobcutout-container .hole:after{content:"";display:block;padding:100% 0 0}.pdf .drawing .sink-container .hole.hole-l,.pdf .drawing .hobcutout-container .hole.hole-l{left:0}.pdf .drawing .sink-container .hole.hole-m,.pdf .drawing .hobcutout-container .hole.hole-m{left:50%;margin-left:-6px}.pdf .drawing .sink-container .hole.hole-r,.pdf .drawing .hobcutout-container .hole.hole-r{right:0}.pdf .drawing .sink-container.a .hole-m,.pdf .drawing .hobcutout-container.a .hole-m{bottom:100%}.pdf .drawing .sink-container.e .hole-l,.pdf .drawing .hobcutout-container.e .hole-l{left:auto;bottom:101%;right:102%;transform:translateY(110%)}.pdf .drawing .sink-container.e .hole-r,.pdf .drawing .hobcutout-container.e .hole-r{left:102%;bottom:101%;transform:translateY(110%)}.pdf .drawing .sink-container.f.o .hole-m,.pdf .drawing .hobcutout-container.f.o .hole-m{left:67%;bottom:100%}.pdf .drawing .sink-container.f.v .hole-m,.pdf .drawing .hobcutout-container.f.v .hole-m{left:35%;bottom:100%}.pdf .drawing .sink-container.n.w-500 .hole-l,.pdf .drawing .hobcutout-container.n.w-500 .hole-l,.pdf .drawing .sink-container.n.w-450 .hole-l,.pdf .drawing .hobcutout-container.n.w-450 .hole-l,.pdf .drawing .sink-container.n.w-400 .hole-l,.pdf .drawing .hobcutout-container.n.w-400 .hole-l{left:auto;bottom:100%;right:100%;transform:translateY(110%)}.pdf .drawing .sink-container.n.w-500 .hole-r,.pdf .drawing .hobcutout-container.n.w-500 .hole-r,.pdf .drawing .sink-container.n.w-450 .hole-r,.pdf .drawing .hobcutout-container.n.w-450 .hole-r,.pdf .drawing .sink-container.n.w-400 .hole-r,.pdf .drawing .hobcutout-container.n.w-400 .hole-r{left:100%;bottom:100%;transform:translateY(110%)}.pdf .drawing .sink-container.l.w-500 .hole-l,.pdf .drawing .hobcutout-container.l.w-500 .hole-l,.pdf .drawing .sink-container.l.w-450 .hole-l,.pdf .drawing .hobcutout-container.l.w-450 .hole-l,.pdf .drawing .sink-container.l.w-400 .hole-l,.pdf .drawing .hobcutout-container.l.w-400 .hole-l{left:auto;bottom:100%;right:100%;transform:translateY(20%)}.pdf .drawing .sink-container.l.w-500 .hole-r,.pdf .drawing .hobcutout-container.l.w-500 .hole-r,.pdf .drawing .sink-container.l.w-450 .hole-r,.pdf .drawing .hobcutout-container.l.w-450 .hole-r,.pdf .drawing .sink-container.l.w-400 .hole-r,.pdf .drawing .hobcutout-container.l.w-400 .hole-r{left:100%;bottom:100%;transform:translateY(20%)}.pdf .drawing .hobcutout-container .hobcutout{border-radius:0}.pdf .drawing .worktop-container,.pdf .drawing .backpanel-container{margin:0 auto}.pdf .drawing .worktop{border:solid 1px #000;position:relative;border-radius:3px}.pdf .drawing .backpanel{border:solid 1px #000;position:relative}.pdf h1{font-size:26px;font-weight:600;margin:0 0 30px}.pdf h2{font-size:22px;margin:0 0 30px}.pdf .page{page-break-after:always}.pdf .page:last-child{page-break-after:avoid}.pdf .product{font-size:24px}.pdf .product .price{float:right;line-height:1.3}.pdf .product .title{overflow:hidden}.pdf .product .title .price{font-size:22px}.pdf .product .lines{margin:0 0 30px;line-height:1.25}.pdf .product .lines p{overflow:hidden}.pdf .summary-text{margin:0 0 25px}.pdf .cart-products{border-collapse:collapse;width:100%;font-size:24px}.pdf .cart-products thead th{font-weight:600;text-align:left;padding:18px;color:#fff;background:#4a4a4a}.pdf .cart-products thead th.price{text-align:right}.pdf .cart-products td,.pdf .cart-products th{display:table-cell!important}.pdf .cart-products .price{text-align:right;white-space:nowrap}.pdf .totals h3,.pdf .totals h2,.pdf .totals p{overflow:hidden;line-height:1.3}.pdf .form h2{font-size:30px;margin:0 0 25px}.pdf .form .row{margin-bottom:10px}.pdf .form .row:before,.pdf .form .row:after{content:" ";display:table}.pdf .form .row:after{clear:both}.pdf .form .row .row{margin-bottom:0}.pdf .form .section{margin:0 0 50px}.pdf .form .section:before,.pdf .form .section:after{content:" ";display:table}.pdf .form .section:after{clear:both}.pdf .form label{padding-top:8px;font-size:24px}.pdf .form .input{border-bottom:solid 1px #000;padding:0}.pdf .form input{border-radius:0;box-shadow:none;padding:0 15px;height:40px;line-height:40px;width:100%;text-align:left}@font-face{font-family:icomoon;src:url(/DesignerApp-Vue3/Static/icomoon.eot?6872pm);src:url(/DesignerApp-Vue3/Static/icomoon.eot?6872pm#iefix) format("embedded-opentype"),url(/DesignerApp-Vue3/Static/icomoon.ttf?6872pm) format("truetype"),url(/DesignerApp-Vue3/Static/icomoon.woff?6872pm) format("woff"),url(/DesignerApp-Vue3/Static/icomoon.svg?6872pm#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play-circle:before{content:""}.icon-zoom-in:before{content:""}.icon-spinner:before{content:""}.icon-th-list:before{content:""}.icon-close:before{content:""}.icon-remove:before{content:""}.icon-times:before{content:""}.icon-trash-o:before{content:""}.icon-home:before{content:""}.icon-check-square-o:before{content:""}.icon-plus-circle:before{content:""}.icon-check-circle:before{content:""}.icon-info-circle:before{content:""}.icon-exclamation-circle:before{content:""}.icon-comments:before{content:""}.icon-square-o:before{content:""}.icon-globe:before{content:""}.icon-angle-left:before{content:""}.icon-angle-right:before{content:""}.icon-angle-up:before{content:""}.icon-angle-down:before{content:""}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{height:100%;position:relative}.view{padding:50px 0 55px;min-height:100vh}@media screen and (max-width: 1300px){.view{overflow:hidden}}body{font-size:18px;font-family:Calibri W01,Arial,sans-serif;background:#fff;color:#4a4a4a}@media screen and (max-width: 1300px){body{overflow-y:scroll}}img{max-width:100%}.h2,.h3,.html-text h2{font-family:L Serifa W01,Georgia,serif;font-weight:200}.h2,.html-text h2{font-size:24px;border-bottom:solid 1px #E30512;line-height:1.3;margin:0 0 15px}.dummy-link{position:absolute;left:0}a{text-decoration:none}.wrapper{max-width:1350px;margin:0 auto;padding:30px 0}[class^=icon-],[class*=" icon-"]{font-size:24px;vertical-align:middle}.header{box-shadow:0 5px 5px #00000026;background:#fff;position:fixed;top:0;left:0;right:0;z-index:3}.header .wrapper{padding:0;position:relative}.header .wrapper:before,.header .wrapper:after{content:" ";display:table}.header .wrapper:after{clear:both}.header .logo{position:absolute;left:0;margin:12px 0;max-width:165px}.header .logo img{height:30px}@media screen and (max-width: 1300px){.header .logo{left:10px}}.header .home{position:absolute;left:160px;margin:12px 0;color:#e30512;font-size:24px}.header .actions{position:absolute;right:0;top:0;line-height:50px;font-weight:300}.header .actions a{float:right}.header .actions .languages,.header .actions .chat{color:#e30512;padding:0 20px 0 0;text-transform:uppercase}.header .actions .languages .title,.header .actions .chat .title{vertical-align:middle}.header .actions .languages{position:relative}.header .actions .languages .language-list{position:absolute;top:100%;width:100%;z-index:2;background:#fff;padding:5px 20px;box-shadow:0 3px 3px -1px #00000080}.header .actions .cart{background:#e30512;color:#fff;padding:0 40px;position:relative}.header .actions .cart .icon-th-list{vertical-align:middle}.header .actions .cart .count{position:absolute;left:50%;top:50%;font-size:16px;margin:-12px 0 0;background:#fff;border-radius:100%;width:25px;text-align:center;line-height:1.45;color:#e30512}.header .menu{text-align:center;font-size:0}.header .menu a{color:#888b8d;font-size:18px;text-decoration:none;font-weight:300;display:inline-block;padding:0 15px;line-height:50px}.header .menu a:after{content:"";font-family:icomoon;display:inline-block;margin:0 0 0 8px;vertical-align:top}.header .menu a.accessible,.header .menu a.complete{color:#000}.header .menu a.complete:after{content:"";color:#7a9a01}.header .menu a.invalid:after{content:"";color:orange}.header .menu a.active{background:#4a4a4a;color:#fff}.header .menu a.no-state:after{display:none}@media screen and (max-width: 1300px){.header .menu a{padding:0 15px}.header .menu a:after{display:none!important}.header .menu a .step{display:none}.header .menu a.invalid{background:orange}.header .menu a.complete{background:#7a9a01;color:#fff}}.section-content:before,.section-content:after{content:" ";display:table}.section-content:after{clear:both}@media screen and (max-width: 1300px){.section-content{padding:0 10px}}.summary-view h1{margin:0 0 25px;font-size:30px;font-weight:700}.popup{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:scroll;z-index:4}.popup:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background:#0009}.popup .content{background:#fff;padding:40px;max-width:1350px;margin:140px auto;position:relative;z-index:2}.popup .content .close{float:right;text-decoration:none;color:#333}.popup .content .form-group{clear:both}.popup .success,.popup .error{background:#7a9a01;padding:20px;font-size:24px;color:#fff;margin:0 0 25px}.popup .error{background:#e30512}.popup.hobcutout-selection .content{max-width:500px}.popup.navigate-to-start .content,.popup.add-new-product .content{max-width:400px}.popup.navigate-to-start .text,.popup.add-new-product .text{margin:0 0 25px}.popup.navigate-to-start .button-link,.popup.add-new-product .button-link{display:block;background:#7a9a01;text-align:center;padding:20px;margin:0 0 10px}.popup.navigate-to-start .button-link.disabled,.popup.add-new-product .button-link.disabled{background:#4a4a4a}.popup.add-to-cart .content{max-width:500px}.popup.email .content{max-width:900px}.popup.email input,.popup.email textarea{width:100%}.popup.email textarea{text-align:left}.popup.email .submit{text-align:right}.popup.email .submit .button-link{padding:20px;text-align:center}.popup.embed-popup .content{max-width:1200px;padding:2% 1% 1%;height:74%;margin:7% auto}.popup.embed-popup .content .close{margin:-15px 0 15px}.popup.embed-popup .media-embed-wrapper{height:100%;text-align:center}.popup.embed-popup .media-embed-wrapper img{max-height:100%}.popup.embed-popup .media-embed-wrapper iframe{height:100%;width:100%}.popup.embed-popup .media-embed-wrapper .active-media{height:80%;margin:0 0 2%;display:flex;align-items:center;align-content:center;justify-content:center}.popup.embed-popup .media-embed-wrapper .active-media .video-frame,.popup.embed-popup .media-embed-wrapper .active-media iframe{width:100%;height:100%}.popup.embed-popup .media-embed-wrapper .active-media .video-frame .vimeo iframe,.popup.embed-popup .media-embed-wrapper .active-media iframe .vimeo iframe{position:absolute;top:0;left:0;width:100%;height:100%}.popup.embed-popup .media-embed-wrapper .scroll-controls{position:absolute;bottom:20px;left:0;right:0;height:18%;z-index:-1}.popup.embed-popup .media-embed-wrapper .scroll-controls .left,.popup.embed-popup .media-embed-wrapper .scroll-controls .right{position:absolute;left:0;top:0;bottom:0;width:50px;display:flex;justify-content:center;align-items:center;align-content:center;cursor:pointer}.popup.embed-popup .media-embed-wrapper .scroll-controls .left i,.popup.embed-popup .media-embed-wrapper .scroll-controls .right i{font-size:30px}.popup.embed-popup .media-embed-wrapper .scroll-controls .right{left:auto;right:0}.popup.embed-popup .media-embed-wrapper .other-media{height:18%;margin:0 25px;overflow:hidden;display:flex;overflow-y:hidden;overflow-x:scroll}.popup.embed-popup .media-embed-wrapper .other-media::-webkit-scrollbar{display:none}.popup.embed-popup .media-embed-wrapper .other-media .media{flex-shrink:0;height:100%;margin:0 2% 0 0;border:solid 2px transparent;position:relative}.popup.embed-popup .media-embed-wrapper .other-media .media.video:after{content:"";font-family:icomoon;position:absolute;left:50%;top:50%;font-size:50px;transform:translate(-50%,-50%);color:#fff}.popup.embed-popup .media-embed-wrapper .other-media .media.active{border-color:#7a9a01}@media screen and (max-width: 1300px){.popup.embed-popup.image-embed-popup{text-align:center}.popup.embed-popup.image-embed-popup .content{display:inline-block;padding-bottom:3%}.popup.embed-popup .sketchfab-embed-wrapper{height:98%}}.material-view.vertex .form-group.big .image-group{overflow-y:scroll;max-height:380px}.material-view.vertex .form-group.big .image-group .image,.material-view .form-group.big .image-group .image{background-size:auto}.worktop-view.incomplete .section-content{left:12.5%;position:relative}.worktop-view.incomplete .section-side{opacity:0}.worktop-view .section-content{position:relative;left:0;transition:.4s all ease-in-out}.backpanel-view.incomplete .section-content{left:12.5%;position:relative}.backpanel-view.incomplete .section-side{opacity:0}.backpanel-view .section-content{position:relative;left:0;transition:.4s all ease-in-out}.sink-view.incomplete .section-content{left:40%;position:relative}.sink-view.incomplete .section-side{opacity:0}.sink-view .section-content{position:relative;left:0;transition:.2s all ease-in-out}.sink-view .big .control-label{width:155px}@media screen and (max-width: 1300px){.sink-view .big .control-label{width:95px}}.sink-selection .form-group .image-group .list-group-item .top,.accessory-list .form-group .image-group .list-group-item .top{padding-bottom:56px}.hob-cutout-view .form-group .control-label{width:155px}@media screen and (max-width: 1300px){.hob-cutout-view .form-group .control-label{width:95px}}.hob-cutout-view.incomplete .section-content{overflow:hidden;left:40%;position:relative}.hob-cutout-view.incomplete .section-side{opacity:0}.hob-cutout-view .section-content{position:relative;left:0;transition:.2s all ease-in-out}.html-text{line-height:1.4}.html-text p{margin:0 0 10px}.html-text a{color:#e30512}.button-link,.buttonize a{background:#7a9a01;color:#fff;display:inline-block;text-decoration:none;padding:10px 20px;font-weight:200;box-shadow:0 1px 3px #00000080}.button-link.blue,.buttonize a.blue{background:#00778b}.button-link.red,.buttonize a.red{background:#e30512}.button-link.gray,.buttonize a.gray{background:#4a4a4a}.button-link.green,.buttonize a.green{background:#7a9a01}.buttonize a{display:block;text-align:center}.navigation{position:fixed;left:0;right:0;bottom:0;height:0;z-index:3}.navigation .wrapper{padding:0}.navigation a{background:#4a4a4a;padding:18px 60px 13px 45px;color:#fff;float:left;text-decoration:none;font-weight:300;transition:.2s all ease-in-out;transform:translateY(-100%)}.navigation a.next{background:#7a9a01}.navigation a .input-tip{width:100%;right:0}.navigation a:first-child:before,.navigation a:nth-child(2):after{content:"";font-family:icomoon;margin:-5px 20px 0 0;font-size:24px;display:inline-block;vertical-align:top}.navigation a:nth-child(2){float:right;padding:18px 45px 13px 60px}.navigation a:nth-child(2):before{display:none}.navigation a:nth-child(2):after{content:"";margin:-5px 0 0 20px}.navigation a.disabled{background:#979797}.navigation a.exit-designer:after{content:""}.summary-view .summary-actions .button-container{position:relative}.summary-view .summary-actions .button-link{display:block;margin:0 0 15px;text-align:center;padding:15px 20px}.summary-view .add-product{background:#7a9a01;color:#fff;line-height:50px;padding:0 80px;box-shadow:0 1px 3px #00000080;text-decoration:none;display:inline-block;font-weight:200;position:relative;margin:0 0 20px}.summary-view .add-product:after{content:"";font-family:icomoon;color:#fff;position:absolute;right:15px;top:50%;margin:-24px 0 0;display:block}.vertex .vertex-hidden{display:none}.cart-products{border:solid 1px #4A4A4A;margin:0 0 25px;width:100%}.cart-products thead th{font-weight:600;text-align:left;padding:8px;color:#fff;background:#4a4a4a}.cart-products thead th.price{text-align:right;white-space:nowrap}.cart-products tbody td{padding:8px 10px}.cart-products tbody td.price{text-align:right;white-space:nowrap}.cart-products tbody td.code{white-space:nowrap}.cart-products tbody:nth-child(odd) td{background:#f1f1f1}.cart-products tbody.summary tr:first-child td{padding-bottom:2px}.cart-products tbody.summary tr:last-child td{padding-top:2px}.cart-products tbody.grand-total td{font-weight:600}.cart-products tbody .accessory td{padding:5px 10px}.cart-products tbody .accessory td:first-child{padding-left:25px}.cart-products tbody .accessory:last-child td{padding-bottom:8px}.highlight-text{padding:25px;text-align:center;color:#fff;margin:0 0 25px}.highlight-text .text{margin:0 auto;max-width:700px}.thankyou-view .form-group .image-group .list-group-item .image{padding:50% 0 0;background-size:cover}.thankyou-view>.wrapper{max-width:900px}.start-view,.thankyou-view,.designer-unavailable-view{z-index:4;position:relative;background-size:cover;text-align:center;padding:55px 200px}.start-view:before,.thankyou-view:before,.designer-unavailable-view:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:#0009}.start-view .wrapper,.thankyou-view .wrapper,.designer-unavailable-view .wrapper{position:relative;z-index:2}.start-view .splash-logo,.thankyou-view .splash-logo,.designer-unavailable-view .splash-logo{padding:0 0 50px;max-width:165px}.start-view .h2,.thankyou-view .h2,.designer-unavailable-view .h2{color:#fff;font-size:30px}.start-view .image-group .list-group-item .container,.thankyou-view .image-group .list-group-item .container,.designer-unavailable-view .image-group .list-group-item .container{border:0}.start-view .image-group .list-group-item h3,.thankyou-view .image-group .list-group-item h3,.designer-unavailable-view .image-group .list-group-item h3{position:absolute;bottom:8px;left:8px;right:8px;margin:0;color:#fff;background-color:#00000059;padding:14px 0;font-weight:200}.start-view .image-group .list-group-item h3:after,.thankyou-view .image-group .list-group-item h3:after,.designer-unavailable-view .image-group .list-group-item h3:after{content:"";font-family:icomoon;font-size:24px;position:absolute;right:12px;top:10px;display:block}.start-view .message,.thankyou-view .message,.designer-unavailable-view .message{background:#fff;padding:10px;clear:both;border-radius:10px}.start-view .banner,.thankyou-view .banner,.designer-unavailable-view .banner{margin:0 auto;float:none}.start-view .enter-code,.thankyou-view .enter-code,.designer-unavailable-view .enter-code{margin:0 auto 50px;float:none}.start-view .enter-code input,.thankyou-view .enter-code input,.designer-unavailable-view .enter-code input{box-shadow:none;font-size:24px;text-transform:uppercase}.start-view .enter-code .button-link,.thankyou-view .enter-code .button-link,.designer-unavailable-view .enter-code .button-link{padding:22px;position:relative}.start-view .enter-code .button-link:after,.thankyou-view .enter-code .button-link:after,.designer-unavailable-view .enter-code .button-link:after{content:"";font-family:icomoon;font-size:24px;position:absolute;right:12px;top:17px;display:block}.start-view .enter-code .h2,.thankyou-view .enter-code .h2,.designer-unavailable-view .enter-code .h2{text-align:left;font-size:24px}.designer-unavailable-view{padding:55px}.designer-unavailable-view .html-text{color:#fff;text-align:center}.start-view{padding:0 200px}@media screen and (max-width: 1300px){.start-view{padding:0 30px}}.start-view .splash-logo{float:left;padding:0}.start-view .h2{clear:both}.start-view .banner .text{color:#fff;padding:15px;text-align:center;font-size:20px}.start-view .highlight-text{background:none;color:#fff;margin:0 auto 15px;padding:15px;font-size:20px;max-width:900px}.start-view .highlight-text .text{max-width:unset}.start-view .image-group .list-group-item h3{font-size:24px}@media screen and (max-width: 1300px){.worktop-length .form-group input{width:4em}}.worktop-length .form-group label,.worktop-length .form-group .control-label{width:70px}.worktop-length .form-group label+.form-control,.worktop-length .form-group .control-label+.form-control{margin:0 0 0 80px}.instructions{text-align:right;position:relative;padding:0}.instructions.active .help-button{opacity:0}.instructions.active .content{opacity:1;visibility:visible}.instructions .help-button{position:fixed;top:60px;background:#4a4a4a;color:#fff;transform:translate(-100%);text-align:left;z-index:1;padding:20px 50px 20px 20px;box-shadow:0 1px 3px #00000080;opacity:1;transition:all .3s ease-in-out}.instructions .help-button:after{content:"";font-family:icomoon;position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:24px}.instructions .help-button .sub-title{display:block;margin:0 0 4px}.instructions .wrapper{position:relative;padding:0}.instructions .content{position:absolute;width:100%;top:0;z-index:2;text-align:left;visibility:hidden;opacity:0;transition:all .3s ease-in-out;border-bottom:solid 1px #4A4A4A}.instructions .content>.wrapper:before{content:"";padding:30% 0 0;display:block}.instructions .content .items{position:absolute;background:#fff;top:0;left:0;right:0;bottom:0;padding:50px 0 20px;overflow-y:auto}.instructions .content .close{position:absolute;right:15px;top:10px;font-size:30px;z-index:2}.instructions .info-display .image-navigation{position:absolute;left:0;right:0;bottom:0;top:0}.instructions .info-display .image-navigation a{font-size:100px;top:50%;transform:translateY(-50%);color:#fff;position:absolute}.instructions .info-display .image-navigation a.previous{left:10px}.instructions .info-display .image-navigation a.next{right:10px}.instructions .info-display p,.instructions .info-display h2{margin:0 0 17px}.instructions .info-display .images{position:relative}.instructions .info-display .images .image{margin:0 0 15px;background-size:cover;background-repeat:no-repeat;opacity:0;transition:all .3s ease-in-out;position:absolute;top:0;left:0;right:0;bottom:0}.instructions .info-display .images .image.active{opacity:1}.instructions .info-display .images:before{content:"";display:block;padding:56% 0 0}.instructions .info-display h3{font-weight:600;margin:0 0 15px}.mini-cart{position:absolute;right:0;top:0;max-width:100%;min-width:550px;z-index:3;box-shadow:-2px 0 5px 5px #4a4a4a1c;background:#fff}.mini-cart .title{text-align:right;color:#fff;font-size:24px;padding:12px 20px;background:#e30512}.mini-cart .content{padding:30px}.mini-cart .cart-products{border:0}.mini-cart .cart-products .code{text-overflow:ellipsis;white-space:nowrap;display:block;max-width:20em;overflow:hidden}.loading{position:absolute;left:0;right:0;bottom:0;top:0;z-index:5}.loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:#fff9}.loading:after{content:"";font-family:icomoon;color:#e30512;font-size:50px;transition:all .3s ease-in-out;display:block;position:absolute;left:50%;top:50%;z-index:2;animation:spin 1.5s linear infinite}@media screen and (max-width: 1300px){.tablet-stacked .control-label{float:none;width:auto;margin:0 0 6px}.tablet-stacked .control-label+.form-control{margin:0}}@media screen and (max-width: 1300px){.tablet-hidden{display:none}}