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,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;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{font-size:10px;line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{width:100%;border-collapse:collapse;border-spacing:0}:focus{outline:none}img{display:block}.hide{display:none}.show{display:block}:root{--c-hl: #E53328;--c-txt: #202020;--c-panel: #F0F0F0;--c-bg: #F0F0F0;--f: 'Montserrat', sans-serif;--f_reg: 500;--f_bold: 700;--pad: 30px;--pad-left: 0px}@media (min-width: 769px){:root{--pad-left: 221px}}@media (min-width: 1201px){:root{--pad: 40px}}@media (min-width: 1501px){:root{--pad: 60px}}body{color:var(--c-txt);display:flex;flex-direction:column;font-family:var(--f);font-size:10px;font-weight:var(--f_reg);min-height:100vh}a{color:var(--c-hl)}h1{color:#FFF;font-size:3.6em;font-weight:var(--f_bold);line-height:1.2em;text-transform:uppercase}h1:not(:last-child){margin-bottom:.5em}@media (min-width: 769px){h1{font-size:4.8em}}@media (max-width: 480px){h1{font-size:3em}}h2{color:var(--c-hl);font-size:2.4em;font-weight:var(--f_reg);line-height:1.3em}h2:not(:last-child){margin-bottom:.5em}h3{color:var(--c-hl);font-size:1.8em;font-weight:var(--f_bold);line-height:1.3em}h3:not(:last-child){margin-bottom:.5em}h4,h5,h6,p,ul,ol,dl,table,address{font-size:1.6em;line-height:1.4em}h4:not(:last-child),h5:not(:last-child),h6:not(:last-child),p:not(:last-child),ul:not(:last-child),ol:not(:last-child),dl:not(:last-child),table:not(:last-child),address:not(:last-child){margin-bottom:1em}ul,ol{list-style-position:outside;margin-left:1.5em}ul ul,ul ol,ol ul,ol ol{font-size:1em}ul{list-style-type:disc}ul ul{list-style-type:circle}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}address{font-style:normal}.button a{background-color:var(--c-hl);color:#FFF;display:inline-block;font-size:1.6em;font-weight:var(--f_bold);line-height:1.25em;padding:.9375em 1.5em;text-decoration:none;text-transform:uppercase}@media (hover: hover){.button a{transition:padding .5s}.button a:hover{padding:.9375em 2em}}.site-main{display:flex;flex:1;flex-direction:column}.skiplink{background-color:var(--c-txt);color:#FFF;display:block;padding:7px 12px;position:absolute;left:0;top:0;transform:translateX(-100%)}.skiplink:focus{transform:translateX(0)}.site-header{display:flex;position:absolute;left:0;top:0;width:100%;z-index:1000}.site-title{background-color:#FFF;height:116px;position:relative;width:160px;z-index:2}.site-title a{background:url(/assets/img/city-ceramics-logo.svg) center no-repeat;background-size:contain;display:block;position:absolute;left:15px;top:15px;right:15px;bottom:15px;text-indent:-999999px}.hdr-contacts{background-color:rgba(0,0,0,0.3);color:#FFF;display:flex;flex:1;flex-wrap:wrap;font-size:1.6em;height:116px;z-index:2}@media (min-width: 481px){.hdr-contacts{font-size:1.8em}}.hdr-contacts a{color:#FFF;text-decoration:none}.hdr-contacts span{display:block}.hdr-contacts dt,.hdr-contacts dd{border-bottom:1px solid #FFF;line-height:57px;white-space:nowrap}.hdr-contacts dt{align-items:center;display:flex;overflow:hidden;padding-left:30px;position:relative}.hdr-contacts dt .icon{display:block;margin-right:10px;text-align:center;width:18px}.hdr-contacts dt .txt{opacity:0;position:absolute;left:0;top:0}.hdr-contacts dd{flex:calc(100% - 58px)}@media (max-width: 480px){.hdr-contacts{font-size:1.4em}.hdr-contacts dt{padding-left:20px}.hdr-contacts dd{flex:calc(100% -458px)}}@media screen and (max-width: 319px){.hdr-contacts{position:relative}.hdr-contacts dt{flex-basis:100%;padding:0;text-align:center}.hdr-contacts dt .icon{display:block;margin:0;padding:0;text-align:center;width:100%}.hdr-contacts dt+dd{opacity:0;position:absolute;left:0;width:100%}.hdr-contacts dt+dd a{display:block}.hdr-contacts dt:first-of-type+dd{top:0}.hdr-contacts dt:last-of-type+dd{bottom:0}}@media (max-width: 768px){.site-nav{background-color:var(--c-txt);display:flex;flex-direction:column;justify-content:flex-end;position:fixed;left:0;bottom:0;right:0;z-index:2}#nav_control,#nav_control_label{position:fixed;right:0;bottom:0}#nav_control_label{background-color:#FFF;box-shadow:-2px 0 6px rgba(0,0,0,0.2);color:var(--c-hl);font-size:24px;height:55px;overflow:hidden;transition:background-color .2s, color .2s;width:55px;z-index:100}#nav_control_label span{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}#nav_control_label span.txt,#nav_control_label span.icon-hide{opacity:0}.nav-menu{box-sizing:border-box;font-size:10px;margin:0;max-height:0;overflow:hidden;position:relative}.nav-menu a{color:#FFF;text-decoration:none}.nav-menu>li{border-top:1px solid rgba(255,255,255,0.2);padding-left:50px;position:relative}.nav-menu>li>a{display:block;font-size:20px;font-weight:var(--f_bold);padding:1.5em 0}.nav-menu>li ul{font-size:14px;margin-left:20px;padding:10px 0}.nav-menu>li ul li{margin-bottom:1.5em}.nav-menu>li ul li a{display:block}#nav_control:checked+#nav_control_label{background-color:var(--c-hl);color:#FFF}#nav_control:checked+#nav_control_label span.icon-show{opacity:0}#nav_control:checked+#nav_control_label span.icon-hide{opacity:1}#nav_control:checked ~ .nav-menu{background-color:var(--c-txt);max-height:none;overflow-y:auto;padding:55px var(--pad);position:fixed;left:0;top:0;right:0;bottom:0}#nav_control:checked ~ .nav-menu:before{content:"";width:100%;height:116px;display:block;background-color:var(--c-txt);position:absolute;left:0;top:-116px}}.introduction p{font-size:1.8em;max-width:860px;text-align:center}@media (min-width: 1501px){.introduction p{font-size:2.4em}}.pg-title-section{background-color:#000;box-sizing:border-box;display:flex;flex:1;flex-direction:column;min-height:100vh;position:relative}@media (max-width: 768px){.pg-title-section{padding-top:116px;padding-bottom:70px}}@media (min-width: 769px){.pg-title-section{padding-left:var(--pad-left)}}.pg-title-section .txt{margin:auto 0;padding:var(--pad);position:relative;text-align:center;z-index:2}@media (min-width: 769px){.pg-title-section .txt{margin-bottom:0;text-align:left}}.pg-title-section .txt h1{text-shadow:2px 5px 12px rgba(0,0,0,0.6)}.site-home .pg-title-section .txt h1{font-size:3em;margin-left:auto;margin-right:auto;max-width:18em}@media (min-width: 769px){.site-home .pg-title-section .txt h1{font-size:3.6em;margin-left:0;margin-right:0}}@media (min-width: 1201px){.site-home .pg-title-section .txt h1{font-size:4.8em}}.pg-title-section .txt .introduction{color:#FFF}@media (min-width: 769px){.pg-title-section .txt .introduction p{text-align:left}}.contact-page .pg-title-section .txt{text-align:left}.contact-page .pg-title-section .txt .introduction p{text-align:left}.contact-page .pg-title-section .txt .pg-title-contacts{border-top:1px solid #FFF;color:#FFF;display:grid;grid-row-gap:.5em;grid-template-columns:auto 1fr;margin-top:2em;padding-top:2em;text-align:left}.contact-page .pg-title-section .txt .pg-title-contacts a{color:#FFF;text-decoration:none}.contact-page .pg-title-section .txt .pg-title-contacts dt{color:var(--c-hl);overflow:hidden;padding-right:.75em;position:relative}.contact-page .pg-title-section .txt .pg-title-contacts dt .txt{opacity:0;position:absolute;left:0;top:0}@media (min-width: 1201px){.contact-page .pg-title-section .txt{display:grid;grid-template-columns:1fr 40%}.contact-page .pg-title-section .txt h1{grid-column-start:1;grid-column-end:3}.contact-page .pg-title-section .txt .introduction{grid-column:1}.contact-page .pg-title-section .txt .pg-title-contacts{border-left:1px solid #FFF;border-top:0;font-size:2.4em;grid-column:2;margin:0 0 0 var(--pad);padding:0 0 0 var(--pad)}.contact-page .pg-title-section .txt .pg-title-contacts dd{white-space:nowrap}.contact-page .pg-title-section .txt .introduction p,.contact-page .pg-title-section .txt .pg-title-contacts{font-size:2.4em}}@media (min-width: 1501px){.contact-page .pg-title-section .txt{grid-template-columns:1fr 43.5%}}.pg-title-section .title-image{height:100%;opacity:.8;overflow:hidden;position:fixed;left:0;top:0;width:100%;z-index:0}.pg-title-section .title-image .img{height:100%;opacity:0;position:absolute;left:0;top:0;transition:opacity 2s;width:100%;z-index:0}.pg-title-section .title-image img{height:100%;width:100%;object-fit:cover}.pg-title-section .title-image.slideshow-active .img.active{opacity:1;z-index:1}.js-loaded .pg-title-section .title-image:not(.slideshow-active) .img:first-child{opacity:1}.pg-title-section:not(.has-image){background-color:var(--c-txt);min-height:0}.pg-title-section:not(.has-image) .pg-content-jump{display:none}.pg-title-section:not(.has-image) .txt{margin-bottom:auto;margin-top:0}@media (min-width: 769px){.pg-title-section:not(.has-image){padding-top:100px}}.sub-menu-control{opacity:0;position:absolute;left:0;top:0}.sub-menu-control+label{font-size:13px;display:block;text-indent:-999999px;width:40px}.sub-menu-control+label:after{border-right:2px solid #FFF;border-bottom:2px solid #FFF;content:"";display:block;height:10px;margin-top:-2px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);width:10px}.sub-menu-control ~ .sub-menu{height:0;overflow:hidden}.sub-menu-control:checked+label:after{margin-top:2px;transform:translate(-50%, -50%) rotate(225deg)}.sub-menu-control:checked ~ .sub-menu{height:auto}@media (max-width: 768px){.sub-menu-control+label{height:74px;position:absolute;left:0;top:0}}@media (min-width: 769px){.sub-menu-control+label{position:relative}}@media (min-width: 769px) and (hover: hover){.sub-menu-control{display:none}.sub-menu-control+label{display:none}}@media (min-width: 769px){.site-title{height:155px;position:fixed;left:0;top:0;width:220px}.site-title:after{background-color:#FFF;content:"";display:block;height:100vh;position:absolute;right:-1px;top:0;width:1px}.site-title a{left:30px;top:20px;right:30px;bottom:20px}.hdr-contacts{border-bottom:1px solid #FFF;height:auto;padding:10px 0;position:fixed;left:0;top:155px;width:220px}.hdr-contacts dt,.hdr-contacts dd{border:0;line-height:1.2em;padding-top:7px;padding-bottom:7px}.site-nav{border-bottom:1px solid #FFF;padding-right:40px;position:absolute;right:0;top:30px}#nav_control,#nav_control_label{display:none}.nav-menu{display:flex;margin:0}.nav-menu a{text-decoration:none}.nav-menu>li{display:flex;flex-direction:row-reverse;position:relative}.nav-menu>li:not(:first-child){margin-left:40px}.nav-menu>li>a{color:#FFF;display:block;font-weight:var(--f_bold);padding:7px 0}.nav-menu>li .sub-menu{background-color:#FFF;position:absolute;left:0;top:100%}.nav-menu>li .sub-menu ul{margin:0}.nav-menu>li .sub-menu ul li:not(:first-child){border-top:1px solid #E6E6E6}.nav-menu>li .sub-menu ul li a{color:var(--c-txt);display:block;padding:1em 2em;white-space:nowrap}}@media (min-width: 769px) and (hover: hover){.nav-menu>li:hover .sub-menu{height:auto}}.pg-content-jump{background-color:rgba(0,0,0,0.2);border:1px solid #FFF;box-sizing:border-box;height:50px;margin-left:-25px;opacity:0;position:absolute;left:50%;bottom:var(--pad);text-indent:-999999px;transition:opacity 2s, background-color .3s;transition-delay:1s, 0s;width:50px;z-index:2}.pg-content-jump:after{border-right:2px solid #FFF;border-bottom:2px solid #FFF;box-sizing:border-box;content:"";display:block;height:10px;margin-top:-50px;opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);transition:opacity 2s, margin-top 1s;transition-delay:1.3s, 1.4s;width:10px}.js-loaded .pg-content-jump{opacity:1}.js-loaded .pg-content-jump:after{margin-top:0;opacity:1}@media (hover: hover){.pg-content-jump:hover{background-color:var(--c-hl)}}@media (min-width: 769px){.pg-content-jump{left:110.5px}}.gallery{display:grid;grid-gap:5px;grid-template-columns:repeat(6, 1fr);padding-bottom:5px}@media (min-width: 601px){.gallery{grid-gap:10px;padding-bottom:10px}}@media (min-width: 769px){.gallery{margin-left:var(--pad-left)}}@media (min-width: 1201px){.gallery{grid-gap:18px;padding-bottom:18px}}.gallery:first-child{padding-top:5px}@media (min-width: 601px){.gallery:first-child{padding-top:10px}}@media (min-width: 1201px){.gallery:first-child{padding-top:18px}}.gallery .img-wrap{display:flex}.gallery .img-wrap.w-33{grid-column:span 2}.gallery .img-wrap.w-50{grid-column:span 3}.gallery .img-wrap.w-100{grid-column:span 6}.gallery .img-wrap.w-100 .img{max-height:80vh}.gallery .img-wrap.img-landscape{grid-row:span 1}.gallery .img-wrap.img-portrait{grid-row:span 2}.gallery .img-wrap .img{display:flex;position:relative;transition:opacity .5s, transform 1s;transition-delay:.5s}.gallery .img-wrap .img.to-load{opacity:0;transform:translateY(30px)}.gallery .img-wrap .img img{height:100%;object-fit:cover;width:100%}@media (min-width: 1751px){.gallery{grid-template-columns:repeat(12, 1fr)}}.js-loaded .lb-img{cursor:pointer}#lightbox_gallery{background-color:var(--c-txt);display:flex;flex-direction:column;height:100%;opacity:0;position:fixed;left:0;top:0;transition:opacity 1s;width:100%;z-index:-1}#lightbox_gallery.active{opacity:1;z-index:10000}#lightbox_gallery .lb-gallery-title{color:#FFF;font-weight:var(--f_bold);margin:0;padding:var(--pad);position:relative;text-transform:uppercase;z-index:2}#lightbox_gallery .close{font-size:2.4em;height:1.8em;padding:var(--pad);position:absolute;right:0;top:0;text-indent:-999999px;width:1.8em;z-index:10}#lightbox_gallery .close:before,#lightbox_gallery .close:after{background-color:#FFF;content:"";display:block;height:6px;position:absolute;left:50%;top:50%;width:32px}#lightbox_gallery .close:before{transform:translate(-50%, -50%) rotate(45deg)}#lightbox_gallery .close:after{transform:translate(-50%, -50%) rotate(-45deg)}@media (hover: hover){#lightbox_gallery .close{transition:transform .6s}#lightbox_gallery .close:hover{transform:scale(1.1)}}#lightbox_gallery .lb-gallery-imgs-outer{display:flex;flex:1;position:relative}#lightbox_gallery .lb-gallery-imgs{flex:1;overflow:hidden;position:relative}#lightbox_gallery .lb-img-wrap{position:absolute;left:calc(var(--pad) + 50px);top:0;right:calc(var(--pad) + 50px);bottom:var(--pad);align-items:center;display:flex;justify-content:center;opacity:0;transition:opacity 1s, transform 2s;z-index:1}#lightbox_gallery .lb-img-wrap img{width:100%;height:100%;object-fit:contain;margin:auto}#lightbox_gallery .lb-img-wrap.active{opacity:1;transform:translateX(0);z-index:2}.lb-gallery-button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;margin:0;padding:0;position:absolute;top:0;bottom:var(--pad);text-indent:-999999px;width:50%;z-index:10}.lb-gallery-button:before{background-color:#FFF;content:"";display:block;height:50px;margin-top:-25px;position:absolute;top:50%;width:50px}.lb-gallery-button:after{box-sizing:border-box;content:"";display:block;height:14px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:14px}.lb-gallery-button.prev{left:0}.lb-gallery-button.prev:before{left:0}.lb-gallery-button.prev:after{border-bottom:4px solid var(--c-txt);border-left:4px solid var(--c-txt);left:19px}.lb-gallery-button.next{right:0}.lb-gallery-button.next:before{right:0}.lb-gallery-button.next:after{border-top:4px solid var(--c-txt);border-right:4px solid var(--c-txt);right:19px}@media (max-width: 600px){#lightbox_gallery .lb-gallery-title{padding-right:85px}#lightbox_gallery .close{font-size:2.2em;height:1.4em;width:1.4em}#lightbox_gallery .lb-img-wrap{left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + 50px)}.lb-gallery-button{bottom:0}.lb-gallery-button:before{top:auto;bottom:0;margin-top:0}.lb-gallery-button:after{top:auto;bottom:16px;transform:translateY(0) rotate(45deg)}}.pg-content-section{background-color:var(--c-bg);position:relative;z-index:10}.pg-content-section .text{padding:var(--pad);padding-left:calc(var(--pad-left) + var(--pad))}.pg-content-section .text p,.pg-content-section .text ul,.pg-content-section .text ol{max-width:900px}@media (min-width: 769px){.pg-content-section .text.introduction p{font-size:2.4em;text-align:left}}.pg-content-section .text+.text{padding-top:0}.product-panels{background-color:var(--c-txt)}.product-panels>h3{font-size:2.4em;font-weight:var(--f_reg);margin:0;padding:var(--pad) var(--pad) 0 var(--pad)}@media (min-width: 769px){.product-panels{padding-left:var(--pad-left)}.product-panels>h3{font-size:3.6em}}.product-panels-list{display:grid;grid-gap:20px;grid-template-columns:1fr;list-style:none;margin:0;padding:var(--pad)}@media (min-width: 601px){.product-panels-list{grid-template-columns:1fr 1fr}}@media (min-width: 1201px){.product-panels-list.cols-3{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 1501px){.product-panels-list:not(.cols-3){grid-template-columns:repeat(4, 1fr)}}.product-panels-list li a{background-color:#000;color:#FFF;display:block;height:0;padding-bottom:66.666666%;position:relative;text-decoration:none}.product-panels-list li a .title{background-color:rgba(0,0,0,0.5);display:block;font-size:1.2em;padding:.5em .75em;position:absolute;left:0;bottom:0;text-transform:uppercase;z-index:2}.product-panels-list li a .img{display:block;height:100%;overflow:hidden;position:absolute;left:0;top:0;width:100%;z-index:1}.product-panels-list li a .img img{height:100%;object-fit:cover;width:100%}@media (hover: hover){.product-panels-list li a .title{transition:padding .6s}.product-panels-list li a .img img{transition:opacity 1s, transform 1s}.product-panels-list li a:hover .title{padding:.6em 1em}.product-panels-list li a:hover .img img{opacity:.8;transform:scale(1.05)}}.manufacturers-wrap{background-color:var(--c-txt);position:relative;z-index:1}@media (min-width: 769px){.manufacturers-wrap{padding-left:var(--pad-left)}}.manufacturers-list{display:grid;grid-gap:10px;grid-template-columns:repeat(2, 1fr);list-style:none;margin:0;padding:var(--pad)}@media (min-width: 601px){.manufacturers-list{grid-gap:15px;grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1201px){.manufacturers-list{grid-template-columns:repeat(4, 1fr)}}.manufacturers-list li{align-items:center;background-color:#FFF;display:flex;justify-content:center;padding:30px 15px;position:relative}.manufacturers-list li a{align-items:center;display:flex;flex:1;justify-content:center;position:relative}.manufacturers-list li .img{display:block;max-width:120px;width:100%}.manufacturers-list li img{height:auto;height:35px;object-fit:contain;width:100%}.manufacturers-list li .manufacturer{opacity:0;position:absolute;left:0;top:0}@media (min-width: 601px){.manufacturers-list li{padding:40px 20px}}@media (min-width: 769px){.manufacturers-list li .img{max-width:190px}.manufacturers-list li img{height:40px}}@media (min-width: 1201px){.manufacturers-list li .img{max-width:220px}.manufacturers-list li img{height:60px}}.site-home .manufacturers-wrap{background-color:var(--c-bg)}.site-home .manufacturers-wrap .manufacturers-list{padding-top:0}.single-image{max-height:90vh;overflow:hidden;position:relative}.single-image img{width:100%;height:100%;object-fit:cover}.single-image .caption{background-color:rgba(0,0,0,0.3);color:#FFF;display:block;font-size:1.6em;padding:.75em 1.25em;position:absolute;left:var(--pad-left);bottom:0}.site-footer{background-color:var(--c-hl);color:#FFF;position:relative;z-index:100}.site-footer a{color:#FFF;text-decoration:none}.site-footer h3{border-bottom:1px solid #FFF;color:#FFF;padding-bottom:.25em}.site-footer .company-details p{font-size:1.1em}.location-details,.footer-info{padding:var(--pad)}.opening-times dt{clear:left;float:left;margin-right:.4em}.opening-times dt:after{content:": "}.location-map{background-color:#E6E6E6;height:350px;display:flex;position:relative}.location-map .map{width:100%}.footer-menu{font-size:1.3em;list-style:none;margin-left:0}.footer-menu li:not(:first-child){margin-top:1em}@media (min-width: 769px){.footer-info{display:flex;flex-direction:column;justify-content:flex-end}}@media (min-width: 769px) and (max-width: 1200px){.site-footer{display:grid;grid-template-columns:var(--pad-left) 1fr}.location-details,.location-map{grid-column:2}.footer-info{grid-column:1;grid-row-start:1;grid-row-end:3}}@media (min-width: 1201px){.site-footer{display:flex}.footer-info,.location-map,.location-details{box-sizing:border-box}.footer-info{order:1;width:var(--pad-left)}.location-map{flex-basis:52.5%;height:auto;margin-bottom:var(--pad);margin-top:var(--pad);min-height:400px;order:2}.location-details{flex:1;order:3}}@media (min-width: 1501px){.location-map{min-height:550px}}.sitemap-wrap{background-color:var(--c-txt);padding-left:var(--pad-left)}.sitemap-list{border-top:1px solid #FFF;list-style:none;margin:0;padding:var(--pad)}.sitemap-list li{border-top:1px solid rgba(255,255,255,0.2);break-inside:avoid;max-width:900px}.sitemap-list li:first-child{border-top:0}.sitemap-list li a{color:#FFF;display:block;padding:1.5em;text-decoration:none}.sitemap-list li ul li{border-top:0}@media (min-width: 601px){.sitemap-list li ul{column-count:2;column-gap:var(--pad)}}@media (min-width: 1201px){.sitemap-list li ul{column-count:4}}.sitemap-list>li>a{font-size:1.1em;font-weight:var(--f_bold)}