.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body.single-product main .background .cont,body.single-post main>p,body.single-post main>.blog-heading,body.single-post main .content-main,body.search main,header .sub-header .container,header .header .container,footer .container .notices .cont,footer .container .footer,.footer-icons .icons-slider,body.woocommerce-checkout main,body.woocommerce-cart main,.wp-block-quote,main>.wp-block-columns .wp-block-column>.wp-block-columns,main>.wp-block-columns,body.error404 main{max-width:1180px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}body.single-product main .background .cont .col button,body.search .search-nav a,header .header .container .col a.contact{display:inline-block;margin:0;font-weight:700;transition:all .3s ease-in-out;position:relative;text-decoration:none;font-size:14px;border-radius:3px;background-color:transparent;color:#fff;padding:8px 25px;background-color:var(--su-grey);border:2px solid var(--su-grey);min-width:150px}body.single-product main .background .cont .col button:after,body.search .search-nav a:after,header .header .container .col a.contact:after{content:"";width:40px;height:20px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-right.svg) no-repeat right center;filter:brightness(15);position:absolute;top:50%;right:40px;transform:translate(0%, -50%);background-size:25px;opacity:0;transition:all .4s ease-in-out}body.single-product main .background .cont .col button:hover,body.search .search-nav a:hover,header .header .container .col a.contact:hover{color:#fff;cursor:pointer;padding:8px 45px 8px 25px}body.single-product main .background .cont .col button:hover:after,body.search .search-nav a:hover:after,header .header .container .col a.contact:hover:after{right:15px;opacity:1}header .sub-header .container .col:last-child a,.wp-block-button .wp-block-button__link{display:inline-block;margin:0;font-weight:600;transition:all .3s ease-in-out;position:relative;text-decoration:none;text-transform:uppercase;font-size:13px;border-radius:24px;border:none;background-color:transparent;padding:8px 55px;color:#fff;background-color:var(--s-blue);border:2px solid var(--s-blue)}header .sub-header .container .col:last-child a:after,.wp-block-button .wp-block-button__link:after{content:"";width:40px;height:20px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-right.svg) no-repeat right center;position:absolute;top:50%;right:40px;transform:translate(0%, -50%);background-size:25px;opacity:0;transition:all .4s ease-in-out}header .sub-header .container .col:last-child a:hover,.wp-block-button .wp-block-button__link:hover{background-color:var(--s-blue);color:var(--h-yellow);cursor:pointer;padding:8px 75px 8px 55px}header .sub-header .container .col:last-child a:hover:after,.wp-block-button .wp-block-button__link:hover:after{right:15px;opacity:1}:root{--s-blue: #00aeef;--s-lgrey: #EBEBEB;--s-grey: #4D4D4D;--s-yellow: #FFD200;--h-yellow: #ffcd03;--h-purple: #310083;--h-lpurple: #5631BC;--h-llpurple: #b6abef;--h-grey: #4d4d4d;--tl-dgrey: #424347;--tl-lyellow: #F7F6F2;--tl-yellow: #F4CE47;--tl-myellow: #F4CE4733;--su-red: #D73832;--su-yellow: #F4CE47;--su-grey: #343435}.has-h-yellow-background-color{background-color:var(--h-yellow)}.has-h-purple-background-color{background-color:var(--h-purple)}.has-h-yellow-color{color:var(--h-yellow)}.has-h-purple-color{color:var(--h-purple)}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(0.5, 0, 0.14, 1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports(padding: 0px){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0, 0, 0.25, 1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%, 0, 0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0, 0, 0)}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5, 1.5, 1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(0.5, 0.5, 0.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1, 1, 1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1, 1, 1) translate3d(0, 0, 0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0, 0, 0) scale(1)}@media all and (max-height: 576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports(padding: 0px){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:visited,.fancybox-share__button:link{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width: 576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100vh;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing} :root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-ocd-width);min-width:var(--mm-ocd-min-width);max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:clamp(100% - var(--mm-ocd-max-width),100% - var(--mm-ocd-width),100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px;--mm-spn-panel-offset:30%}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:calc(100% + var(--mm-spn-panel-offset));padding-right:var(--mm-spn-panel-offset);line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:"";display:block;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:calc(-1*var(--mm-spn-panel-offset));overflow:visible}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/2);right:calc(var(--mm-spn-item-height)/2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0, -50%);-ms-transform:rotate(45deg) translate(0, -50%);transform:rotate(45deg) translate(0, -50%);opacity:.4}.mm-spn li:after{content:"";display:block;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0 0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/2);left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%, -50%);-ms-transform:rotate(-45deg) translate(50%, -50%);transform:rotate(-45deg) translate(50%, -50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:var(--mm-spn-item-height);padding:0 calc(var(--mm-spn-item-indent)*2);line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:calc(var(--mm-spn-item-height) + 1px)}.mm-spn.mm-spn--navbar ul:before{content:"";display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#ddd;background:#333}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:calc(var(--mm-spn-item-height)/2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%, 0);-ms-transform:rotate(135deg) translate(-50%, 0);transform:rotate(135deg) translate(-50%, 0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none} html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none !important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}body.error404 main{padding:200px 20px 0}main>.wp-block-columns.spaced{justify-content:space-between}main>.wp-block-columns.alignfull{max-width:100%}main>.wp-block-columns .wp-block-column iframe{width:100%}main>.wp-block-columns .wp-block-column>.wp-block-columns{padding:0}main>.wp-block-columns.alignfull .wp-block-columns{padding:0 20px}main>.wp-block-columns.is-layout-flex{justify-content:center}main>.wp-block-columns.is-style-pattern{overflow:hidden;position:relative}main>.wp-block-columns.is-style-pattern:before{content:"";background:var(--h-lpurple) url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/skip-tile.svg) repeat center center;background-size:350px;z-index:0;width:330%;height:330%;left:50%;top:50%;position:absolute;transform:rotate(-10deg) translate(-50%, -50%)}main>.wp-block-columns.is-style-pattern .wp-block-column{z-index:1}figure.rotate-left img{border-radius:8px;transform:rotate(-6deg)}figure.rotate-right img{border-radius:8px;transform:rotate(6deg)}.pad-0{padding:0 !important}.wp-block-separator{background-color:#f1f1f1;border:none}.wp-block-image.shadow img{box-shadow:0px 0px 15px #979797}.wp-block-quote{max-width:1100px;position:relative;padding:20px 0 20px}.wp-block-quote p{font-size:20px;line-height:26px;font-weight:600;font-family:"Instrument Sans",sans-serif;font-style:italic}.wp-block-quote cite{font-style:normal;font-size:16px;font-weight:400;font-style:italic}:where(body .is-layout-flow)>*{margin-block-start:0rem;margin-block-end:0}@media screen and (max-width: 844px){.wp-block-quote{margin-bottom:0}main>.wp-block-columns{padding:0 20px !important}.wp-block-column{padding-left:0 !important;padding-right:0 !important}figure.rotate-left img{border-radius:8px;transform:rotate(-6deg);margin:15px 0}figure.rotate-right img{border-radius:8px;transform:rotate(6deg);margin:15px 0}}body.woocommerce-cart main{padding-top:200px;min-height:70vh}body.woocommerce-cart main .wp-block-woocommerce-cart{font-family:"Patua One",serif}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-components-validation-error p{font-size:18px}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart-item__prices{font-size:18px}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-components-product-metadata p{font-size:18px;line-height:21px;padding:0}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-components-product-details{padding:0 !important}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-components-product-details span{font-size:18px;line-height:21px}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-name{font-size:20px;margin:0 0 10px 0;color:var(--h-purple)}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-details{padding:0 0 0 20px}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-details li{margin:0}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart__submit-button{margin-top:20px;background-color:var(--h-yellow);border-radius:8px;transition:all .3s ease-in-out;color:var(--h-purple);font-weight:600}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{color:#fff;background-color:var(--h-purple)}body.woocommerce-cart main .wc-block-cart-items tr{background-color:#fff !important;border-bottom:1px solid #cecece}body.woocommerce-cart main .wc-block-components-totals-footer-item-tax{font-size:17px}.xoo-wsc-ft-buttons-cont>a{background-color:var(--h-yellow) !important;color:var(--h-purple) !important;border:none !important;border-radius:8px;transition:all .3s ease-in-out;font-family:"Patua One",serif !important}.xoo-wsc-ft-buttons-cont>a:hover{background-color:var(--h-purple) !important;color:#fff !important}.xoo-wsc-ft-buttons-cont>a:hover .woocommerce-Price-amount{color:#fff !important}.xoo-wsc-ft-buttons-cont>a .woocommerce-Price-amount{font-style:normal;color:var(--h-purple) !important;font-weight:600}.xoo-wsc-product dl.variation dd,.xoo-wsc-product dl.variation dt{line-height:20px;font-size:13px}.xoo-wsc-product dl.variation dd p,.xoo-wsc-product dl.variation dt p{font-size:13px;padding:0;line-height:21px}@media screen and (max-width: 844px){body.woocommerce-cart main{padding-top:10px;min-height:auto}body.woocommerce-cart main .wc-block-cart-items tr{border:none}.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{margin-top:0;border-radius:4px}}body.woocommerce-checkout main{padding:130px 20px 20px}body.woocommerce-checkout main .wc-block-components-validation-error p{font-size:18px}body.woocommerce-checkout main .wc-block-components-button{background-color:var(--h-yellow);border-radius:8px;transition:all .3s ease-in-out;color:var(--h-purple);font-weight:600}body.woocommerce-checkout main .wc-block-components-button:hover{color:#fff;background-color:var(--h-purple)}body.woocommerce-checkout main .wc-block-components-product-name{font-size:18px;color:var(--h-purple);font-weight:600}body.woocommerce-checkout main .wc-block-components-product-details__value,body.woocommerce-checkout main .wc-block-components-product-details__name{font-size:18px}body.woocommerce-checkout main .wc-block-components-totals-footer-item-tax{font-size:17px;padding:0}body.woocommerce-checkout main .components-form-token-field__suggestion:before{display:none}.footer-icons{background-color:#fff}.footer-icons .icons-slider{padding:40px 20px;position:relative}.footer-icons .icons-slider img{height:50px;width:auto}footer{position:relative;background-color:var(--su-yellow);padding:20px 0 70px}footer .container .footer{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;column-gap:80px;padding-top:20px}footer .container .footer .col{width:auto;max-width:15%;padding:0}footer .container .footer .col svg{height:80px;width:269px}footer .container .footer .col svg path{fill:var(--su-grey)}footer .container .footer .col p{margin:0;padding:3px 0;font-size:15px;line-height:18px;font-weight:100;color:var(--su-grey)}footer .container .footer .col p.title{color:var(--su-red);font-size:16px;font-weight:700;margin-bottom:15px;position:relative;width:100%}footer .container .footer .col p.small{font-size:12px;margin-bottom:3px}footer .container .footer .col p strong{display:block;margin:0px 0 0px}footer .container .footer .col a{width:100%;display:inline-block;padding:3px 0px;text-decoration:none;font-size:14px;line-height:18px;font-weight:100;color:var(--su-grey)}footer .container .footer .col a:hover{color:#fff}footer .container .footer .col nav ul{margin:0;padding:0;display:flex;flex-wrap:wrap}footer .container .footer .col nav ul li{margin:0;display:inline-block;padding:0 0px;list-style:none;line-height:10px;font-weight:100;width:100%;position:relative}footer .container .footer .col nav ul li a{padding:3px 0;font-size:14px;line-height:18px;font-weight:100;text-decoration:none;display:inline-block;color:var(--su-grey)}footer .container .footer .col nav ul li a:hover{color:#fff}footer .container .footer .col nav ul li:last-child{border-right:none}footer .container .footer .col .social{width:100%}footer .container .footer .col .social a{filter:grayscale(1) brightness(0)}footer .container .footer .col .social a:hover{filter:grayscale(1) brightness(5)}footer .container .footer .col.right{margin-left:auto;text-align:right}footer .container .footer .col.right p{margin-top:15px}footer .container .footer .col.logo{max-width:30%;margin-top:-20px;margin-left:auto}footer .container .footer .col.logo img{margin-left:-30px;margin-top:-12px}footer .container .footer .col.contact p{margin-bottom:20px}footer .container .footer .col.contact a{margin:0}footer .container .footer .col.full{width:100%;max-width:100%;min-width:100%}footer .container .footer .col.info{display:flex;flex-wrap:wrap;gap:10px;color:var(--su-grey);width:100%;margin-top:40px}footer .container .footer .col.info .cont{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;line-height:24px}footer .container .footer .col.info .cont p,footer .container .footer .col.info .cont a{font-size:12px}footer .container .footer .col.info a{width:auto;margin-left:auto;font-size:12px}footer .container .notices .cont{padding:40px 20px 30px;flex-wrap:wrap;display:flex}footer .container .notices .cont .col{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:70%}footer .container .notices .cont .col p{font-size:14px;line-height:16px;font-family:"Patua One",serif;font-weight:100;padding:5px 0;color:var(--s-grey)}footer .container .notices .cont .col p:nth-child(1){margin-left:0}footer .container .notices .cont .col a{margin-right:10px}footer .container .notices .cont .col a:hover{color:#fff}footer .container .notices .cont .col:nth-child(2){width:30%}footer .container .notices .cont .col:nth-child(2) p:last-of-type{margin-left:auto}@media screen and (max-width: 844px){footer{padding:40px 0 0}footer .footer{align-items:flex-start;gap:10px}footer .footer .col{width:100% !important;max-width:100% !important;text-align:left !important;justify-content:flex-start !important;padding:0;box-sizing:border-box}footer .footer .col .title{text-align:left !important}footer .footer .col .insta{margin-left:0}footer .footer .col .accreds{margin:20px 0 0 !important;justify-content:space-between}footer .footer .col .accreds .item{width:50%}footer .footer .col .accreds .item img{width:100%}footer .footer .col nav ul li{width:100% !important}footer .footer .col nav ul li a{position:relative;display:inline-block;width:auto}footer .notices{padding:0 0px}footer .notices .cont{padding:20px}footer .notices .cont .col{width:100% !important}footer .notices .cont .col:nth-child(2) p:last-of-type{margin-left:inherit}}header{z-index:2;position:relative;transition:all .3s ease-in-out;width:100%;top:0;background-color:var(--su-red)}header .header{transition:all .3s ease-in-out}header .header .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:15px 20px;transition:all .3s ease-in-out;position:relative;z-index:10}header .header .container #resp-nav{width:40px;height:30px;position:relative;display:none}header .header .container #resp-nav span{height:2px;background-color:#000;width:100%;display:inline-block;position:relative;top:6px;position:absolute;transition:all .3s ease-in-out}header .header .container #resp-nav span:before{content:"";width:100%;height:2px;top:9px;background-color:#000;position:absolute;transition:all .4s ease-in-out}header .header .container #resp-nav span:after{content:"";width:100%;height:2px;top:18px;background-color:#000;position:absolute;transition:all .4s ease-in-out}header .header .container a#logo{width:285px;display:inline-block;transition:all .4s ease-in-out;line-height:0}header .header .container a#logo svg{height:100%;width:100%;overflow:visible}header .header .container a#logo svg>g g{opacity:0}header .header .container a#logo svg>g>*:nth-child(1){animation-delay:.1s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(2){animation-delay:.2s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(3){animation-delay:.3s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(4){animation-delay:.4s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(5){animation-delay:.5s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(6){animation-delay:.6s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(7){animation-delay:.7s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(8){animation-delay:.8s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(9){animation-delay:.9s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(10){animation-delay:1s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(11){animation-delay:1.1s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(12){animation-delay:1.2s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(13){animation-delay:1.3s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(14){animation-delay:1.4s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(15){animation-delay:1.5s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(16){animation-delay:1.6s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(17){animation-delay:1.7s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(18){animation-delay:1.8s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg>g>*:nth-child(19){animation-delay:1.9s;animation-name:logo-spin-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a.tel{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:24px;font-weight:600;text-decoration:none;color:#fff}header .header .container a.tel:hover{color:var(--su-yellow)}header .header .container a.tel:before{content:"";width:40px;height:40px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/tel2.svg) no-repeat center center;background-size:35px;display:inline-block;margin-right:5px;filter:brightness(0.5)}header .header .container .col{display:flex;flex-wrap:wrap;align-items:center;justify-self:flex-end}header .header .container .col a.contact{font-size:13px;font-weight:600}header .header .container .col nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;transition:all .4s ease-in-out;position:relative;padding:5px 0;margin:0 0 0 0;z-index:1}header .header .container .col nav ul{display:flex;flex-wrap:wrap;margin:0;padding:0;gap:20px}header .header .container .col nav ul li{list-style:none;position:relative}header .header .container .col nav ul li a{font-size:15px;font-family:"Instrument Sans",sans-serif;font-weight:400;color:var(--su-yellow);text-decoration:none;padding:32px 5px;letter-spacing:.5px;transition:color .3s ease-in-out;position:relative}header .header .container .col nav ul li a:hover{color:var(--su-yellow)}header .header .container .col nav ul li a:hover::after{width:calc(100% - 0px)}header .header .container .col nav ul li ul{position:absolute;margin:0;padding:10px 0;visibility:hidden;opacity:0;transition:all .3s ease-in-out;border-radius:0;transform:scale(0.8);transform-origin:top;top:59px;left:-20px;background-color:#fff;display:inline-block}header .header .container .col nav ul li ul li{width:100%;padding:0px;display:inline-block;box-sizing:border-box}header .header .container .col nav ul li ul li a{white-space:nowrap;color:var(--su-grey);padding:3px 25px;display:inline-block;width:100%;box-sizing:border-box}header .header .container .col nav ul li ul li a:hover{color:var(--su-red)}header .header .container .col nav ul li ul li a:after{display:none}header .header .container .col nav ul li ul li:last-child{border-bottom:none}header .header .container .col nav ul li ul li:last-child a:after{left:10px}header .header .container .col nav ul li:hover ul{visibility:visible;opacity:1;transform:scale(1)}header .header .container .col nav ul li.current-menu-item>a:after{width:100%}header .header .container .col nav ul li.menu-item-has-children{padding:0px 15px 0px 0}header .header .container .col nav ul li.menu-item-has-children:before{content:"";width:20px;height:20px;position:absolute;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-button-blue.svg) no-repeat center center;background-size:12px;transform:rotate(90deg);filter:invert(1) brightness(15);top:5px;right:-2px;transition:all .4s ease-in-out}header .sub-header{background-color:var(--s-lgrey);max-height:70px;transition:max-height .4s ease-in-out;overflow:hidden}header .sub-header .container{padding:10px 20px;height:60px;display:flex;flex-wrap:wrap;justify-content:space-between;transition:padding .4s ease-in-out}header .sub-header .container .col{display:flex;flex-wrap:wrap;align-items:center}header .sub-header .container .col a.phone{position:relative;padding:0 0 0 50px;color:var(--s-blue);text-decoration:none;font-size:24px;font-weight:600}header .sub-header .container .col a.phone:before{content:"";width:40px;height:40px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/tel.svg) no-repeat center center;background-size:40px;border-radius:60px;position:absolute;top:50%;left:0;transform:translate(0, -50%)}header .sub-header .container .col a.phone:hover{filter:contrast(0) brightness(5)}header .sub-header .container .col:last-child a{color:var(--h-yellow);font-size:18px;font-weight:400;margin-left:10px}header.collapsed .header .container{padding:5px 20px}header.collapsed .header .container .col nav ul li ul{top:49px}header.collapsed .sub-header{max-height:0}header.collapsed .sub-header .container{padding:0 20px}body.mm-wrapper_opening header .header #resp-nav span{background-color:transparent}body.mm-wrapper_opening header .header #resp-nav span:before{transform:rotate(45deg)}body.mm-wrapper_opening header .header #resp-nav span:after{transform:rotate(-45deg);top:9px}@keyframes logo-anim{from{transform:scale(1) translateY(-60px);transform-origin:200px;opacity:0}to{transform:scale(1) translateY(0px);transform-origin:200px;opacity:1}}@keyframes logo-spin-anim{from{transform:scale(1) rotate(150deg);transform-origin:50px;opacity:0}to{transform:scale(1) rotate(0deg);transform-origin:50px;opacity:1}}@keyframes logo-line{from{transform:scale(1) translateY(-60px);transform-origin:200px;opacity:0}to{transform:scale(1) translateY(0px);transform-origin:200px;opacity:1}}@keyframes scale{from{transform:scale(0);transform-origin:58px;opacity:0}to{transform:scale(1);transform-origin:58px;opacity:1}}@keyframes rotate{from{transform:rotate(-150deg);transform-origin:58px;opacity:0}to{transform:rotate(0deg);transform-origin:58px;opacity:1}}@media screen and (max-width: 844px){header{overflow:hidden;z-index:100}header .top-header{padding:20px 20px 0}header .header{padding:20px 20px 10px}header .header #info{display:flex;flex-wrap:wrap;width:65%;justify-content:flex-end}header .header #info a{margin:3px 0}header .header .col{display:flex;align-items:center;justify-content:center;width:100%}header .header .container{padding:0 40px 0}header .header .container a#logo{width:100%;padding:0;display:flex;align-items:center;justify-content:center}header .header .container a#logo svg{width:80%}header .header .container #resp-nav{display:block;position:absolute;top:0;left:0}header .header .container .col a.contact{margin:20px 0 0}header .header .container a.tel{margin:0 auto}}#loginmodal{position:absolute;top:0;right:0;width:100%;height:100vh;background-color:transparent;z-index:101;opacity:1;backdrop-filter:blur(0px);transition:all .5s ease-in-out;visibility:hidden}#loginmodal .cont{width:100%;max-width:1200px;border-radius:20px;top:35%;left:50%;transform:translate(-50%, -50%);position:absolute;opacity:0;transition-delay:.4s;transition:opacity .5s ease-in-out;overflow:hidden;padding:100px 40px;border:2px solid var(--h-yellow);box-sizing:border-box}#loginmodal .cont .cols{display:flex;justify-content:space-between}#loginmodal .cont .cols .col{box-sizing:border-box;text-align:center;justify-content:center;display:flex;flex-wrap:wrap;border-right:1px solid #fff}#loginmodal .cont .cols .col h4{color:var(--h-yellow);margin-bottom:30px}#loginmodal .cont .cols .col p{font-size:16px;color:#fff}#loginmodal .cont .cols .col .items{display:flex;flex-wrap:wrap;gap:30px}#loginmodal .cont .cols .col .items a{border:1px solid #fff;height:180px;width:180px;position:relative;transition:all .3s ease-in-out}#loginmodal .cont .cols .col .items a img{width:auto;height:80px;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#loginmodal .cont .cols .col .items a svg{content:"";width:30px;height:30px;position:absolute;bottom:10px;right:10px}#loginmodal .cont .cols .col .items a svg g path:nth-child(2){fill:var(--h-yellow)}#loginmodal .cont .cols .col .items a:hover{background-color:rgba(255,255,255,.172);transform:scale(1.1)}#loginmodal .cont .cols .col:last-child{border:none}#loginmodal .cont .cols .col:first-child{padding-right:14px}#loginmodal .cont .close{position:absolute;top:20px;right:20px;width:35px;height:35px;transition:all .4s ease-in-out}#loginmodal .cont .close:before{content:"";width:100%;height:2px;background-color:var(--h-yellow);position:absolute;transform:rotate(45deg);top:calc(50% - 2px)}#loginmodal .cont .close:after{content:"";width:100%;height:2px;background-color:var(--h-yellow);position:absolute;transform:rotate(-45deg);top:calc(50% - 2px)}#loginmodal .cont .close:hover{cursor:pointer;transform:rotate(90deg)}body.login #loginmodal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);visibility:visible;background-color:#00000057}body.login #loginmodal .cont{opacity:1}@media screen and (max-width: 844px){#loginmodal .cont{width:100%;justify-content:space-around;align-items:center;top:50%;padding:100px 20px;height:100vh;overflow:scroll}#loginmodal .cont .cols{display:block}#loginmodal .cont .cols .col{border:none}#loginmodal .cont .cols .col h4{margin:20px 0 10px}#loginmodal .cont .cols .col .items{gap:0;width:100%;display:flex;justify-content:space-around}#loginmodal .cont .cols .col .items a{width:45%;margin:7px 0}#loginmodal .cont .close{top:15px;right:20px}#loginmodal .cont:after{display:none}header #login{padding:10px 40px}}body.search .mm-page{padding:40px 0}body.search header{background-color:var(--hv-dteal)}body.search main{padding:200px 20px 40px}body.search main .results{display:flex;flex-wrap:wrap;justify-content:space-between}body.search main .results .result{padding:10px 20px;box-sizing:border-box;margin-bottom:10px;width:49.5%;text-decoration:none;border:1px solid var(--bs-lgrey);border-radius:5px;transition:all .3s ease-in-out}body.search main .results .result h3{font-family:"Patua One",serif;text-transform:uppercase;font-size:22px;transition:all .3s ease-in-out}body.search main .results .result h3 a{text-decoration:none}body.search main .results .result .content{line-height:22px;font-size:16px;text-decoration:none;margin:5px 0;padding:0;color:#000;transition:all .3s ease-in-out}body.search main .results .result img{margin:20px 0 0;display:inline-block;width:100%;height:350px;object-fit:cover;object-position:center}body.search main .results .result:hover{background-color:var(--bs-dgrey)}body.search main .results .result:hover h3,body.search main .results .result:hover .content,body.search main .results .result:hover p{color:#fff}body.search main .results .result:hover .rm p{color:var(--bs-red)}body.search main .results .content{padding:20px 0}body.search main .results .rm{margin-top:10px}body.search main .results .rm p{transition:all .3s ease-in-out;font-weight:500}body.search .search-nav{display:inline-block;margin-right:5px;margin-top:20px}body.search .search-nav a{color:#fff;font-size:16px;padding:5px 10px;margin:0 0 0;font-weight:500;min-width:50px}body.single-post section.hero{position:relative}body.single-post section.hero img{height:30vh;width:100%;min-height:250px;object-fit:cover;object-position:center}body.single-post main{padding:0}body.single-post .hero-block img{width:100%;height:350px;object-fit:cover;object-position:center}body.single-product main .background{background-color:var(--h-purple);position:relative;overflow:hidden;padding:50px 0 50px}body.single-product main .background:before{content:"";background:var(--h-lpurple) url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/skip-tile.svg) repeat center center;background-size:350px;z-index:1;width:200vw;height:175%;left:-50vw;top:-25%;position:absolute;transform:rotate(-10deg)}body.single-product main .background .cont{z-index:2;position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between}body.single-product main .background .cont .col{padding:10px;box-sizing:border-box;width:48.5%;color:#fff;font-size:16px;margin-bottom:2%}body.single-product main .background .cont .col h1{font-size:30px;line-height:32px;color:var(--h-purple);margin:0;padding:0 0 10px}body.single-product main .background .cont .col h3{font-size:22px;margin:0;padding:0}body.single-product main .background .cont .col h4{font-size:20px;color:var(--h-yellow);margin-top:0}body.single-product main .background .cont .col ul li{font-size:16px}body.single-product main .background .cont .col p{font-size:16px;line-height:19px}body.single-product main .background .cont .col button{background-color:var(--h-purple);color:var(--h-yellow)}body.single-product main .background .cont .col button:before{opacity:0;content:"";width:15px;height:15px;position:absolute;top:5px;right:12px;transform:translate(0%, -50%);border:3px solid #6852c2;border-top:3px solid var(--h-yellow);border-radius:50%;transition:opacity .3s ease-in-out;animation:spin 2s linear infinite}body.single-product main .background .cont .col button.loading{padding:8px 45px 8px 25px}body.single-product main .background .cont .col button.loading:before{opacity:1}body.single-product main .background .cont .col button.loading:after{display:none}body.single-product main .background .cont .col.options{display:flex;flex-wrap:wrap}body.single-product main .background .cont .col.options select{width:400px}body.single-product main .background .cont .col.options .postcode p{margin-top:10px}body.single-product main .background .cont .col.options .delivery{margin-top:auto}body.single-product main .background .cont .col.options .delivery form{margin-top:10px}body.single-product main .background .cont .col.options .delivery form>div{display:flex;flex-wrap:wrap;align-items:center;margin:10px 0}body.single-product main .background .cont .col.options .delivery form>div label{max-width:90%;margin-left:10px}body.single-product main .background .cont .col.options .delivery form>div label:hover{color:var(--h-yellow);cursor:pointer}body.single-product main .background .cont .col.info{padding:0}body.single-product main .background .cont .col.info .container{background-color:#fff;border-radius:20px 20px 0 0;display:flex;flex-wrap:wrap;min-height:301px;padding:20px}body.single-product main .background .cont .col.info .container .text{width:50%;color:#000;display:flex;flex-wrap:wrap}body.single-product main .background .cont .col.info .container .text p.price{font-weight:700;font-size:48px;color:var(--h-purple);margin-top:0px}body.single-product main .background .cont .col.info .container .text div:nth-child(2){margin-top:auto}body.single-product main .background .cont .col.info .container .image{width:50%;color:#000;font-size:18px}body.single-product main .background .cont .col.info .container .image img{margin-bottom:20px}body.single-product main .background .cont .col.info .container .image .measurements{padding:0 20px}body.single-product main .background .cont .col.info .container .image .measurements strong{font-size:20px}body.single-product main .background .cont .col.info .container .image .measurements strong span{font-weight:400}body.single-product main .background .cont .col.info .sizes{display:flex;flex-wrap:wrap;align-items:center;width:100%;justify-content:space-between;background-color:#fff;border-radius:0 0 20px 20px;border-top:2px solid var(--h-purple);min-height:82px;overflow:hidden}body.single-product main .background .cont .col.info .sizes .col{color:#000;margin-bottom:0;position:relative}body.single-product main .background .cont .col.info .sizes .col p{font-size:18px;text-transform:uppercase;font-weight:600;padding:0}body.single-product main .background .cont .col.info .sizes .col a{text-decoration:none;padding-left:50px}body.single-product main .background .cont .col.info .sizes .col a:before{content:"";height:82px;background-color:var(--h-yellow);width:45px;position:absolute;left:0;top:-22px}body.single-product main .background .cont .col.info .sizes .col a:after{content:"";background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/left_arrow.svg) no-repeat center center;width:45px;height:45px;position:absolute;left:0;top:-2px}body.single-product main .background .cont .col.info .sizes .col a:hover:before{background-color:#000}body.single-product main .background .cont .col.info .sizes .col a:hover:after{filter:invert(1)}body.single-product main .background .cont .col.info .sizes .col:nth-child(1){width:25%}body.single-product main .background .cont .col.info .sizes .col:nth-child(2){text-align:center;width:50%}body.single-product main .background .cont .col.info .sizes .col:nth-child(3){text-align:right;width:25%;justify-content:flex-end}body.single-product main .background .cont .col.info .sizes .col:nth-child(3) a{padding-left:inherit;padding-right:50px}body.single-product main .background .cont .col.info .sizes .col:nth-child(3) a:before{left:auto;right:0}body.single-product main .background .cont .col.info .sizes .col:nth-child(3) a:after{left:auto;right:0;transform:rotate(180deg)}body.single-product main .background .cont .col.dates{padding:0}body.single-product main .background .cont .col.dates .container{background-color:#fff;border-radius:20px 20px 0 0;padding:20px 30px 10px}body.single-product main .background .cont .col.dates .container .titles{display:flex;flex-wrap:wrap}body.single-product main .background .cont .col.dates .container .titles .col{width:50%;color:var(--h-purple);padding:0 15px;display:flex}body.single-product main .background .cont .col.dates .notice{padding:15px 40px 15px;box-sizing:border-box;background-color:var(--h-llpurple);border-radius:0 0 20px 20px}body.single-product main .background .cont .col.dates .notice p{line-height:18px;font-size:16px;color:#000;margin:0;padding:0}body.single-product main .background .cont .col.prohibited .content{border:1px solid #fff;border-radius:20px;padding:15px 20px}body.single-product main .background .cont .col.prohibited .content a{color:var(--h-yellow);text-decoration:none}body.single-product main .background .cont .col.full{width:100%;justify-content:flex-end;display:flex;padding:0;align-items:center}body.single-product main .background .cont .col.full .error{color:#f66;margin-right:20px;color:#f66;margin-right:10px}body.single-product main .background .cont .col.full .error span{color:#fff}body.single-product main .background .cont .col.full .error.shake{animation:vertical-shaking 10s infinite;animation-delay:2s}body.single-product main .background .cont .col.full button{margin-right:10px}body.single-product main .background .cont .col.full button span{font-weight:300}body.single-product main .background .cont #datepicker{display:none}.chosen-container-single .chosen-search{padding:0 10px 10px !important}.chosen-container-single .chosen-search input[type=text]{padding:15px 20px !important;background-position:100% -9px !important;background-color:#f5f5f5 !important;border:#f5f5f5 !important}.chosen-container-single .chosen-single{height:45px !important;background:#fff !important}.chosen-container-single .chosen-single span{padding:10px 20px !important}.chosen-container-single .chosen-single div b{background-position:0 12px !important}.chosen-container .chosen-results{padding:0 10px 10px !important;box-sizing:border-box}.chosen-container .chosen-results li{padding:5px 20px !important}.chosen-container .chosen-results li:before{display:none}input[type=radio]{border:1px solid var(--s-grey);border-radius:5px;padding:12px;-webkit-appearance:none}input[type=radio]:hover{cursor:pointer}input[type=radio]:checked{background:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) no-repeat center center;background-size:9px 9px;filter:brightness(0.2)}input[type=radio]:focus{outline-color:transparent}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes vertical-shaking{0%{transform:translateY(0)}1%{transform:translateY(2px)}2%{transform:translateY(-2px)}3%{transform:translateY(2px)}4%{transform:translateY(0)}}body{margin:0;padding:0;font-family:"Instrument Sans",sans-serif;font-weight:300;font-style:normal;min-width:1024px;position:relative;overflow-x:hidden;color:var(--s-grey)}h1{font-size:45px;line-height:50px;font-weight:300;letter-spacing:.2px;font-family:"Patua One",serif;color:var(--su-red)}h2{font-size:34px;line-height:40px;font-weight:300;font-family:"Patua One",serif;color:var(--su-red)}h3{font-size:30px;line-height:38px;font-weight:400;font-family:"Patua One",serif;padding:5px 0;margin:0;color:var(--su-red)}h4{font-size:23px;font-weight:600;font-family:"Patua One",serif;padding:0;margin:5px 0}p{font-size:16px;line-height:30px;font-weight:400;padding:5px 0 12px;margin:0}.is-style-ptseriff{font-family:"Instrument Sans",sans-serif}strong{font-weight:700}ul,ol{margin:0;padding:10px 0}ul li,ol li{font-size:16px;line-height:30px;font-weight:400;position:relative}ul.is-style-arrow li,ol.is-style-arrow li{position:relative;padding:0 0 0 23px}ul.is-style-arrow li:before,ol.is-style-arrow li:before{content:"";width:30px;height:100%;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-right-red-single.svg) no-repeat left center;background-size:14px;filter:brightness(1.2);position:absolute;top:0;height:27px}ul.is-style-double-arrow li,ol.is-style-double-arrow li{position:relative;padding:0 0 0 23px}ul.is-style-double-arrow li:before,ol.is-style-double-arrow li:before{content:"";width:30px;height:100%;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-right-red.svg) no-repeat left center;background-size:14px;filter:brightness(1.2);position:absolute;top:0;height:27px}ul.is-style-download li,ol.is-style-download li{position:relative;padding:0 0 0 24px}ul.is-style-download li a,ol.is-style-download li a{color:#000;text-decoration:none;transition:color .2s ease-in-out}ul.is-style-download li a:hover,ol.is-style-download li a:hover{color:var(--hv-orange)}ul.is-style-download li:before,ol.is-style-download li:before{content:"";width:20px;height:100%;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/pdf.svg) no-repeat center center;background-size:13px;position:absolute;left:0;top:50%;transform:translate(0%, -50%)}ul.two,ol.two{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px}ul.three,ol.three{-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px}table tr td{font-family:"Patua One",serif;font-size:14px;line-height:18px;color:var(--hv-grey)}main{min-height:60vh}main ul,main ol{padding:0 0 0 0px;position:relative}main ul li,main ol li{list-style:none;padding:0 0 0 16px}main ul li::before,main ol li::before{content:"▪";margin-right:3px;font-size:18px;left:0px;top:0px;position:absolute;font-weight:700;color:var(--tl-yellow)}main ul.doc,main ol.doc{padding:0 0 0 30px;margin:0}main ul.doc li,main ol.doc li{margin:4px 0}main ul.doc li:before,main ol.doc li:before{content:"";width:18px;height:24px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/pdf.svg) no-repeat center center;background-size:contain;left:0;position:absolute}a{color:var(--tl-yellow)}.mm-listitem__text{font-family:"Patua One",serif;font-weight:600}.smooth-scroll{perspective:1px}.slick-slider .slick-arrow{text-indent:-50000px;border:none;width:50px;height:50px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-slider.svg) no-repeat;background-size:52px;filter:brightness(150);position:absolute;left:0;top:50%;transform:translate(0%, -50%);z-index:1001;opacity:.5;transition:all .3s ease-in-out}.slick-slider .slick-arrow.slick-next{right:0;left:auto;transform:rotate(180deg) translate(0%, 50%)}.slick-slider .slick-arrow:hover{cursor:pointer;opacity:1}.slick-slider .slick-dots{display:flex;flex-wrap:wrap;gap:10px}.slick-slider .slick-dots li{list-style:none;margin:0;padding:0}.slick-slider .slick-dots li:before{display:none}.slick-slider .slick-dots li button{width:35px;height:14px;background-color:#fff;border-radius:2px;font-size:0;border:none}.slick-slider .slick-dots li button:hover{cursor:pointer;background-color:var(--s-blue)}.slick-slider .slick-dots li.slick-active button{background-color:var(--s-blue)}.swiper-pagination .swiper-pagination-bullet{width:20px;height:20px}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--giraffe-purple)}.social{display:flex;flex-wrap:wrap}.social>a{display:inline-block;width:30px !important;transition:all .3s ease-in-out;margin:0 5px}.social>a:hover{filter:contrast(0) brightness(5)}.social .instagram{width:30px;height:30px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/instagram.svg) no-repeat center center}.social .facebook{width:30px;height:30px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/facebook.svg) no-repeat center center}.social .twitter{width:30px;height:30px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/twitter.svg) no-repeat center center}.social .linkedin{width:30px;height:30px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/linkedin.svg) no-repeat center center}.social .email-social{width:30px;height:30px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/email.svg) no-repeat center center}@media screen and (max-width: 1440px){#team .member .image{background-position:center}}@media screen and (max-width: 1280px){body header #wrapper ul.menu li a{padding:30px 6px;font-size:13px}}@media screen and (max-width: 1250px){#pl .pl-header .info>div{font-size:17px}#pl .pl-header .phase .col .title{font-size:17px}#pl .pl-header .phase .col .col>div{font-size:14px}#pl .pl-header .milestones{font-size:17px}#pl .pl-body .product .info>.col{min-width:20%}#pl .pl-body .product .info>.col.program span{font-size:17px}}@media screen and (max-width: 1024px){body.page-template-team main{width:100% !important}}@media screen and (max-width: 1550px){body header #top #wrapper{max-width:1100px !important}body header #top #wrapper .link a{color:#fff}}@media screen and (max-width: 844px){body{--wp--preset--spacing--20: 10px;--wp--preset--spacing--30: 10px;--wp--preset--spacing--40: 10px;--wp--preset--spacing--50: 10px;--wp--preset--spacing--60: 30px;--wp--preset--spacing--70: 30px;--wp--preset--spacing--80: 30px}body main{padding-top:0}h1{font-size:36px;line-height:40px}.smooth-scroll>.container{margin-top:0;min-width:320px;width:100%}.mm-menu_offcanvas{width:80vw !important}.wp-block-spacer{max-height:30px}nav.mm-menu{display:inline-block}body{min-width:320px;width:100%;background-color:#fff}body header #wrapper .menu{display:none}body header #wrapper #header{text-align:center;display:inline-block;margin:0 5%}body header #wrapper #header #logo{float:none;display:inline-block;padding:20px 0}body header #wrapper #header #logo img{position:relative;top:auto;transform:none}body header #wrapper .header{display:block;position:relative}body header #wrapper .header a{display:block;width:40px;height:40px;background:transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/menu.svg) no-repeat center center;background-size:50px;position:absolute;top:-71px}body header #top #wrapper .link a{color:#fff !important}body header #top #wrapper .wpml-ls-legacy-list-horizontal ul li a span{color:#fff}body main #titles{margin-top:145px}body main .wrapper iframe{width:100%}body main img.alignright,body main img.alignleft{padding-left:0;width:100%;height:auto;padding-right:0}body main .multi-cont{padding-top:0}body main .multi-cont .box-content{width:100%}body main .half-first,body main .half-second{width:100%;padding:0}body main .third-first,body main .third-second,body main .third-third{width:100%;padding:0}body main .box{width:100%;margin:0 0 4vw}body main .box-content{background-color:transparent;margin-right:0}body main .products .product{width:100%;margin-right:0;background-color:transparent}body main .news{width:100%;box-sizing:border-box}body main .news p{overflow-wrap:break-word}body main .bar .inner h2{text-align:center}body main .bar .inner a{float:none;width:100%;box-sizing:border-box;text-align:center}body main .align-content .wrapper{height:auto !important;min-height:auto;display:inline-block;width:90%;margin:0 5%}body main .align-content .wrapper .half-first{transform:none;top:auto;float:none;display:inline-block;flex:none;padding-left:0 !important}body main .align-content .wrapper .half-second{transform:none;top:auto;float:none;display:inline-block;flex:none}body main .gallery .slick-slider .inner{min-height:800px}body main .gallery .slick-slider .inner .image{height:30%;width:100%}body main .gallery .slick-slider .inner .container{width:100%;height:70%}body main .gallery .slick-slider .slick-prev{top:19%;left:0}body main .gallery .slick-slider .slick-next{top:19%;right:0}body main .numbered{top:0}body section#header-image{background-position:center;margin-top:0 !important}body.home section#boxes{margin-top:40px;display:block}body.home section#boxes .box{min-width:100%;margin-bottom:40px}body.single-product .summary form.cart{width:100%}body.woocommerce .woocommerce-result-count{margin:0}body.woocommerce .woocommerce-ordering{float:none}body.woocommerce .woocommerce-ordering select{width:100%}body.woocommerce ul.products li.product{width:100% !important}body.woocommerce .woocommerce-message a.button{position:relative;transform:none}body.woocommerce table.shop_attributes th{width:50%}body.woocommerce-cart .woocommerce table.cart td.actions .coupon .input-text{width:48%}body.woocommerce-cart .woocommerce table.cart td.actions .coupon .button{width:48%}body.woocommerce-checkout form .form-row{width:100%}section#boxes{width:100%;padding:0;margin:3vw 0 0;display:block}section#boxes .box{width:100%;margin:0 0 1px}#subscribe,#subscribe2{width:100%;box-sizing:border-box;float:none;text-align:center;margin-top:10px}.filter-mobile{border:none;padding:20px 45px 20px 20px;margin-right:1px;background:#fff url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-d.svg) no-repeat 95% center;background-size:18px;display:inline-block;transition:background-color .3s ease-in-out;box-sizing:border-box;width:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin-top:15px;margin-bottom:1px}.filter-mobile.active{background:#30b2e7 url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/close2.svg) no-repeat 94.5% center;color:#fff}#controls,#controls2{width:100%;height:0px;overflow:hidden;margin-top:0px}#controls select,#controls2 select{width:100%;margin-bottom:1px;background-position:96% center !important}#controls select.active,#controls2 select.active{background-position:95% center}#controls #clear,#controls #clear2,#controls2 #clear,#controls2 #clear2{position:relative;width:100%;box-sizing:border-box;background-position:94.5% center;display:none}#controls #clear.active,#controls #clear2.active,#controls2 #clear.active,#controls2 #clear2.active{display:block}#controls.active,#controls2.active{height:auto}#container,#container2{padding:0 20px;div:nth-child}#container #heading,#container2 #heading{font-size:0}#container #heading div,#container2 #heading div{display:none;border-right:none}#container #heading div:first-child,#container2 #heading div:first-child{display:inline-block;font-size:18px;width:49%;float:none;text-align:left}#container #heading div.mobile,#container2 #heading div.mobile{display:inline-block;font-size:18px;width:49%;text-align:right;border:none;float:none}main .pdp .phase-bar{display:none}main .pdp .header{position:relative}main .pdp .heading{width:75%;padding:15px 0 25px}main .pdp .cat{display:none}main .pdp .desc a{padding:0 20px !important}main .pdp .phase{float:right;display:block;padding-top:45px;text-align:right;font-size:0}main .pdp .phase div{display:inline-block;margin-right:2px;float:none}main .pdp .controls{position:absolute;top:0;padding:0;right:0;width:30%;text-align:right}main .pdp .controls .plus{display:none}main .pdp .controls .minus{display:none}main .pdp .controls .active{display:block;float:right}main .pdp .controls a{font-size:14px}#bubbles{display:none !important;margin-top:30px;margin-bottom:30px;width:100%;display:inline-block}#bubbles .bubble{-webkit-mask-image:none !important;mask-image:none !important;margin:10px 0;width:100%;padding-bottom:0}#bubbles .bubble .text{position:relative;transform:none !important;top:auto;left:auto;width:90%;margin:0 5%;padding:20px 0;box-sizing:border-box}#bubbles:after{display:none}#page{background-color:#fff;overflow-x:hidden}footer #footer{display:block}footer .col{width:100%;margin:0 0 20px}footer .col p a{width:100%}footer .col.right{float:none}.ct-u-display-tablex>.inner .container{width:90%;left:5%;transform:translate(0%, -50%);top:calc(50% + 50px)}div.wpcf7-response-output{margin:0;padding:0;position:relative;top:0}#team-image{display:none}.mm-menu ul li.current_page_item a{color:var(--miag-blue)}.custom .donation .wrapper{display:block}.custom .donation .wrapper .half-first{width:100%;margin-bottom:20px}.custom .donation .wrapper .half-second{width:100%}.custom .contact .member{width:100%;margin-right:0}.custom .contact .member .image{height:400px}.custom .stock-info .left{float:none;width:100%}.custom .stock-info .right{float:none;width:100%}.custom .stock-info .right iframe{padding:10px 0 0px 0}.custom .careers .box{width:100%}.custom .tiles .box{width:100%}.custom .tiles .box .wrap .cont{max-height:350px}.custom .tiles .box .wrap .cont .links{opacity:1;max-height:350px;border-top:1px solid #98c239}.custom .tiles .box:after{content:"";height:100%;width:100%;background-color:rgba(0,0,0,.5);position:absolute;z-index:1;top:0;opacity:1;transition:all .3s ease-in-out}.wpcf7-form-control-wrap{text-align:center}body.single-careers #careers .cont{width:100%;padding:0}body.single-careers #careers .cont .col{max-width:100% !important;min-width:auto !important;width:100% !important;margin:0 !important}body.single-careers #careers .cont .col .panel{width:100%;box-shadow:none;border-bottom:1px solid #e5e5e5;border-radius:0;padding:0}body.single-careers #careers .cont .col .panel h3{padding:30px 20px 30px}body.single-careers #careers .cont .col .panel .item{padding:15px 20px;box-sizing:border-box}body.single-careers #careers .cont .col .panel .item p{display:inline-block}body.single-careers #careers .cont .col .panel .item p:first-of-type{padding-right:20px;font-size:15px}body.single-careers #careers .cont .col .panel .item:last-of-type{min-height:69px;padding:0}body.single-careers #careers .cont .col .panel .links{padding:15px 20px;display:flex;justify-content:space-between;width:100%;box-sizing:border-box}body.single-careers #careers .cont .col .panel .links .apply{width:49% !important;order:2}body.single-careers #careers .cont .col .panel .links .return{order:1;display:inline-block}body.single-careers #careers .cont .col .panel .links.fixed{position:fixed;top:0;width:100%;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #ededed}body.single-careers #careers .cont .col.right{padding:20px}body.single-careers #careers .cont .col.right .links{display:none}body.single-careers #careers .cont .apply,body.single-careers #careers .cont .return{width:49%;margin:0 !important}}.work-block .work-container, .welcome-block .content, .team-block, .talk-block .cont, .stats-block .cont, .slider-block .arrow-wrapper, .slider-block .slider .slick-list .slick-track .item .content, .skips-block .larger-skip, .skips-block .skips-swiper, .skips-list-block .cont, .services-block, .quotes-block .cont, .quotes-block .intro, .projects-block .swiper, .process-block, .photo-list-block .cont, .news-block, .maps-block .content, .intro-block .container, .info-block .cont, .image-content-block .content, .icons-block, .gallery-block .gallery, .gallery-block h2, .form-block .bg .content, .download-list-block .cont, .double-image-block .content, .curriculum-block, .contact-block, .contact-bar-block .cont, .choose-block .cont, .call-our-team-block, .breadcrumbs-block, .boxes-block .bg .boxes, .boxes-block .bg > h3, .bar-block .bg .container, .bar-list-block .cont, .bar-graphic-block .items, .areas-block .cont, .accordion-block .accord {
max-width: 1180px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.work-block .work-container > a, .talk-block .cont a, .slider-block .slider .slick-list .slick-track .item .content .cont .col a, .quotes-block .sr, .panel-block .panel-slider .item .cont a, .news-block .news .item a, .left-right-block .content .item .col a.btn, .info-block .cont .col .text a, .image-boxes-block .boxes .box .container a, .form-block .bg .content form input[type=submit], .contact-block form input[type=submit], .contact-bar-block .cont .col .text a.btn, .bar-block .bg .container .cont a, .accordion-block .accord .item .text a.link {
display: inline-block;
margin: 0;
font-weight: 700;
transition: all 0.3s ease-in-out;
position: relative;
text-decoration: none;
font-size: 14px;
border-radius: 3px;
background-color: transparent;
color: white;
padding: 8px 25px;
background-color: var(--su-grey);
border: 2px solid var(--su-grey);
min-width: 150px;
}
.work-block .work-container > a:after, .talk-block .cont a:after, .slider-block .slider .slick-list .slick-track .item .content .cont .col a:after, .quotes-block .sr:after, .panel-block .panel-slider .item .cont a:after, .news-block .news .item a:after, .left-right-block .content .item .col a.btn:after, .info-block .cont .col .text a:after, .image-boxes-block .boxes .box .container a:after, .form-block .bg .content form input[type=submit]:after, .contact-block form input[type=submit]:after, .contact-bar-block .cont .col .text a.btn:after, .bar-block .bg .container .cont a:after, .accordion-block .accord .item .text a.link:after {
content: "";
width: 40px;
height: 20px;
background: transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-right.svg) no-repeat right center;
filter: brightness(15);
position: absolute;
top: 50%;
right: 40px;
transform: translate(0%, -50%);
background-size: 25px;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.work-block .work-container > a:hover, .talk-block .cont a:hover, .slider-block .slider .slick-list .slick-track .item .content .cont .col a:hover, .quotes-block .sr:hover, .panel-block .panel-slider .item .cont a:hover, .news-block .news .item a:hover, .left-right-block .content .item .col a.btn:hover, .info-block .cont .col .text a:hover, .image-boxes-block .boxes .box .container a:hover, .form-block .bg .content form input[type=submit]:hover, .contact-block form input[type=submit]:hover, .contact-bar-block .cont .col .text a.btn:hover, .bar-block .bg .container .cont a:hover, .accordion-block .accord .item .text a.link:hover {
color: white;
cursor: pointer;
padding: 8px 45px 8px 25px;
}
.work-block .work-container > a:hover:after, .talk-block .cont a:hover:after, .slider-block .slider .slick-list .slick-track .item .content .cont .col a:hover:after, .quotes-block .sr:hover:after, .panel-block .panel-slider .item .cont a:hover:after, .news-block .news .item a:hover:after, .left-right-block .content .item .col a.btn:hover:after, .info-block .cont .col .text a:hover:after, .image-boxes-block .boxes .box .container a:hover:after, .form-block .bg .content form input[type=submit]:hover:after, .contact-block form input[type=submit]:hover:after, .contact-bar-block .cont .col .text a.btn:hover:after, .bar-block .bg .container .cont a:hover:after, .accordion-block .accord .item .text a.link:hover:after {
right: 15px;
opacity: 1;
}
.skips-block .skips-swiper .swiper-wrapper .item .order, .skips-list-block .cont .products .item .col .order, .curriculum-block .col .text .button {
display: inline-block;
margin: 0;
font-weight: 600;
transition: all 0.3s ease-in-out;
position: relative;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
border-radius: 24px;
border: none;
background-color: transparent;
padding: 8px 55px;
color: white;
background-color: var(--s-blue);
border: 2px solid var(--s-blue);
}
.skips-block .skips-swiper .swiper-wrapper .item .order:after, .skips-list-block .cont .products .item .col .order:after, .curriculum-block .col .text .button:after {
content: "";
width: 40px;
height: 20px;
background: transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-right.svg) no-repeat right center;
position: absolute;
top: 50%;
right: 40px;
transform: translate(0%, -50%);
background-size: 25px;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.skips-block .skips-swiper .swiper-wrapper .item .order:hover, .skips-list-block .cont .products .item .col .order:hover, .curriculum-block .col .text .button:hover {
background-color: var(--s-blue);
color: var(--h-yellow);
cursor: pointer;
padding: 8px 75px 8px 55px;
}
.skips-block .skips-swiper .swiper-wrapper .item .order:hover:after, .skips-list-block .cont .products .item .col .order:hover:after, .curriculum-block .col .text .button:hover:after {
right: 15px;
opacity: 1;
}
:root {
--s-blue: #00aeef;
--s-lgrey: #EBEBEB;
--s-grey: #4D4D4D;
--s-yellow: #FFD200;
--h-yellow: #ffcd03;
--h-purple: #310083;
--h-lpurple: #5631BC;
--h-llpurple: #b6abef;
--h-grey: #4d4d4d;
--tl-dgrey: #424347;
--tl-lyellow: #F7F6F2;
--tl-yellow: #F4CE47;
--tl-myellow: #F4CE4733;
--su-red: #D73832;
--su-yellow: #F4CE47;
--su-grey: #343435;
}
.has-h-yellow-background-color {
background-color: var(--h-yellow);
}
.has-h-purple-background-color {
background-color: var(--h-purple);
}
.has-h-yellow-color {
color: var(--h-yellow);
}
.has-h-purple-color {
color: var(--h-purple);
}
.dev {
background-color: red;
color: white;
position: absolute;
top: 0;
left: 0;
text-transform: uppercase;
padding: 10px 15px 7px;
font-size: 14px;
z-index: 110;
font-family: "Arial";
font-weight: 600;
}
.accordion-block {
position: relative;
}
.accordion-block .accord .item {
border-bottom: 1px solid #cdcdcd;
background-color: var(--tl-dgrey);
padding: 27px 20px 47px 20px;
box-sizing: border-box;
position: relative;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
margin-bottom: 10px;
}
.accordion-block .accord .item span.title {
font-size: 22px;
line-height: 23px;
color: var(--tl-yellow);
font-weight: 500;
transition: color 0.4s ease-in-out;
}
.accordion-block .accord .item .text {
padding: 10px 0 0;
box-sizing: border-box;
font-size: 16px;
line-height: 24px;
color: white;
}
.accordion-block .accord .item .text h2 {
font-size: 24px;
}
.accordion-block .accord .item .text span {
width: 100%;
display: block;
margin: 10px 0;
}
.accordion-block .accord .item .text a.link {
position: relative;
margin-top: 0;
}
.accordion-block .accord .item .toggle {
width: 28px;
height: 28px;
position: absolute;
top: 23px;
right: 17px;
border-radius: 20px;
transition: all 0.3s ease-in-out;
}
.accordion-block .accord .item .toggle:before {
content: "";
width: 50%;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background-color: white;
transform: translate(-50%, -50%);
border-radius: 15px;
}
.accordion-block .accord .item .toggle:after {
content: "";
width: 50%;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background-color: white;
transform: translate(-50%, -50%) rotate(90deg);
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
.accordion-block .accord .item .toggle:hover {
cursor: pointer;
}
.accordion-block .accord .item.open .toggle:after {
transform: translate(-50%, -50%) rotate(0deg);
}
.accordion-block .accord .item:hover {
cursor: pointer;
}
.accordion-block .accord .item:hover span.title {
color: white;
}
.wp-block-column .accordion-block .accord {
padding: 0;
}
@media screen and (max-width: 844px) {
.accordion-block .accord .item {
padding: 24px 20px 70px 20px;
}
.accordion-block .accord .item span.title {
max-width: 92%;
display: inline-block;
}
.accordion-block .accord .item .text {
padding: 20px 0 0 0;
}
.wp-block-column .accordion-block .accord {
padding: 0;
}
}
.accreditations-block {
padding: 80px 0 100px;
}
.accreditations-block h2 {
text-align: center;
margin-top: 0;
margin-bottom: 60px;
color: var(--h-purple);
}
.accreditations-block .cont {
display: flex;
justify-content: center;
gap: 30px;
}
@media screen and (max-width: 844px) {
.accreditations-block .cont {
flex-wrap: wrap;
}
}
.areas-block {
position: relative;
background-color: var(--h-yellow);
}
.areas-block .cont {
display: flex;
flex-wrap: wrap;
}
.areas-block .cont .col {
width: 50%;
padding: 70px 0;
position: relative;
overflow: hidden;
}
.areas-block .cont .col h4 {
font-size: 48px;
font-weight: 700;
color: var(--h-purple);
margin: 0;
}
.areas-block .cont .col p {
max-width: 95%;
}
.areas-block .cont .col ul {
margin-top: 20px;
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}
.areas-block .cont .col ul li {
list-style: none;
padding: 0;
}
.areas-block .cont .col ul li:before {
display: none;
}
.areas-block .cont .col:nth-child(2) {
padding: 0;
}
.areas-block .cont .col:nth-child(2) svg {
height: calc(100% + 40px);
top: -10px;
right: 0;
width: auto;
position: absolute;
}
.cls-4vasdf {
stroke-dasharray: 10;
animation: dash 125s infinite;
}
.cls-3vasdf {
stroke-dasharray: 5;
animation: dash 125s infinite;
}
@keyframes dash {
to {
stroke-dashoffset: 1000;
}
}
@media screen and (max-width: 844px) {
.areas-block .cont {
padding: 30px 0 0;
}
.areas-block .cont .col {
width: 100%;
padding: 0 20px;
}
.areas-block .cont .col ul {
column-count: 2;
-webkit-column-count: 2;
}
.areas-block .cont .col:nth-child(2) {
height: 550px;
padding: 30px 0 0;
}
.areas-block .cont .col:nth-child(2) svg {
width: 100%;
}
}
.bar-graphic-block {
position: relative;
background-color: var(--s-blue);
text-align: center;
padding: 50px 0;
}
.bar-graphic-block h2 {
color: white;
text-align: center;
margin: 0;
}
.bar-graphic-block p {
color: white;
text-align: center;
}
.bar-graphic-block .items {
display: flex;
flex-wrap: wrap;
gap: 3%;
padding: 30px 20px;
}
.bar-graphic-block .items .item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
flex: 1 1 30%;
}
.bar-graphic-block .items .item img {
height: 100px;
object-fit: contain;
object-position: center;
}
.bar-graphic-block .items .item h4 {
color: white;
text-align: center;
}
.bar-graphic-block .items .item p {
text-align: center;
}
.bar-graphic-block a {
display: inline-block;
color: white;
}
@media screen and (max-width: 844px) {
.bar-graphic-block {
padding: 60px 20px;
}
.bar-graphic-block .items {
display: block;
}
}
.bar-list-block {
position: relative;
}
.bar-list-block .cont {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 40px;
padding: 40px 20px;
}
.bar-list-block .cont p {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0;
font-size: 21px;
font-weight: 500;
color: white;
}
.bar-list-block .cont p svg {
margin-right: 10px;
}
.bar-list-block .cont p svg g path {
stroke: white;
}
@media screen and (max-width: 844px) {
.bar-list-block .cont {
gap: 20px;
}
}
.bar-block {
position: relative;
}
.bar-block .bg {
position: relative;
width: 100%;
background-color: var(--tl-yellow);
padding: 60px 60px;
box-sizing: border-box;
}
.bar-block .bg .container > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.bar-block .bg .container .cont {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
position: relative;
z-index: 1;
}
.bar-block .bg .container .cont .cont__text {
color: black;
width: 100%;
}
.bar-block .bg .container .cont .cont__text h2 {
margin: 0;
padding: 0;
text-align: center;
font-family: "Instrument Sans", sans-serif;
}
.bar-block .bg .container .cont .cont__text p {
font-weight: 200;
margin: 0;
padding: 0;
font-size: 26px;
width: 100%;
text-align: center;
}
.bar-block .bg .container .cont .cont__text ul {
width: 40%;
}
.bar-block .bg .container .cont .cont__text ul li {
color: white;
}
.bar-block .bg .container .cont a {
margin-top: 20px;
border-color: white;
text-align: center;
color: black;
font-family: "Patua One", serif;
font-size: 20px;
padding: 17px 55px 17px 55px;
}
.bar-block .bg .container .cont a:hover {
padding: 17px 75px 17px 55px;
}
.bar-block .bg .container .cont a.has-light-yellow-background-color, .bar-block .bg .container .cont a.has-yellow-background-color:hover {
border-color: var(--su-grey) !important;
}
.bar-block .bg .container .cont a.has-light-yellow-background-color:hover, .bar-block .bg .container .cont a.has-yellow-background-color:hover:hover {
background-color: var(--su-grey) !important;
}
@media screen and (max-width: 844px) {
.bar-block .bg {
padding: 40px 20px;
}
.bar-block .bg .container {
padding: 0;
}
.bar-block .bg .container .cont {
text-align: center;
}
.bar-block .bg .container .cont .cont__text {
max-width: 100%;
}
.bar-block .bg .container .cont .cont__text h2 {
font-size: 27px;
}
.bar-block .bg .container .cont a {
width: 100%;
}
}
.boxes-block {
position: relative;
}
.boxes-block .bg {
padding: 60px 0;
background-color: var(--tl-lyellow);
}
.boxes-block .bg > h3 {
padding: 10px 20px;
font-size: 24px;
text-align: center;
margin-bottom: 10px;
}
.boxes-block .bg .boxes {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
position: relative;
gap: 30px;
}
.boxes-block .bg .boxes .box {
width: auto;
border-radius: 12px;
overflow: hidden;
padding: 0px;
box-sizing: border-box;
display: flex;
flex: 1 1 25%;
flex-wrap: wrap;
align-content: flex-start;
text-decoration: none;
background-color: white;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
position: relative;
color: var(--kl-dgrey);
}
.boxes-block .bg .boxes .box img {
height: 200px;
width: 100%;
object-fit: cover;
object-position: center;
transition: all 0.4s ease-in-out;
z-index: 1;
}
.boxes-block .bg .boxes .box .container {
text-align: left;
z-index: 2;
transition: all 0.4s ease-in-out;
padding: 30px 20px 60px;
position: relative;
width: 100%;
}
.boxes-block .bg .boxes .box .container img {
position: absolute;
top: 20px;
right: 20px;
width: 100px;
height: 50px;
object-fit: contain;
object-position: top right;
}
.boxes-block .bg .boxes .box .container h3 {
margin: 0;
font-size: 24px;
padding: 0%;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
color: var(--su-red);
}
.boxes-block .bg .boxes .box .container p {
font-size: 16px;
line-height: 21px;
margin-top: 10px;
transition: all 0.4s ease-in-out;
}
.boxes-block .bg .boxes .box .link {
padding: 0 0 20px 20px;
font-size: 13px;
line-height: 21px;
font-family: "Patua One", serif;
font-weight: 600;
position: absolute;
bottom: 10px;
}
.boxes-block .bg .boxes .box .link svg {
position: absolute;
right: -25px;
top: 3px;
transition: all 0.3s ease-in-out;
}
.boxes-block .bg .boxes .box:hover {
background-color: var(--su-red) !important;
}
.boxes-block .bg .boxes .box:hover .container img {
filter: invert(1);
}
.boxes-block .bg .boxes .box:hover .container h3 {
color: var(--tl-yellow);
}
.boxes-block .bg .boxes .box:hover .container p {
color: white;
}
.boxes-block .bg .boxes .box:hover .link {
color: white;
}
.boxes-block .bg .boxes .box:hover .link svg {
right: -30px;
}
.boxes-block .bg .boxes .box:hover .link svg g g:nth-child(2) path {
fill: white;
}
.boxes-block .bg .boxes .box:hover .link svg g g:nth-child(4) path, .boxes-block .bg .boxes .box:hover .link svg g g:nth-child(6) path {
stroke: black;
}
.boxes-block .bg .boxes .box.has-red-background-color h3, .boxes-block .bg .boxes .box.has-red-background-color p {
color: white !important;
}
.wp-block-column .boxes-block {
padding: 0;
}
body.single .boxes-block {
padding: 40px 0 0;
}
body.single .boxes-block .boxes {
padding: 0;
}
body.single .boxes-block:after {
display: none;
}
@media screen and (max-width: 844px) {
.boxes-block .bg .boxes {
padding: 0 20px !important;
display: block;
}
.boxes-block .bg .boxes .box {
width: 100%;
margin: 15px 5px;
}
}
.breadcrumbs-block {
position: relative;
position: relative;
padding: 20px 20px !important;
}
.breadcrumbs-block .dev {
left: -150px;
}
.call-our-team-block {
padding: 60px 20px !important;
position: relative;
}
.call-our-team-block h2 {
margin: 0;
padding: 3px 0;
}
.call-our-team-block h2 a {
text-decoration: none;
color: var(--miag-blue);
}
.call-our-team-block h2 a:hover {
color: var(--miag-dblue);
}
.call-our-team-block p {
margin: 0;
padding: 0;
}
.call-our-team-block p a {
text-decoration: none;
color: var(--miag-grey);
}
.call-our-team-block p a:hover {
color: var(--miag-blue);
}
.choose-block {
position: relative;
padding: 60px 0 40px;
background-color: var(--s-lgrey);
}
.choose-block > h4 {
color: var(--h-purple);
text-align: center;
margin: 0 auto;
font-size: 48px;
font-weight: 700;
}
.choose-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 80px;
margin-top: 40px;
}
.choose-block .cont .item {
width: calc(25% - 40px);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.choose-block .cont .item .img {
background-color: var(--s-blue);
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
height: 110px;
width: 110px;
}
.choose-block .cont .item .img img {
height: 60px;
width: auto;
margin: 0;
}
.choose-block .cont .item .text {
text-align: center;
padding: 20px 0 0;
width: 100%;
}
.choose-block .cont .item .text p {
margin: 0;
padding: 0;
font-size: 19px;
}
.contact-bar-block {
background-color: black;
overflow: hidden;
position: relative;
}
.contact-bar-block .bg {
position: absolute;
width: 100%;
height: 100%;
top: -200px;
}
.contact-bar-block .bg img {
width: 100%;
object-fit: cover;
}
.contact-bar-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 100px 20px;
}
.contact-bar-block .cont .col {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 1;
color: white;
}
.contact-bar-block .cont .col .text {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.contact-bar-block .cont .col .text a.emergency {
font-size: 24px;
line-height: 29px;
font-weight: 700;
padding: 5px 0;
position: relative;
text-decoration: none;
display: flex;
flex-wrap: wrap;
align-items: center;
transition: color 0.3s ease-in-out;
margin: 0;
}
.contact-bar-block .cont .col .text a.emergency:hover {
color: var(--bs-red);
}
.contact-bar-block .cont .col .text a.emergency:before {
content: "";
margin-right: 10px;
background: transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/phone.svg) no-repeat center center;
background-size: 40px;
width: 40px;
height: 40px;
position: relative;
}
.contact-bar-block .cont .col .text h2 {
margin: 0;
}
.contact-bar-block .cont .col .text a.btn {
margin-top: 30px;
}
.contact-bar-block .cont .col ul li {
margin: 5px 0;
font-family: "Patua One", serif;
}
.contact-bar-block .cont .col img {
height: 750px;
width: 105%;
object-fit: cover;
object-position: center;
margin-left: -5%;
z-index: -1;
}
.contact-bar-block .cont:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #00000080;
}
@media screen and (max-width: 844px) {
.intro-block .cont {
padding: 0;
}
.intro-block .cont .col {
width: 100% !important;
}
.intro-block .cont .col .text {
padding: 0 20px;
}
.intro-block .cont .col .text a {
margin-top: 20px;
}
.intro-block .cont .col img {
margin-left: 0;
width: 100%;
}
}
[data-type="acf/form"] .form-block {
min-height: 38px;
background-color: #f7f7f7;
}
[data-type="acf/form"] .form-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.contact-block {
position: relative;
}
.contact-block form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 0 0 20px;
}
.contact-block form .col {
width: 49%;
}
.contact-block form label {
width: 100%;
display: inline-block;
font-family: "Instrument Sans", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #757575;
padding: 0;
margin: 15px 0 0;
}
.contact-block form label span {
width: 100%;
display: inline-block;
margin-top: 10px;
}
.contact-block form label span input {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid #cecece;
border-radius: 0px;
background-color: white;
transition: background-color 0.3s ease-in-out;
}
.contact-block form label span input:focus {
background-color: #f6f6f6;
}
.contact-block form label span textarea {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid #cecece;
border-radius: 0px;
background-color: white;
transition: background-color 0.3s ease-in-out;
height: 180px;
}
.contact-block form label .wpcf7-not-valid-tip {
font-size: 12px;
margin: 5px 0;
padding: 0;
display: inline-block;
}
.contact-block form label.full {
width: 100%;
}
.contact-block form input[type=submit] {
width: 55%;
background-color: var(--su-yellow);
border: none;
margin-top: 10px !important;
padding: 21px 50px !important;
}
.contact-block form input[type=submit]:hover {
cursor: pointer;
background-color: var(--su-red);
padding: 18px 50px 18px 50px;
}
.contact-block form .wpcf7-response-output {
width: 100%;
text-align: center;
border: none;
padding: 0;
position: relative;
bottom: 0;
margin: 0;
font-family: "Instrument Sans", sans-serif;
color: var(--solace-orange);
}
.contact-block form .wpcf7-spinner {
position: absolute;
bottom: 14px;
left: 50%;
transform: translate(-50%, 0);
}
.contact-block p.disclaimer {
font-size: 12px;
line-height: 20px;
color: #0A2433;
margin: 0;
padding: 0;
}
.wp-block-columns .contact-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.contact-block .intro {
padding: 0 20px;
}
.contact-block .intro h1 {
margin-bottom: 20px;
}
.contact-block .intro p {
line-height: 32px;
}
.contact-block .content {
margin-top: 0;
padding: 0px;
}
.contact-block .content .col {
width: 100% !important;
}
.contact-block .content .col form label {
width: 100%;
}
}
.curriculum-block {
display: flex;
flex-wrap: wrap;
}
.curriculum-block .col {
width: 50%;
position: relative;
min-height: 550px;
}
.curriculum-block .col img {
width: 275px;
height: 330px;
display: inline-block;
object-fit: cover;
object-position: center;
border-radius: 8px;
position: relative;
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
opacity: 0;
}
.curriculum-block .col .text {
width: 90%;
}
.curriculum-block .col .text .item {
padding-left: 45px;
position: relative;
}
.curriculum-block .col .text .item p {
font-size: 14px;
line-height: 17px;
padding: 5px 0;
margin: 0;
}
.curriculum-block .col .text .item p.title {
font-size: 17px;
color: var(--miag-blue);
margin-top: 6px;
font-family: "Patua One", serif;
display: inline-block;
}
.curriculum-block .col .text .item:before {
content: "";
width: 30px;
height: 30px;
background: transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/circle-tick.svg) no-repeat top center;
background-size: 28px;
position: absolute;
top: 7px;
left: 0;
}
.curriculum-block .col .text .button {
margin-top: 40px !important;
}
.curriculum-block .col img:nth-child(1) {
z-index: 2;
}
.curriculum-block .col img:nth-child(2) {
position: absolute;
left: 200px;
top: 160px;
z-index: 1;
transition-delay: 200ms;
}
.curriculum-block .col.is-inview img {
opacity: 1;
}
.curriculum-block .col.is-inview img:nth-child(1) {
transform: rotate(9deg);
}
.curriculum-block .col.is-inview img:nth-child(2) {
transform: rotate(-5deg);
}
@media screen and (max-width: 844px) {
.curriculum-block .col {
width: 100%;
min-height: auto;
padding-bottom: 20px;
}
.curriculum-block .col img {
left: -40px;
}
.curriculum-block .col img:nth-child(2) {
left: 30%;
}
.curriculum-block .col:nth-child(1) {
padding-bottom: 180px;
}
}
.double-image-block .content {
max-width: 1140px !important;
padding: 0 !important;
}
.double-image-block .content .wp-block-columns {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
gap: 0;
}
.double-image-block .content .wp-block-columns .wp-block-column {
width: 50%;
flex-basis: auto;
flex-grow: initial;
align-items: center !important;
}
.double-image-block .content .wp-block-columns .wp-block-column figure {
height: 100%;
}
.double-image-block .content .wp-block-columns .wp-block-column figure img {
height: 100%;
max-height: 450px;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 844px) {
.double-image-block {
padding: 0 20px;
}
.double-image-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 20px !important;
box-sizing: border-box;
}
.double-image-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
min-height: 380px;
}
}
.download-list-block {
position: relative;
}
.download-list-block .cont .item {
background-color: var(--tl-dgrey);
margin-bottom: 10px;
height: 75px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
color: white;
padding: 0 20px;
text-decoration: none;
}
.download-list-block .cont .item h4 {
margin: 0;
padding: 0;
font-size: 22px;
line-height: 23px;
font-weight: 500;
line-height: 20px;
font-family: "Instrument Sans", sans-serif;
color: var(--tl-yellow);
}
.download-list-block .cont .item .icon {
padding: 0 55px 0 0;
position: relative;
}
.download-list-block .cont .item .icon span {
text-transform: uppercase;
font-size: 15px;
}
.download-list-block .cont .item .icon svg {
position: absolute;
top: -7px;
right: 0;
transition: all 0.3s ease-in-out;
}
.download-list-block .cont .item a[href$=".pdf"] {
background: url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/pdf.svg) left center no-repeat;
padding: 5px 0 5px 25px;
background-size: 18px;
}
.download-list-block .cont .item:hover .icon {
color: var(--tl-yellow);
}
.download-list-block .cont .item:hover .icon svg {
top: -3px;
}
.download-list-block .cont .item:hover .icon svg path {
stroke: var(--tl-yellow);
}
@media screen and (max-width: 844px) {
.download-list-block .cont .item {
position: relative;
padding: 24px 20px;
align-content: flex-start;
}
.download-list-block .cont .item .icon {
position: absolute;
bottom: 20px;
right: 20px;
}
.download-list-block .cont .item .icon a {
padding: 0 45px 0 0;
}
}
[data-type="acf/form"] .form-block {
min-height: 38px;
background-color: #f7f7f7;
}
[data-type="acf/form"] .form-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.form-block {
position: relative;
}
.form-block .bg .content {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
box-sizing: border-box;
padding: 0px 20px 40px !important;
justify-content: space-between;
position: relative;
z-index: 10;
align-items: flex-start;
}
.form-block .bg .content .text {
padding: 20px 0;
}
.form-block .bg .content p strong {
font-size: 18px;
margin-top: 10px;
display: inline-block;
width: 100%;
}
.form-block .bg .content .info {
display: none;
}
.form-block .bg .content .info.active {
display: block;
}
.form-block .bg .content select {
padding: 18px 20px 18px;
width: 100%;
box-sizing: border-box;
border: none;
font-weight: 500;
outline-width: 0;
border-radius: 5px;
}
.form-block .bg .content form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 0 0 20px;
}
.form-block .bg .content form .col {
width: 49%;
display: flex;
flex-wrap: wrap;
}
.form-block .bg .content form .col.full {
width: 100%;
}
.form-block .bg .content form .col.col-3 {
width: 100%;
justify-content: space-between;
}
.form-block .bg .content form .col.col-3 label {
width: 32.5%;
}
.form-block .bg .content form label {
width: 100%;
display: inline-block;
font-weight: 500;
font-size: 14px;
line-height: 14px;
padding: 0;
margin: 10px 0;
}
.form-block .bg .content form label span {
width: 100%;
display: inline-block;
margin-top: 5px;
}
.form-block .bg .content form label span input {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: none;
border-radius: 5px;
background-color: #ffffff;
transition: background-color 0.3s ease-in-out;
}
.form-block .bg .content form label span input:focus {
background-color: #fdfdfd;
}
.form-block .bg .content form label span textarea {
padding: 20px;
width: 100%;
box-sizing: border-box;
background-color: #fff;
border-radius: 5px;
border: none;
height: 137px;
}
.form-block .bg .content form label .wpcf7-not-valid-tip {
font-size: 12px;
margin: 5px 0;
padding: 0;
display: inline-block;
}
.form-block .bg .content form label.full {
width: 100%;
}
.form-block .bg .content form input[type=submit] {
display: inline-block;
padding: 14px 55px !important;
border: none;
margin-left: auto;
border-radius: 3px;
margin-top: 25px;
}
.form-block .bg .content form input[type=submit]:hover {
cursor: pointer;
padding: 14px 75px 14px 75px !important;
}
.form-block .bg .content form .wpcf7-response-output {
width: 100%;
text-align: center;
border: none;
padding: 0;
position: relative;
bottom: 0;
margin: 0;
font-family: "Instrument Sans", sans-serif;
color: var(--solace-orange);
}
.form-block .bg .content form .wpcf7-spinner {
position: absolute;
bottom: 14px;
left: 50%;
transform: translate(-50%, 0);
}
.form-block .bg .content p.disclaimer {
font-size: 12px;
line-height: 20px;
color: #0A2433;
margin: 0;
padding: 0;
}
.form-block .bg .content ul {
margin-left: 0;
}
.form-block .bg .content ul li {
position: relative;
color: var(--miag-blue);
list-style: none;
padding: 9px 0 6px 45px;
}
.form-block .bg .content ul li:before {
content: "";
width: 30px;
height: 30px;
background: transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/circle-tick.svg) no-repeat top center;
background-size: 28px;
position: absolute;
top: 7px;
left: 0;
}
.form-block .bg.white .content .col ul li {
color: white;
}
.form-block .bg.white .content .col form label {
color: white;
}
.form-block .bg.white .content .col form input[type=submit] {
background-color: var(--miag-blue);
}
.wp-block-column .form-block {
margin-top: -100px;
z-index: 10;
}
.wp-block-column .form-block .bg {
border-radius: 5px;
}
.wp-block-column .form-block .bg .content {
padding: 20px 20px 20px !important;
}
.wp-block-column .form-block .bg .content .text {
padding: 0;
}
.wp-block-column .form-block .bg .content .text h2 {
margin: 0;
}
.wp-block-column .form-block .bg .content form {
padding: 0;
}
.wp-block-column .form-block .bg .content form label {
margin: 5px 0;
}
.wp-block-column .form-block .bg .content form input[type=submit] {
margin-top: 15px;
width: 100%;
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-list-item label {
display: flex !important;
align-items: center;
gap: 10px;
}
.wpcf7-list-item label span {
width: auto !important;
margin-top: 0;
margin-right: 20px;
}
.ui-timepicker-standard {
margin-top: -34px;
border: 1px solid #e3e3e3;
border-top: none;
border-radius: 0 0 5px 5px;
}
.ui-timepicker-standard a {
font-size: 16px;
}
.wp-block-columns .contact-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.form-block .bg .content {
padding: 20px !important;
}
.form-block .bg .content .col {
width: 100% !important;
}
.form-block .bg .content .col form label {
width: 100%;
}
.wp-block-column .form-block {
margin-top: auto;
}
}
.gallery-block {
background-color: var(--miag-dblue2);
padding: 40px 0 50px;
position: relative;
}
.gallery-block h2 {
margin-bottom: 30px !important;
}
.gallery-block .gallery {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.gallery-block .gallery a {
width: calc(20% - 8px);
height: 170px;
}
.gallery-block .gallery a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
position: relative;
transition: all 0.3s ease-in-out;
left: 0;
top: 0;
}
.gallery-block .gallery a:hover img {
width: 104%;
height: 104%;
top: -2%;
left: -2%;
}
@media screen and (max-width: 844px) {
.gallery-block .gallery a {
width: calc(50% - 5px);
height: 150px;
}
}
.grid-block {
position: relative;
display: flex;
flex-wrap: wrap;
}
.grid-block .item {
width: 33.333%;
height: 30vh;
max-height: 320px;
}
.grid-block .item img {
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
.icons-block {
position: relative;
}
.icons-block .cont {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.icons-block .cont a {
flex: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-decoration: none;
transition: all 0.3s ease-in-out;
position: relative;
}
.icons-block .cont a img {
width: 190px;
max-height: 150px;
margin-bottom: 15px;
}
.icons-block .cont a h4 {
width: 100%;
padding: 0 10%;
box-sizing: border-box;
text-align: center;
font-size: 20px;
line-height: 24px;
font-weight: 500;
transition: all 0.3s ease-in-out;
}
.icons-block .cont a:before {
content: "";
width: 1px;
height: 55px;
background-color: black;
bottom: 40px;
right: -20px;
position: absolute;
}
.icons-block .cont a:after {
content: "";
width: 22px;
height: 22px;
margin-top: 10px;
background: transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-ball.svg) no-repeat center center;
background-size: 22px;
border-radius: 20px;
transition: all 0.3s ease-in-out;
}
.icons-block .cont a:hover h4, .icons-block .cont a:hover:after {
transform: scale(1.1);
}
.icons-block .cont a:last-child:before {
display: none;
}
@media screen and (max-width: 844px) {
.icons-block {
overflow: hidden;
}
.icons-block .cont a:before {
display: none;
}
.icons-block .cont .item {
height: auto;
width: 50%;
}
}
.image-blocks-block {
position: relative;
}
.image-blocks-block .container {
aspect-ratio: 12/6;
display: grid;
grid-template-columns: auto 50%;
gap: 20px;
grid-template-areas: "l-1 r-1" "l-2 r-1" "l-3 r-2";
}
.image-blocks-block .container .item {
width: 100%;
box-sizing: border-box;
}
.image-blocks-block .container .item img {
height: 100%;
width: 100%;
position: relative;
object-fit: cover;
object-position: center;
display: block;
}
.image-blocks-block .container .item:nth-child(1) {
grid-area: l-1;
}
.image-blocks-block .container .item:nth-child(2) {
grid-area: l-2;
}
.image-blocks-block .container .item:nth-child(3) {
grid-area: r-1;
}
.image-blocks-block .container .item:nth-child(4) {
grid-area: l-3;
}
.image-blocks-block .container .item:nth-child(35) {
grid-area: r-2;
}
.image-blocks-block .container.layout-3 {
grid-template-rows: 50% 50%;
grid-template-areas: "l-1 r-1" "l-2 r-1";
}
@media screen and (max-width: 844px) {
.image-blocks-block .container {
height: auto;
}
.image-blocks-block .container .item {
max-width: 100%;
}
}
.image-boxes-block {
position: relative;
}
.image-boxes-block .boxes {
display: flex;
flex-wrap: wrap;
position: relative;
}
.image-boxes-block .boxes .box {
width: 50%;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: flex-start;
text-decoration: none;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
position: relative;
background-color: black;
}
.image-boxes-block .boxes .box img {
width: 100%;
height: 450px;
object-fit: cover;
transition: all 0.4s ease-in-out;
position: relative;
opacity: 0.6;
}
.image-boxes-block .boxes .box .container {
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.image-boxes-block .boxes .box .container h3 {
font-size: 32px;
line-height: 36px;
color: white;
margin: 0;
transition: all 0.4s ease-in-out;
}
.image-boxes-block .boxes .box .container p {
font-size: 14px;
transition: all 0.4s ease-in-out;
}
.image-boxes-block .boxes .box .container a {
color: white;
margin-top: 40px;
border: 2px solid white;
background-color: transparent;
}
.image-boxes-block .boxes .box .container a:hover {
border-color: var(--bs-red);
}
.image-boxes-block .boxes .box:hover {
background-color: black;
}
.image-boxes-block .boxes .box:hover .container img {
filter: brightness(0) invert(1);
}
.image-boxes-block .boxes .box:hover .container h3, .image-boxes-block .boxes .box:hover .container p {
color: white;
}
.wp-block-column .boxes-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.image-boxes-block .boxes .box {
width: 100%;
margin: 0;
}
}
.image-content-block {
position: relative;
}
.image-content-block .content {
max-width: 1140px !important;
padding: 0 !important;
}
.image-content-block .content .wp-block-columns {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
gap: 0;
}
.image-content-block .content .wp-block-columns .wp-block-column {
width: 50%;
flex-basis: auto;
flex-grow: initial;
align-items: center !important;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 40px 60px;
box-sizing: border-box;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h1, .image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h2, .image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h3 {
margin-top: 10px;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(2) figure {
height: 100%;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
height: 100%;
object-fit: cover;
object-position: center;
}
.image-content-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(1) {
order: 2;
}
.image-content-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(2) {
order: 1;
}
@media screen and (max-width: 844px) {
.image-content-block {
padding: 0 20px;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 20px !important;
box-sizing: border-box;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
min-height: 380px;
}
}
.info-block {
background-color: black;
overflow: hidden;
position: relative;
}
.info-block .bg {
position: absolute;
width: 100%;
height: 100%;
top: -200px;
}
.info-block .bg img {
width: 100%;
min-height: 800px;
object-fit: cover;
}
.info-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 100px 20px;
}
.info-block .cont .col {
width: 55%;
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 1;
color: white;
}
.info-block .cont .col .text a {
margin-top: 30px;
}
.info-block .cont .col ul li {
margin: 5px 0;
font-family: "Patua One", serif;
}
.info-block .cont .col img {
height: 650px;
width: 105%;
object-fit: cover;
object-position: center;
margin-left: -5%;
z-index: -1;
}
.info-block .cont .col:nth-child(2) {
z-index: 2;
width: 35%;
}
.info-block .cont:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #00000080;
}
@media screen and (max-width: 844px) {
.info-block .bg {
top: auto;
}
.info-block .bg img {
height: 100%;
}
.info-block .cont {
padding: 40px 20px;
}
.info-block .cont .col {
width: 100% !important;
margin: 20px 0;
}
}
.intro-block {
background-color: var(--h-yellow);
padding: 60px 0;
position: relative;
box-sizing: border-box;
}
.intro-block .container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
text-align: center;
}
.intro-block .container img {
width: 160px;
height: auto;
display: inline-block;
margin-bottom: 20px;
}
.intro-block .container .wp-block-buttons {
display: inline-block;
margin-top: 20px;
}
.left-right-block {
position: relative;
overflow: hidden;
}
.left-right-block .content .item {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 30px 0;
opacity: 0;
transition: opacity 0.4s ease-in-out;
transition-delay: 0.3s;
}
.left-right-block .content .item .col {
width: 50%;
padding-right: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-end;
}
.left-right-block .content .item .col img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
opacity: 0;
display: block;
border-radius: 12px;
}
.left-right-block .content .item .col .title {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.left-right-block .content .item .col .title .icon {
width: 30%;
}
.left-right-block .content .item .col .title .icon img {
height: 70px;
object-fit: contain;
}
.left-right-block .content .item .col .title h2 {
margin: 0px;
font-weight: 500;
}
.left-right-block .content .item .col a.btn {
margin-top: 20px !important;
display: inline-block !important;
}
.left-right-block .content .item .col .link {
position: relative;
color: black;
margin-top: 10px;
display: inline-block;
}
.left-right-block .content .item .col .link p {
margin: 0;
padding: 0;
display: inline-block;
font-size: 13px;
line-height: 21px;
font-family: "Patua One", serif;
font-weight: 600;
}
.left-right-block .content .item .col .link svg {
position: absolute;
right: -25px;
top: 7px;
transition: all 0.3s ease-in-out;
}
.left-right-block .content .item .col .link:hover {
color: var(--tl-yellow);
}
.left-right-block .content .item .col .link:hover svg {
right: -30px;
}
.left-right-block .content .item .col .text {
max-width: 530px;
padding: 0px 0;
}
.left-right-block .content .item .col img {
max-width: 530px;
}
.left-right-block .content .item .col:nth-child(2) {
width: 50%;
padding-right: 0;
padding-left: 40px;
justify-content: flex-start;
}
.left-right-block .content .item.is-inview img {
opacity: 1;
}
.left-right-block .content .item.is-inview {
opacity: 1;
}
.left-right-block .content .item:nth-child(odd) .col:nth-child(1) {
order: 2;
padding-right: 0;
padding-left: 40px;
justify-content: flex-start;
}
.left-right-block .content .item:nth-child(odd) .col:nth-child(2) {
order: 1;
padding-right: 40px;
padding-left: 0;
justify-content: flex-end;
}
.left-right-block .content .item:nth-child(odd).is-inview img {
opacity: 1;
}
.left-right-block .content .item:first-child {
margin: 0;
}
.left-right-block .content .item:last-child {
margin: 0;
}
@media screen and (max-width: 844px) {
.left-right-block {
padding: 0 20px;
}
.left-right-block .content .item {
margin: 20px 0;
}
.left-right-block .content .item .col {
width: 100% !important;
padding: 0 !important;
}
.left-right-block .content .item .col .text {
padding: 30px 20px;
}
.left-right-block .content .item .col img {
margin: 30px 0;
}
.left-right-block .content .item .col:nth-child(1) {
order: 2 !important;
}
.left-right-block .content .item .col:nth-child(2) {
order: 1 !important;
}
}
.line-block {
position: relative;
width: 100%;
height: 2px;
background-color: var(--giraffe-purple);
}
.maps-block .content {
border: 1px solid var(--hv-llgrey);
max-width: 1140px !important;
padding: 0 !important;
}
.maps-block .content .wp-block-columns {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
gap: 0;
}
.maps-block .content .wp-block-columns .wp-block-column {
width: 50%;
flex-basis: auto;
flex-grow: initial;
align-items: center !important;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 40px;
box-sizing: border-box;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h1, .maps-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h2, .maps-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h3 {
margin-top: 10px;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(2) figure {
height: 100%;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
height: 100%;
object-fit: cover;
object-position: center;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(2) iframe {
width: 100%;
}
.maps-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(1) {
order: 2;
}
.maps-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(2) {
order: 1;
}
@media screen and (max-width: 844px) {
.maps-block {
padding: 0 20px;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 20px !important;
}
}
.menu-block {
position: relative;
}
.menu-block .items {
padding: 40px 0 40px 40px;
box-sizing: border-box;
}
.menu-block .items a {
display: inline-block;
width: 100%;
font-size: 14px;
padding: 6px 0;
font-weight: 600;
text-decoration: none;
transition: color 0.3s ease-in-out;
}
.menu-block .items a:hover {
color: var(--hv-orange);
cursor: pointer;
}
@media screen and (max-width: 844px) {
.menu-block .items {
padding: 0;
}
}
.mobile-block {
padding: 100px 0;
}
.mobile-block .swiper-wrapper {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.mobile-block .swiper-wrapper .swiper-slide {
background-image: url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/phone.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 300px;
height: 600px;
margin: 0 40px;
padding: 37px 15px 0;
box-sizing: border-box;
}
.mobile-block .swiper-wrapper .swiper-slide img {
display: block;
width: 271px;
height: 488px;
object-fit: cover;
object-position: top center;
}
.mobile-block .swiper-slide-shadow-left, .mobile-block .swiper-slide-shadow-right {
display: none;
}
@media screen and (max-width: 844px) {
.mobile-block {
padding: 0 0 50px;
width: 100%;
overflow: hidden;
}
}
.news-block {
text-align: center;
}
.news-block .news {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
}
.news-block .news .item {
flex: 1 1 30%;
background-color: #f6f6f6;
padding: 30px 30px;
box-sizing: border-box;
border-radius: 10px;
text-align: left;
}
.news-block .news .item img {
width: 100%;
height: 250px;
border-radius: 4px;
object-fit: cover;
margin-bottom: 10px;
object-position: center;
}
.news-block .news .pagination {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.news-block .news .pagination .current {
background-color: var(--hv-orange);
color: white;
height: 30px;
width: 30px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.news-block .news .pagination a {
background-color: var(--hv-grey);
color: white;
height: 30px;
width: 30px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 2px;
text-decoration: none;
}
.news-block .news .pagination a:hover {
background-color: var(--hv-orange);
}
.news-block .news .pagination a.next, .news-block .news .pagination a.prev {
background-color: transparent;
width: auto;
color: var(--hv-grey);
margin: 0 10px;
}
.news-block .news .pagination a.next:hover, .news-block .news .pagination a.prev:hover {
color: var(--hv-orange);
}
@media screen and (max-width: 844px) {
.news-block {
padding: 20px;
}
.news-block .news {
display: block;
}
.news-block .news .item {
width: 100%;
margin-bottom: 20px;
}
}
.panel-block {
position: relative;
}
.panel-block .panel-slider .item {
position: relative;
}
.panel-block .panel-slider .item img {
height: 450px;
object-fit: cover;
object-position: center;
}
.panel-block .panel-slider .item .cont {
position: absolute;
padding: 0 0 0 40px;
box-sizing: border-box;
left: 50%;
top: 50%;
z-index: 2;
transform: translate(0, -50%);
max-width: 650px;
}
.panel-block .panel-slider .item .cont h2 {
color: var(--h-yellow);
font-size: 50px;
line-height: 60px;
margin: 0 0 20px;
}
.panel-block .panel-slider .item .cont p {
color: white;
font-size: 26px;
font-weight: 600;
}
.panel-block .panel-slider .item .cont a {
margin-top: 25px;
}
.panel-block .panel-slider .item:after {
content: "";
width: 65%;
height: 100%;
right: 0;
top: 0;
background: black;
background: linear-gradient(81deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
position: absolute;
z-index: 1;
}
@media screen and (max-width: 844px) {
.panel-block {
overflow: hidden;
}
.panel-block .panel-slider .item .cont {
transform: translate(-50%, -50%);
width: 70%;
padding: 0;
}
.panel-block .panel-slider .item img {
height: 600px;
}
.panel-block .panel-slider .item:after {
width: 100%;
}
}
.photo-list-block {
position: relative;
}
.photo-list-block .cont {
display: flex;
flex-wrap: wrap;
}
.photo-list-block .cont h3 {
margin-bottom: 20px;
}
.photo-list-block .cont .col {
width: 30%;
}
.photo-list-block .cont .col p {
font-weight: 600;
font-size: 16px;
}
.photo-list-block .cont .col p:hover {
color: var(--tl-yellow);
cursor: pointer;
}
.photo-list-block .cont .col img {
width: 100%;
height: auto;
}
.photo-list-block .cont .col .link {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 10px;
text-decoration: none;
}
.photo-list-block .cont .col .link p {
font-size: 13px;
line-height: 21px;
font-family: "Patua One", serif;
font-weight: 600;
color: black;
padding: 0;
margin: 0 5px 0 0;
}
.photo-list-block .cont .col .link svg {
position: relative;
right: 0;
transition: right 0.4s ease-in-out;
}
.photo-list-block .cont .col .link:hover p {
color: var(--tl-yellow);
}
.photo-list-block .cont .col .link:hover svg {
right: -5px;
}
.photo-list-block .cont .col:nth-child(2) {
width: 70%;
}
.photo-list-block .cont .col:nth-child(2) > div {
display: none;
}
.photo-list-block .cont .col:nth-child(2) > div.active {
display: block;
}
@media screen and (max-width: 844px) {
.photo-list-block .cont .col {
width: 100% !important;
}
}
.process-block {
max-width: 920px;
padding: 40px 0 100px;
}
.process-block .cont {
display: flex;
flex-wrap: wrap;
position: relative;
}
.process-block .cont:after {
content: "";
width: 200vw;
height: 2px;
background-color: var(--f-lblue);
position: absolute;
bottom: -42px;
left: -100vw;
}
.process-block .cont .swiper-wrapper {
justify-content: center;
}
.process-block .cont .swiper-wrapper .item {
width: 20%;
width: 250px;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.process-block .cont .swiper-wrapper .item .circle {
height: 150px;
width: 150px;
border-radius: 150px;
background-color: var(--obj-blue);
display: flex;
align-items: center;
justify-content: center;
position: relative;
color: white;
text-align: center;
text-transform: uppercase;
font-weight: 600;
padding: 20px;
box-sizing: border-box;
margin: 0 auto;
margin-bottom: 30px;
}
.process-block .cont .swiper-wrapper .item .circle img {
width: 80%;
height: 80%;
}
.process-block .cont .swiper-wrapper .item .circle:after {
content: "";
left: 50%;
width: 2px;
height: 20px;
}
.process-block .cont .swiper-wrapper .item h4 {
padding: 0;
margin: 10px 0;
font-size: 20px;
text-align: center;
color: var(--obj-dblue);
}
.process-block .cont .swiper-wrapper .item p {
padding: 0;
margin: 0;
text-align: center;
}
.process-block .cont .swiper-wrapper .item:after {
content: "";
position: absolute;
top: 20px;
height: 270px;
width: 300px;
background-color: transparent;
left: 50%;
z-index: -1;
border-radius: 50%;
border-top: dashed 2px #9b9b9b;
opacity: 0;
}
.process-block .cont .swiper-wrapper .item:nth-child(2n):after {
border-bottom: dashed 2px #9b9b9b;
top: -145px;
border-top: none;
}
.process-block .cont .swiper-wrapper .item:last-child:after {
display: none;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(1) {
transition-delay: 0.2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(1):after {
transition-delay: 0.4s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(2) {
transition-delay: 0.4s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(2):after {
transition-delay: 0.8s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(3) {
transition-delay: 0.6s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(3):after {
transition-delay: 1.2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(4) {
transition-delay: 0.8s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(4):after {
transition-delay: 1.6s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(5) {
transition-delay: 1s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(5):after {
transition-delay: 2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(6) {
transition-delay: 1.2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(6):after {
transition-delay: 2.4s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(7) {
transition-delay: 1.4s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(7):after {
transition-delay: 2.8s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(8) {
transition-delay: 1.6s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(8):after {
transition-delay: 3.2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(9) {
transition-delay: 1.8s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(9):after {
transition-delay: 3.6s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(10) {
transition-delay: 2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(10):after {
transition-delay: 4s;
opacity: 1;
}
@media screen and (max-width: 844px) {
.process-block {
padding: 40px 10vw 100px;
}
}
.projects-vertical-block {
position: relative;
padding: 40px 0;
box-sizing: border-box;
}
.projects-vertical-block .swiper-vertical {
height: 600px;
overflow: hidden;
}
.projects-vertical-block .swiper-vertical .swiper-slide {
padding: 10px;
box-sizing: border-box;
}
.projects-vertical-block .swiper-vertical .swiper-slide img {
width: 100%;
height: 270px;
object-fit: cover;
object-position: center;
box-shadow: 0 0px 10px black;
border-radius: 5px;
}
.projects-vertical-block .swiper-vertical .swiper-button-prev {
position: absolute;
left: 50%;
transform: rotate(90deg) translate(-50%, 0%);
top: 30px;
bottom: auto;
z-index: 100;
}
.projects-vertical-block .swiper-vertical .swiper-button-prev:after {
color: var(--giraffe-purple);
}
.projects-vertical-block .swiper-vertical .swiper-button-next {
position: absolute;
left: 50%;
transform: rotate(90deg) translate(-50%, 0%);
bottom: -10px;
top: auto;
z-index: 100;
}
.projects-vertical-block .swiper-vertical .swiper-button-next:after {
color: var(--giraffe-purple);
}
@media screen and (max-width: 844px) {
.projects-vertical-block .swiper-vertical .swiper-button-prev {
left: calc(50% - 10px);
}
.projects-vertical-block .swiper-vertical .swiper-button-next {
left: calc(50% - 10px);
}
}
.projects-block {
position: relative;
z-index: 12;
}
.projects-block .swiper {
padding: 0 50px 30px;
overflow: visible;
}
.projects-block .swiper .swiper-wrapper .swiper-slide {
display: flex;
flex-wrap: wrap;
opacity: 0.2 !important;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: 55px;
padding-right: 60px;
width: 55%;
box-sizing: border-box;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col .cont h2 {
color: var(--giraffe-purple);
margin: 10px 0 20px;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col .cont h3 {
margin: 0;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col:first-child {
width: 45%;
padding-left: 60px;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col:first-child img {
width: 100%;
height: 850px;
display: inline-block;
object-fit: contain;
object-position: bottom center;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col:last-child {
background-color: white;
}
.projects-block .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.projects-block .swiper .swiper-scrollbar-drag {
background-color: var(--giraffe-purple);
}
.projects-block .swiper .swiper-button-next, .projects-block .swiper .swiper-button-prev {
transition: all 0.3s ease-in-out;
}
.projects-block .swiper .swiper-button-next:after, .projects-block .swiper .swiper-button-prev:after {
color: var(--giraffe-purple);
}
.projects-block .swiper .swiper-button-prev {
left: 15px;
}
.projects-block .swiper .swiper-button-next {
right: 15px;
}
.projects-block:after {
content: "";
position: absolute;
bottom: 28px;
left: 0;
width: 200vw;
height: 2px;
background-color: var(--giraffe-purple);
}
@media screen and (max-width: 844px) {
.projects-block {
overflow: hidden;
}
.projects-block .swiper {
padding: 0;
}
.projects-block .swiper .swiper-wrapper .swiper-slide {
padding: 0 0 80px 0px;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col {
width: 100% !important;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col img {
height: auto !important;
width: 100% !important;
}
.projects-block:after {
display: none;
}
.projects-block .swiper-scrollbar {
width: calc(100% - 60px);
left: 30px;
}
}
.quotes-block {
position: relative;
padding: 60px 0;
overflow: hidden;
text-align: center;
}
.quotes-block .intro {
max-width: 900px;
position: relative;
z-index: 1;
text-align: center;
}
.quotes-block .intro h4 {
margin: 0 0 20px;
font-family: "Instrument Sans", sans-serif;
}
.quotes-block .intro h2, .quotes-block .intro h3, .quotes-block .intro h4 {
margin: 10px 0;
}
.quotes-block .intro .google-reviews {
width: 200px;
margin-bottom: 15px;
}
.quotes-block .cont {
padding: 0;
margin-top: 15px;
z-index: 2;
position: relative;
}
.quotes-block .cont .boxes {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.quotes-block .cont .boxes .box {
width: 100%;
background-color: white;
border-radius: 15px;
padding: 20px 20px 25px;
box-sizing: border-box;
text-align: left;
color: var(--s-grey);
opacity: 0;
border: 1px solid #EBE9E566;
transition: all 0.5s ease-in-out;
transition-property: opacity, transform, filter;
transform: translate(0, 40px);
}
.quotes-block .cont .boxes .box p.title {
font-weight: 800;
font-size: 15px;
margin-top: 0px;
padding: 0 3px;
}
.quotes-block .cont .boxes .box p.quote {
position: relative;
padding: 10px 3px;
box-sizing: border-box;
font-size: 15px;
}
.quotes-block .cont .boxes .box:nth-child(1) {
transition-delay: 0.1s;
}
.quotes-block .cont .boxes .box:nth-child(2) {
transition-delay: 0.2s;
}
.quotes-block .cont .boxes .box:nth-child(3) {
transition-delay: 0.3s;
}
.quotes-block .cont .boxes .box:nth-child(4) {
transition-delay: 0.4s;
}
.quotes-block .cont .boxes .box:nth-child(5) {
transition-delay: 0.5s;
}
.quotes-block .cont .boxes .box:nth-child(6) {
transition-delay: 0.6s;
}
.quotes-block .cont .boxes .box:nth-child(7) {
transition-delay: 0.7s;
}
.quotes-block .cont .boxes .box:nth-child(8) {
transition-delay: 0.8s;
}
.quotes-block .cont .boxes .box:nth-child(9) {
transition-delay: 0.9s;
}
.quotes-block .cont .boxes .box:nth-child(10) {
transition-delay: 1s;
}
.quotes-block .cont .slick-track {
display: flex;
gap: 25px;
}
.quotes-block .cont .slick-dots {
left: 50%;
transform: translate(-50%, 0%);
}
.quotes-block .cont .slick-dots li button {
background-color: var(--s-lgrey);
}
.quotes-block .cont .slick-dots li.slick-active button {
background-color: var(--su-red);
}
.quotes-block .cont.is-inview .boxes .box {
opacity: 1;
transform: translate(0, 0);
}
.quotes-block .sr {
margin-top: 40px;
}
.wp-block-column .boxes-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.quotes-block {
padding: 60px 20px;
}
.quotes-block .boxes .box {
width: 100%;
margin: 5px 0;
}
}
.services-block .boxes {
padding: 0px 0;
display: flex;
flex-wrap: wrap;
gap: 2%;
}
.services-block .boxes .box {
width: 32%;
height: 280px;
position: relative;
margin-bottom: 2%;
}
.services-block .boxes .box .image {
height: 100%;
width: 100%;
}
.services-block .boxes .box .image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
}
.services-block .boxes .box .container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
padding: 40px;
box-sizing: border-box;
text-align: center;
z-index: 2;
}
.services-block .boxes .box .container h3 {
color: white;
}
.services-block .boxes .box .container p {
color: white;
max-height: 0;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.services-block .boxes .box:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 1;
transition: background-color 0.4s ease-in-out;
}
.services-block .boxes .box:hover .image img {
width: 105%;
height: 105%;
}
.services-block .boxes .box:hover .container p {
max-height: 200px;
opacity: 1;
}
.services-block .boxes .box:hover:after {
background-color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 844px) {
.services-block .boxes .box {
width: 100%;
}
}
.skips-list-block {
position: relative;
background: var(--h-lpurple);
overflow: hidden;
}
.skips-list-block:before {
content: "";
background: var(--h-lpurple) url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/skip-tile.svg) repeat center center;
background-size: 350px;
z-index: 1;
width: 130%;
height: 180%;
left: -15%;
top: -30%;
position: absolute;
transform: rotate(-10deg);
}
.skips-list-block .cont {
text-align: center;
padding: 60px 20px;
box-sizing: border-box;
z-index: 2;
position: relative;
}
.skips-list-block .cont h1 {
margin: 0 0 30px;
color: var(--h-yellow);
}
.skips-list-block .cont p {
color: white;
}
.skips-list-block .cont .products {
display: flex;
flex-wrap: wrap;
margin-top: 70px;
}
.skips-list-block .cont .products .item {
background-color: white;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
text-align: left;
text-decoration: none;
margin-bottom: 30px;
border-radius: 15px;
padding: 20px;
box-sizing: border-box;
opacity: 0;
transform: translate(0, 100px);
transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.skips-list-block .cont .products .item .col {
padding: 0 20px;
box-sizing: border-box;
}
.skips-list-block .cont .products .item .col p {
padding: 0;
font-size: 25px;
color: black;
}
.skips-list-block .cont .products .item .col p.title {
color: var(--h-purple);
font-weight: 600;
}
.skips-list-block .cont .products .item .col img {
width: 100%;
height: 100%;
}
.skips-list-block .cont .products .item .col .measurements {
margin-bottom: 15px;
}
.skips-list-block .cont .products .item .col .order {
margin-left: auto;
margin-top: auto;
}
.skips-list-block .cont .products .item .col.price p:nth-child(2) {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 15px 0;
}
.skips-list-block .cont .products .item .col.price p:nth-child(3) {
font-size: 48px;
color: var(--h-purple);
font-weight: 700;
text-transform: uppercase;
margin: 15px 0;
}
.skips-list-block .cont .products .item:hover .col .order {
background-color: var(--h-purple);
color: var(--h-yellow);
cursor: pointer;
padding: 8px 75px 8px 55px;
}
.skips-list-block .cont .products .item:hover .col .order:after {
right: 15px;
opacity: 1;
}
.skips-list-block .cont .products .item .col:nth-child(1) {
width: 20%;
}
.skips-list-block .cont .products .item .col:nth-child(2) {
width: 30%;
}
.skips-list-block .cont .products .item .col:nth-child(3) {
width: 50%;
display: flex;
flex-wrap: wrap;
}
.skips-list-block .cont .products .item .col:nth-child(3) p {
font-size: 17px;
line-height: 21px;
margin-bottom: 15px;
}
.skips-list-block .cont .products .item:nth-child(1) {
transition-delay: 0.1s;
}
.skips-list-block .cont .products .item:nth-child(2) {
transition-delay: 0.2s;
}
.skips-list-block .cont .products .item:nth-child(3) {
transition-delay: 0.3s;
}
.skips-list-block .cont .products .item:nth-child(4) {
transition-delay: 0.4s;
}
.skips-list-block .cont .products .item:nth-child(5) {
transition-delay: 0.5s;
}
.skips-list-block .cont .products .item:nth-child(6) {
transition-delay: 0.6s;
}
.skips-list-block .cont .products .item:nth-child(7) {
transition-delay: 0.7s;
}
.skips-list-block .cont .products .item:nth-child(8) {
transition-delay: 0.8s;
}
.skips-list-block .cont .products .item:nth-child(9) {
transition-delay: 0.9s;
}
.skips-list-block .cont .products.is-inview .item {
opacity: 1;
transform: translate(0, 0px);
}
.skips-block {
position: relative;
margin: 50px 0;
}
.skips-block .skips-swiper .swiper-wrapper .item {
display: flex;
flex-wrap: wrap;
width: 32%;
opacity: 0;
transform: translate(0, 100px);
border: 1px solid #c8c8c8;
padding: 30px 20px 20px;
box-sizing: border-box;
text-decoration: none;
justify-content: center;
transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont {
text-align: center;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p {
margin: 0 auto;
padding: 0;
font-size: 25px;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p.title {
color: var(--h-purple);
font-weight: 600;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p:nth-child(2) {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 15px 0;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p:nth-child(3) {
font-size: 48px;
color: var(--h-purple);
font-weight: 700;
text-transform: uppercase;
margin: 15px 0;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p:nth-child(4) {
font-size: 19px;
line-height: 23px;
font-weight: 600;
margin: 0 auto;
margin-top: 20px;
max-width: 80%;
}
.skips-block .skips-swiper .swiper-wrapper .item img {
max-height: 170px;
width: auto;
margin: 20px 0;
}
.skips-block .skips-swiper .swiper-wrapper .item.swiper-slide-visible {
opacity: 1;
}
.skips-block .skips-swiper .swiper-wrapper .item:hover .order {
background-color: var(--h-purple);
color: var(--h-yellow);
cursor: pointer;
padding: 8px 75px 8px 55px;
}
.skips-block .skips-swiper .swiper-wrapper .item:hover .order:after {
right: 15px;
opacity: 1;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(1) {
transition-delay: 0.2s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(2) {
transition-delay: 0.4s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(3) {
transition-delay: 0.6s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(4) {
transition-delay: 0.8s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(5) {
transition-delay: 1s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(6) {
transition-delay: 1.2s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(7) {
transition-delay: 1.4s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(8) {
transition-delay: 1.6s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(9) {
transition-delay: 1.8s;
}
.skips-block .skips-swiper .swiper-wrapper.is-inview .item {
opacity: 1;
transform: translate(0, 0px);
}
.skips-block .skips-swiper .swiper-wrapper {
gap: 23px;
}
.skips-block .larger-skip {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 50px;
}
.skips-block .larger-skip p {
font-size: 24px;
font-weight: 600;
color: var(--h-purple);
}
.skips-block .larger-skip p span {
font-size: 40px;
text-transform: uppercase;
font-weight: 700;
}
.skips-block .larger-skip p a {
text-decoration: none;
}
.skips-block .larger-skip p a:hover {
color: var(--h-yellow);
}
.slider-block {
position: relative;
z-index: 10;
background-color: black;
}
.slider-block .bg {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
.slider-block .curve {
position: absolute;
width: 100%;
height: 225px;
bottom: 0;
z-index: 1;
}
.slider-block .curve svg {
height: 100%;
width: 140%;
}
.slider-block #map {
height: 500px;
width: 100%;
}
.slider-block .slider {
padding: 0;
}
.slider-block .slider .slick-list {
overflow: visible;
}
.slider-block .slider .slick-list .slick-track {
overflow: hidden;
}
.slider-block .slider .slick-list .slick-track:before {
content: "";
width: 100%;
height: 50%;
background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 100%);
position: absolute;
top: 0;
z-index: 1;
}
.slider-block .slider .slick-list .slick-track .item {
position: relative;
display: flex;
align-items: center;
height: 70vh;
max-height: 500px;
min-height: 400px;
overflow: hidden;
}
.slider-block .slider .slick-list .slick-track .item img {
display: block;
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
right: 0;
position: absolute;
opacity: 0.8;
}
.slider-block .slider .slick-list .slick-track .item .video-cont {
position: relative;
height: 100%;
width: 100%;
background: #000;
overflow: hidden;
z-index: 1;
}
.slider-block .slider .slick-list .slick-track .item .video-cont iframe {
position: absolute;
transform: translate(-50%, -50%);
width: 130%;
height: 130%;
left: 50%;
top: 50%;
}
.slider-block .slider .slick-list .slick-track .item .content {
position: absolute;
bottom: 30px;
left: 50%;
transform: translate(-50%, 0%);
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
padding: 15px 20px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont {
width: 75%;
transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition-delay: 0.2s;
transform: translate(0%, 50%);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
opacity: 0;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col {
width: 100%;
padding: 0 0px 50px 0;
box-sizing: border-box;
justify-content: flex-start;
text-align: center;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col h1, .slider-block .slider .slick-list .slick-track .item .content .cont .col h2, .slider-block .slider .slick-list .slick-track .item .content .cont .col p {
color: white;
margin: 0 auto;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col p {
margin: 0 auto;
padding-top: 25px;
font-size: 26px;
line-height: 32px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col h1 {
color: white;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col a {
padding: 15px 35px 13px 35px;
margin: 0 0 0;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col a:hover {
padding: 15px 55px 13px 35px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col .buttons {
padding: 40px 0 0;
display: flex;
flex-wrap: wrap;
justify-self: center;
gap: 25px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col .buttons span {
color: white;
margin: 0 15px;
font-size: 22px;
line-height: 28px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col .buttons a:nth-child(even) {
background-color: transparent;
border-color: white;
color: white;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col .buttons a:nth-child(even):hover {
background-color: var(--su-red);
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col:nth-child(2) {
width: 50%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .appendDots {
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
}
.slider-block .slider.multi.small .slick-list .slick-track .item .content .cont .col {
padding: 0 0 30px;
}
.slider-block .slider.anim .slick-list .slick-track .item .content .cont {
transform: translate(0%, 0%);
opacity: 1;
}
.slider-block .slider.small .slick-list .slick-track .item {
max-height: 350px;
min-height: 350px;
height: 40vh;
}
.slider-block .slider.small .slick-list .slick-track .item .content {
bottom: 40px;
padding: 0 20px;
transform: translate(-50%, -50%);
top: 50%;
}
.slider-block .slider.small .slick-list .slick-track .item .content .cont:after {
width: 200vw;
right: -50vw;
}
.slider-block .slider.small .slick-list .slick-track .item .content .cont .col {
padding: 0;
}
.slider-block .slider.small .slick-list .slick-track .item .content .cont .col p {
margin: 0;
padding: 0;
}
.slider-block .slider.small .slick-list .slick-track .item .content .appendDots {
bottom: -10px;
left: 0;
}
.slider-block .arrow-wrapper {
max-width: 1140px;
position: relative;
}
.slider-block .arrow-wrapper .arrow {
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
width: 35px;
height: 35px;
bottom: 0;
z-index: 13;
}
.slider-block .arrow-wrapper .arrow:after, .slider-block .arrow-wrapper .arrow:before {
content: "";
width: 20px;
height: 2px;
border-radius: 3px;
background-color: white;
transform: rotate(-40deg);
position: absolute;
right: 0;
top: 20px;
transition: all 0.3s ease-in-out;
}
.slider-block .arrow-wrapper .arrow:before {
left: 0;
right: auto;
transform: rotate(40deg);
}
.slider-block .arrow-wrapper .arrow:hover {
cursor: pointer;
}
.slider-block .arrow-wrapper .arrow:hover:after, .slider-block .arrow-wrapper .arrow:hover:before {
top: 25px;
}
@media screen and (max-width: 844px) {
.slider-block {
overflow: hidden;
}
.slider-block .slider {
padding: 0;
}
.slider-block .slider .slick-list .slick-track {
overflow: visible;
}
.slider-block .slider .slick-list .slick-track .item {
display: inline-block;
max-height: auto;
min-height: 600px;
}
.slider-block .slider .slick-list .slick-track .item .img img {
width: 100%;
}
.slider-block .slider .slick-list .slick-track .item .content {
padding: 0;
transform: translate(-50%, -50%);
top: 50%;
}
.slider-block .slider .slick-list .slick-track .item .content .cont {
width: 100%;
padding: 0 20px 0px 20px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col {
width: 100% !important;
padding: 10px 0px 0px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col h1 {
width: 100%;
font-size: 30px;
line-height: 36px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col p {
font-size: 20px;
line-height: 26px;
max-width: 100% !important;
padding: 20px 0 !important;
padding-bottom: 25px;
width: 100%;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col a {
margin: 5px;
padding: 20px !important;
min-width: auto !important;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col .buttons {
padding: 0;
margin-top: 10px;
gap: 10px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .appendDots {
left: 26px;
}
.slider-block .slider .slick-list .slick-track .item .video-cont iframe {
width: 340%;
height: 130%;
}
.slider-block .slider.small .slick-list .slick-track .item {
min-height: 380px;
}
.slider-block .arrow {
transform: translate(-50%, -50%);
display: none;
}
.slick-slider .slick-arrow {
display: none !important;
}
}
.stats-block {
position: relative;
text-align: center;
}
.stats-block h2 {
color: var(--giraffe-purple);
}
.stats-block p {
font-size: 22px;
font-family: "Patua One", serif;
font-weight: 600;
}
.stats-block .cont {
margin-top: 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 20px;
}
.stats-block .cont .item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
max-width: 300px;
justify-content: center;
}
.stats-block .cont .item img {
display: inline-block;
width: 180px;
max-height: 140px;
}
.stats-block .cont .item h3 {
width: 100%;
text-align: center;
padding: 0;
margin: 15px 0 5px;
font-size: 40px;
color: var(--giraffe-purple);
}
.stats-block .cont .item p {
width: 100%;
text-align: center;
padding: 0;
margin: 0;
font-size: 20px;
font-family: "Patua One", serif;
font-weight: 900;
}
.talk-block {
position: relative;
margin: 30px 0;
}
.talk-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.talk-block .cont a {
color: var(--giraffe-grey);
border: 2px solid var(--giraffe-purple);
background-color: white;
}
.talk-block .cont a:hover {
background-color: var(--giraffe-purple);
color: white;
}
@media screen and (max-width: 844px) {
.talk-block .cont h3 {
text-align: center;
}
.talk-block .cont a {
display: inline-block;
margin: 0 auto;
}
}
.team-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.team-block .cont .item {
width: 19%;
}
.team-block .cont .item img {
width: 100%;
height: 170px;
display: block;
object-fit: cover;
object-position: center;
}
.team-block .cont .item p {
color: white;
}
@media screen and (max-width: 844px) {
.team-block .cont .item {
width: 100%;
margin: 10px 0;
}
}
.term-dates-block {
position: relative;
padding: 20px 0;
}
.term-dates-block .dev {
right: 0;
left: auto;
}
.term-dates-block h3 {
color: var(--hv-lgrey);
}
.term-dates-block .cont {
padding: 20px 0;
}
.term-dates-block .cont .value {
display: flex;
flex-wrap: wrap;
margin: 7px 0;
position: relative;
}
.term-dates-block .cont .value p {
margin: 0;
padding: 0 0 0 20px;
line-height: 18px;
font-size: 14px;
}
.term-dates-block .cont .value p:after {
content: "";
width: 30px;
height: 100%;
background: transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/arrow-right-orange.svg) no-repeat left center;
background-size: 12px;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 844px) {
.term-dates-block {
padding: 0;
}
.term-dates-block .cont {
padding: 0;
}
}
.title-block #top-bg {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
width: 1200px;
z-index: -1;
top: 0;
}
.title-block #top-bg img {
width: 100%;
height: auto;
}
.title-block #top-bg.small {
width: 700px;
}
.title-block .cont {
width: 340px;
margin: 0 auto;
text-align: center;
margin-top: 85px;
margin-bottom: 70px;
padding: 80px 0 60px;
min-height: 145px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.title-block .cont h1 {
color: #fff;
padding: 0;
margin: 0;
font-size: 45px;
line-height: 45px;
font-weight: 600;
}
.title-block .cont p {
color: #fff;
padding: 10px 0;
margin: 0;
font-weight: 400;
font-size: 21px;
}
.title-block .cont:after {
content: "";
width: 60px;
height: 60px;
background: transparent url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/liminal-logo-white.svg) no-repeat center center;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
.title-block .dev {
top: 28px !important;
}
@media screen and (max-width: 844px) {
.title-block {
position: relative;
width: 100%;
overflow: hidden;
top: -25px;
}
.title-block .cont {
padding: 120px 0 60px;
}
}
[data-type="acf/title"] {
position: relative;
}
[data-type="acf/title"] #top-bg {
z-index: 0;
}
.welcome-block {
position: relative;
min-height: 450px;
}
.welcome-block:after {
content: "";
width: 200vw;
height: 1px;
background-color: var(--hv-llgrey);
position: absolute;
bottom: 0;
left: 0;
}
.welcome-block .content .wp-block-columns {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
gap: 0;
}
.welcome-block .content .wp-block-columns .wp-block-column {
width: 50%;
flex-basis: auto;
flex-grow: initial;
align-items: center !important;
}
.welcome-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 40px 60px 40px 0;
box-sizing: border-box;
}
.welcome-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h1, .welcome-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h2, .welcome-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h3 {
margin-top: 10px;
}
.welcome-block .content .wp-block-columns .wp-block-column:nth-child(2) figure {
height: 100%;
}
.welcome-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
height: 100%;
object-fit: contain;
object-position: center bottom;
}
.welcome-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(1) {
order: 2;
}
.welcome-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(2) {
order: 1;
}
.work-block {
padding: 100px 0px 0;
position: relative;
background: black url(//www.seeuclean.co.uk/wp-content/themes/seeuclean/images/pattern-bg.jpg) repeat-y center center;
background-size: cover;
}
.work-block .work-container h2 {
color: white;
}
.work-block .work-container > a {
position: relative;
top: -100px;
}
.work-block .work-container .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px 0px;
}
.work-block .work-container .cont .item {
width: calc(50% - 10px);
display: inline-block;
text-decoration: none;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.work-block .work-container .cont .item img {
width: 100%;
height: 450px;
object-fit: cover;
object-position: center;
}
.work-block .work-container .cont .item p.tag {
font-family: "Patua One", serif;
color: var(--giraffe-purple);
text-transform: uppercase;
padding: 5px 0;
margin: 0;
font-size: 13px;
font-weight: 600;
}
.work-block .work-container .cont .item h3 {
color: white;
padding: 0;
margin: 0 0 40px;
}
.work-block .work-container .cont .item:hover {
transform: scale(1.1);
z-index: 2;
}
.work-block .work-container .cont .item:nth-child(4n+2) img, .work-block .work-container .cont .item:nth-child(4n+3) img {
height: 300px;
}
.work-block .work-container .cont .item:nth-child(4n) {
top: -149px;
position: relative;
}
.work-block .work-container .cont .item:nth-child(5n) {
top: -149px;
position: relative;
}
.work-block .work-container .cont .item:nth-child(6n) {
top: -149px;
position: relative;
}
.work-block .work-container .cont .item:nth-child(7n) {
top: -149px;
position: relative;
}
.work-block .work-container .cont .item:nth-child(8n) {
top: -149px;
position: relative;
}
.work-block .work-container.two {
padding-bottom: 100px;
}
.work-block .work-container.two > a {
top: 0;
}
.work-block .work-container.two .cont .item:nth-child(4n+2) img, .work-block .work-container.two .cont .item:nth-child(4n+3) img {
height: 450px;
}
@media screen and (max-width: 844px) {
.work-block {
padding: 50px 0 0;
}
.work-block .work-container {
padding: 0 20px 60px;
}
.work-block .work-container .cont .item {
width: 100%;
top: 0 !important;
}
.work-block .work-container > a {
top: auto;
bottom: 0;
}
}
[data-type="core/spacer"] .components-resizable-box__container {
background-color: #f7f7f7;
}