/* Theme Name: Warmteexperts Author: BUROTIJS - digitale denkers + digitale makers Author URI: https://burotijs.nl/ Description: This is the child theme for the Warmteexperts website Version: 1.0 Template: burotijs */ /* jquery.fancybox.min.css */ 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-bg,.fancybox-inner,.fancybox-outer,.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(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{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--current,.fancybox-slide--next,.fancybox-slide--previous{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(.5,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;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-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{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--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .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-iframe,.fancybox-video{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:link,.fancybox-button:visited{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--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(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(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(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:a 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 a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(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:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.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(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;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:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (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:max(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}.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;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:link,.fancybox-share__button:visited{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;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;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:50%;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(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End of jquery.fancybox.min.css */ /* Start AOS Min.css */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* End AOS Min.css */ /* Slick.min.css */ .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} /* End Slick.min.css */ @font-face { font-family: 'InterDisplay-Bold'; src: url('fonts/InterDisplay-Bold.eot'); src: url('fonts/InterDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/InterDisplay-Bold.woff2') format('woff2'), url('fonts/InterDisplay-Bold.woff') format('woff'), url('fonts/InterDisplay-Bold.ttf') format('truetype'), url('fonts/InterDisplay-Bold.svg#InterDisplay-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'InterDisplay-Light'; src: url('fonts/InterDisplay-Light.eot'); src: url('fonts/InterDisplay-Light.eot?#iefix') format('embedded-opentype'), url('fonts/InterDisplay-Light.woff2') format('woff2'), url('fonts/InterDisplay-Light.woff') format('woff'), url('fonts/InterDisplay-Light.ttf') format('truetype'), url('fonts/InterDisplay-Light.svg#InterDisplay-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'InterDisplay-SemiBold'; src: url('fonts/InterDisplay-SemiBold.eot'); src: url('fonts/InterDisplay-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/InterDisplay-SemiBold.woff2') format('woff2'), url('fonts/InterDisplay-SemiBold.woff') format('woff'), url('fonts/InterDisplay-SemiBold.ttf') format('truetype'), url('fonts/InterDisplay-SemiBold.svg#InterDisplay-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'InterDisplay-Medium'; src: url('fonts/InterDisplay-Medium.eot'); src: url('fonts/InterDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/InterDisplay-Medium.woff2') format('woff2'), url('fonts/InterDisplay-Medium.woff') format('woff'), url('fonts/InterDisplay-Medium.ttf') format('truetype'), url('fonts/InterDisplay-Medium.svg#InterDisplay-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'InterDisplay-Regular'; src: url('fonts/InterDisplay-Regular.eot'); src: url('fonts/InterDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/InterDisplay-Regular.woff2') format('woff2'), url('fonts/InterDisplay-Regular.woff') format('woff'), url('fonts/InterDisplay-Regular.ttf') format('truetype'), url('fonts/InterDisplay-Regular.svg#InterDisplay-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* CSS reset */ * {margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;font-feature-settings: lnum;font-variant-numeric: lining-nums;} html {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-o-text-size-adjust: none;} body {font-size: 18px;color: #1D2630;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 0px;font-family: 'InterDisplay-Regular';} img {border:none; outline:none;max-width: 100%;} a,h1,h2,h3,h4,h5,h6,p,div,img {text-decoration:none; padding:0px; margin:0px;font-weight: normal;} ul {list-style-type: none;margin-bottom: 0px;} input,textarea,select,input[type="text"], input[type="email"], input[type="button"], input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;-ms-appearance: none;-o-appearance: none;appearance: none;} a:hover, a:focus {text-decoration: none;} p:empty {display: none;} svg {max-width: 100%;} small {font-size: 100%;} picture > img {width: 100%; height: 100%; object-fit: cover; } .custom-object-fit {background-size: cover;background-position: center;background-repeat: no-repeat;} .custom-object-fit > img {opacity: 0;} #tslOverlay {z-index: 999999 !important;} ::-moz-selection { background: #003554;color: #fff; } ::selection { background: #003554; color: #fff;} ::-webkit-input-placeholder {color: #797F86 !important;} :-moz-placeholder { /* Firefox 18- */color: #797F86 !important;opacity: 1;} ::-moz-placeholder { /* Firefox 19+ */color: #797F86 !important;opacity: 1;} :-ms-input-placeholder {color: #797F86 !important;} /* End of reset css */ /* Common css */ .contact-list li a > span,.heatpump-funnel-form .gform_confirmation_message h5,.close-overlay, body .signup-form-part .gform_wrapper.gravity-theme .gfield_description a,.menu-dropdown ul.menu > li > a,.menu-dropdown ul.menu > li > a::before,.menu-header-job-menu-container ul li a span,.header-main-menu ul.menu > li > a,.contact-btn,.address-link span,.footer-menu-part ul.menu > li > a::before,.footer-menu-part ul.menu > li > a, .footer-social-icon a,.product-filter,.tooltip,.funnel-result-card .price-box,.header-usp-bar.banner-usp-bar,.confirmation-advice-message,.menu-privacy-menu-container > ul > li a,label a, .footer-link li a, body .gform_wrapper.gravity-theme .gfield_checkbox label, body .gfield_radio .gchoice label, .service-inner-card, .service-inner-card::before, .icon-text-link > span, .main-btn, .icon-play, .circle-box, .footer-text .icon-wrapper, .splide__arrow::before,.google-review-button a, .google-review-button span, body .gfield_radio .gchoice label::before, body .gfield_radio .gchoice label::after, body .gfield_checkbox .gchoice label::before, body .gfield_checkbox .gchoice label::after, .gform_dot,body input[type="button"], body input[type="submit"],body .custom-checkbox .gfield_checkbox a, body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme .gfield select, body .gform_wrapper.gravity-theme .gfield textarea, body .gform_confirmation_message a,.faq-toggle-part .panel-heading a:before,.canvas-menu,.full-banner-usp-bar,.custom-tab-list li a ,svg path,p a span,.body-overlay,.simple-breadcrumb a,svg path,.next-outro-text p a{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;} section,h1,h2,h3,h4,h5,h6,p {float: left;width: 100%;} h1,h2,h3,h4,h5,h6{color: #4386F3;font-family: 'InterDisplay-Medium';color: #1D2630;} h1.large-text{font-size: 64px;line-height: 64px;} h1 {font-size: 48px;line-height: 56px;} h2 {font-size: 40px;line-height: 48px;} h3 {font-size: 32px;line-height: 40px;} h4 {font-size: 24px;line-height: 30px;} h5, h6{font-size: 20px;line-height: 20px;} p {line-height: 26px;} .small-text{font-size: 16px;line-height: 24px} .extra-small-text{font-size: 14px;line-height: 20px} a {color: #1D2630;} .row.d-flex {display: flex;flex-wrap: wrap;} .row.d-flex::before,.row.d-flex::after {display: none;} .site-container{float:left;width:100%;min-height: 100vh;} .admin-bar .site-container{min-height: calc(100vh - 32px);} .site-inner{float:left;width:100%;} .link-cover {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11; } /* Text Page */ .text-section{padding: 164px 0px 120px;} .container.small-container {width: 1030px;} .page-template-text-page header.site-header .wrap{background-color: #1D2630;} .text-wrapper {float: left; width: 100%; } .text-title {float: left; width: 100%; margin-bottom: 40px; text-transform: capitalize; } .body-text h1 {margin-bottom: 16px; } .body-text h2 {margin-bottom: 14px; } .body-text h3 {margin-bottom: 12px; } .body-text h4 {margin-bottom: 10px; } .body-text h5, .body-text h6 {margin-bottom: 7px; } .body-text ul, .body-text ol{float: left; width: 100%; margin: 0px 0px 23px; } .body-text ul li, .body-text ol li{float: left; width: 100%; padding-left: 28px; position: relative; margin-bottom: 7px;list-style:none; } .body-text ul li:last-child, .body-text ol li:last-child{margin-bottom: 0} .body-text ul li::before{content: ''; position: absolute; left: 0; top: 11px; height: 4px; width: 4px; background-color: #1D2630;} .body-text ol {counter-reset: section; } .body-text ol li::before {content: counter(section) "."; position: absolute; left: 0; top: 0; counter-increment: section; font-family: 'InterDisplay-SemiBold'; color: #4386F3; } .body-text p > img {float: left; width: auto; height: auto;margin-bottom: 30px;} .body-text p:last-child > img{margin-bottom: 0} .body-text p{margin-bottom: 23px} .body-text p:last-child{margin-bottom: 0} /*-------------Header-------------*/ .admin-bar header.site-header {top: 32px;} header.site-header {position: absolute;width: 100%;left: 0;top: 0;z-index: 9;} header.site-header .wrap {float: left;width: 100%;background-color: transparent;padding: 28px 0 26px;} header .title-area {width: 118px;float: left;position: relative;left: 6px;z-index: 1;} header .custom-logo-link {float: left; width: 100%; } .header-wrapper {width: calc(100% - 118px);padding-left: 55px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;} .icon-text-link-list {float: left;width: auto;position: relative;} .icon-text-link-list .icon-text-link {margin-right: 46px;} .icon-text-link-list .icon-text-link:last-child {margin-right: 0; } .icon-text-link {font-size: 14px; line-height: 14px; color: #FFFFFF; font-family: 'InterDisplay-Bold'; padding-left: 31px; position: relative; display: inline-block;} .icon-text-link .icon-wrapper {height: 14px;width: 14px;position: absolute;left: 0;top: 0;} .icon-text-link .icon-wrapper svg {float: left; width: 100%; height: 100%; } .hamburger-menu-wrapper {display: none; align-items: center; justify-content: center; flex-direction: row-reverse; gap: 16px; margin-left: 40px; cursor: pointer; } .hamburger-menu-wrapper span {color: #1D2630; font-size: 14px; line-height: 18px; font-family: 'InterDisplay-SemiBold'; } .hamburger-menu {height: 16px; width: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .hamburger-menu span {position: relative; width: 12px; height: 1.33px; background-color: #1D2630; display: block; } .hamburger-menu span::before, .hamburger-menu span::after {content: ""; position: absolute; top: -6px; left: 0; width: 12px; height: 1.33px; background-color: #1D2630; } .hamburger-menu span::after {top: auto; bottom: -6px; } .hamburger-menu.active span {transform: rotate(-45deg); } .hamburger-menu.active span::before {opacity: 0; } .hamburger-menu.active span::after {transform: rotate(90deg); bottom: 0; } body.scroll-hidden {overflow-y: hidden; } header.site-header .row.d-flex {align-items: center; position: relative;} .change-header .hamburger-menu span::before, .change-header .hamburger-menu span::after {background-color: transparent; } .page-template-home-page .hamburger-menu-wrapper span{color:#fff;} .page-template-home-page .hamburger-menu span,.page-template-home-page .hamburger-menu span::before,.page-template-home-page .hamburger-menu span::after{background-color: #ffffff;} .change-header.page-template-home-page .hamburger-menu-wrapper span{color:#1D2630;} .change-header.page-template-home-page .hamburger-menu span{background-color: #1D2630;} /* Banner Section */ .banner-section {background-color: #1D2630; padding: 164px 0px 65px; position: relative; overflow: hidden;} .banner-cover{position: absolute;left: 0;top: 0;height: 100%;width: 100%} .banner-usp-bar {background-color: #ffffff; border-radius: 100px; padding: 9px 15px 11px;} .full-banner-usp-bar{position: absolute; left: 0; right: 0; margin: auto; top: 80px;z-index:11;padding: 16px 15px;} .text-row-list {display: flex; align-items: center; justify-content: center;width: 100%; flex-wrap: wrap; row-gap: 10px;} .text-row-list li {float: left;width: auto;font-family: 'InterDisplay-Regular';font-size: 14px;line-height: 14px;color: #1D2630;margin-right: 50px;position: relative;letter-spacing: 0.2px;} .text-row-list li::before {content: '';position: absolute;top: 0;right: -26px;height: 2px;width: 2px;bottom: 0;margin: auto;background-color: #1D2630;} .text-row-list li:last-child {margin-right: 0; } .icon-text-link > span > span {font-family: 'InterDisplay-Medium';margin-left: 5px;} .text-row-list li:last-child::before{content: none;} .banner-text-part {float: left; width: 56.25%;position:relative;z-index:1 } .banner-text-part h3 {color: #ffffff; margin-bottom: 60px; max-width: 85%;} .banner-small-text {float: left; width: 100%; } .banner-small-text p {color: #ffffff;font-size: 16px;line-height: 24px;} .banner-image {position: absolute; right: calc(50% - 720px); bottom: 0; height: 543px; width: 529px; clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 94px); } .banner-image picture {float: left; width: 100%; height: 100%; } .banner-cover::before {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(91.45deg, rgba(29, 38, 48, 0.6) 29.35%, rgba(29, 38, 48, 0) 61.67%), linear-gradient(31.03deg, rgba(29, 38, 48, 0) 73.1%, rgba(29, 38, 48, 0.3) 83.39%); z-index: 1;pointer-events: none;} /* Light Banner Section */ .banner-section.light-section {background-color: #F1D1A6;} .banner-section.light-section .banner-text-part h3, .banner-section.light-section .banner-small-text p, .site-header.light-header .icon-text-link, .form-page .site-header .icon-text-link, .page-template-confirmation-page .site-header .icon-text-link{color: #1D2630} .site-header.light-header .icon-text-link:first-child svg path, .form-page .site-header .icon-text-link:first-child svg path, .page-template-confirmation-page .site-header .icon-text-link:first-child svg path{fill: #1D2630} .site-header.light-header .icon-text-link:last-child svg path, .form-page .site-header .icon-text-link:last-child svg path, .page-template-confirmation-page .site-header .icon-text-link:last-child svg path{stroke: #1D2630} .site-header.light-header .wrap {background-color: #f1d1a6;} .site-header.light-header .custom-logo, .form-page .custom-logo, .page-template-confirmation-page .custom-logo {opacity: 0; pointer-events: none;} .site-header.light-header .title-area, .form-page .title-area, .page-template-confirmation-page .title-area{background-image: url('./images/black-logo.svg');background-repeat: no-repeat;background-size: contain;} .light-background .banner-small-text p {color: #09121C; } /* Fullwidth Banner Section */ .fullwidth-section .banner-usp-bar, .form-page .banner-usp-bar, .page-template-confirmation-page .banner-usp-bar{background-color: #000000} .fullwidth-section .text-row-list li, .form-page .text-row-list li, .page-template-confirmation-page .text-row-list li{color: #ffffff} .fullwidth-section .text-row-list li::before, .form-page .text-row-list li::before, .page-template-confirmation-page .text-row-list li::before{background-color: #ffffff} .change-header.page-template-confirmation-page .text-row-list li{color: #1D2630; } .change-header.page-template-confirmation-page .text-row-list li::before{background-color: #1D2630;} .house-type-box {float: left;width: 100%;background-color: #ffffff;padding: 20px 16px 23px;border-radius: 16px;margin-bottom: 29px;position: relative;overflow: hidden;} .house-type-category {float: left;width: 100%;text-align: center;margin-bottom: 20px;} .house-type-category > .small-text {width: 100%;display: inline-block;margin-bottom: 16px;font-family: 'InterDisplay-Medium';} .house-category-list {width: 100%; display: flex; justify-content: space-between;flex-wrap: wrap; } .house-category-card {width: 24.128%;background-color: #F7F4EB;padding: 12px 32px 16px 32px;border-radius: 24px;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;} .house-category-card .icon-wrapper {width: 39px;height: 21px;float: left;margin-bottom: 23px;} .house-type-info {width: 100%; display: flex; align-items: center; justify-content: space-between; } .house-type-text {width: auto; display: flex; align-items: center; max-width: 80%; } .dark-label{margin: 0; padding: 10px 16px; background-color: #1D2630; color: #ffffff; border-radius: 36px; font-size: 14px; line-height: 14px; font-family: 'InterDisplay-Medium'; font-weight: normal; } .house-type-text .extra-small-text {margin-left: 16px;font-family: 'InterDisplay-Medium';letter-spacing: -0.15px;} .house-type-info .main-btn {padding: 16px 34px; } body .house-type-category-form .gfield_radio, body .house-type-category-form .gfield_checkbox {flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; width: calc(100% + 32px); margin-left: -16px; padding-left: 16px; padding-right: 16px; } body .house-type-category-form .gfield_radio::-webkit-scrollbar, body .house-type-category-form .gfield_checkbox::-webkit-scrollbar{display: none;} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice label::before, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice label::before, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice label::after {content: ''; position: absolute; left: 0; right: 0; top: 18px; background-repeat: no-repeat; background-size: 40px 25px; height: 25px; width: 40px; margin: auto; } body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:first-child label::before, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:first-child label::before{background-image: url('./images/icon-1.svg');} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:first-child label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:first-child label::after{background-image: url('./images/white-icon-1.svg');} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(2) label::before, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(2) label::before{background-image: url('./images/icon-2.svg');} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(2) label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(2) label::after{background-image: url('./images/white-icon-2.svg');} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(3) label::before, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(3) label::before{background-image: url('./images/icon-3.svg');} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(3) label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(3) label::after{background-image: url('./images/white-icon-3.svg');} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(4) label::before, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(4) label::before{background-image: url('./images/icon-4.svg');} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(4) label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(4) label::after{background-image: url('./images/white-icon-4.svg');} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:first-child label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:first-child label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(2) label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(2) label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(3) label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(3) label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(4) label::after, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(4) label::after{opacity: 0;pointer-events: none;} body .house-type-category-form .gfield_radio .gchoice input:checked ~ label::before{opacity: 0;pointer-events: none;} body .house-type-category-form .gfield_radio .gchoice input:checked ~ label::after{opacity: 1!important;pointer-events: auto!important;} .client-logo-box {position: absolute;right: 78px;bottom: 60px;display: flex;flex-direction: column;align-items: flex-end;} .review-img {float: left; width: 204px; border-radius: 16px; overflow: hidden;position:relative; } .client-logo-list {float: left;width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 51px;} .client-logo {float: left;width: 71px;margin-right: 34px;} .client-logo img {float: left; width: 100%; height: 100%; object-fit: contain;} .client-logo:last-child {margin-right: 0;} /* Info Section */ .info-section {padding: 77px 0px 114px;} .info-title {float: left; width: 50%;} .info-title p {margin-bottom: 22px;} .info-title h1 {letter-spacing: -1px;} .info-title span {display: inline-block; margin-bottom: 22px;} .info-text {float: right;width: 47.5%;margin-top: 56px;} .info-text p {line-height: 27px;} /* Service Section */ .service-section {padding-bottom: 78px;overflow:hidden; } .service-list {float: left; width: 100%;} .splide__track--nav>.splide__list>.splide__slide.is-active .service-inner-card{background-color: #F7F4EB} .service-card {float: left;} .service-inner-card .main-icon-btn {position: absolute; top: 24px; right: 24px; } .service-inner-card {background-color: #EFF8F8; padding: 24px 24px 24px 24px; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .service-img {width: 127px;height: 120px;margin-bottom: 16px;float: left;} .service-img img {width: 100%; height: 100%; object-fit: contain;} .service-inner-card h4 {color: #1D2630;margin-bottom: 16px;} .service-usp-list {float: left;width: 100%;margin-bottom: 16px;} .service-usp-list li {float: left;width: 100%;font-size: 14px;line-height: 22px;padding-left: 28px;position: relative;} .service-usp-list li::before {content: '';position: absolute;left: 0;top: 9px;height: 4px;width: 4px;background-color: #1D2630;} .service-inner-card p {margin-bottom: 18px;} .price-box {float: left;width: 100%;margin-bottom: 5px;display: flex;flex-wrap: nowrap;align-items: flex-end;} .price-box span:first-child {font-size: 32px;font-family: 'InterDisplay-SemiBold';line-height: 40px;letter-spacing: -1.5px;} .price-box span:last-child {margin-left: 19px;float: left;position: relative;top: -3px;} .price-box + span {display: inline-block;margin-bottom: 11px;width: 100%;} .price-box.align-center {align-items: center;} .service-inner-card .main-btn-wrapper {margin-top: 36px;width:100%} .service-inner-card .main-btn{width: 100%} .main-btn-wrapper {float: left; width: auto; } .main-btn {display: inline-block; text-align: center; width: auto; padding: 16px 32px; background-color: #4386F3; font-size: 16px; line-height: 16px; color: #FFFFFF; font-family: 'InterDisplay-Medium'; border-radius: 30px; } .main-icon-btn {display: inline-flex; padding: 12px 18px;border-radius: 36px; font-size: 16px; line-height: 16px; font-family: 'InterDisplay-Medium'; align-items: center; } .main-icon-btn .icon-wrapper img {float: left; width: 100%; height: 100%;} .secondary-main-icon-btn {background-color: #1D2630; color: #ffffff;} .splide__track--nav>.splide__list>.splide__slide.is-active .service-inner-card .secondary-main-icon-btn{background-color: #F1D1A6;color: #1D2630} .dark-main-icon-btn{background-color: #1D2630;color: #ffffff} .main-icon-btn .icon-wrapper {display: inline-block; width: 12px; height: 17px; margin-right: 15px; } .main-icon-btn .icon-wrapper svg {width: 100%; height: 100%; float: left; } .service-inner-top-part {float: left; width: 100%;} .splide__arrow{width: 16px; height: 16px;background-color: transparent;outline: none;} .splide__arrow svg {display: none; } .splide__arrow--prev {left: -47px; } .splide__arrow--next{right: -44px} .splide__arrow::before{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-image: url('./images/icon-arrow.svg');background-repeat: no-repeat;background-size: contain;} .splide__arrow--next::before{transform: rotate(180deg);} .splide__arrow:focus-visible { outline: none!important; } .quote-list::before{content: ''; position: absolute; left: 0; right: 0; margin: auto; top: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #F2D1A6;} /*.service-slider .splide__track{overflow: visible;}*/ /* Quote Section */ .quote-list{padding: 43px 60px 37px 48px; background-color: #F2D1A6; position: relative;float: left;width: 100%;margin-top: 46px;} .quote-wrapper {float: left; width: 100%; } .quote-title {float: left; width: 100%; margin-bottom: 70px; } blockquote{float: left; width: 100%; font-size: 24px; line-height: 24px; font-family: 'InterDisplay-Medium'; margin-bottom: 34px; } blockquote p::before {content: '“';} blockquote p::after {content: '”'; } .quote-title .quote-text {line-height: 30px; color: #1D2630; font-family: 'InterDisplay-Regular';font-size: 20px;} .quote-author {float: left; width: auto; } .quote-img {float: left; height: 80px; width: 80px; background-color: #1D2630; } .quote-img img {float: left; width: 100%; height: 100%; } .quote-info {float: left; width: auto; margin-left: 32px; margin-top: 1px; } .quote-info h6 {margin-bottom: 10px; color: #1D2630; font-family: 'InterDisplay-SemiBold'; } .splide__track--nav>.splide__list>.splide__slide{border: none !important;} /* USP Section */ .usp-section {background-color: #EFF0F8;padding: 83px 0px 81px;margin-bottom: 25px;} .usp-list {float: left; width: 100%;} .usp-list .row.d-flex {margin: 0px -30px;} .usp-card {padding: 0px 30px;} .usp-card .icon-wrapper {float: left;width: 40px;height: 40px;margin-bottom: 46px;} .usp-card .icon-wrapper img {float: left; width: 100%; height: 100%; } .usp-card h5 {color: #1D2630;margin-bottom: 30px;} .usp-card .small-text{padding-right: 25px;} /* Step Section */ .step-video-section, .step-image-section{padding: 55px 0px;} .step-video-wrapper, .step-image-wrapper{display: flex; flex-wrap: nowrap; align-items: center; width: 100%; justify-content: space-between; } .step-video-text, .step-image-text{float: left;width: 48%;} .step-video-img, .step-image-img {float: left; width: 38.672%; height: 329px;background-color:#1D2630;position:relative; } .step-image-img{height: 619px} .step-video-img picture, .step-image-img picture {float: left; width: 100%; height: 100%; } .step-video-wrapper.img-text, .step-image-wrapper.img-text{flex-direction: row-reverse;} .body-text{float: left;width: 100%} .step-video-text h2 {margin-bottom: 40px; font-family: 'InterDisplay-SemiBold';} .step-video-text p {line-height: 29px; padding-right: 10px;} .step-image-text h4{margin-bottom: 40px;color: #1D2630;line-height: 32px} .step-image-text p, .step-video-text P{margin-bottom: 27px} .step-image-text p:last-child, .step-video-text p:last-child{margin-bottom: 0px} .icon-play {position: absolute; left: 24px; bottom: 24px; height: 60px; width: 60px; background-color: #ffffff; border-radius: 50%;cursor:pointer; } .icon-play::before {content: ''; width: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 12px solid #1D2630; height: 0; position: absolute; left: 0; top: 1px; right: -1px; bottom: 0; margin: auto; } .step-image-text h2 {margin-bottom: 24px; font-family: 'InterDisplay-SemiBold'; } .step-video-wrapper.image-text,.step-image-wrapper.image-text{flex-direction: row-reverse; } /* Certificate Section */ .certificate-section{padding: 64px 0px 75px;} .certificate-wrapper {float: left; width: 80.469%; padding-left: 40px;} .certificate-image {float: left; width: auto; height: 76px; display: flex; align-items: center; max-width: 120px; } .certificate-list {display: flex; align-items: center; width: 100%; justify-content: space-between; margin-bottom: 44px; } .certificate-outro-text {float: left; width: 100%;} .certificate-outro-text p {font-size: 16px; } /* Footer */ footer.site-footer {float: left; width: 100%; padding: 36px 0px 40px;} .footer-logo {float: left; width: 119px;position:relative;left: 2px} .footer-text {float: right; width: auto;padding-right: 15px;} .footer-text span {margin-right: 38px; } .footer-text .icon-wrapper {float: right; width: 23px; height: 23px;cursor:pointer; } .footer-text .icon-wrapper svg {float: left; width: 100%; height: 100%;} .footer-logo img {float: left; width: 100%; height: 100%; object-fit: contain;} .footer-link{float: left;width: auto;} .menu-footer-menu-container {float: left; width: auto;} .footer-link ul{float: left;width: auto;} .footer-link li{float: left;width: auto;margin-right: 42px} .footer-link li a{border-bottom: 1px solid transparent; line-height: 16px; display: inline-block;font-size: 16px} .footer-link li a:hover{border-bottom-color:#1D2630; } /* New footer */ .footer-top-part {display: flex; justify-content: space-between; width: 100%; margin-bottom: 85px; } .footer-logo-part {width: 500px; float: left; } .footer-top-part .footer-logo {float: left; width: 124px; position: relative; margin-bottom: 40px; } .footer-logo-part h4 {font-family: 'InterDisplay-SemiBold'; color: #09121C; line-height: 33.6px; margin-bottom: 16px; } .footer-logo-part .small-text {width: 100%; float: left; color: #797F86; margin-bottom: 40px; } .footer-logo-part .main-btn {display: flex; align-items: center; gap: 12px; font-size: 18px; line-height: 27px; padding: 12px 30px; float: left; } .footer-top-part h5 {font-size: 18px; line-height: 27px; font-family: 'InterDisplay-SemiBold'; color: #000000; margin-bottom: 24px; } .footer-main-menu li {margin-bottom: 13px; } .footer-main-menu li a {font-size: 16px; line-height: 24px; color: #09121C; } .footer-contact address,.footer-contact a,.footer-contact > p,.footer-privacy-menu ul a{font-size: 16px; line-height: 24px; color: #09121C; } .footer-contact address {margin-bottom: 16px; } .footer-contact a,.footer-contact > p {width: 100%; display: flex; align-items: center; gap: 13px; margin-bottom: 13px; } .footer-top-right {display: flex; width: 652px; justify-content: space-between; } .footer-top-right > div {width: calc((100% - 40px)/2); } .footer-bottom-part {display: flex; flex-wrap: wrap; width: 100%; align-items: end; } .footer-bottom-part .logo-section-wrapper {width: 50%; text-align: left; } .footer-bottom-part .logo-outer-wrap {justify-content: left; gap: 40px; } .footer-privacy-menu {width: 50%; display: flex; align-items: center; justify-content: end; gap: 24px; } .social-icon {display: flex; align-items: center; gap: 17px; } .social-icon a {display: inline-flex; width: 20px; height: 20px; } .footer-privacy-menu ul {display: flex; align-items: center; gap: 24px; } .footer-privacy-menu ul a {border-bottom: 1px solid; } .footer-bottom-part .logo-wrap {opacity: 100%; } .footer-privacy-menu ul a:hover {border-bottom-color: transparent; } .new-footer.site-footer {padding: 67px 0px 116px; } .contact-form .gform-body.gform_body {padding: 0; border-radius: 0; background-color: transparent; } .contact-form .gform_wrapper.gravity-theme .gfield {margin-bottom: 24px; } .contact-form .gform_wrapper.gravity-theme .gfield:first-child {width: calc(50% - 12px); } .contact-form .gform_wrapper.gravity-theme .gfield:nth-child(2) {width: calc(50% - 12px); float: right; } .contact-form .gform_wrapper.gravity-theme .gfield .gfield_label.gform-field-label {color: #fff; font-family: 'InterDisplay-SemiBold'; } .contact-form .gform_wrapper.gravity-theme .gfield .gfield_label.gform-field-label .gfield_required {line-height: 18px; color: #fff; } .contact-form .gform_wrapper.gravity-theme .gfield textarea.large {height: 96px; } .contact-form .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .contact-form .gform_wrapper.gravity-theme .gfield select, .contact-form .gform_wrapper.gravity-theme .gfield textarea{border-radius: 8px;} .contact-form .gfield_radio, .contact-form .gfield_checkbox {float: left; width: 100%; margin-top: 0px; } .contact-form .gchoice {float: left; width: 100%; position: relative;margin-bottom: 14px;} .contact-form .gchoice:last-child {margin-bottom: 0; } .contact-form .gform_wrapper.gravity-theme .gfield-choice-input {position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; } .contact-form .ginput_container.ginput_container_checkbox, .contact-form .ginput_container.ginput_container_radio {margin-top: 0; } .contact-form .gform_wrapper.gravity-theme .gfield_checkbox label, .contact-form .gform_wrapper.gravity-theme .gfield_radio label {float: left; width: auto; position: relative; font-size: 14px; line-height: 22px; padding: 0; padding-left: 36px; cursor: pointer; max-width: 100%; background-color: transparent !important; color: #fff !important; height: auto; text-align: left; } .contact-form .gform_wrapper.gravity-theme .gfield_checkbox label a, .contact-form .gform_wrapper.gravity-theme .gfield_radio label a {text-decoration: underline; color: #fe5000; font-family: 'Milliard-Bold'; } .contact-form .gform_wrapper.gravity-theme .gfield_radio label::before {content: ""; position: absolute; left: 0; top: 3px; width: 24px; height: 24px; border: 2px solid #fff; border-radius: 50%; } .contact-form .gform_wrapper.gravity-theme .gfield_radio label::after {content: ""; position: absolute; left: 6px; top: 9px; width: 12px; height: 12px; opacity: 0; border-radius: 50%; background-color: #000; } .contact-form .gform_wrapper.gravity-theme .gfield_checkbox label::before {content: ""; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background-color: #FFFFFF; border: 1px solid #fff; border-radius: 4px; } .contact-form .gform_wrapper.gravity-theme .gfield_checkbox label::after {content: ""; position: absolute; left: 3px; top: 7px; opacity: 0; transform: rotate(-45deg); width: 11px; height: 5px; border-left: 2px solid #000; border-bottom: 2px solid #000; } .contact-form .gform_wrapper.gravity-theme .gfield-choice-input ~ label:hover::before {background-color: #fff;} .contact-form .gform_wrapper.gravity-theme .gfield-choice-input:checked ~ label::after {opacity: 1;} .contact-form .gform_wrapper.gravity-theme .gfield-choice-input:checked ~ label::before {background-color: #fff; } .contact-form input[type="button"], .contact-form input[type="submit"] {background-color: #fff; color: #4386F3; padding: 15px 33px; font-size: 14px; line-height: 18px; } .contact-form input[type="button"]:hover, .contact-form input[type="submit"]:hover{color: #fff;} .contact-form .gform_wrapper.gravity-theme .gform_footer {justify-content: left; margin-top: 16px; } .contact-form .gform_wrapper.gravity-theme .gfield_checkbox label:hover, .contact-form .gform_wrapper.gravity-theme .gfield_radio label:hover {border-color: transparent; } .contact-form .gform_wrapper.gravity-theme .gfield_description{background-color: transparent;} /* Video Overlay */ /* .admin-bar .common-modal .modal-dialog {top: 32px } .common-modal .modal-dialog {width: 100%; background-color: #ffffff; margin: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto } .common-modal.modal {display: block!important; pointer-events: none; z-index: 99999 } .common-modal.modal.in {pointer-events: auto } .common-modal .circle-box {position: absolute; right: 117px; top: 130px; } */ /* Video modal css */ .admin-bar #videomodal{top: 32px;} #videomodal {text-align: center;} #videomodal::before {content: ""; display: inline-block; vertical-align: middle; height: 100%; } #videomodal .modal-dialog {width: 1200px; max-width: 94%; margin: 30px auto; display: inline-block; vertical-align: middle; text-align: left; } #videomodal .modal-content {margin-bottom: 30px; background-color: transparent;border: none !important;border-radius: 0;box-shadow: none !important;} #videomodal .modal-content, .video-box {float: left; width: 100%; } #videomodal .modal-close-btn {position: absolute; right: -20px; top: -20px; z-index: 1;} .video-box {height: auto; padding-top: 56.25%; position: relative;background-color:#000; border-radius: 25px; overflow: hidden;} .video-box > iframe {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .video-box video {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .modal-overlay-inside {position: fixed; left: 0; right: 0; top: 0; opacity: 0.4; bottom: 0;background-color: #072329;} .circle-box svg {float: left; width: 20px; height: 20px } .circle-box {width: 48px; height: 48px; background-color: #4386F3; border-radius: 50%; display: flex; align-items: center; justify-content: center;cursor: pointer } /* Full Quote Section */ .full-quote-section {padding: 56px 0px 73px;background-color: #1D2630;} .full-quote-wrapper {width: 100%; display: flex; flex-direction: column; align-items: flex-start;} .full-quote-wrapper .rating-list {margin-bottom: 24px;} .rating-list {float: left; width: 100%; } .rating-list li {float: left; width: 18px; margin-right: 4px;} .rating-list li img {float: left; width: 100%; height: 100%; } .rating-list li:last-child {margin-right: 0; } .full-quote-wrapper h2 {color: #ffffff;margin-bottom: 27px;} .full-quote-wrapper blockquote {color: #ffffff; margin-bottom: 44px; font-size: 20px; line-height: 20px;} .main-btn.white-btn {background-color: #ffffff; color: #1D2630; padding: 16px 36.53px; } .small-banner-usp-bar.banner-usp-bar{float: left;padding: 13px 16px 13px;border-radius: 0px;} .full-quote-wrapper .banner-usp-bar {margin-bottom: 41px; } .small-banner-usp-bar.banner-usp-bar .text-row-list li {margin-right: 34px;} .small-banner-usp-bar.banner-usp-bar .text-row-list li::before{right: -16px;} .small-banner-usp-bar.banner-usp-bar .text-row-list li:last-child{margin-right: 0} .full-quote-list{float: left;width: 100%;padding: 0px 220px;} .full-quote-card{float: left;width: 100%} .full-quote-list .splide__arrow {top: 8px; } .full-quote-list .splide__arrow::before{background-image: url(./images/icon-arrow-white.svg);} .full-quote-list .splide__arrow--next::after{content: 'Volgende'; color: #ffffff; font-size: 16px; line-height: 16px; font-family: 'InterDisplay-Medium'; opacity: 1; position: absolute; right: 34px; } .full-quote-list .splide__arrow--next {right: 38px; } .full-quote-list .splide__arrow--prev {left: 2px;} .splide__arrow{opacity: 1} .page-template-form-page {background-color: #1D2630;} .page-template-form-page footer.site-footer {display: none;} .multi-form-section {min-height: 100vh; display: flex; align-items: center; justify-content: center;padding:200px 0px 100px;position:relative; } .multi-form-wrapper {margin: auto; max-width: 1054px; display: flex; flex-wrap: wrap; } body .gf_progressbar_wrapper{display: none;} body .gform-body.gform_body { background-color: #ffffff;padding: 24px; border-radius: 16px; } body .form-title {margin-bottom: 33px;text-align: center;} body .gform_wrapper, body form, body .gform_body, body .gform_wrapper.gravity-theme .gform_fields, body .gform_wrapper.gravity-theme .gfield, body .ginput_container{float: left; width: 100%; } body .gform_wrapper.gravity-theme .gform_fields{display: block;} body .gform_anchor, body .gform_wrapper.gravity-theme .hidden_label .gfield_label, .gform_wrapper.gravity-theme .hidden_sub_label, .gform_wrapper.gravity-theme .screen-reader-text{display: none;} body .gform_wrapper.gravity-theme .gfield{margin-bottom: 16px;} body .gform_wrapper.gravity-theme .gfield textarea.large{resize: none;height: 160px;} body .gform_wrapper.gravity-theme .gfield-choice-input{opacity: 0;display: none;} body .ginput_container {float: left; width: 100%; } body .gform_wrapper.gravity-theme .ginput_complex label, body .gform_wrapper.gravity-theme .ginput_complex legend {font-size: 14px; font-weight: normal;} body .gform_wrapper.gravity-theme .ginput_container_address span {padding: 0; } body .gform_wrapper.gravity-theme .field_sublabel_below .ginput_complex{margin: 0; justify-content: space-between;} body .gform_heading {display: none; } body .gform_footer.top_label > p, body .gform_footer.top_label > br {display: none;} body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer {float: left;width: 100%;padding: 0;margin-top: 21px;display: flex; justify-content: center;position: relative;} body .gform_page{float: left; width: 100%;} body .gform_wrapper.gravity-theme .gfield.gfield--width-half {width: calc(50% - 31px);} body .gform_wrapper.gravity-theme .gform_page_fields > .gform_fields {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } body .gfield_no_follows_desc:empty {display: none; } body p.form-text{line-height: 24px; text-align: center; max-width: 46%; margin: auto; display: flex; float: none;margin-bottom: 23px} body p.form-text:last-child{margin-bottom: 0} /*--------Custom Radio Button-----*/ body .gfield_radio, body .gfield_checkbox {width: 100%;display: flex; flex-wrap: wrap; justify-content: center;} body .gfield_radio .gchoice, body .gfield_checkbox .gchoice{float: left;margin: 0px 8px 8px 0px;} body .gfield_radio .gchoice:last-child, body .gfield_checkbox .gchoice:last-child{margin-right: 0} body .gfield_radio .gchoice label {margin-bottom: 0px!important; } body .gfield_radio .gchoice input:checked ~ label {background-color: #151001; color: #F7F4EB; } /*--------Required Asterisk-----*/ body .gform_wrapper.gravity-theme .gfield_required {font-size: 14px; line-height: normal; color: #1D2630; font-family: 'InterDisplay-Regular'; font-weight: normal; padding-left: 1px; } body .gform_wrapper.gravity-theme .gfield_error label .gfield_required {color: #f5961c; } /*--------All input & Label-----*/ body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme .gfield select, body .gform_wrapper.gravity-theme .gfield textarea {height: 48px; width: 100%; padding: 12px 16px; border: none; border-radius: 16px; font-size: 16px; line-height: 16px; color: #6A6248; background-color: #F7F4EB; font-family: 'InterDisplay-Regular'; } body .gform_wrapper.gravity-theme .gfield_label {width: auto; font-size: 14px;line-height: 16px; margin-bottom: 10px; border: none; font-family: 'InterDisplay-Regular'; font-weight: 400; } body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])[aria-invalid="true"], body .gform_wrapper.gravity-theme .gfield select[aria-invalid="true"], body .gform_wrapper.gravity-theme .gfield textarea[aria-invalid="true"]{border-color: #f5961c;} body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, body .gform_wrapper.gravity-theme .gfield select:focus, body .gform_wrapper.gravity-theme .gfield textarea:focus{border-color: #5ebca1;} /*--------Input Type Button/Submit-----*/ body input[type="button"], body input[type="submit"] {border-radius: 36px;font-size: 16px;text-align: center;padding: 11px 17px;display: inline-block;background-color: #4386F3;color: #ffffff;width: auto;line-height: 16px;font-family: 'InterDisplay-SemiBold';margin: 0!important;border: 1px solid #4386F3;float: left;} body input[type="button"]:hover, body input[type="submit"]:hover {background-color: #1757c0; } body .gform_wrapper.gravity-theme .gform_previous_button.button, body .gform_wrapper.gravity-theme .gform_save_link.button{-webkit-appearance: none !important; background-color: #fff; color: #1D2630; text-decoration: none; border: 1px solid #1D2630; font-size: 16px; line-height: 16px; font-family: 'InterDisplay-SemiBold'; margin-right: 8px !important;} body .gform_wrapper.gravity-theme .gform_previous_button.button:hover {background-color: #4386F3; color: #fff; border-color: #4386F3; } /*--------Custom Checkbox-----*/ body .gform_wrapper.gravity-theme .gfield_checkbox label, body .gform_wrapper.gravity-theme .gfield_radio label { font-size: 16px; line-height: 20px; color: #151001; cursor: pointer; position: relative; font-weight: normal; font-family: 'InterDisplay-Regular'; padding: 10px 45px; background-color: #F7F4EB; border-radius: 24px; max-width: 260px; height: 80px; display: flex; align-items: center; justify-content: center;text-align:center;border: 1px solid transparent; } body .gform_wrapper.gravity-theme input[type="checkbox"]:checked ~ label{background-color: #151001; color: #F7F4EB;} body .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, body .gform_wrapper.gravity-theme .gfield_error label, body .gform_wrapper.gravity-theme .gfield_error legend, body .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true]+label, body .gform_wrapper.gravity-theme label+[aria-invalid=true]{color: #f5961c} body .gform_wrapper.gravity-theme .ginput_container_address span.ginput_left, .gform_wrapper.gravity-theme .ginput_complex span.name_first{padding-right: 31px!important;} body .gform_wrapper.gravity-theme .ginput_container_address span.ginput_right, .gform_wrapper.gravity-theme .ginput_complex span.name_last{padding-left: 31px!important;} /*--------Success & failed message-----*/ body .gform_wrapper.gravity-theme .description, body .gform_wrapper.gravity-theme .gfield_description, body .gform_wrapper.gravity-theme .gsection_description, body .gform_wrapper.gravity-theme .instruction {border: none; background: #ffffff; padding: 0; margin-top: 0; color: #f5961c; font-size: 14px; line-height: 26px; font-family: 'InterDisplay-Regular'; } body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{border-color:#f69e39;} /*--------Success & Failed Message-----*/ body .gform_wrapper.gravity-theme .gform_validation_errors, body .gform_confirmation_message {min-height: 50px; border: none; box-shadow: none;color: #ffffff; float: left; width: 100%; padding: 16px 23px; margin:0px 0px 10px;border-radius: 16px;font-size: 16px; line-height: normal;} body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {color: #ffffff; font-size: 16px; line-height: normal; font-family: 'InterDisplay-Regular'; } body .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {display: none;} body .gform_wrapper.gravity-theme .gform_validation_errors {background-color: #f5961c;} body .gform_confirmation_wrapper{float: left; width: 100%;} body .gform_confirmation_message {background-color: transparent; margin: 0; text-align: center; padding: 0; border-radius: 0; display: flex; flex-wrap: wrap; justify-content: center;} body .gform_confirmation_message h1 {font-size: 64px; line-height: 64px; margin-bottom: 48px; color: #1D2630; font-family: 'InterDisplay-Regular'; } body .gform_confirmation_message h2 {line-height: 52px; color: #1D2630; margin-bottom: 47px; font-family: 'InterDisplay-Regular'; } body .gform_confirmation_message a {border-radius: 36px; font-size: 16px; text-align: center; padding: 11px 17px; display: inline-block; background-color: #4386F3; color: #ffffff; width: auto; line-height: 16px; font-family: 'InterDisplay-SemiBold'; margin: 0 !important; border: 1px solid #4386F3; } body.form-page, body.page-template-confirmation-page{background-color: #EFF8F8} body.form-page .multi-form-section, body.page-template-confirmation-page .multi-form-section{padding: 310px 0px 140px;} /*--------Required Asterisk-----*/ .main-form span.gfield_required.gfield_required_asterisk {font-size: 14px; line-height: normal; color: #101828; font-family: 'InterDisplay-Regular';font-weight: normal; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; } input[type=number] {-moz-appearance: textfield; } body .custom-checkbox .gfield_checkbox {justify-content: left; width: 100%; } body .gform_wrapper.gravity-theme .custom-checkbox .gfield_checkbox label {cursor: pointer; position: relative; padding: 0; padding-left: 30px; background-color: transparent; height: auto; max-width: 100%; display: inline-block;border:none; } body .gform_wrapper.gravity-theme .custom-checkbox .gfield_checkbox label::before {opacity: 0; color: #fff; z-index: 1; width: 6px; border-bottom-style: solid; border-bottom-width: 2px; border-right-style: solid; border-right-width: 2px; content: ""; height: 12px; left: 7.5px; position: absolute; top: 3px; transform: rotate(45deg); margin: 0; } body .gform_wrapper.gravity-theme .custom-checkbox .gfield_checkbox label::after {content: ""; width: 20px; height: 20px; border-radius: 2px; position: absolute; left: 0; top: 0px; border: 1px solid #4386F3; box-shadow: 4px 4px 8px 0px #00000008 inset; margin: 0; } body .gform_wrapper.gravity-theme .custom-checkbox input[type="checkbox"]:checked ~ label::before {opacity: 1; } body .gform_wrapper.gravity-theme .custom-checkbox input[type="checkbox"]:checked ~ label::after {border-color: #4386F3; background-color: #4386F3; } body .gform_wrapper.gravity-theme .custom-checkbox input[type="checkbox"]:checked ~ label {background-color: transparent; color: #151001; } body .custom-checkbox .gfield_checkbox a {border-bottom: 1px solid; color: #4386F3; } body .custom-checkbox .gfield_checkbox a:hover{border-bottom-color: transparent;} /* Styleguide */ .icon-text-link > span {border-bottom: 1px solid transparent;} .icon-text-link:hover > span{border-bottom-color: #ffffff} .main-btn:hover, body .gform_confirmation_message a:hover{background-color: #1757c0} .main-btn.white-btn:hover{background-color: #4386F3;color: #ffffff} .icon-play:hover, .footer-text .icon-wrapper:hover, .circle-box:hover{transform: scale(1.1);} body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):hover, body .gform_wrapper.gravity-theme .gfield select:hover, body .gform_wrapper.gravity-theme .gfield textarea:hover, body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, body .gform_wrapper.gravity-theme .gfield select:focus, body .gform_wrapper.gravity-theme .gfield textarea:focus {background-color: #e0ddcd; } body .gform_wrapper.gravity-theme .gfield_checkbox label:hover, body .gform_wrapper.gravity-theme .gfield_radio label:hover {border-color: #151001; } /* Added By Kishan */ .google-image-text {display: flex; align-items: center; gap: 13px; width: 100%; } .google-review-card {float: left; width: 100%; height: calc(100% - 24px); padding: 17px 16px 14px 16px; background-color: #fff;} .google-review-button {float: left; width: 100%; height: 24px; } .google-review-button span{float: left; width: 100%; text-align: center; font-size: 10px; line-height: 24px; background-color: #4386F3; color: #fff; font-family: 'InterDisplay-Medium';} .google-review-card p {font-size: 16px; line-height: 16px; margin-bottom: 9px; } .google-reviews span {font-family: 'InterDisplay-Bold'; font-size: 24px; line-height: 24px;margin-bottom: -2px; float: left; } .google-review-image {width: 48px; height: 48px;position:relative;top:-2px } .google-reviews {width: calc(100% - 61px); } /*.review-img:hover .google-review-button span{background-color: #1757c0; }*/ .house-type-category-form {float: left; width: 100%;margin-bottom: 18px;} body .house-type-category-form .gform-body.gform_body {padding: 0;} body .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox label, body .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio label{padding: 57px 15px 17px 15px; height: 96px;min-width: 165px} body .house-type-category-form .gform-body.gform_body p.small-text {text-align: center;font-family: 'InterDisplay-Medium';} body .house-type-category-form .gform_wrapper.gravity-theme .gform_footer, body .house-type-category-form .gform_wrapper.gravity-theme .gform_page_footer{position: absolute; right: 16px; bottom: 15px; width: auto; } body .house-type-category-form input[type="button"], body .house-type-category-form input[type="submit"]{padding: 15px 32px;} body .house-type-category-form .gform_wrapper.gravity-theme .gfield:last-child{margin-bottom: 0} .gform_dots_container {text-align: center; margin-bottom: 20px; } body .multi-form-wrapper .gform_wrapper{position: relative; padding-bottom: 70px; } .gform_dots_container {text-align: center; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .gform_dot {display: inline-block; width: 25px; height: 25px; margin: 0 3px; background-color: transparent; border-radius: 50%; cursor: pointer; color: #FFFFFF; font-family: 'InterDisplay-Regular'; font-size: 14px; line-height: 25px; } .gform_dot.active {background-color: #ffffff; color: #1D2630; } .mobile-view{display: none;} .post-unit-kwh, .post-unit-m, .pre-unit-euro{position: relative;} .post-unit-kwh::before, .post-unit-m::before{position: absolute; right: 16px; top: 48px; color: #151001; font-size: 16px; line-height: 16px; font-family: 'InterDisplay-Regular';} .post-unit-m::before{content: 'm2';} .post-unit-kwh::before{content: 'KwH';} .pre-unit-euro::before{content: '€'} .pre-unit-euro::before{position: absolute; left: 16px; top: 48px; color: #151001; font-size: 16px; line-height: 16px; font-family: 'InterDisplay-Regular';} body .gform_wrapper.gravity-theme .gfield.pre-unit-euro input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme .gfield.pre-unit-euro select, body .gform_wrapper.gravity-theme .gfield.pre-unit-euro textarea{padding-left: 35px!important;} /* Confirmation Page */ .page-template-confirmation-page footer.site-footer{display: none;} .confirmation-wrapper.multi-form-wrapper {max-width: 460px; } .confirmation-section.multi-form-section{min-height: 100vh} /*======== Process page ==========*/ /* dark header */ .page-template-process-page header a,.post-type-archive-kennisbank header a,.change-header header a,.single-product header a{color: #1D2630; } .page-template-process-page header a path,.post-type-archive-kennisbank header a path,.change-header header a path,.single-product header a path {fill: #1D2630; } .page-template-process-page header a:last-child path,.post-type-archive-kennisbank header a:last-child path,.change-header header a:last-child path,.single-product header a:last-child path{fill: none; stroke: #1D2630; } .page-template-process-page header .title-area img,.post-type-archive-kennisbank header .title-area img,.change-header header .title-area img,.single-product header .title-area img{opacity: 0; } .page-template-process-page header .custom-logo-link,.post-type-archive-kennisbank header .custom-logo-link,.change-header .custom-logo-link,.single-product header .custom-logo-link {background-image: url(./images/dark-logo.svg); background-repeat: no-repeat; background-size: contain;} /* end dark header */ .process-banner-section {padding: 187px 0px 102px; position: relative; overflow: hidden; background-color: #F7F4EB; } .back-breadcrumb {background-color: #FFFFFF; width: fit-content; padding: 7px 12px 8px; border-radius: 8px; } .back-breadcrumb span {font-size: 14px; line-height: 18px; font-family: 'InterDisplay-SemiBold'; } .process-banner-content {float: left; width: 85%; } .back-breadcrumb > svg,.back-breadcrumb span svg {margin-right: 7px; } .process-banner-content h1 {margin-bottom: 42px; color: #1D2630; } .process-banner-content p {color: #4386F3; font-size: 20px; line-height: 24px; font-family: 'InterDisplay-Medium'; } .process-banner-section .back-breadcrumb {margin-bottom: 131px; } .process-section {padding: 120px 0; } .process-section-content.body-text p {font-size: 24px; line-height: 36px; font-family: 'InterDisplay-Medium'; } .process-section-content {max-width: 850px; margin-bottom: 120px; } .process-step-wrapper {float: left; width: 100%; max-width: 1158px; } .process-step {float: left; width: 100%; margin-bottom: 80px; } .process-step:last-child {margin-bottom: 0px; } .process-step-image {width: 190px; height: 190px; display: flex; align-items: center; justify-content: center; background-color: #F7F8F5; border-radius: 16px; overflow: hidden;} .process-step-image img {width: 100%; height: 100%; object-fit: cover; } .process-step {width: 100%; margin-bottom: 105px; display: flex; justify-content: space-between; } .process-step-text {width: 711px; display: flex; justify-content: space-between; } .process-text-wrapper {float: left; width: 507px; position: relative; } .counter {font-size: 28px; line-height: 40px; font-family: 'InterDisplay-Medium'; } .process-text-wrapper h3 {color: #1D2630; margin-bottom: 29px; } .process-text-wrapper::before {content: ""; position: absolute; left: -108px; top: 0; height: calc(100% + 25px); width: 2px; background-color: #1D2630; } .logo-section-wrapper {float: left; width: 100%; text-align: center; } .logo-section {padding: 84px 0 148px; } .logo-outer-wrap {display: flex; align-items: center; justify-content: center; width: 100%; gap: 60px; } .logo-wrap {width: 64px; height: 56px; display: flex; justify-content: center; opacity: 50%; } .logo-section-wrapper h6 {margin-bottom: 32px; line-height: 18px; color: #1D2630; font-family: 'InterDisplay-SemiBold'; } .review-section {padding: 120px 0; background-color: #F2F2F3; } .review-wrapper {display: flex; gap: 64px; justify-content: space-between; } .review-title-part {float: left; width: 147px; } .review-part {width: calc(100% - 211px); display: flex; justify-content: space-between; align-items: start; } .review {width: calc((100% - 72px)/4); background-color: #fff; border-radius: 16px; padding: 24px; align-items: start; } .review .review-title {color: #1D2630; font-family: 'InterDisplay-SemiBold'; } .review p {margin-bottom: 16px; margin-top: 16px; } .review .review-title:nth-last-child(2) {margin-bottom: 8px; } .review span {font-size: 12px; line-height: 18px; color: #797F86; width: 100%; margin-bottom: 24px; display: flex; align-items: center; gap: 6px; } .review span:last-child {margin-bottom: 0; } .review img {margin-bottom: 24px; } .review-title-part h4 {font-size: 22px; line-height: 33px; color: #09121C; margin-bottom: 8px; } .review-title-part small {font-size: 12px; line-height: 18px; color: #09121C; margin-bottom: 24px; float: left; } /* Contact page */ .contact-banner-section {padding: 192px 0 96px; background-color: #3E4B5B; position: relative; overflow: hidden; } .contact-banner-section .full-banner-usp-bar {background-color: #09121C; } .contact-banner-section .full-banner-usp-bar li {color: #FFFFFF; } .change-header .contact-banner-section .full-banner-usp-bar li {color: #1D2630; } .contact-banner-section .full-banner-usp-bar li::before {background-color: #fff; } .simple-breadcrumb {margin-bottom: 44px; background-color: transparent;padding: 0;} .simple-breadcrumb a{color: #09121C; font-size: 18px; line-height: 27px; font-family: 'InterDisplay-Regular';} .simple-breadcrumb a:hover{opacity: 0.5;} .dark-background-header + .site-inner .simple-breadcrumb a{color: #fff;} .simple-breadcrumb svg {margin-left: 10px; position: relative; top: -3px; margin-right: 10px; } .dark-background-header + .site-inner .simple-breadcrumb svg path {fill: #fff; } .contact-content {width: 533px; float: left; } .contact-content * {color: #fff; } .contact-content h1 {line-height: 72px; margin-bottom: 38px; } .contact-content p {margin-bottom: 78px; line-height: 27px; } .telephone-wrapper h4 {line-height: 36px; margin-bottom: 35px;font-family: 'InterDisplay-Semibold';} .telephone-wrapper a {display: flex; width: 100%; align-items: center; font-size: 16px; line-height: 24px; } .telephone-wrapper a span {font-family: 'InterDisplay-SemiBold'; margin-right: 8px; } .telephone-wrapper a svg {width: 20px; height: 20px; margin-right: 26px; } .contact-banner-wrapper {float: left; width: 100%; } .contact-form-part {float: right; width: 518px; } .image-section {padding-top: 160px; } .image-wrapper {width: 846px; height: 564px; margin: 0 auto; border-radius: 16px; overflow: hidden; background-color: #F7F8F5; } .image-wrapper img {width: 100%; height: 100%; object-fit: cover; } .telephone-wrapper {float: left; width: 100%; } .responsive-view{display: none;} .faq-section {padding: 144px 0 100px; } .faq-main-wrapper {width: 768px; margin: 0 auto; display: flex; flex-wrap: wrap; } .faq-title-part {text-align: center; margin-bottom: 80px; float: left; width: 100%; } .faq-title-part h2 {font-size: 56px; line-height: 64px; margin-bottom: 40px; color: #1D2630; } .faq-title-part p {line-height: 28px; } body .dark-form .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .dark-form .gform_wrapper.gravity-theme .gfield select, body .dark-form .gform_wrapper.gravity-theme .gfield textarea {height: 51px; font-size: 18px; color: #fff; background-color: #09121C; border-radius: 16px;padding: 18px 13px;} body .dark-form .gform_wrapper.gravity-theme .gfield_error.gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {border: 2px solid #FFA0C0; } .contact-form.dark-form .gform_wrapper.gravity-theme .gfield_error .gfield_validation_message {color: #FFA0C0; font-size: 12px; margin-bottom: 0; margin-top: 8px; float: left;} body .contact-form.dark-form .gform_wrapper.gravity-theme .gform_validation_errors {display: none; } body .dark-form .gform_confirmation_message{justify-content: left;} .dark-form .gform_confirmation_message > div h3 {color: #fff; font-family: 'InterDisplay-Semibold'; margin-bottom: 24px;} .dark-form .gform_confirmation_message > div{background-color: #09121C; padding: 24px; text-align: left; border: 2px solid #A8FFA0; border-radius: 16px; font-size: 18px; line-height: 27px; color: #AFB2B6; margin-bottom: 24px;} .dark-form .gform_confirmation_message > div br {display: none; } .contact-form.dark-form input[type="button"], .contact-form.dark-form input[type="submit"],.dark-form .gform_confirmation_message .main-btn {background-color: #4386F3; font-size: 18px; line-height: 19px; color: #fff; } .contact-form.dark-form input[type="button"]:hover, .contact-form.dark-form input[type="submit"]:hover,.dark-form .gform_confirmation_message .main-btn:hover{background-color: #4386F3;} .contact-form.dark-form .gform_wrapper.gravity-theme .gfield_checkbox label a, .contact-form.dark-form .gform_wrapper.gravity-theme .gfield_radio label a {color: #fff; margin-left: 4px; font-family: 'InterDisplay-Regular'; font-size: 16px; line-height: 24px; } body .dark-form.contact-form .gform_wrapper.gravity-theme .gfield .gfield_label.gform-field-label{font-size: 16px; line-height: 24px; font-family: 'InterDisplay-Regular'; margin-bottom: 14px;} body .dark-form.contact-form .gform_wrapper.gravity-theme .gfield textarea.large {height: 144px; } body .dark-form.contact-form .gform_wrapper.gravity-theme .gfield_checkbox label::before {top: 2px; width: 20px; height: 20px; } body .dark-form.contact-form .gform_wrapper.gravity-theme .gfield_checkbox label, .contact-form .gform_wrapper.gravity-theme .gfield_radio label {font-size: 16px; line-height: 24px; padding-left: 26px; } body .gform_wrapper.gravity-theme .gform_fields .gfield--type-checkbox:last-child {margin-top: -6px; } .dark-form ::-webkit-input-placeholder {color: #797F86 !important;} .dark-form :-moz-placeholder { /* Firefox 18- */color: #797F86 !important;opacity: 1;} .dark-form ::-moz-placeholder { /* Firefox 19+ */color: #797F86 !important;opacity: 1;} .dark-form :-ms-input-placeholder {color: #797F86 !important;} .dark-form .gfield_error ::-webkit-input-placeholder {color: #FFA0C0 !important;} .dark-form .gfield_error :-moz-placeholder { /* Firefox 18- */color: #FFA0C0 !important;opacity: 1;} .dark-form .gfield_error ::-moz-placeholder { /* Firefox 19+ */color: #FFA0C0 !important;opacity: 1;} .dark-form .gfield_error :-ms-input-placeholder {color: #FFA0C0 !important;} /* FAQ design */ .faq-toggle-part .panel-group {float: left; width: 100%;margin-bottom: 0; } .faq-toggle-part .panel.panel-default {float: left; width: 100%; border-radius: 0; border: none; margin: 0; box-shadow: none; background-color: transparent; border-bottom: 1px solid #1D2630; border-top: 1px solid #1D2630; margin-bottom: -1px; } .faq-toggle-part .panel-heading {float: left;width: 100%;background-color: transparent;border-color: transparent;border-radius: 0px;color: #1D2630;position: relative;padding: 0;} .faq-toggle-part .panel-title a {float: left; width: 100%; padding: 19px 0px; font-size: 18px; line-height: 28px; color: #1D2630; } .faq-toggle-part .panel-title a br {display: none; } .faq-toggle-part .panel-collapse {float: left; width: 100%; } .faq-toggle-part .panel-body {float: left; width: 100%; border: none!important; padding: 0px 0px 15px;} .faq-toggle-part .panel-title a[aria-expanded="true"]{color: #b32e31;} .faq-toggle-part .panel-title a[aria-expanded="true"]::before {transform: rotate(180deg); } .faq-toggle-part .panel-title a[aria-expanded="true"]::after{opacity: 0; } .faq-toggle-part .panel-heading a:before {content: ""; position: absolute; right: 0px; top: calc(50% - 3px); height: 5px; width: 8.5px; background-image: url("./images/down-arrow.svg");background-repeat: no-repeat;} /* Kenniesbank overview */ .kennisbank-overview-banner {position: relative; background-color: #F7F8F5; padding: 186px 0 82px; } .kennisbank-overview-banner .back-breadcrumb {margin-bottom: 50px; } .kennisbank-overview-title {float: left; width: 100%; margin-top: 35px; } .kennisbank-overview-banner h1 {line-height: 72px; color: #1D2630; } .kennisbank-overview-section {padding: 120px 0 123px; } .kennisbank-overview-wrapper {display: flex; flex-wrap: wrap; width: 100%; gap: 120px 40px; } .kennisbank-card {width: calc((100% - 80px)/3); float: left; position: relative; } .kennisbank-image {width: 100%; height: 273.78px; margin-bottom: 40px; border-radius: 8px; overflow: hidden; } .kennisbank-image img {width: 100%; height: 100%; object-fit: cover; } .category-wrap {display: flex; align-items: center; width: 100%; gap: 16px; margin-bottom: 16px; } .category-wrap p {width: auto; background-color: #F1F3EF; padding: 9px 12px; line-height: 18px; font-family: 'InterDisplay-SemiBold'; border-radius: 4px; } .category-wrap span {line-height: 18px; font-family: 'InterDisplay-SemiBold'; } .kennisbank-card-content h5 {line-height: 24px; margin-bottom: 24px; color: #1D2630; } .kennisbank-card-content > p {line-height: 28px; color: #5A5C55; margin-bottom: 22px; } .kennisbank-card-content > a {font-size: 14px; color: #4386F3; font-family: 'InterDisplay-SemiBold'; } .kennisbank-card-content > a svg {margin-left: 7px; } /* Canvas menu */ .canvas-menu {display: block;padding: 216px 0 65px; position: absolute; left: 0; top: 0; background-color: #fff; width: 100%; z-index: 9; transform: translateY(-100%); } .canvas-menu h6 {margin-bottom: 24px; } .canvas-menu-wrapper {width: 100%; float: left; } .canvas-menu-wrapper ul {column-count: 3; width: fit-content; gap: 27px; } .canvas-menu-wrapper ul li {min-width: 196px; } .canvas-menu-wrapper ul li {min-width: 196px; margin-bottom: 12px; } .canvas-menu-wrapper ul li a {font-size: 14px; line-height: 20px; font-family: 'InterDisplay-Medium'; color: #5A5C55; } .canvas-menu.open {transform: translateY(0); } .change-header .banner-usp-bar {background-color: #F7F4EB; } .change-header .hamburger-menu-wrapper span,.change-header .hamburger-menu span {color: #1D2630; } .change-header .hamburger-menu span{background-color:#1D2630; } .body-overlay {position: fixed; top: 0px; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 2; opacity: 0; pointer-events: none; visibility: hidden; } body.scroll-hidden .body-overlay {opacity: 0.7; visibility: visible; pointer-events: auto; } /*========= Product detail page ===========*/ .product-detail-banner .back-breadcrumb {background-color: #f7f8f5; margin-bottom: 51px; } .product-banner-title{float: left; width: 100%; margin-bottom: 32px; } .product-banner-title h2 {color: #1D2630; } .product-review {float: left; width: 100%; margin-bottom: 56px; } .product-review-wrapper {width: auto; padding: 12px 16px; background-color: #f7f8f5; border-radius: 8px; display: inline-flex; align-items: center; gap: 43px; } .product-review-wrapper img {height: 16px; } .product-review-wrapper span {font-size: 12px; line-height: 12px; } .product-detail-banner {position: relative; padding: 162px 0 100px;} .product-detail-banner .banner-usp-bar{background-color: #F7F8F5;} .change-header .product-detail-banner .banner-usp-bar {background-color: #F7F4EB; } .product-main-wrapper {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; } .product-image-wrap {display: flex; flex-wrap: wrap; gap: 24px; width: 737px; } .product-images {display: flex; flex-wrap: wrap; flex-direction: column; gap: 4px; } .product-big-images {width: 629px; height: 471.75px; background-color: #F3F3F4; } .product-images .image-wrap img {width: 100%; height: 100%; object-fit: contain; } .product-description {width: 409px; } .product-description .body-text ul li::before {background-color: transparent; background-image: url(images/check-arrow-dark.svg); width: 10px; height: 7px; background-size: 9px; background-repeat: no-repeat; top: 6px; } .product-description .main-btn {width: 100%; margin-bottom: 36px; font-size: 14px;} .product-description .body-text ul {margin-bottom: 40px; } .product-price {display: flex; align-items: center; gap: 16px; width: 100%; margin-bottom: 16px; } .product-price h3 {color: #1D2630; width: auto; } .product-price span {line-height: 18px; font-family: 'InterDisplay-SemiBold'; } .product-base-price {float: left; width: 100%; margin-bottom: 41px; } .product-base-price p {display: inline-flex; align-items: center; line-height: 18px; gap: 9px; font-family: 'InterDisplay-SemiBold'; position: relative; width: auto; } .product-base-price p::before {content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #1D2630; } .base-price.product-base-price p::before {display: none; } .google-review-wrapper {display: flex; width: 100%; background-color: #F7F8F5; border-radius: 16px; padding: 12px 16px; margin-bottom: 8px; justify-content: space-between; } .google-review, .google-ratting {display: inline-flex; align-items: center; gap: 16px; width: auto; } .google-review img {width: 32px; height: 32px; } .google-ratting h5 {line-height: 24px; color: #1D2630; } .primary-btn-subtitle {color: #1D2630; line-height: 18px; font-family: 'InterDisplay-SemiBold'; } .product-description .body-text h5 {line-height: 24px; color: #1D2630; margin-bottom: 24px; } .product-description .body-text ul li {font-size: 14px; line-height: 22px; } .product-images .product-thumbnail-slider {width: 84px; height: 470px; overflow: auto; } .product-images .product-thumbnail-slider::-webkit-scrollbar {display: none; } .product-images .product-thumbnail-slider {-ms-overflow-style: none; scrollbar-width: none; } .product-images .product-thumbnail-slider .splide__list {flex-wrap: wrap; transform: none !important; } .product-images .product-thumbnail-slider .image-wrap {height: 63px !important; width: 84px !important; margin-bottom: 4px; background-size: contain !important; background-color: #f3f3f4 !important; } .product-big-images .product-images-slider,.product-big-images .splide__track {height: 100%; } .product-images-slider .splide__list {align-items: center; } .product-big-images .image-wrap {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; background-size: contain !important; } .product-big-images .image-wrap a {width: 100%; height: 100%; } .product-big-images .image-wrap a img {width: 100%; height: 100%; object-fit: contain; vertical-align: top; } /* Expert-section */ .expert-section {padding-bottom: 80px; } .expert-section-wrapper {display: flex; flex-wrap: wrap; width: 100%; gap: 133px; align-items: start; } .expert-section-content {float: left; width: 302px; } .expert-section-content .extra-small-text {line-height: 22px; } .expert-review-part {width: calc(100% - 435px); display: flex; gap: 24px; } .review-point-wrap {width: calc((100% - 24px)/2); background-color: #F7F8F5; padding: 40px; border-radius: 16px; } .expert-section-content h3 {color: #09121C; width: 70%; margin-bottom: 32px; } .expert-person {display: flex; width: 100%; align-items: center; flex-wrap: wrap; gap: 8px; background-color: #F7F8F5; padding: 8px; border-radius: 8px; margin-bottom: 32px; } .expert-person i {width: 40px; height: 40px; border-radius: 8px; overflow: hidden; } .expert-person p {width: calc(100% - 48px); font-size: 14px; line-height: 18px; font-family: 'InterDisplay-SemiBold'; } .expert-person p span {width: 100%; float: left; font-family: 'InterDisplay-Regular'; line-height: 22px; } .review-point-wrap h5 {color: #1D2630; margin-bottom: 34px; } .review-point-wrap li {padding-left: 40px; line-height: 28px; margin-bottom: 8px; position: relative; float: left; width: 100%; } .review-point-wrap li::before, .review-point-wrap li::after {content: ""; position: absolute; left: 7px; width: 12px; background-color: #00B67A; height: 2px; border-radius: 20px; top: 15px; } .review-point-wrap li::after {width: 2px; height: 12px; top: 10px; left: 12px; } .review-point-wrap li:last-child {margin-bottom: 0; } .minus-point-wrap.review-point-wrap li::after{display: none;} .minus-point-wrap.review-point-wrap li::before{background-color: #5A5C55} /* description-section */ .description-section {padding: 76px 0 141px; background-color: #F7F8F5; } .description-main-wrapper {display: flex; flex-wrap: wrap; width: 100%; gap: 133px; } .description-main-wrapper > div > h3 {color: #1D2630; margin-bottom: 56px; } .technical-detail li {background-color: #FFFFFF; display: flex; width: 100%; flex-wrap: wrap; border-radius: 8px; margin-bottom: 8px; padding: 16px 24px; } .technical-detail li p {width: 70%; font-family: 'InterDisplay-SemiBold'; font-size: 14px; line-height: 18px; } .technical-detail li span {width: 30%; font-size: 14px; line-height: 22px; text-align: end; } .technical-details-wrap {width: calc(100% - 760px); } .description-content .body-text h5 {color: #1D2630; margin-bottom: 43px; } .description-content .body-text p + h5 {margin-top: 25px; } .description-content {width: 627px; float: left; } .fancybox-navigation .fancybox-button {opacity: 1; visibility: visible; padding: 0; width: 60px; height: 60px; background-color: #fff; border-radius: 50%; background-repeat: no-repeat; cursor: pointer; background-position: center; background-size: 35px; } .fancybox-button svg {display: none; } .fancybox-navigation .fancybox-button.fancybox-button--arrow_right {background-image: url(images/right-arrow.svg); } .fancybox-navigation .fancybox-button.fancybox-button--arrow_left {background-image: url(images/left-arrow.svg); } .tab-section li a {font-size: 14px; line-height: 18px; position: relative; font-family: 'InterDisplay-SemiBold'; } .tab-section li a::before {content: ""; position: absolute; bottom: -8px; width: 100%; height: 1px; background-color: #1D2630; left: 0; } .description-tab-wrapper {float: left; width: 100%; margin-bottom: 107px; } /*========== New Home page ============*/ .page-template-home-page-new .hamburger-menu-wrapper,.page-template-process-page-php .hamburger-menu-wrapper,.page-template-contact-page-php .hamburger-menu-wrapper,.page-template-about-page .hamburger-menu-wrapper,.post-type-archive-kennisbank .hamburger-menu-wrapper,.single-kennisbank .hamburger-menu-wrapper{display: flex;} .page-template-home-page-new .canvas-menu {display: block;} .second-banner {padding-bottom: 40px; background-color: #09121C; } .page-template-home-page-new .banner-section{min-height: 100vh;} .page-template-home-page-new .banner-main-wrapper {width: 100%; min-height: calc(100vh - 205px); display: flex; flex-wrap: wrap; align-content: space-between; } .new-info-section {padding: 120px 0 168px; } .new-info-section .info-title p {line-height: 18px; margin-bottom: 30px; font-family: 'InterDisplay-SemiBold'; } .new-info-section .info-title h2 {color: #1D2630; width: 60%; } .new-info-section .info-text p {line-height: 28px; } .new-info-section .info-text {margin-top: 0; } .new-usp-section {background-color: #4386F3; } .new-usp-section h5, .new-usp-section p {color: #fff; } .new-step-section .step-video-text h2,.new-step-section .step-image-text h2 {font-family: 'InterDisplay-Medium'; color: #1D2630; } .new-step-section .step-video-img,.new-step-section .step-image-img {width: 57.5782%; height: auto; background-color: transparent; border-radius: 16px; overflow: hidden; } .new-step-section .step-video-text,.new-step-section .step-image-text {width: 31.719%; } .new-step-section .step-video-text p{line-height: 28px;} .new-step-section .step-image-wrapper {align-items: start; } .banner-text-part h3 span {opacity: 50%; font-family: 'InterDisplay-Light'; } .second-banner .house-type-box {background-color: transparent; padding: 0; margin-bottom: 0; border-radius: 0; } .second-banner .banner-text-part {width: calc(50% - 3px); } body .second-banner .gform-body.gform_body {background-color: transparent; padding: 0px; border-radius: 0px; } body .second-banner .house-type-category-form .gfield_radio {width: 100%; flex-wrap: wrap; padding: 0; margin: 0; gap: 8px; } body .second-banner .house-type-category-form .gfield_radio > .gchoice {width: calc((100% - 8px)/2); margin: 0; } body .second-banner .house-type-category-form .gfield_radio > .gchoice label {max-width: 100%; height: 120px; background-color: #fff; padding: 28.6px; align-items: end; } body .second-banner .house-type-category-form .gfield_radio .gchoice input:checked ~ label {background-color: #151001; color: #F7F4EB; border-color: #fff; } body .second-banner .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice label::before,body .second-banner .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice label::after{top: 28px;} body .second-banner .house-type-category-form .gform-body.gform_body p.small-text {text-align: left; font-family: 'InterDisplay-Regular'; color: #fff; font-size: 20px; line-height: 20px; } body .second-banner .gform_wrapper.gravity-theme .gfield {margin-bottom: 40px; } .second-banner .banner-image {clip-path: none; width: 520px; height: 520px; border-radius: 0px; overflow: hidden; position: relative; right: 0; float: right; } .banner-bottom-part {display: flex; width: 100%; align-items: center; } .banner-wrapper {float: left; width: 100%; margin-bottom: 96px; } .banner-bottom-part .client-logo-list {width: 386px; margin-top: 0; opacity: 50%; } .banner-bottom-part .house-type-info {width: calc(100% - 721px); margin-left: auto; justify-content: end; } .banner-bottom-part .dark-label {opacity: 70%; } .banner-bottom-part .extra-small-text {color: #fff; opacity: 70%; min-width: fit-content; } .banner-bottom-part .ratting-star img {width: 84px; height: 15.3px; } .banner-bottom-part .ratting-star small {color: #fff; font-size: 12px; line-height: 12px; opacity: 70%; margin-right: 44px; } .banner-bottom-part .ratting-star {width: 303px; padding: 12px 17px; background-color: #1D2630; border-radius: 100px; margin-left: 32px; display: flex; align-items: center; justify-content: space-between; } body .second-banner .house-type-category-form .gform_wrapper.gravity-theme .gform_footer{position: static;display: none;} body .second-banner .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:first-child label::before {background-image: url('./images/blue-icon-1.svg'); } body .second-banner .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(2) label::before {background-image: url('./images/blue-icon-2.svg'); } body .second-banner .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(3) label::before {background-image: url('./images/blue-icon-3.svg'); } body .second-banner .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(4) label::before {background-image: url('./images/blue-icon-4.svg'); } body .second-banner .dark-button .house-type-category-form .gfield_radio > .gchoice label {background-color: #ffffff33; color: #fff; } body .second-banner .dark-button .house-type-category-form .gfield_radio > .gchoice label::before{opacity: 0;pointer-events: none;} body .second-banner .dark-button .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:first-child label::after, body .second-banner .dark-button .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:first-child label::after, body .second-banner .dark-button .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(2) label::after, body .second-banner .dark-button .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(2) label::after, body .second-banner .dark-button .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(3) label::after, body .second-banner .dark-button .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(3) label::after, body .second-banner .dark-button .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(4) label::after, body .second-banner .dark-button .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(4) label::after{opacity: 1 !important;pointer-events: auto !important;} .text-center .banner-text-part {width: 100%; max-width: 984px; margin: 0 auto; display: inline-flex; justify-content: center; flex-wrap: wrap; float: none; } .text-center .banner-text-part h3 {text-align: center; max-width: 80%; margin: 0 auto 93px; font-size: 40px; line-height: 48px; } body .second-banner .text-center .house-type-category-form .gform-body.gform_body p.small-text{text-align: center;} body .second-banner .text-center .house-type-category-form .gfield_radio {gap: 16px; } body .second-banner .text-center .house-type-category-form .gfield_radio > .gchoice {width: calc((100% - 48px)/4); } .dark-background .text-center + .banner-bottom-part {flex-direction: row-reverse; } .dark-background .text-center + .banner-bottom-part .house-type-info {justify-content: center; } .header-usp-bar{display: none;} .second-banner .review-img {position: absolute; right: 40px; bottom: 40px; } .page-template-home-page-new .header-right-part .icon-text-link:last-child > span{font-size: 0;line-height: 0;} .page-template-home-page-new .icon-text-link > span span {font-size: 14px; line-height: 18px; } .page-template-home-page-new .icon-text-link {color: rgb(255 255 255 / 70%); border: 2px solid #1D2630; padding: 12px 16px; border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; font-family: 'InterDisplay-SemiBold';} .page-template-home-page-new .icon-text-link .icon-wrapper {position: relative; float: left; margin-right: 7px; } .page-template-home-page-new .icon-text-link-list .icon-text-link {margin-right: 4px; } .page-template-home-page-new .icon-text-link-list .icon-text-link:last-child {margin-right: 0px; } .page-template-home-page-new .icon-text-link-list {top: 0;} .header-right-part {display: inline-flex; align-items: center; } .page-template-home-page-new .hamburger-menu-wrapper{margin-left: 24px;} .header-usp-bar .text-row-list li {font-family: 'InterDisplay-SemiBold'; color: rgb(255 255 255 / 70%);margin-right: 34px; } .header-usp-bar .text-row-list li:last-child{margin-right: 0;} .header-usp-bar.banner-usp-bar {background-color: #1D2630; border-radius: 100px; padding: 14px 22px; } .header-usp-bar .text-row-list li::before {right: -16px; background-color: #fff; } .page-template-home-page-new .header-wrapper {padding-left: 43px;justify-content: space-between;} .page-template-home-page-new .header-usp-bar {display: block; max-width: 750px;} .page-template-home-page-new .header-wrapper.center {justify-content: center; position: absolute; left: 0;width: 100%; padding-left: 0;} .page-template-home-page-new .header-wrapper.center .hamburger-menu-wrapper{position: absolute;right: 0} .center .header-usp-bar {background-color: transparent; border-radius: 0; max-width: 1000px;} .dark-background .text-center + .banner-bottom-part .ratting-star {flex-direction: row-reverse; background-color: transparent; margin-left: 0; justify-content: left; } .dark-background .text-center + .banner-bottom-part .ratting-star small {margin-right: 0; margin-left: 24px; } .light-background{background-color: #fff;} .light-background .banner-text-part h3 {color: #09121C; } body .light-background.second-banner .house-type-category-form .gfield_radio > .gchoice label{background-color: hsl(212deg 51% 7% / 5%); color: #09121C;} body .light-background.second-banner .house-type-category-form .gform-body.gform_body p.small-text {color: #09121C; } body .light-background.second-banner .dark-button .house-type-category-form .gfield_radio > .gchoice label{background-color: hsl(212deg 51% 7% / 80%);color: #fff;} .light-background .extra-small-text {color: #09121C; opacity: 60%; } .light-background .banner-bottom-part .dark-label {opacity: 60%; color: #09121C; background-color: hsl(212deg 51% 7% / 5%); font-family: 'InterDisplay-SemiBold'; } .light-background .house-type-info {justify-content: center; } .light-background .ratting-star {background-color: hsl(212deg 51% 7% / 5%); } .light-background .ratting-star small {color: #09121C; margin-right: 19px; font-size: 14px; line-height: 14px; } .light-background .banner-image {border-radius: 16px; } .light-background-header .header-usp-bar .text-row-list li {color: #09121C; opacity: 70%; } .light-background-header .header-usp-bar .text-row-list li::before {background-color: #09121C; opacity: 70%; } .light-background-header .banner-usp-bar.header-usp-bar {background-color: transparent; } .light-background-header .icon-text-link {color: #09121C; } .light-background-header .icon-text-link path {fill: #09121C; } .light-background-header .custom-logo-link img {opacity: 0; pointer-events: none;} .light-background-header .custom-logo-link {background-image: url('./images/blue-logo.svg');background-repeat: no-repeat;background-size: contain; } .light-background .client-logo {filter: brightness(0); } .dark-background-header .hamburger-menu-wrapper span {color: #fff; } .dark-background-header .hamburger-menu span::before, .dark-background-header .hamburger-menu span::after, .dark-background-header .hamburger-menu span {background-color: #fff; } .change-header .dark-background-header .hamburger-menu span {background-color: #1D2630; } .change-header .dark-background-header .hamburger-menu-wrapper span {color: #1D2630; } .change-header.page-template-home-page-new .icon-text-link{color: #040724;} .change-header .header-usp-bar.banner-usp-bar {background-color: #F7F4EB; } .change-header .header-usp-bar.banner-usp-bar .text-row-list li{color: #1D2630;} .new-home-mobile{display: none !important;} body .second-banner .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox label:hover, body .second-banner .gform_wrapper.gravity-theme .gfield_radio label:hover {border-color: #fff; } body .second-banner .dark-button .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox label:hover, body .second-banner .gform_wrapper.gravity-theme .gfield_radio label:hover {border-color: #ffffff33; } /* new-service-section */ .new-service-section.service-section {padding-bottom: 144px; } .new-service-section .service-img {width: 64px; height: auto; margin-bottom: 24px; } .new-service-section .service-inner-card h4 {margin-bottom: 24px; line-height: 32px; } .new-service-section .service-usp-list li {line-height: 22px; margin-bottom: 6px; } .new-service-section .service-usp-list li:last-child {margin-bottom: 0; } .new-service-section .service-usp-list li::before{top: 9px;} .new-service-section .service-usp-list {margin-bottom: 24px; } .new-service-section .price-box {background-color: #fff; width: auto; padding: 16px; border-radius: 8px; margin-bottom: 8px;} .new-service-section .price-box span:first-child {font-size: 16px; line-height: 18px; letter-spacing: 0; min-width: fit-content;} .new-service-section .price-box span:last-child {opacity: 60%; margin-left: 8px; top: 0; color: #031224; } .new-service-section .price-box + span {width: auto; float: left; font-family: 'InterDisplay-Medium'; position: relative; top: 15px; left: 8px; } .new-service-section blockquote {font-size: 20px; } .new-service-section .quote-title .quote-text {font-size: 18px; line-height: 28px; } .new-service-section .quote-title {margin-bottom: 108px; } .new-service-section .quote-img {border-radius: 8px; overflow: hidden; } .new-service-section .service-inner-card {border-radius: 32px; padding: 32px; } .new-service-section .service-inner-card .main-icon-btn {top: 32px; right: 32px; } .price-terms {float: left; width: 100%; margin-bottom: 12px; } .price-terms .extra-small-text {margin-bottom: 12px; line-height: 12px; font-family: 'InterDisplay-Medium'; } .price-terms .extra-small-text span {font-family: 'InterDisplay-Regular'; } .price-terms-inner {display: flex; flex-wrap: wrap; width: 100%; align-items: center; column-gap:16px; } .price-terms-inner > p {width: fit-content; } .ratting-text {display: flex; align-items: center; gap: 8px; } .ratting-text span {width: 64px; } .ratting-text img {width: 100%; } .new-service-section .service-inner-card .main-btn-wrapper {margin-top: 16px; } .new-service-section .service-inner-card .main-btn-wrapper > a:first-child {display: flex; align-items: center; gap: 10px; justify-content: center; font-size: 14px; line-height: 22px; margin-bottom: 16px; } .new-service-section .service-inner-card{background-color: #F7F8F5;} .new-service-section .quote-list{background-color: #F7F4EB;margin-top: 52px;} .new-service-section .quote-list::before{border-bottom: 12px solid #f8f4eb;} .new-service-section .main-icon-btn{font-size: 14px; line-height: 18px;font-family: 'InterDisplay-SemiBold';} .new-service-section .main-icon-btn .icon-wrapper{margin-right: 8px;} .new-service-section .splide__track > .splide__list > .splide__slide.is-active .service-inner-card .secondary-main-icon-btn {background-color: #11470C; color: #6BF95E; } .new-service-section .splide__track > .splide__list > .splide__slide.is-active .service-inner-card .secondary-main-icon-btn .icon-wrapper svg path{stroke: #6BF95E;} .new-service-section .splide__slide.is-active .service-inner-card{background-color: #F7F4EB;} .product-category-tab {float: left; width: 100%;} .product-category-tab .custom-tab-list {display: flex; align-items: center; gap: 24px; flex-wrap: wrap; } .custom-tab-list li a {color: #868C7F; font-family: 'InterDisplay-SemiBold'; font-size: 14px; line-height: 26px; border-bottom: 1px solid transparent; display: inline-block; } .custom-tab-list li.active a {color: #1D2630;} .description-tab-wrapper .tab-section li a::before{bottom: -4px;opacity: 0;} .description-tab-wrapper .tab-section li.active a::before { opacity: 1;} .tab-content,.tab-content>.tab-pane {float: left; width: 100%; } .product-category-tab .tab-title-col {float: left; width: 100%; margin-bottom: 49px; } .product-category-tab .tab-content>.tab-pane {display: block; opacity: 1; max-height: 0; overflow: hidden; } .product-category-tab .tab-content>.tab-pane.active{max-height: 2000px;overflow: visible;} /*======= Quick scan page =======*/ .page-template-quick-scan .site-footer,.page-template-thank-you-page .site-footer{display: none; } .quick-scan-section {padding: 151px 0px 80px; background-color: #1D2630; position: relative; height: 100vh;overflow: auto;} .admin-bar .quick-scan-section{height: calc(100vh - 32px);} .page-template-quick-scan .header-usp-bar,.page-template-thank-you-page .header-usp-bar{display: block; background-color: #09121C; width: 100%; } .page-template-quick-scan .header-usp-bar li,.page-template-thank-you-page .header-usp-bar li {color: #fff; font-size: 12px; line-height: 150%; } .page-template-quick-scan .header-wrapper .icon-text-link-list,.page-template-thank-you-page .header-wrapper .icon-text-link-list{display: none;} .quick-scan-text {width: 515px; float: left; padding-top: 17.5px; padding-left: 35px; } .quick-scan-image {width: 640px; height: 666px; float: right; opacity: 30%; border-radius: 16px; overflow: hidden; } .quick-scan-text h1 {color: #FFFFFF; font-family: 'InterDisplay-SemiBold'; margin-bottom: 40px; } .quick-scan-text p {color: #AEB7C2; margin-bottom: 40px; } .quick-google-review {width: 100%; background-color: #09121C; justify-content: space-between; border-radius: 12px; padding: 12px 13px; display: flex; align-items: center; margin-bottom: 40px } .quick-google-review span {color: #AFB2B6; } .quick-scan-text > ul {float: left; width: 100%; margin-bottom: 40px; } .quick-scan-text > ul li {color: #fff; padding-left: 32px; position: relative; font-size: 16px; line-height: 150%; margin-bottom: 16px; } .quick-scan-text > ul li:last-child{margin-bottom: 0;} .quick-scan-text > ul li::before {content: ""; background-color: #4386F3; position: absolute; width: 8px; height: 8px; left: 0; top: 8px; } .quick-scan-section .main-btn-wrapper {width: 100%; margin-bottom: 40px; } .quick-scan-text .main-btn {display: flex; align-items: center; justify-content: center; gap: 18px;} .quick-house-type-text {float: left; width: 100%; text-align: center; } .quick-house-type-text .dark-label {background-color: rgb(255 255 255 / 5%); color: hsl(0deg 0% 100% / 60%); font-family: 'InterDisplay-SemiBold'; padding: 10px 12px 10px 13px; } .quick-house-type-text .extra-small-text {color: #fff; font-family: 'InterDisplay-Medium'; opacity: 60%; margin-left: 16px; } .quick-responsive-image{display: none;} .page-template-quick-scan .hamburger-menu-wrapper,.page-template-thank-you-page .hamburger-menu-wrapper{display: none;} .page-template-quick-scan #LeadboosterContainer,.page-template-thank-you-page #LeadboosterContainer{display: none !important;} /* heatpump-funnel-section */ .heatpump-funnel-section {padding: 151px 40px 40px; display: none;} .heatpump-funnel-section .container.container-lg {width: 100%; } .heatpump-funnel-image {border-radius: 16px; overflow: hidden; width: calc(100% - 467px); height: calc(100vh - 191px); position: relative;} .admin-bar .heatpump-funnel-image {height: calc(100vh - 223px); } .heatpump-funnel-image picture {opacity: 30%; float: left; width: 100%; height: 100%; } .heatpump-funnel-form {width: 467px; position: fixed; top: 0; right: 0; height: 100vh; z-index: 99; background-color: #09121C; padding: 40px 40px 110px; overflow: auto; } .heatpump-funnel-form::-webkit-scrollbar {display: none; } .heatpump-funnel-form {-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .heatpump-info {display: flex; width: 100%; align-items: center; margin-bottom: 16px; justify-content: space-between; } .heatpump-google-review {background-color: #1D2630; border-radius: 8px; display: inline-flex; align-items: center; gap: 16px; padding: 8px 16px; width: auto; } .heatpump-google-review img {height: 17px; } .heatpump-contact {background-color: #1D2630; border-radius: 8px; display: inline-flex; align-items: center; padding: 8px 14px 8px 16px; font-size: 12px; line-height: 150%; gap: 9px; color: #AFB2B6; width: auto;} .heatpump-google-review span {font-size: 12px; line-height: 150%; color: #AFB2B6; } .heatpump-progress-bar {border-radius: 48px; background-color: #1D2630; width: 100%; height: 34px; margin-bottom: 16px; } /* heatpump-funnel-form */ body.secondary-header header .wrap {padding-left: 40px; padding-right: 40px; width: calc(100% - 467px); } body.secondary-header header .container.container-lg {width: 100%; } .heatpump-funnel-form-wrapper {float: left; width: 100%; height: calc(100% - 50px); } .heatpump-funnel-form-wrapper .gform_wrapper, .heatpump-funnel-form-wrapper form {height: 100%; } .heatpump-funnel-form-wrapper .gform-body.gform_body {background-color: transparent; padding: 0; border-radius: 0; height: calc(100% - 74px);overflow: auto;} .heatpump-funnel-form-wrapper .gform-body.gform_body::-webkit-scrollbar {display: none; } .heatpump-funnel-form-wrapper .gform-body.gform_body {-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_label,.main-title{color: #fff; font-size: 32px; line-height: 130%; font-family: 'InterDisplay-SemiBold'; margin-bottom: 40px; } .heatpump-funnel-form-wrapper .gfield_radio .gchoice, .heatpump-funnel-form-wrapper .gfield_checkbox .gchoice {float: left; margin: 0px 0px 8px 0px; width: 100%; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_checkbox label, .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_radio label {color: #1D2630; font-family: 'InterDisplay-SemiBold'; justify-content: left; padding: 16px 40px 16px 14px; border-radius: 16px; background-color: #FFFFFF; max-width: 100%; height: 56px; border: 2px solid #ffff; text-align: left;} .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_checkbox label:hover, .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_radio label:hover,.heatpump-funnel-form-wrapper .gfield_radio .gchoice input:checked ~ label,.heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_checkbox input:checked ~ label {border-color: #A8FFA0; background-color: #052D10; color: #fff; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_radio label::before, .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_radio label::after,.heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_checkbox label::before,.heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_checkbox label::after {content: ""; position: absolute; right: 13px; top: 16px; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_radio label::before,.heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_checkbox label::before {width: 24px; height: 24px; border-radius: 50%; border: 2px solid #CACCCE; } .heatpump-funnel-form-wrapper .gfield_radio .gchoice input:checked ~ label::before,.heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_checkbox input:checked ~ label::before {background-color: #11470C; border-color: #11470C; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_radio label::after,.heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_checkbox label::after {width: 10px; height: 8px; right: 20px; top: 24px; background-image: url('./images/check-icon.svg'); background-repeat: no-repeat; background-size: contain; opacity: 0; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_radio input:checked ~ label::after,.heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_checkbox input:checked ~ label::after{opacity: 1; } .heatpump-funnel-form-wrapper .gform-body.gform_body .gform_page {display: flex; height: 100%; align-content: space-between; flex-wrap: wrap; } .heatpump-funnel-form-wrapper .gform_page .gform_page_footer input{width: 100%;line-height: 150%;} body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield.gfield--has-description {display: flex; flex-wrap: wrap; width: 100%; } body .heatpump-funnel-form-wrapper .ginput_container{order: 2;} body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield select, body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield textarea {padding: 10px 12px; font-size: 18px; line-height: 150%; color: #1D2630; background-color: #D3D3D3; } .heatpump-funnel-form-wrapper div#gfield_instruction_7_1 {display: none; } body .gform_wrapper.gravity-theme .gfield_description ,.heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .small-label .gfield_label{background-color: transparent; font-size: 16px; color: #fff; line-height: 150%; margin-bottom: 16px; } body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gform_validation_errors {background-color: #f5961c; display: none; } .field-info {padding: 24px; border-radius: 16px; border: 2px solid #4386F3; color: #AFB2B6; font-size: 18px; line-height: 150%; margin-top: 16px;} body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gform_page_fields > .gform_fields {gap: 0; } body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield {margin-bottom: 24px; } body .heatpump-funnel-form-wrapper .gf_progressbar_wrapper {display: block; border-radius: 48px; background-color: #1D2630; width: 100%; height: 34px; margin-bottom: 40px; padding: 13px 69px 13px 58px; position: relative; } body .heatpump-funnel-form-wrapper .gf_progressbar_wrapper::before {content: ""; position: absolute; left: 19px; top: 12px; background-image: url('./images/left-arrow.svg'); background-size: contain; width: 12px; height: 10px; } body .heatpump-funnel-form-wrapper .gf_progressbar_wrapper .gf_progressbar.gf_progressbar_blue {background: #09121C; border-radius: 100px; margin-bottom: 0; } body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {background-color: #A8FFA0; color: #fff; border-radius: 100px; height: 8px; } body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gf_progressbar_percentage span {display: none; } body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gf_progressbar_title {color: #F7F8F5; font-size: 12px; margin: 0; font-family: 'InterDisplay-SemiBold'; width: auto; float: right; position: relative; top: -9px; right: -50px; } body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield.gfield--width-half {width: calc(50% - 12px); } body .gform-loader {position: absolute !important; width: 20px !important; height: 20px !important;top: 0% !important; right: -25px !important; bottom: 0 !important;border-radius: 50% !important;} .heatpump-funnel-form .gform_wrapper.gravity-theme .gform_footer,.heatpump-funnel-form .gform_wrapper.gravity-theme .gform_page_footer {position: fixed; width: 100%; max-width: 387px; bottom: 40px; padding: 10px 0px;background: linear-gradient(360deg, rgba(9, 18, 28, 0.52) 50%, rgba(9, 18, 28, 0) 100%);} .form-explanation-text:empty {display: none; } .form-explanation-text {position: absolute; top: 28px; left: 30px; padding: 40px; background-color: #09121C; color: #fff; border-radius: 16px; width: 560px; overflow: auto; max-height: calc(100% - 60px); } .form-explanation-text::-webkit-scrollbar {display: none; } .form-explanation-text {-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .form-explanation-text h5 {color: #fff; margin-bottom: 8px; } .form-explanation-text p + h5 {margin-top: 40px; } .form-explanation-text p {font-size: 16px; line-height: 150%; } .form-Info-box h3 {color: #fff; margin-bottom: 29px; } .form-Info-box > p {color: #AEB7C2; margin-bottom: 29px; } .form-Info-box > div {display: flex; width: 100%; flex-wrap: wrap; align-items: center; gap: 24px; margin-bottom: 16px; } .form-Info-box > div img {width: 40px; height: 40px; border-radius: 50%; object-fit: cover; } .form-Info-box > div p {width: calc(100% - 64px); color: #fff; font-size: 14px; font-family: 'InterDisplay-SemiBold'; } .form-Info-box > div p span {float: left; width: 100%; font-family: 'InterDisplay-Regular'; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .tc-checkbox .gfield_checkbox label {padding: 0; background-color: transparent; color: #fff; height: auto; padding-left: 26px; border: none; font-family: 'InterDisplay-Regular'; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .tc-checkbox .gfield_checkbox label::before {right: auto; left: 0; width: 18px; height: 18px; border-radius: 4px; background-color: #F2F2F3; border: 1px solid #F2F2F3; top: 1px; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .tc-checkbox .gfield_checkbox label::after {right: auto; top: 6px; left: 3px; border-left: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(308deg); height: 6px; width: 12px; background-image: none; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .tc-checkbox .gfield_checkbox input:checked ~ label{background-color: transparent;} .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .tc-checkbox .gfield_checkbox input:checked ~ label::before {background-color: #F2F2F3; border-color: #F2F2F3; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .tc-checkbox label a {color: #fff; margin-left: 5px; border-bottom: 1px solid; } .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .tc-checkbox label a:hover{border-bottom-color: transparent;} body .heatpump-funnel-form-wrapper .gform_wrapper.gravity-theme .gfield_required {font-size: 16px; color: #ffffff; } .gfield.common-label .ginput_container,.field-icon .ginput_container{position: relative; } .gfield.field-icon .ginput_container input {padding-left: 48px !important; } .gfield.common-label .ginput_container::after {content: ""; position: absolute; right: 12px; top: 15px; font-size: 18px; line-height: 100%; color: #fff; font-family: 'InterDisplay-Medium'; } .square-meters.common-label .ginput_container::after {content: " m2 "; } .gas-label.common-label .ginput_container::after {content: " m3 "; } .power-label.common-label .ginput_container::after {content: " KwH "; } .gfield.field-icon .ginput_container::before {content: ""; position: absolute; left: 12px; top: 15px; width: 24px; height: 24px; background-size: 18px; background-repeat: no-repeat; } .gas-label.gfield.field-icon .ginput_container::before{background-image: url('./images/gas-icon.svg');} .power-label.gfield.field-icon .ginput_container::before{background-image: url('./images/power-icon.svg');} .user-icon.gfield.field-icon .ginput_container::before{background-image: url('./images/user-icon.svg');} .post-icon.gfield.field-icon .ginput_container::before{background-image: url('./images/post-icon.svg');} .mail-icon.gfield.field-icon .ginput_container::before{background-image: url('./images/mail-icon.svg');} .tel-icon.gfield.field-icon .ginput_container::before{background-image: url('./images/tel-icon.svg');} .heatpump-funnel-form-wrapper .gform_confirmation_message br {display: none; } .heatpump-funnel-form-wrapper .gform_confirmation_message {text-align: left; justify-content: left; line-height: 150%; color: #AEB7C2; margin-top: 24px; } .heatpump-funnel-form-wrapper .gform_confirmation_message h3 {margin-bottom: 24px; line-height: 130%; color: #fff; } .heatpump-funnel-form-wrapper .gform_confirmation_message h5:nth-child(2) {margin-top: 85px; } .heatpump-funnel-form-wrapper .gform_confirmation_message h5 {line-height: 130%; color: #fff; margin-bottom: 40px; } .confirmation-advice-message {background-color: #09121C; display: inline-flex; align-items: center; width: fit-content; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; gap: 48px; height: fit-content; border-radius: 16px; padding: 11px 50px 11px 11px; opacity: 0; pointer-events: none; visibility: hidden; } .confirmation-advice-message i {width: 94px; height: 94px; border-radius: 50%; padding: 8px; position: relative; } .confirmation-advice-message img {width: 100%; height: 100%; border-radius: 50%; } .confirmation-advice-message i::before {content: ""; position: absolute; inset: 0; padding: 3px; border-radius: 50%; mask: conic-gradient(#000000 0 0) content-box exclude, conic-gradient(#000000 0 0); transform: rotate(205deg); background: linear-gradient(197deg, rgba(168, 255, 160, 1) 10%, rgba(255, 255, 255, 0) 70%); animation: spin 1.1s linear 0s infinite;} .confirmation-advice-message p {width: calc(100% - 142px); font-size: 24px; color: #fff; line-height: 150%; } .confirmation-advice-message p span {color: #A8FFA0; font-family: 'InterDisplay-SemiBold'; } .show-confirmation .confirmation-advice-message {opacity: 1; pointer-events: auto; visibility: visible; } .heatpump-funnel-image.show-confirmation > picture {opacity: 0; visibility: hidden; pointer-events: none; } .funnel-result-card .main-btn{background-repeat: no-repeat; background-position: calc(50% - 57px) center; } .funnel-result-card.selected .main-btn {background-color: #09121C; color: #fff; border-color: #09121C; background-image: url(./images/correct-sign.svg);} @keyframes spin { from { transform: rotate(0); } to{ transform: rotate(359deg); } } /*=========== Funnel-result-page ===============*/ .page-template-funnel-result-page .site-footer {display: none; } .page-template-funnel-result-page .header-usp-bar {display: block; background-color: #09121C; width: 100%; } .page-template-funnel-result-page .icon-text-link-list {display: none; } .page-template-funnel-result-page .header-usp-bar {display: block; background-color: #09121C; width: 100%; } .page-template-funnel-result-page .header-usp-bar li {color: #fff; font-size: 12px; line-height: 150%; } .page-template-funnel-result-page .hamburger-menu-wrapper{display: none;} .funnel-result-banner .container {width: 100%; } .funnel-result-banner {padding: 102px 40px 80px; background-color: #1D2630; position: relative; height: 100vh; overflow: auto; } .funnel-result-filter > h6 {color: #fff; font-size: 14px; line-height: 18px; font-family: 'InterDisplay-SemiBold'; margin-bottom: 24px; } .filter-wrapper ul {display: flex; width: 100%; gap: 8px; flex-wrap: wrap; } .filter-wrapper ul li {background-color: #09121C; color: #fff; padding: 8px 16px; border-radius: 16px; display: inline-flex; align-items: center; gap: 7px; font-size: 14px; line-height: 18px; font-family: 'InterDisplay-SemiBold'; } .filter-wrapper {float: left; width: 100%; margin-bottom: 40px; } /*.funnel-result-main-wrapper .tab-title-col {display: flex; align-items: center; width: 100%;margin-bottom: 22px;gap: 80px;}*/ .funnel-result-main-wrapper .custom-tab-list li {margin-right:16px; float: left;} .funnel-result-main-wrapper .custom-tab-list li:last-child{margin-right: 0;} .funnel-result-main-wrapper .custom-tab-list {position: relative;} .funnel-result-main-wrapper .custom-tab-list::after {content: ""; position: absolute; background-color: #F7F4EB; width: 3px; height: 15px; top: 0; bottom: 0; margin: auto; right: -39px; } .funnel-result-main-wrapper .custom-tab-list:last-child::after{display: none;} .funnel-result-main-wrapper .custom-tab-list li a {color: rgb(255 255 255 / 40%); border-bottom: none; line-height: 22px; font-family: 'InterDisplay-Regular'; } .funnel-result-main-wrapper .custom-tab-list li.active a{color: #F7F4EB; border-bottom: 1px solid; font-family: 'InterDisplay-SemiBold';} .funnel-result-card {width:100%; float: left; position: relative; } .funnel-card-wrap {float: left; padding: 40px 7px 0; } /*.funnel-result-card:last-child{margin-right: 0;}*/ .funnel-result-card .service-inner-card {background-color: #E6E7E9; border-radius: 16px; border: 3px solid #E6E7E9; cursor: pointer;} .funnel-result-card.selected .service-inner-card {border-color: #6BF95E; background-color: #FFFFFF;} .funnel-result-card .main-icon-btn {padding: 17px 10px; top: -31px; right: 0; left: 0; width: 100%; color: #052D10; background-color: #e6e7e9; text-align: center; font-family: 'InterDisplay-SemiBold'; border-radius: 16px 16px 0 0; position: absolute; z-index: 1; justify-content: center; gap: 16px; } .funnel-result-card .main-icon-btn + .service-inner-card {border-top-left-radius: 0; border-top-right-radius: 0; } .funnel-result-card .main-icon-btn .icon-wrapper {margin-right: 0; width: 8px; height: 14px; } .funnel-result-card.selected .main-icon-btn {background-color: #A8FFA0; } .funnel-card-title {display: flex; align-items: center; width: 100%; flex-wrap: wrap; gap: 24px; margin-bottom: 28px; } .funnel-card-title .service-img {width: 104px; height: 118px; margin-bottom: 0; } .funnel-card-title .service-img img {width: 100%; height: 100%; object-fit: contain; } .funnel-card-logo-part {width: calc(100% - 128px); } .funnel-card-logo-part > img {width: 69px; opacity: 50%; margin-bottom: 16px; } .funnel-card-logo-part h4 {margin-bottom: 8px; color: #09121C; font-size: 25px; line-height: 150%; font-family: 'InterDisplay-SemiBold'; } .funnel-category {display: flex; width: 100%; gap: 5px 20px; flex-wrap: wrap; } .funnel-category li {font-size: 12px; line-height: 150%; font-family: 'InterDisplay-SemiBold'; width: auto; position: relative; } .funnel-category li::before {content: ""; position: absolute; top: 0; bottom: 0; margin: auto; background-color: #4285F4; width: 4px; height: 4px; right: -12px; } .funnel-category li:last-child::before{display: none;} .funnel-result-card .service-usp-list li {padding-left: 20px; font-size: 12px; line-height: 12px; margin-bottom: 8px; } .funnel-result-card .service-usp-list li::before {top: 0; bottom: 0; margin: auto; } .funnel-result-card .service-usp-list {margin-bottom: 28px; } .funnel-result-card .price-terms .extra-small-text {font-size: 12px; display: flex; justify-content: space-between; line-height: 150%; margin-bottom: 0; } .funnel-result-card .price-terms .extra-small-text span svg {margin-bottom: -2px; cursor: pointer;} .funnel-result-card .price-terms {margin-bottom: 28px; } .funnel-result-card .price-box + span {width: auto; margin-bottom: 0; margin-left: 8px; position: relative; top: 3px; font-family: 'InterDisplay-Medium'; } .funnel-result-card .price-box {width: auto; padding: 9px 16px; background-color: #DFE1E0; border-radius: 8px; margin-bottom: 8px; } .funnel-result-card.selected .price-box {background-color: #F7F8F5; } .funnel-result-card .price-box span:first-child {font-size: 16px; line-height: 18px; letter-spacing: -0.5px; white-space: nowrap } .funnel-result-card .price-box span:last-child {opacity: 60%; } .funnel-result-card .main-btn-wrapper {text-align: center; margin-top: 8px; } .funnel-result-card .main-btn-wrapper .link-btn {font-size: 14px; line-height: 22px; margin-bottom: 16px; float: left; width: 100%; } .main-btn.border-btn {background-color: transparent; border: 2px solid #4386F3; font-size: 14px; line-height: 18px; color: #1D2630; padding: 10px 32px; } .main-btn.border-btn:hover {background-color: #09121C; color: #FFFFFF; border-color: #09121c; } .funnel-result-filter, .funnel-result-main-wrapper {float: left; width: 100%; } .result-page-sorting-wrapper {display: flex; flex-wrap: wrap; align-content: space-between; width: 383px; } .funnel-result-left-part {float: left; width: calc(100% - 383px); } .advice-btn-wrapper {width: 100%; float: left; text-align: center; margin-top: 32px;} .advice-btn-wrapper .main-btn{width: 100%;} .advice-btn-wrapper .main-btn svg {margin-left: 10px; } .advice-text-wrapper h3 {margin-bottom: 8px; } .advice-info-wrapper .heatpump-info {margin-bottom: 32px; } .advice-text-wrapper h5 {color: #fff; line-height: 24px; margin-bottom: 24px; } .advice-text-wrapper.form-Info-box > p a {color: #AEB7C2;float: left; width: 100%;} .advice-text-wrapper.form-Info-box > p a span{ border-bottom: 1px solid; } .advice-text-wrapper.form-Info-box > p a span:hover{border-bottom-color: transparent;} .advice-person p svg {margin-left: 8px; } .advice-info-wrapper .heatpump-google-review img {height: 15px; } .heatpump-google-review {gap: 10px; padding: 8px 6px; } .advice-info-wrapper .heatpump-contact {padding: 8px 10px; } .tab-filter-wrapper {width: 100%; float: left; } .funnel-result-card .tooltip {padding: 8px 12px; border-radius: 16px; width: 240px; bottom: 25px; left: 50%; transform: translateX(-50%); background-color: #ffffff; overflow: visible; box-shadow: 0px 1px 1px 0px rgba(12, 36, 75, 0.40), 0px 2px 4px 0px rgba(12, 36, 75, 0.15), 0px 20px 24px -4px rgba(12, 36, 75, 0.08), 0px 8px 8px -4px rgba(12, 36, 75, 0.03); pointer-events: none; } .funnel-result-card .price-terms .extra-small-text {position: relative; } .funnel-result-card .tooltip p {line-height: 150%; margin-bottom: 10px; } .funnel-result-card .price-terms .extra-small-text span svg:hover + .tooltip {opacity: 1; pointer-events: auto; } div.extra-small-text {float: left; width: 100%; } div.extra-small-text span {display: flex; align-items: center; gap: 5px; } .tooltip-wrapper {float: left; position: relative; } .funnel-result-card .tooltip::after {content: ""; position: absolute; bottom: -8px; left: 0; right: 0; margin: 0 auto; width: 12px; height: 8px; background-image: url(./images/tooltip-shape.svg); background-repeat: no-repeat; background-size: contain; z-index: 1; } .funnel-result-card .main-icon-btn + .service-inner-card{border-color: #A8FFA0; } .funnel-card-wrap .main-icon-btn {background-color: #A8FFA0; } .tab-filter-wrapper .splide__arrow {width: 27px; height: 27px; border-radius: 50%; background-color: #3E4B5B; display: flex; align-items: center; justify-content: center; } .tab-filter-wrapper .splide__arrow::before {background-image: url(./images/left-arrow.svg); background-size: 13px; background-position: center; } .tab-filter-wrapper .splide__arrow--prev {left: -33px; } .tab-filter-wrapper .splide__arrow--next {right: -33px; display: none; } body .splide__slide img {vertical-align: middle; } .product-filter {color: #1D2630; font-family: 'InterDisplay-SemiBold'; justify-content: left; padding: 16px; border-radius: 8px; background-color: #FFFFFF; max-width: 100%; height: 50px; border: 2px solid #ffff; text-align: left; margin-bottom: 4px; font-size: 14px; display: flex; align-items: center; gap: 8px; cursor: pointer;} .product-filter:last-child {margin-bottom: 0px; } .product-filter.active {background-color: #1D2630; color: #fff; border-color: #A8FFA0; } .product-filter.active path {stroke: #fff; } .page-template-funnel-result-page .advice-text-wrapper.form-Info-box {margin-bottom: 70px; } /*=========== Knowledge base detail page ===============*/ .kennies-detail-banner {padding: 186px 0 136px; position: relative; } .kennies-detail-banner .banner-usp-bar {background-color: #F2F2F3; } .change-header .kennies-detail-banner .banner-usp-bar {background-color: #F7F4EB; } .banner-heading {float: left; width: 100%; margin-bottom: 120px; } .large-heading {font-size: 56px; line-height: 67.2px; color: #09121C; font-family: 'InterDisplay-Semibold'; } .kennisbank-banner-image {height: 600px; border-radius: 8px; overflow: hidden; float: left; width: 100%; } .small-container {max-width: 768px; margin: 0 auto; } .latest-body-text {float: left; width: 100%; } .latest-body-text h1, .latest-body-text h2, .latest-body-text h3, .latest-body-text h4, .latest-body-text h5, .latest-body-text h6 {margin-bottom: 24px; font-family: 'InterDisplay-Semibold'; color: #09121C; } .latest-body-text p {line-height: 27px; margin-bottom: 16px; color: #09121C; } .latest-body-text figure {width: 100% !important; float: left; height: 600px; margin: 55px 0; } .latest-body-text figure figcaption {font-size: 16px; line-height: 24px; margin-top: 8px; float: left; position: relative; padding-left: 8px; } .latest-body-text figure img{width: 100%; float: left; height: 100%; object-fit: cover;border-radius: 8px;} .latest-body-text p strong, .latest-body-text p b {font-family: 'InterDisplay-Semibold'; } .latest-body-text blockquote {margin: 36px 0; font-style: italic; font-family: 'InterDisplay-Regular'; padding-left: 20px; position: relative; } .latest-body-text blockquote p{font-size: 20px; line-height: 28px; } .latest-body-text blockquote::before,.latest-body-text figure figcaption::before {content: ""; position: absolute; left: 0; height: 100%; width: 2px; background-color: #E4E5E6; } .latest-body-text p + h3 {margin-top: 24px; } .kennisbank-related-section {padding: 208px 0 112px; } .kennisbank-related-heading {float: left; width: 100%; text-align: center; margin-bottom: 80px; } .kennisbank-related-heading span {font-size: 16px; line-height: 24px; margin-bottom: 16px; display: inline-block; color: #4386F3; font-family: 'InterDisplay-Semibold'; } .kennisbank-related-heading .large-heading {margin-bottom: 24px; } .kennisbank-related-heading p {font-size: 22px; line-height: 33px; } .kennisbank-btn-wrapper {text-align: center; margin-top: 80px; } .kennisbank-btn-wrapper .border-btn {font-size: 18px; line-height: 27px; } /*=========== About us page ===============*/ .about-banner-section {padding: 257px 0 80px; position: relative; background-color: #FFF9E9; } .about-banner-heading {float: left; width: 906px; } .about-banner-heading h1 {font-size: 64px; line-height: 68px; color: #09121C; font-family: 'InterDisplay-Semibold'; margin-bottom: 40px; } .about-banner-heading p {font-size: 22px; line-height: 33px; color: #09121C; } .fact-section {padding: 111px 0 129px; } .fact-main-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } .fact-content {width: 405px; } .fact-content h2 {font-family: 'InterDisplay-Semibold'; color: #09121C; font-size: 48px; line-height: 58px; } .fact-outer-wrap > p {font-size: 22px; line-height: 33px; margin-bottom: 40px; } .fact-box {width: calc((100% - 40px)/2); } .fact-inner-wrap {display: flex; width: 100%; flex-wrap: wrap; gap: 40px; } .fact-box h3 {font-family: 'InterDisplay-Semibold'; color: #4386F3; margin-bottom: 8px; } .fact-box p {font-size: 16px; line-height: 24px; font-family: 'InterDisplay-Medium'; } .fact-outer-wrap {width: 629px; } .image-section-wrapper {width: 100%; float: left; height: 738px; border-radius: 8px; overflow: hidden; } .image-section-wrapper picture {width: 100%; height: 100%; float: left; } .about-usp-section {padding: 224px 0; } .usp-text-wrap span {font-size: 16px; line-height: 24px; margin-bottom: 16px; font-family: 'InterDisplay-Semibold'; float: left; } .usp-text-wrap {float: left; width: 65%; margin-bottom: 84px; } .usp-text-wrap h2 {margin-bottom: 24px; } .usp-text-wrap p {font-size: 22px; line-height: 33px; } .usp-main-wrap {width: 100%; display: flex; flex-wrap: wrap; gap: 32px; } .usp-main-wrap .usp-card {padding: 0; width: calc((100% - 64px)/3); } .usp-main-wrap .usp-card img {width: 48px; height: 48px; margin-bottom: 24px; } .usp-main-wrap .usp-card h3 {margin-bottom: 32px; color: #09121C; font-family: 'InterDisplay-Semibold'; } .usp-main-wrap .usp-card p {font-size: 18px; line-height: 27px; } .team-member-main-wrapper {float: left; width: 100%; margin-bottom: 83px; } .team-member-main-wrapper .row.d-flex {row-gap: 65px; } .team-member-card > picture {height: 296px; object-fit: cover; width: 100%; margin-bottom: 24px; float: left; } .team-member-card > h4 {line-height: 36px; color: #09121c; } .team-member-card > span {font-size: 22px; margin-bottom: 16px; float: left; width: 100%; } .team-member-card > p {margin-bottom: 27px; } .team-member-card .social-icons {display: flex; width: 100%; gap: 20px; } .social-icons a:hover path {fill: #4386f4; } .jobs-section {float: left; width: 100%; } .jobs-section h3 {margin-bottom: 16px; font-family: 'InterDisplay-Semibold'; color: #09121c; } .jobs-section p {font-size: 22px; line-height: 33px; margin-bottom: 24px; } .jobs-section .main-btn {font-size: 18px; line-height: 27px; font-family: 'InterDisplay-Semibold'; } .partner-section {padding: 224px 0; } .partner-section-wrapper {display: flex; align-items: center; flex-wrap: wrap; width: 100%; justify-content: space-between; } .partner-logos {display: flex; width: 615px; flex-wrap: wrap; justify-content: space-between; gap: 8px; } .partner-logo-wrap {width: calc((100% - 8px)/2); display: flex; align-items: center; justify-content: center; background-color: #F2F2F3; height: 80px; } .partner-logo-wrap img {width: 140px; height: 56px; } .partner-content {width: 45%; } .partner-content .large-heading {margin-bottom: 24px; } .partner-content p {font-size: 22px; line-height: 33px; } .newsletter-section {padding-bottom: 158px; } .newsletter-content h2 {margin-bottom: 24px; color: #09121c; font-family: 'InterDisplay-Semibold'; } .signup-form-part {width: 513px; } .newsletter-content {float: left; width: 45%; } .newsletter-wrapper {display: flex; width: 100%; align-items: center; justify-content: space-between; } .signup-form-part .gform-body.gform_body {padding: 0; border-radius: 0; background-color: transparent; margin-right: 16px; width: calc(100% - 128px); } .signup-form-part .gform-body.gform_body .gfield {margin-bottom: 0; } body .signup-form-part .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .signup-form-part .gform_wrapper.gravity-theme .gfield select, body .signup-form-part .gform_wrapper.gravity-theme .gfield textarea {background-color: #F2F2F3; font-size: 18px; height: 51px; } .signup-form-part .gform_wrapper.gravity-theme .gform_footer input {background-color: #4386F3; font-size: 18px; line-height: 19px; color: #fff; width: 112px; } body .signup-form-part .gform_wrapper.gravity-theme .gform_footer {margin-top: 0; width: 112px; } body .signup-form-part .gform_wrapper.gravity-theme .gfield_description {font-size: 12px; line-height: 18px; margin-top: 16px; color: #1d2630; margin-bottom: 0; float: left; } body .signup-form-part .gform_wrapper.gravity-theme .gfield_description a {border-bottom: 1px solid; } body .signup-form-part .gform_wrapper.gravity-theme .gfield_description a:hover {border-bottom-color: transparent; } /* Text Modal */ body .modal-backdrop {z-index: 999; } body .modal {z-index: 9999; } body .modal-backdrop {background-color: rgba(9, 18, 28, 0.80); } body .modal-backdrop.in {opacity: 1; } .simple-modal {text-align: center; pointer-events: none;} .simple-modal.in {pointer-events: auto; } .simple-modal::before {content: ""; display: inline-block; vertical-align: middle; height: 100%; } .simple-modal .modal-dialog {width: 100%; max-width: 768px; margin: 75px auto; display: inline-block; vertical-align: middle; text-align: left; } .simple-modal .modal-content {float: left; width: 100%; border: none; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; background-color: #ffffff; } .simple-modal .modal-body{padding: 0; } .expert-text-inner {float: left; width: 100%; margin-bottom: 18px; } .expert-text-box {height: auto;position: relative;border-radius: 16px;overflow: hidden;background-color: #FFFFFF;padding: 64px 50px 64px 57px;} .close-overlay {width: 32px;height: 32px;z-index: 1;position: absolute;top: 32px;right: 32px;cursor: pointer;display: flex;align-items: center;justify-content: center;} .close-overlay:hover {transform: scale(1.3); } .expert-text-inner h1 {color: #09121C; letter-spacing: -0.48px; font-family: 'InterDisplay-SemiBold'; margin-bottom: 25px; } .expert-text-inner p {font-size: 12px; line-height: 18px; margin-bottom: 15px; } .expert-text-inner p:last-child {margin-bottom: 0px; } .expert-person-wrap {display: flex; width: 100%; flex-wrap: wrap; gap: 24px; align-items: center; } .expert-person-wrap img {width: 40px; height: 40px; border-radius: 50%; } .expert-person-wrap p {font-size: 14px; line-height: 18px; letter-spacing: 0.14px; font-family: 'InterDisplay-SemiBold'; width: auto; color: #5A5C55; } .expert-person-wrap p a {float: left; width: 100%; line-height: 22px; font-family: 'InterDisplay-Regular'; } .price-box-modal h1 {text-align: center; margin-bottom: 40px; color: #09121C; font-family: 'InterDisplay-SemiBold'; } .price-box-wrap {float: left; width: 100%; padding: 24px 0; border-top: 1px solid #e4e5e6; } .price-box-wrap:last-child {padding-bottom: 0; } .price-box-wrap .price-tag {color: #4386F3; margin-bottom: 8px; float: left; width: 100%; line-height: 27px; } .price-box-wrap p {display: flex; justify-content: space-between; align-items: center; font-family: 'InterDisplay-SemiBold'; } .price-box-wrap p span {font-family: 'InterDisplay-Regular'; } .price-box-wrap p span b {font-family: 'InterDisplay-SemiBold'; } .heatpump-funnel-form .gform_confirmation_message h5 {opacity: 0; } .heatpump-funnel-form .gform_confirmation_message h5:nth-child(4){transition-delay: 2.5s; } .heatpump-funnel-form .gform_confirmation_message h5:nth-child(5){transition-delay: 5s; } .show-confirmation + .heatpump-funnel-form .gform_confirmation_message h5 {opacity: 1; } .heatpump-funnel-form-wrapper .gform_confirmation_message h3 + p {margin-bottom: 85px; } /*======= 404 Page ==============*/ .empty-section {padding: 250px 0px; height: calc(100vh - 102px); display: flex; align-items: center; justify-content: center; } .empty-content {max-width: 600px; margin: 0 auto; text-align: center; float: none; display: flex; flex-wrap: wrap; } .empty-content * {color: #fff; } .empty-content h1 {font-size: 200px; line-height: 200px; } .empty-section .main-btn-wrapper {width: max-content; margin: 0 auto; display: inline-block; } body.error404 .hamburger-menu-wrapper {display: flex; } .confirmation-page-info{display: none;} /*======= quick-scan-appointment Page ==============*/ .page-template-quick-scan-appointment .heatpump-funnel-section {display: block; } .page-template-quick-scan-appointment .site-footer {display: none; } .page-template-quick-scan-appointment .header-usp-bar {display: block; background-color: #09121C; width: 100%; } .page-template-quick-scan-appointment .header-usp-bar li {color: #fff; font-size: 12px; line-height: 150%; } .page-template-quick-scan-appointment .header-wrapper .icon-text-link-list{display: none;} .page-template-quick-scan-appointment .hamburger-menu-wrapper{display: none;} .funnel-result-left-part .heatpump-funnel-image {width: 100%; } .advice-info-wrapper {float: left; width: 100%; } /* Thank you page */ .heatpump-funnel-section.thank-you-page-section {display: block; } .next-step-wrapper {padding: 40px; width: 446.5px; background-color: #fff; border-radius: 16px; overflow: hidden; } .heatpump-funnel-image.thank-you-page-wrapper {height: auto; border-radius: 0;} .next-step-wrapper h5 {margin-bottom: 48px; font-family: 'InterDisplay-SemiBold'; line-height: 140%; } .next-step-text,.faq-link-inner,.faq-usp-wrapper {float: left; width: 100%; } .next-step-text > li {display: inline-flex; gap: 24px; margin-bottom: 40px; } .next-step-text > li:last-child{margin-bottom: 0px;} .next-step-text > li > span {background-color: #4285F4; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #ffff; font-family: 'InterDisplay-SemiBold'; border-radius: 8px; } .next-step-text > li > p {width: calc(100% - 75px); } .next-step-wrapper .main-btn-wrapper {margin-bottom: 25px; margin-top: 43px;} .next-step-wrapper .main-btn-wrapper .main-btn {width: 100%;} .next-step-wrapper .expert-person {background-color: transparent; gap: 24px; margin-bottom: 24px; } .next-step-wrapper .expert-person i {border-radius: 50%; } .next-step-wrapper .expert-person p {width: calc(100% - 64px); } .next-step-wrapper p,.faq-link-inner li a,.faq-usp-wrapper li{font-size: 16px; line-height: 150%;font-family: 'InterDisplay-Medium'; } .thank-you-page-wrapper {display: flex; flex-wrap: wrap; } .faq-link-wrapper *, .thank-you-section-title * {color: #fff;} .faq-link-inner{margin-bottom: 40px;} .faq-link-wrapper h5 {margin-bottom: 24px; font-family: 'InterDisplay-Semibold'; } .faq-link-inner li {float: left; width: 100%; margin-bottom: 8px; } .faq-link-inner li:last-child{margin-bottom: 0px;} .faq-link-inner li a {color: #AFB2B6; } .faq-usp-wrapper li::before {content: ""; position: absolute; left: 0; width: 24px; height: 24px; background-color: #A8FFA0; border-radius: 8px; background-image: url(./images/faq-check.svg); background-position: center; background-repeat: no-repeat; } .faq-link-wrapper {float: left; width: calc(100% - 446.5px); padding: 40px; } .faq-usp-wrapper li {position: relative; padding-left: 40px; margin-bottom: 8px; } .thank-you-section-title i {display: flex; width: 48px; height: 48px; margin-bottom: 24px; } .thank-you-section-title h3 {margin-bottom: 40px; font-family: 'InterDisplay-Semibold'; line-height: 130%; } .next-outro-text p a {border-bottom: 1px solid; } .next-outro-text p a:hover{border-bottom-color: transparent;} .thank-you-section-title .body-text p {color: #AEB7C2; } .thank-you-section-title .back-btn-wrapper{position: fixed; width: 100%; max-width: 387px; bottom: 40px; padding: 10px 0px; background: linear-gradient(360deg, rgba(9, 18, 28, 0.52) 50%, rgba(9, 18, 28, 0) 100%); } .thank-you-section-title .back-btn-wrapper .main-btn{width: 100%;} .padding-top {padding-top: 150px;} .admin-bar .heatpump-funnel-form {margin-top: 32px; } /*======== New home page alt =========*/ .page-template-home-page-alt .banner-section {padding: 186px 0px 69px;} .page-template-home-page-alt .new-footer{display: block !important;} .page-template-home-page-alt .house-type-box {margin-bottom: 40px; } .new-installation-section .step-image-img {width: 678px; background-color: transparent; border-radius: 16px;height: auto;} .new-installation-section .step-image-text {width: calc(100% - 717px);} .banner-usp-bar.dark-usp {background-color: #09121C; padding: 14px 15px;} .banner-usp-bar.dark-usp .text-row-list li {font-size: 12px; color: #FFFFFF; letter-spacing: 0;} .banner-usp-bar.dark-usp .text-row-list li::before {background-color: #FFFFFF;} .page-template-home-page-alt .banner-text-part h3 {font-family: 'InterDisplay-Semibold';margin-bottom: 77px;} body.page-template-home-page-alt .gform_wrapper.gravity-theme .gfield_checkbox label, body.page-template-home-page-alt .gform_wrapper.gravity-theme .gfield_radio label {font-family: 'InterDisplay-Medium'; background-color: #F2F2F3;} body.page-template-home-page-alt .gform_wrapper.gravity-theme .gfield_checkbox input:checked ~ label, body.page-template-home-page-alt .gform_wrapper.gravity-theme .gfield_radio input:checked ~ label{background-color: #151001;color: #ffffff;} body.page-template-home-page-alt .house-type-category-form .gform-body.gform_body p.small-text {font-family: 'InterDisplay-Regular';} body.page-template-home-page-alt .house-type-text .dark-label {background-color: #09121C0D; color: #09111b99; font-size: 12px; border-radius: 100px; } body.page-template-home-page-alt .house-type-text .extra-small-text {opacity: 60%;letter-spacing: 0;} body.page-template-home-page-alt .google-review-card p {font-size: 12px; font-family: 'InterDisplay-Semibold';} body.page-template-home-page-alt .google-reviews span {font-family: 'InterDisplay-Semibold'; } body.page-template-home-page-alt .google-review-button {float: left; width: 100%; height: 34px; } body.page-template-home-page-alt .google-review-button span {font-size: 14px; line-height: 34px; font-family: 'InterDisplay-Semibold'; } body.page-template-home-page-alt .client-logo-list {margin-top: 61px;} .product-info-section {padding: 120px 0 117px;} .product-info-section .extra-small-text {font-family: 'InterDisplay-Semibold'; color: #4386F3; margin-bottom: 24px;} .product-info-section .info-title h2 {font-size: 56px; line-height: 120%; font-family: 'InterDisplay-Semibold';} .product-info-section .info-text p {font-size: 22px; line-height: 150%;} .product-info-section .info-text {margin-top: 0;} .usp-section.hn-usp-section {background-color: #3E4B5B; padding: 128px 0 120px; margin-bottom: 173px; } .hn-usp-section .usp-card h5 {color: #fff; font-family: 'InterDisplay-Semibold'; margin-bottom: 16px;} .hn-usp-section .usp-card .small-text {padding-right: 0; font-size: 18px; line-height: 150%; color: #fff;} .step-video-section.hn-step-section, .step-image-section.hn-step-section {padding: 0 0 102px;} .hn-step-section .step-video-wrapper, .hn-step-section .step-image-wrapper {align-items: self-start;} .hn-step-section .step-video-wrapper.image-text, .hn-step-section .step-image-wrapper.image-text{align-items: center;} .hn-step-section .step-video-img,.hn-step-section .step-image-img {height: 310px; border-radius: 8px; overflow: hidden;} .new-installation-section {padding: 130px 0 109px;} .new-installation-section .step-image-text .body-text p {line-height: 150%;} .new-installation-section .step-video-wrapper, .new-installation-section .step-image-wrapper {align-items: normal;} .installation-section-certificates {float: left; width: 100%;} .installation-section-certificates .logo-section-wrapper {width: min-content; text-align: left; margin: 0 auto; float: none;} .new-installation-section .step-image-img picture {height: 640px;} .new-installation-section .logo-wrap {opacity: 1;} .new-installation-section .step-image-wrapper {width: 100%; margin: 0 auto; justify-content: center; gap: 39px;} .new-installation-section .step-image-text h2 {margin-bottom: 48px; font-size: 48px; line-height: 120%; letter-spacing: -0.48px;} .new-installation-section .step-image-text h4 {margin-bottom: 32px;} .hn-review-section .review-title-part h4 {font-family: 'InterDisplay-Bold';} .hn-review-section .review-title-part small {font-family: 'InterDisplay-Medium';} .hn-review-section .review span {font-size: 16px; line-height: 150%;} .hn-review-section .small-text + span:nth-child(4) {font-family: 'InterDisplay-Semibold';} .new-installation-section .step-image-img img {object-fit: contain;} .new-service-section .hn-product-card .service-inner-card {background-color: #F2F2F3;border: 2px solid transparent;} .hn-product-card .funnel-card-logo-part > img {opacity: 1; width: auto; height: 16px; margin-bottom: 24px;} .new-service-section .hn-product-card .service-inner-card h4 {font-size: 32px; line-height: 130%; margin-bottom: 8px;} .hn-product-card .funnel-category li {font-size: 16px; color: #09121C;} .new-service-section .hn-product-card .service-usp-list li {padding-left: 20px; font-size: 16px; line-height: 150%; margin-bottom: 4px;} .hn-product-card .price-terms .extra-small-text {font-size: 16px; display: inline-flex; justify-content: space-between; line-height: 150%; margin-bottom: 0; font-family: 'InterDisplay-Semibold';} .hn-product-card .price-terms {margin-bottom: 0; } .hn-product-card .price-box-wrap {padding: 0; border-top: none; margin: 24px 0 20px;} .new-service-section .hn-product-card .price-box span:first-child {font-size: 24px; line-height: 150%;} .new-service-section .hn-product-card .price-box span:last-child {color: #09121C; font-size: 12px; line-height: 150%;} .new-service-section .hn-product-card .price-box {padding: 8px 16px; align-items: center;} .new-service-section .hn-product-card .price-box + span {font-family: 'InterDisplay-Semibold'; left: 16px; font-size: 16px;} .new-service-section .hn-product-card .service-inner-card .main-btn-wrapper > a:first-child {font-size: 12px; line-height: 150%; margin-bottom: 24px;} .hn-product-card .main-btn {padding: 12px 32px; font-size: 16px; font-family: 'InterDisplay-Semibold';} .new-service-section .splide__slide.is-active.hn-product-card .service-inner-card {background-color: #fff; border-color: #4386F3;} .new-service-section .quote-list.product-quote {border-radius: 16px; padding: 40px; margin-top: 83px; background-color: #F2D1A6;} .new-service-section .quote-list.product-quote::before {width: 31px; height: 31px; border: none; background-color: #f2d2a6; border-radius: 6px; transform: rotate(45deg); } .quote-list.product-quote blockquote {font-size: 32px; line-height: 130%; font-family: 'InterDisplay-Semibold'; margin-bottom: 32px;} .quote-list.product-quote blockquote p {line-height: normal;} .new-service-section .quote-list.product-quote .quote-title {margin-bottom: 30px;} .new-service-section .product-quote .quote-img {border-radius: 50%;} .product-quote .quote-author {display: flex; align-items: center;} .product-quote .quote-author h6 {font-size: 16px; line-height: 150%; margin-bottom: 0;} body.page-template-home-page-alt .new-service-section.service-section {padding-bottom: 139px; } .hn-product-card {margin-top: 30px;} .new-service-section .hn-product-card .service-inner-card .main-icon-btn {top: -20px; right: 0; left: 0; margin: 0 auto; width: fit-content; padding: 11px 18px; font-size: 16px; border-radius: 16px;} body.page-template-home-page-alt .product-category-tab .tab-title-col {margin-bottom: 20px;} body.page-template-home-page-alt .custom-tab-list li a {color: #797F86; font-family: 'InterDisplay-Regular'; font-size: 16px;} body.page-template-home-page-alt .custom-tab-list li.active a {font-family: 'InterDisplay-Semibold'; color: #1D2630; border-bottom-color: #1D2630;} body.page-template-home-page-alt .hamburger-menu-wrapper {display: flex;} body.page-template-home-page-alt .hamburger-menu-wrapper span {color: #ffffff; } body.page-template-home-page-alt .hamburger-menu span,body.page-template-home-page-alt .hamburger-menu span::before,body.page-template-home-page-alt .hamburger-menu span::after {background-color: #ffffff; } body.page-template-home-page-alt.change-header .hamburger-menu span {background-color: #1D2630; } body.page-template-home-page-alt.change-header .hamburger-menu-wrapper span {color: #1D2630;} body.page-template-home-page-alt.change-header .hamburger-menu span::before,body.page-template-home-page-alt.change-header .hamburger-menu span::after {background-color: transparent; } body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice label::before, body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice label::before, body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice label::after, body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice label::after {background-size: auto;background-position: center;} body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:first-child label::before, body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:first-child label::before{background-image: url('./images/sky-blue-icon-1.svg');} body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(2) label::before, body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(2) label::before{background-image: url('./images/sky-blue-icon-2.svg');} body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(3) label::before, body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(3) label::before{background-image: url('./images/sky-blue-icon-3.svg');} body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:nth-child(4) label::before, body.page-template-home-page-alt .house-type-category-form .gform_wrapper.gravity-theme .gfield_radio .gchoice:nth-child(4) label::before{background-image: url('./images/sky-blue-icon-4.svg');} .new-service-section .splide__slide.is-active.hn-product-card .service-inner-card .price-box {background-color: #F2F2F3;} .banner-mask {-webkit-mask-image: url(./images/banner-shape.svg); mask-image: url(./images/banner-shape.svg); mask-size: 100%; mask-repeat: no-repeat; width: 1058px; height: 100%; } .banner-mask img {width: 100%; height: 100%; object-fit: cover; } body.page-template-home-page-alt .banner-image {clip-path: none; height: 630px;}