/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3[0].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./styles/templates/tiles-bespoke.scss ***!
  \******************************************************************************************************************************************************************/.bespoke-tiles .step--navigation.fake .header-frame{padding-left:240px}@media only screen and (min-width:767px){.bespoke-tiles .step--navigation.fake .header-frame{padding-left:340px;display:flex}}.bespoke-tiles .step--navigation .header-frame{background:#f5f5f5;height:101px}@media only screen and (max-width:767px){.bespoke-tiles .step--navigation .header-frame.top{height:44px;padding:0}.bespoke-tiles .step--navigation .header-frame.top .right{display:none}.bespoke-tiles .step--navigation .header-frame.top h2{width:100%;font-size:20px;line-height:44px;text-align:center;padding:0;margin:0}}.bespoke-tiles .step--navigation .header-frame h2{display:inline-block;color:#3d4c4f;font-size:30px;line-height:41px;margin:30px}.bespoke-tiles .step--navigation .header-frame .right{float:right;padding:30px 20px 30px 0}.bespoke-tiles .step--navigation .header-frame .right .total-area{display:none;color:#3d4c4f;font-size:18px;line-height:24px;padding-right:20px;letter-spacing:.4px;text-align:right}@media only screen and (max-width:767px){.bespoke-tiles .step--navigation .header-frame .right .total-area{padding-right:13px}}.bespoke-tiles .step--navigation .header-frame .right .total-area p{color:#8a8f93;font-weight:700;font-size:12px;line-height:14px;padding-bottom:0;padding-top:3px;margin-bottom:0}.bespoke-tiles .step--navigation .header-frame .right .total-area span{color:#8a8f93;font-size:18px;line-height:24px;letter-spacing:.4px}.bespoke-tiles .step--navigation .header-frame .right .total-submit{float:right;position:relative}.bespoke-tiles .step--navigation .header-frame .right .total-submit .add{text-indent:-10px}@media only screen and (max-width:767px){.bespoke-tiles .step--navigation .header-frame .right .total-submit .next{max-width:130px;min-width:100px;text-transform:uppercase;text-indent:-10px}}.bespoke-tiles .step--navigation .header-frame .right .total-submit svg{position:absolute;right:20px;top:52%;transform:translate(-50%,-50%)}.sidebar{box-sizing:border-box;display:none}@media only screen and (min-width:768px){.sidebar{width:240px;padding-left:20px;display:block}}@media only screen and (min-width:1000px){.sidebar{width:340px;padding-left:30px}}.sidebar .left-column ol{margin-top:30px;margin-left:0;padding-left:0}.sidebar .left-column ol li{cursor:pointer;position:relative;font-size:10px;letter-spacing:.4px;line-height:14px;color:#8a8f93;padding:12px;margin-bottom:2px;text-transform:uppercase;background-color:#f5f5f5;list-style-type:none;width:220px;height:14px}@media only screen and (min-width:1000px){.sidebar .left-column ol li{font-size:12px}}.sidebar .left-column ol li.active{position:relative;color:#fff;background-color:#3d4c4f}.sidebar .left-column ol li.active:after{content:"";width:0;height:0;border-style:solid;border-width:19px 0 19px 10px;border-color:transparent transparent transparent #3d4c4f;position:absolute;top:0;right:-10px}.sidebar .left-column ol li.finished:after{content:"";background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/step-finished.png?v=81510529693752226181791749598);background-size:100%;width:16px;height:16px;position:absolute;top:13px;right:13px}.sidebar .left-column ol li.finished:hover:after{background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/step-finished-hover.png?v=167402484809080441261791749598)}@media only screen and (max-width:999px){.sidebar .left-column ol{width:200px}.sidebar .left-column ol li{width:initial}}@media only screen and (max-width:767px){.sidebar{padding-top:0}.frames-bespoke .container{padding-left:0;padding-right:0}}.tiles-bespoke #pagefooter,.tiles-bespoke .locale-selectors__container{display:none}@media only screen and (min-width:1000px){.hide-desktop{display:none}}@media only screen and (min-width:768px)and (max-width:999px){.hide-tablet{display:none}}@media only screen and (max-width:767px){.hide-mobile{display:none}}.customiser--wrapper{position:relative}@media only screen and (min-width:768px){.customiser--wrapper{padding-top:27px}}.customiser--wrapper .error-area{position:relative}.customiser--wrapper .tiles-customiser{display:flex;flex-wrap:wrap;width:100%;padding:0;max-width:initial}.right-column{width:100%;box-sizing:border-box;padding:0 20px}@media only screen and (min-width:768px){.right-column{width:calc(100% - 240px);display:block;padding:0 20px 0 0}}@media only screen and (min-width:1000px){.right-column{width:calc(100% - 340px);padding:0 30px 0 0}}.right-column .step--container{display:block;padding-top:30px;width:100%;margin-bottom:40px;opacity:1;transition:padding .5s 0ms,opacity 1s .1s,height 1s 50ms;position:relative}@media only screen and (max-width:767px){.right-column .step--container{width:100%;padding-top:22px;margin-bottom:20px}.right-column .step--container p{padding-right:20px}}.right-column .step--container h2{font-size:22px;font-weight:700;line-height:30px;margin-bottom:0;padding-bottom:3px;width:100%}.right-column .step--container p{font-size:12px;margin-bottom:17px;padding-bottom:2px;padding-right:10px;line-height:14px}.right-column .step--container p.step-font{font-size:14px;line-height:16px}.right-column .step--container p.step-font a{text-decoration:underline}.right-column .step--container .grid{display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (min-width:768px){.right-column .step--container .grid{justify-content:left}}.right-column .step--container .grid .frame-element{float:none;margin:0 0 20px;padding:0;width:calc(50% - 9px)}@media only screen and (min-width:768px){.right-column .step--container .grid .frame-element{width:calc(33% - 20px);margin-right:20px}}@media only screen and (min-width:1000px){.right-column .step--container .grid .frame-element{width:calc(16.6% - 20px)}}.right-column .step--container .grid .frame-element.selected .bottom{background-color:#3d4c4f}.right-column .step--container .grid .frame-element .image{height:134px}@media only screen and (min-width:768px){.right-column .step--container .grid .frame-element .image{padding-top:100%;height:initial}}.right-column .step--container .grid .frame-element .image .more:before{display:none}.right-column .step--container .grid .frame-element .image .more .svg{display:none}@media only screen and (min-width:768px){.right-column .step--container .grid .frame-element .image .more .svg{display:block;margin-right:3px}}.right-column .step--container .grid .frame-element .bottom{position:relative;height:initial;background-color:#f5f5f5;padding:9px 10px;display:flex;flex-wrap:wrap;justify-content:space-between}.right-column .step--container .grid .frame-element .bottom .title{width:90%;padding:0;margin:0;line-height:14px}@media only screen and (min-width:1600px){.right-column .step--container .grid .frame-element .bottom .title{width:90%}}.right-column .step--container .grid .frame-element .bottom .price{text-align:right;padding:3px 0 0;margin:0;line-height:14px}@media only screen and (min-width:1600px){.right-column .step--container .grid .frame-element .bottom .price{width:60%;padding:0}}.debugArea{outline:1px solid #000;display:flex;display:none;flex-wrap:wrap;justify-content:left;margin:100px auto 20px;position:relative;width:60%;box-sizing:border-box;padding:20px}.debugArea>div{width:100%}.debugArea hr{margin:1px;height:5px;width:60%}.debugArea h1{width:100%;margin-bottom:10px;padding:0;font-size:40px}.debugArea h2{width:100%}.debugArea .set{margin:10px 0}@media only screen and (min-width:767px){.debugArea .set{width:62%}}.debugArea .set div{width:calc(100% - 20px);margin-left:20px}.debugArea .set h2{margin-bottom:5px;padding:0}.debugArea .set h4{margin-bottom:2px;padding:0;font-size:18px}.debugArea .set span{font-weight:700}.debugArea .sticky-wrapper{right:30px;top:20px;z-index:99999;width:35%;height:100%;font-size:20px}@media only screen and (min-width:767px){.debugArea .sticky-wrapper{position:absolute;text-align:right}}.debugArea .sticky-wrapper .totalBox{top:300px;min-width:100%;display:inline-block;padding:10px;border:1px solid #464e54;box-sizing:border-box;font-size:18px}@media only screen and (min-width:767px){.debugArea .sticky-wrapper .totalBox{position:sticky;padding:30px}}.debugArea .sticky-wrapper .totalBox span{font-weight:700}.debugArea .sticky-wrapper.second{top:120px}.debugArea .sticky-wrapper.second .totalBox{top:400px}.debugArea .sticky-wrapper.third{top:226px}.debugArea .sticky-wrapper.third .totalBox{top:507px}.debugArea .sticky-wrapper.fourth{top:330px}.debugArea .sticky-wrapper.fourth .totalBox{top:620px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bespoke-tiles .btn.next{padding:16px 15px 14px 25px;vertical-align:middle;min-width:120px;text-align:left}.bespoke-tiles .floating-label{position:absolute;pointer-events:none;left:14px;top:12px;transition:.2s ease all;font-size:12px}.bespoke-tiles .mobile-label{width:100%}@media only screen and (min-width:767px){.bespoke-tiles .mobile-label{display:none}}.bespoke-tiles .floating-right-label{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;display:none}@media only screen and (min-width:767px){.bespoke-tiles .floating-right-label{display:initial;right:20px}}@media only screen and (min-width:1000px){.bespoke-tiles .floating-right-label{right:15px}}.bespoke-tiles .input-styled input{padding:14px 10px 0 14px}.bespoke-tiles input:focus~.floating-label,.bespoke-tiles input:valid:not(:focus)~.floating-label,.bespoke-tiles input:disabled:not(:focus)~.floating-label{top:2px;font-size:9px}.bespoke-tiles .slider{width:100%}.bespoke-tiles .slider .slider__wrapper{width:100%;max-width:257px;display:flex;flex-direction:row-reverse}.bespoke-tiles .slider .slider__wrapper .slider__input{-webkit-appearance:none;width:100%;height:7px;border-radius:5px;border:1px solid #8A8F93;background:#f5f5f5;outline:none;opacity:.7;-webkit-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out;padding:1px 3px;margin-top:15px}.bespoke-tiles .slider .slider__wrapper .slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#3d4c4f;cursor:pointer;border-radius:50%}.bespoke-tiles .slider .slider__wrapper .slider__input::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#3d4c4f;cursor:pointer;border-radius:50%}.bespoke-tiles .slider .slider__wrapper .slider__label{height:11px;display:inline;line-height:11px;margin-left:8px;margin-top:14px;margin-right:-6px}.select-hover{pointer-events:none;background-size:40px;position:absolute;height:40px;width:170px;left:50%;top:50%;transform:translate(-50%,-17px);background-color:#ffffffe6;border-radius:20px;text-align:center;line-height:40px;font-size:11px;font-family:lato;color:#3d4c4f;max-width:80%;text-transform:uppercase}.checkbox-styled{cursor:pointer;position:relative;box-sizing:border-box;display:block;width:100%;line-height:43px;font-size:12px;font-family:Lato}.checkbox-styled.disabled{opacity:1;cursor:initial}.checkbox-styled.disabled label:before{background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/checkbox-disabled.png?v=66999249323947783211791749598)}.checkbox-styled.disabled label:hover{background-color:initial;cursor:not-allowed}.checkbox-styled.reverted{border:1px solid #DDDDDD}.checkbox-styled.reverted input:checked~label{color:#fff;background-color:#3d4c4f}.checkbox-styled.reverted input:checked~label:before{background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/checkbox-ticked.png?v=42845751635761801151791749598)}.checkbox-styled input{display:none}.checkbox-styled label{cursor:pointer;display:block;padding:14px 7px 14px 40px;width:100%;box-sizing:border-box;position:static;line-height:15px}.checkbox-styled label:before{content:"";background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/checkbox-unticked.png?v=90099313178535124961791749598);background-size:cover;width:16px;height:16px;display:inline-block;position:absolute;left:15px;top:50%;transform:translateY(-50%)}.checkbox-styled label:hover{background-color:#f2f2f2}.checkbox-styled input:checked~label:before{background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/checkbox-ticked-circle.png?v=123098536636310126561791749598)}.drawings .checkbox-styled{height:55px;line-height:53px}@media only screen and (min-width:768px){.drawings .checkbox-styled{height:45px;line-height:43px}}.fitting .checkbox-styled{line-height:15px}@media only screen and (min-width:350px){.fitting .checkbox-styled{line-height:14px}}.fitting .checkbox-styled label:before{top:17px;transform:initial}.right-column .step--container .tiles-popup-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.right-column .step--container .tiles-popup-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;filter:blur(8px);-webkit-filter:blur(1px);background-color:#ffffff80}.right-column .step--container .tiles-popup{box-shadow:0 8px 25px 5px #0003;position:fixed;background-color:#fff;z-index:9999;width:713px;top:50%;left:50%;transform:translate(-50%,-50%);padding:40px;overflow-y:auto;max-height:90vh}.right-column .step--container .tiles-popup h2{font-size:22px;font-family:cardo;font-weight:700;line-height:30px;color:#3d4c4f;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #DDDDDD}.right-column .step--container .tiles-popup h2:before{position:relative;background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/frame-sprit.png?v=14842517451062717891791749598);background-size:90px 20px;background-position:110px 0px;width:20px;height:20px;left:-10px;top:3px;display:inline-block}.right-column .step--container .tiles-popup .content{display:flex}@media only screen and (max-width:767px){.right-column .step--container .tiles-popup .content{display:table}}.right-column .step--container .tiles-popup .close{cursor:pointer;position:absolute;background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/frame-sprit.png?v=14842517451062717891791749598);background-size:90px 20px;background-position:150px 0px;width:20px;height:20px;top:40px;right:40px}@media only screen and (max-width:999px){.right-column .step--container .tiles-popup .close{top:24px}}.right-column .step--container .tiles-popup .left{display:table-cell;width:348px;padding-right:20px;vertical-align:top}.right-column .step--container .tiles-popup .left .feature-image{position:relative}.right-column .step--container .tiles-popup .left .feature-image img{width:100%}.right-column .step--container .tiles-popup .left .feature-image .back,.right-column .step--container .tiles-popup .left .feature-image .next{position:absolute;top:50%;background-size:90px 20px;background-position:179px 0px;width:10px;height:20px;margin-top:-10px;cursor:pointer}.right-column .step--container .tiles-popup .left .feature-image .back:hover path,.right-column .step--container .tiles-popup .left .feature-image .next:hover path{stroke:#6f7371}.right-column .step--container .tiles-popup .left .feature-image .back{left:10px}.right-column .step--container .tiles-popup .left .feature-image .next{right:10px}.right-column .step--container .tiles-popup .right{position:relative;display:table-cell;width:calc(100% - 371px);vertical-align:top}.right-column .step--container .tiles-popup .right p,.right-column .step--container .tiles-popup .right li{color:#8a8f93;font-family:Lato;font-size:12px;line-height:14px;margin:0}.right-column .step--container .tiles-popup .right p{padding-bottom:10px}.right-column .step--container .tiles-popup .right ul{margin-top:0;margin-bottom:30px;margin-left:19px}.right-column .step--container .tiles-popup .right ul li{padding-bottom:5px}.right-column .step--container .tiles-popup .right .title{color:#3d4c4f;font-family:Lato;font-size:15px;font-weight:700;letter-spacing:.4px;line-height:24px;text-transform:uppercase;padding-bottom:28px;width:100%}.right-column .step--container .tiles-popup .right .price{color:#3d4c4f;font-family:Lato;font-size:15px;font-weight:700;letter-spacing:.4px;line-height:24px;text-transform:uppercase;padding-bottom:28px}.right-column .step--container .tiles-popup .right .control{position:absolute;bottom:0}.right-column .step--container .tiles-popup .right .control .select{margin-right:12px}.right-column .step--container .tiles-popup .right .control .back{background-color:#fff;color:#3d4c4f}.right-column .step--container .tiles-popup .right .control .back:hover{background-color:#6f7371;color:#fff}.right-column .step--container .tiles-popup .portfolio img{cursor:pointer;margin-top:20px;margin-right:10px;padding:0;width:42px;height:42px;display:inline-block;vertical-align:top;border:1px solid #fff}.right-column .step--container .tiles-popup .portfolio img.selected{outline:3px solid #464e54}.right-column .step--container .tiles-popup .right .title.margin-bottom{padding-bottom:22px!important}@media only screen and (max-width:999px){.right-column .step--container .tiles-popup{width:668px;padding:16px}.right-column .step--container .tiles-popup .left{padding:0 13px}.right-column .step--container .tiles-popup .right .back{padding:16px 0 16px 16px}.right-column .step--container .tiles-popup .right .select{margin-right:0}}@media only screen and (max-width:767px){.right-column .step--container .tiles-popup{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;transform:initial;padding:0;height:100%;overflow:scroll}.right-column .step--container .tiles-popup .content{width:100%}.right-column .step--container .tiles-popup .content .feature-image{max-height:60vh;overflow:hidden}.right-column .step--container .tiles-popup h2{padding:18px;margin:0;font-size:20px;line-height:27px}.right-column .step--container .tiles-popup .close{top:22px;right:20px}.right-column .step--container .tiles-popup .left,.right-column .step--container .tiles-popup .right{width:100%;display:block;box-sizing:border-box;padding:0}.right-column .step--container .tiles-popup .portfolio{padding:20px 20px 25px}.right-column .step--container .tiles-popup .portfolio img{margin-top:0;margin-right:6px}.right-column .step--container .tiles-popup .right{padding:0 20px 30px}.right-column .step--container .tiles-popup .right .title{padding-bottom:22px}.right-column .step--container .tiles-popup .right .title.margin-bottom{padding-bottom:22px!important}.right-column .step--container .tiles-popup .right .price{padding-bottom:100px}.right-column .step--container .tiles-popup .right .control{bottom:30px;width:calc(100% - 40px)}.right-column .step--container .tiles-popup .button.select{width:calc(100% - 30px)}.right-column .step--container .tiles-popup .button.back{display:block;padding:30px 0 0;text-align:left}}.step--dropdown{position:relative;display:inline-block;font-size:12px;line-height:15px;background:#fff;color:#8a8f93;border:1px solid #e1e3e4;margin:0;width:100%;min-width:166px;height:44px;font-family:Lato;box-sizing:border-box;cursor:pointer}@media screen and (min-width:767px){.step--dropdown{width:initial}}.step--dropdown:before{content:"";right:0;height:7px;width:12px;background-size:12px 7px;background-image:url(dropdown-arrow.png);position:absolute;cursor:pointer;display:block;margin-right:15px;margin-top:20px}.step--dropdown.active:before{transform:rotate(180deg)}.step--dropdown.active ol{display:block}.step--dropdown.hasValue .label{margin-top:7px;font-size:9px;line-height:14px}.step--dropdown.hasValue .value{display:block}.step--dropdown .label{display:block;margin-left:14px;color:#8a8f93;line-height:45px}.step--dropdown .value{text-transform:capitalize;display:none;margin-left:14px;color:#3d4c4f;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:78%}.step--dropdown ol{width:100%;display:none;position:absolute;top:100%;z-index:99;margin:0}.step--dropdown ol li{color:#3d4c4f;line-height:14px;padding:15px 14px;list-style-type:none;overflow:hidden;line-height:15px;background:#fff;border:1px solid #e1e3e4;vertical-align:middle;max-width:100%;margin:-1px -1px 0;cursor:pointer}.step--dropdown ol li.long{min-width:217px}.step--dropdown ol li:hover{background-color:#f2f2f2;color:#3d4c4f}.your--details{height:calc(100vh - 103px);min-height:850px;position:relative}@media only screen and (min-width:768px){.your--details{min-height:650px;height:calc(100vh - 203px)}}.your--details:after{content:" ";width:100%;min-height:100%;height:calc(100vh - 120px);position:absolute;top:0;left:0;background-position:center;background-size:cover}.your--details .framebox{box-sizing:border-box;position:relative;margin:20px auto;padding:20px 20px 30px;width:100%;background-color:#fffc;z-index:2}@media only screen and (min-width:768px){.your--details .framebox{padding:26px 38px;width:532px;left:50%;transform:translate(-50%,-50%);position:absolute;margin:0;top:50%}}@media only screen and (min-width:1000px){.your--details .framebox{margin:20px auto}}.your--details .framebox h1{text-align:center;padding-bottom:18px;border-bottom:1px solid #95989A;margin-bottom:20px;font-size:24px;line-height:34px}@media only screen and (min-width:768px){.your--details .framebox h1{font-size:30px;line-height:41px}}.your--details p{color:#3d4c4f;text-align:center;line-height:18px;margin-bottom:18px;font-size:12px;font-weight:500}.your--details input{width:100%;box-sizing:border-box}.your--details .form{display:flex;flex-wrap:wrap;justify-content:space-between}.your--details .form>div{width:100%;margin-bottom:4px}@media only screen and (min-width:768px){.your--details .form>div{width:calc(50% - 8px)}}.your--details .form>div.full-width{width:100%}.your--details .form>div:nth-of-type(5){width:100%}.your--details .form.delivery-location h2{font-size:18px;line-height:25px;font-weight:700;margin-top:19px;margin-bottom:0;text-align:center;width:100%}.your--details .form.delivery-location .step--dropdown{width:100%;background-color:#fff;margin-bottom:4px;font-size:12px}.your--details input[type=submit]{margin-top:6px}.glass--finish .grid .frame-element,.decorative-touches .grid .frame-element{position:relative}.glass--finish .grid .frame-element.selected div.image,.glass--finish .grid .frame-element.selected div.bottom,.decorative-touches .grid .frame-element.selected div.image,.decorative-touches .grid .frame-element.selected div.bottom{outline:1px solid #3D4C4F}.glass--finish .grid .frame-element.selected:after,.decorative-touches .grid .frame-element.selected:after{content:" ";background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/frame-tick_small.png?v=121125616530697972561791749598);background-size:40px;position:absolute;height:40px;width:40px;left:50%;top:50%;margin-left:-20px;margin-top:-34px}.glass--finish .grid .frame-element.selected .select-hover,.decorative-touches .grid .frame-element.selected .select-hover{display:none}.glass--finish .grid .frame-element.selected .image:after,.decorative-touches .grid .frame-element.selected .image:after{content:"";position:absolute;background-color:#000;opacity:.3;top:0;right:0;bottom:0;left:0}.glass--finish .grid .frame-element .more,.decorative-touches .grid .frame-element .more{z-index:1}.glass--finish .grid .frame-element .more:hover,.decorative-touches .grid .frame-element .more:hover{color:#ddd}.glass--finish .grid .frame-element .more:hover svg path,.decorative-touches .grid .frame-element .more:hover svg path{fill:#ddd}.size--and--shape .tiles-header p{display:inline-block;width:100%}@media only screen and (min-width:768px){.size--and--shape .tiles-header p{width:calc(100% - 190px)}}@media only screen and (min-width:768px){.size--and--shape .tiles-header{max-width:787px}}.size--and--shape .tiles-header .unit-area{background-color:#f5f5f5;padding:16px 20px 20px;margin:0 -20px 14px;font-size:12px;line-height:14px;color:#8a8f93}@media only screen and (min-width:768px){.size--and--shape .tiles-header .unit-area>span{display:none}}@media only screen and (min-width:768px){.size--and--shape .tiles-header .unit-area{position:relative;width:166px;background-color:initial;padding:0;top:-30px;right:-45px;margin:0;display:inline-block;box-sizing:border-box}}.size--and--shape .tiles-header .unit-area .unit{margin-top:6px;margin-bottom:5px;background-color:#fff}@media only screen and (min-width:768px){.size--and--shape .tiles-header .unit-area .unit{width:100%;margin-top:0}}.size--and--shape .tiles-wrapper{max-width:920px;position:relative}.size--and--shape .tiles-wrapper .tiles .tile{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:9px}@media only screen and (min-width:1000px){.size--and--shape .tiles-wrapper .tiles .tile{justify-content:flex-start;margin-bottom:11px}}.size--and--shape .tiles-wrapper .tiles .tile .tile-header{font-size:12px;line-height:14px;font-weight:600;color:#8a8f93;padding:0 0 13px;display:flex;justify-content:space-between;align-items:center;width:100%}@media only screen and (min-width:1000px){.size--and--shape .tiles-wrapper .tiles .tile .tile-header{display:none}}.size--and--shape .tiles-wrapper .tiles .tile .input-styled input{padding:14px 20px 0;width:133px}.size--and--shape .tiles-wrapper .tiles .tile .step--dropdown{width:100%}@media only screen and (min-width:1000px){.size--and--shape .tiles-wrapper .tiles .tile .step--dropdown{width:168px;margin-right:18px}}.size--and--shape .tiles-wrapper .tiles .tile .input-styled{margin:5px 0}.size--and--shape .tiles-wrapper .tiles .tile .input-styled input{padding:14px 10px 0 14px;width:100%;box-sizing:border-box}.size--and--shape .tiles-wrapper .tiles .tile .height,.size--and--shape .tiles-wrapper .tiles .tile .width{width:calc(50% - 4.5px)}@media only screen and (min-width:1000px){.size--and--shape .tiles-wrapper .tiles .tile .height,.size--and--shape .tiles-wrapper .tiles .tile .width{margin-right:18px;width:100px}}.size--and--shape .tiles-wrapper .tiles .tile .quantity{width:100%}@media only screen and (min-width:1000px){.size--and--shape .tiles-wrapper .tiles .tile .quantity{margin-right:18px;width:100px}}.size--and--shape .tiles-wrapper .tiles .tile .template{background:#f9f9f9;margin:5px 0;width:100%}@media only screen and (min-width:1000px){.size--and--shape .tiles-wrapper .tiles .tile .template{width:calc(100% - 35px);margin-right:15px}}@media screen and (min-width:1169px){.size--and--shape .tiles-wrapper .tiles .tile .template{width:245px}}.size--and--shape .tiles-wrapper .tiles .tile svg{cursor:pointer}.size--and--shape .tiles-wrapper .line-through{width:100%;margin-top:17px;position:relative;display:flex;justify-content:center}@media only screen and (min-width:768px){.size--and--shape .tiles-wrapper .line-through{justify-content:left}}.size--and--shape .tiles-wrapper .line-through:after{content:"";position:absolute;width:calc(100% + 40px);height:1px;top:calc(50% - 1px);left:-20px;background-color:#ddd}@media only screen and (min-width:768px){.size--and--shape .tiles-wrapper .line-through:after{display:none}}.size--and--shape .tiles-wrapper .line-through .add-row{justify-content:space-between;align-items:center;display:flex;color:#3d4c4f;font-size:12px;background-color:#fff;border:1px solid #DDDDDD;padding:10px 17px 10px 13px;min-width:initial;z-index:1}@media only screen and (min-width:768px){.size--and--shape .tiles-wrapper .line-through .add-row{padding:15px 17px 15px 13px}}.size--and--shape .tiles-wrapper .line-through .add-row svg{margin-right:11px}@media only screen and (max-width:767px){.size--and--shape .tiles-wrapper .line-through .add-row svg{width:15px;height:14.5px}}.size--and--shape .tiles-wrapper .line-through .add-row:focus{outline:auto #3D4C4F}.size--and--shape .drawings{max-width:787px;margin-bottom:20px}.size--and--shape .drawings h2{width:100%}.size--and--shape .drawings .input-styled{width:100%;margin:16px 0}@media only screen and (min-width:1000px){.size--and--shape .drawings .input-styled{width:120px}}.size--and--shape .drawings .checkbox-styled{left:0}.size--and--shape .drawings .checkbox-styled:not(.reverted){height:17px;line-height:17px;left:-15px}.size--and--shape .drawings .drawings--dropdown{width:100%;margin-bottom:19px}.size--and--shape .drawings .drawingOptions{background:#f9f9f9;border:1px solid #DDDDDD;padding:15px 14px;width:100%}.size--and--shape .drawings .drawingOptions h3{font-size:18px;font-weight:700;margin-bottom:5px}.size--and--shape .drawings .drawingOptions p{margin-bottom:0}.size--and--shape .drawings .drawingOptions .input-styled{margin:0}.glass-type-and-thickness .grid{margin-bottom:20px}@media only screen and (max-width:1000px){.glass-type-and-thickness .grid{margin-bottom:30px}}.glass-type-and-thickness .grid .checkbox-styled{height:39px;line-height:38px;margin-bottom:8px}@media only screen and (max-width:767px){.glass-type-and-thickness .grid .checkbox-styled{margin-bottom:15px}}.glass-type-and-thickness .grid .checkbox-styled label{line-height:11px;padding:14px 7px 12px 40px}.cutouts-and-holes .grid h2{width:100%}.cutouts-and-holes .grid p{margin-bottom:10px;padding:0}@media screen and (min-width:767px){.cutouts-and-holes .grid p{margin-bottom:17px;padding-bottom:2px}}.cutouts-and-holes .grid .mobile-message{color:#3d4c4f;font-size:11px;background-image:url(//rougholdglass.co.uk/cdn/shop/t/67/assets/bespoke-message.svg?v=78671226100754940731791749598);background-repeat:no-repeat;line-height:29px;display:flex;align-items:center;padding-left:25px;background-position:0px center;margin:0 0 9px}@media screen and (min-width:767px){.cutouts-and-holes .grid .mobile-message{display:none}}.cutouts-and-holes .grid .row{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#f5f5f5;margin-bottom:10px}@media only screen and (min-width:767px){.cutouts-and-holes .grid .row{margin-bottom:10px}}.cutouts-and-holes .grid .row>span{width:175px;padding:8px 0 8px 15px;border:1px solid #DDDDDD;border-right:0px;display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;align-items:center;font-size:12px;position:relative;line-height:14px}@media only screen and (min-width:767px){.cutouts-and-holes .grid .row>span{width:189px;padding-left:20px}}.cutouts-and-holes .grid .row>span svg{cursor:pointer;position:absolute;right:15px}@media only screen and (min-width:767px){.cutouts-and-holes .grid .row>span svg{position:static;right:initial}}.cutouts-and-holes .grid .row .input-styled{margin:0!important;width:calc(100% - 175px)}@media only screen and (min-width:767px){.cutouts-and-holes .grid .row .input-styled{width:calc(100% - 189px)}}.cutouts-and-holes .grid .row .input-styled input{width:100%;box-sizing:border-box}.cutouts-and-holes .grid.cutouts{margin-bottom:20px}.cutouts-and-holes .grid.cutouts .row>span{position:relative;justify-content:space-between;padding-right:15px}@media only screen and (min-width:767px){.cutouts-and-holes .grid.cutouts .row>span{padding-right:20px}}.cutouts-and-holes .grid.cutouts .row .popout{position:absolute;top:-103%;right:28px;max-width:84px;transform:translate(50%,-45%);z-index:1;width:84px;height:84px}.cutouts-and-holes .grid.cutouts .row .popout:after{top:99%;left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:#3d4c4f00;border-top-color:#3d4c4f;border-width:8px;margin-left:-8px}.decorative-touches .grid{margin-bottom:15px}@media only screen and (min-width:768px){.decorative-touches .grid{margin-bottom:38px}}.decorative-touches .grid h2,.decorative-touches .grid p{width:100%}.decorative-touches .grid .input-styled{width:100%;box-sizing:content-box}@media only screen and (min-width:768px){.decorative-touches .grid .input-styled{width:calc(100% - 20px)}}.decorative-touches .grid .input-styled input{width:100%;box-sizing:border-box}.service-extras .grid{margin-bottom:30px}.service-extras .grid .row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px}@media only screen and (min-width:768px){.service-extras .grid .row{margin-bottom:15px}}.service-extras .grid .row:last-of-type{margin-bottom:0}.summary.step--container{display:block;margin:30px 0 0;padding:0}@media only screen and (min-width:768px){.summary.step--container{border-top:1px solid rgba(149,152,154,.1254901961);display:flex;max-width:715px}}.summary.step--container .left-grid{margin-top:26px;width:100%}@media only screen and (min-width:768px){.summary.step--container .left-grid{margin-top:29px;width:156px;margin-right:40px}}.summary.step--container .left-grid img{width:100%}.summary.step--container .right-grid{font-family:Lato;margin-top:18px;width:100%}@media only screen and (min-width:768px){.summary.step--container .right-grid{margin-top:29px}}.summary.step--container .right-grid h2{font-size:22px;font-weight:700;line-height:30px;color:#3d4c4f;padding-bottom:14.5px;border-bottom:1px solid rgba(149,152,154,.1254901961);margin-bottom:20px}.summary.step--container .right-grid .attr{font-size:14px;line-height:16px;color:#8a8f93;margin:0;padding:0 0 12px}.summary.step--container .right-grid .attr span{color:#3d4c4f}.summary.step--container .right-grid .attr.list{padding-bottom:7px}.summary.step--container .right-grid .attr.holes{padding-top:5px}.summary.step--container .right-grid h3{color:#3d4c4f;font-size:14px;line-height:16px;margin-bottom:6px;font-family:Lato}.summary.step--container .right-grid .tile-row{color:#8a8f93;font-size:14px;line-height:16px;margin-bottom:4px}.summary.step--container .right-grid hr{border-bottom:2px dashed rgba(149,152,154,.1254901961);margin:6px 0}.summary.step--container .right-grid .total{margin:18px 0 22px;border-top:1px solid rgba(149,152,154,.1254901961);border-bottom:1px solid rgba(149,152,154,.1254901961);padding:20px 0}.summary.step--container .right-grid .total--price{font-size:18px;font-weight:500;line-height:24px;color:#3d4c4f;letter-spacing:.4}.summary.step--container .right-grid .total--price span{font-size:18px;font-weight:700;line-height:24px;color:#8a8f93;letter-spacing:.4}.summary.step--container .right-grid .total--note{font-size:12px;padding-top:4px;line-height:12px;color:#8a8f93}.summary.step--container .right-grid .buy{display:flex;justify-content:space-between;margin-bottom:46px}@media only screen and (min-width:768px){.summary.step--container .right-grid .buy{justify-content:start}}.summary.step--container .right-grid .buy .input-styled{width:calc(50% - 6px);margin-top:0;margin-bottom:6px;max-width:165px}@media only screen and (min-width:768px){.summary.step--container .right-grid .buy .input-styled{margin-right:10px}}.summary.step--container .right-grid .buy .input-styled input{width:100%;box-sizing:border-box}.summary.step--container .right-grid .buy .step--dropdown{min-width:initial;width:calc(50% - 6px);border:1px solid #e1e3e4}@media only screen and (min-width:768px){.summary.step--container .right-grid .buy .step--dropdown{max-width:165px;margin-right:10px}}.summary.step--container .right-grid .buy .step--dropdown ol{max-height:300px;z-index:9999;border:1px solid #e1e3e4;margin-left:-1px;overflow:hidden}.summary.step--container .right-grid .buy .step--dropdown ol li{padding:10px 14px;list-style-type:none;overflow:hidden;line-height:11px;background:#fff;border:initial;vertical-align:middle;max-width:100%;margin:-1px -1px 0;cursor:pointer}.summary.step--container .right-grid .buy .step--dropdown ol li:hover{background-color:#f2f2f2;color:#3d4c4f}.summary.step--container .right-grid .buy .total-submit{min-width:initial;width:calc(50% - 6px)}@media only screen and (min-width:768px){.summary.step--container .right-grid .buy .total-submit{max-width:165px}}.summary.step--container .right-grid .buy .total-submit .btn.next{min-width:initial;width:100%;box-sizing:border-box;text-align:center}.step-font{font-size:14px!important;line-height:16px!important}.step-font a{text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/67/assets/bespoke-tiles-styles.css.map */