*, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--tango); transform-origin: center center; } html { overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { overflow: hidden; min-height: 100%; background: var(--mystic); font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Variables --------- */ :root { --white: #ffffff; --chalice: #b0b0b0; --silver: #afafaf; --scorpion: #5d5d5d; --coal: #343434; --black: #000000; --cina: #e65d22; --tango: #f3701f; --corvette: #fac5a4; --clementine: #ea6f04; --neon: #01d075; --sky: #24a9e0; --ocean: #2283bc; --denim: #1b75bb; --mystic: #eaeff3; --porcelain: #f0f3f6; --rhino: #2b3864; --cadet: #aaafc1; --storm: #6d7389; --athens: #e9eaef; --cardinal: #b61a29; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--chalice); font-family: Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.7777777778; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.8em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 29px; } h1, h2, h3, h4, h5, h6, legend { margin-bottom: 31px; font-size: 1.4em; font-weight: 700; line-height: 1.0769230769; } h1 { font-size: 3.6em; } h2 { font-size: 2.6em; } h3 { font-size: 2.0em; } h4 { font-size: 1.8em; } h5 { font-size: 1.2em; } a { background: none; color: var(--tango); text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } ul, ol, dd, blockquote { padding-left: 40px; } /*! Mixins --------- */ /* cl:b */ .module-intro + *:after, .module-intro:after, #content:after, #top:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ .module-map .close, .module-map > h1:before, .module-map > h2:before, .module-map > h3:before, .module-map > h4:before, .module-map > h5:before, .module-map > h6:before, .image-a a + iframe, .rating-a .rating > *:before, .rating-a .rating > * .fill, .list-collection li.installer-placeholder:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } /* wide */ .module-map:before, .module-intro + *:before, .module-intro:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } /* icon */ .module-map .close:before, .image-a a:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ .module-map .close, .image-a a + iframe { z-index: 8; } /* i:wi */ .module-map > figure img, .list-collection img { display: block; position: relative; z-index: 1; width: 100% !important; } /* td:u */ [data-whatintent="mouse"] a:hover { text-decoration: underline; } /* td:n */ #root .module-map .close, #root .image-a a, [data-whatintent="mouse"] .rating-a a:hover, #root .link-btn a { text-decoration: none; } #nav li { color: black; } #nav li.menu-search #search { margin-right: 0 } /*! Layout --------- */ #root { /*overflow: hidden;*/ position: relative; width: 100%; margin-top: -63px; } #top { position: absolute; left: 50%; top: 0; z-index: 9; width: 1100px; margin: 0 0 0 -550px; padding-top: 50px; } #logo { width: 190px; height: 45px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDA2LjQgMzMwLjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0MDYuNCAzMzAuNSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MC40O2ZpbGw6I0ZGRkZGRjt9IC5zdDF7ZmlsbDojRkZGRkZGO30gLnN0MntvcGFjaXR5OjAuODtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggZD0iTTI5LjIgMjMxYzAtMTExLjIgOTAuNy0yMDEuOSAyMDEuOS0yMDEuOVM0MzMuMiAxMTkuOCA0MzMuMiAyMzFjMCA1LjMtLjIgMTAuNi0uNiAxNS45aDI5LjJjLjQtNS4zLjYtMTAuNi42LTE1LjlDNDYyLjEgMTAzLjYgMzU4LjUgMCAyMzEgMCAxMDMuNiAwIDAgMTAzLjYgMCAyMzFjMCA1LjMuMiAxMC42LjYgMTUuOWgyOS4yYy0uNC01LjEtLjYtMTAuNC0uNi0xNS45eiIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik05ODcuNiAyMzIuNmgtMS40Yy0zLjkgMC01LjctLjQtNi43LTMuMSAyLjktNS43IDQuNS0xMi43IDQuNS0yMXYtNzcuN2MwLTIzLjktMTIuNS0zNy42LTM1LjYtMzcuNnMtMzUuNiAxMy43LTM1LjYgMzcuNnY3Ny41YzAgMjMuOSAxMi41IDM3LjYgMzUuNiAzNy42IDYuMyAwIDExLjctMSAxNi40LTIuNyAzLjEgNi4zIDkuOCAxMC4yIDIwLjIgMTAuMmgyLjVjNS43IDAgMTAuNC00LjcgMTAuNC0xMC40cy00LjYtMTAuNC0xMC4zLTEwLjR6bS0yNy0yMi43YzAgMTAuNi00LjcgMTQuNy0xMi4xIDE0LjctNy40IDAtMTIuMS00LjEtMTIuMS0xNC43di04MC43YzAtMTAuNiA0LjctMTQuNyAxMi4xLTE0LjcgNy40IDAgMTIuMSA0LjEgMTIuMSAxNC43djgwLjd6TTEwNTUuNSA5NC44Yy02LjMgMC0xMS4yIDUuMS0xMS4yIDExLjJ2MTA0LjRjMCAxMC42LTQuNyAxNC41LTEyLjEgMTQuNS03LjQgMC0xMi4xLTMuOS0xMi4xLTE0LjVWMTA2LjFjMC02LjMtNS4xLTExLjItMTEuMi0xMS4ydi0uMmgtMS4yYy02LjMgMC0xMS4yIDUuMS0xMS4yIDExLjJ2MTAyLjZjMCAyMy45IDExLjkgMzcuNiAzNSAzNy42czM1LTEzLjcgMzUtMzcuNlYxMDUuOWMuMi02LjItNC45LTExLjEtMTEtMTEuMXpNMTExMy4zIDkzLjJjLTIzLjEgMC0zNS42IDEzLjctMzUuNiAzNy42djc3LjdjMCAyMy45IDEyLjUgMzcuNiAzNS42IDM3LjZzMzUuNi0xMy43IDM1LjYtMzcuNnYtNzcuN2MwLTIzLjktMTIuNS0zNy42LTM1LjYtMzcuNnptMTIgMTE2LjdjMCAxMC42LTQuNyAxNC43LTEyLjEgMTQuNy03LjQgMC0xMi4xLTQuMS0xMi4xLTE0Ljd2LTgwLjdjMC0xMC42IDQuNy0xNC43IDEyLjEtMTQuNyA3LjQgMCAxMi4xIDQuMSAxMi4xIDE0Ljd2ODAuN3pNMTIxNC4zIDk1aC01MS4xYy01LjkgMC0xMC42IDQuNy0xMC42IDEwLjggMCA1LjkgNC43IDEwLjYgMTAuNiAxMC42aDEzLjl2MTE3LjFjMCA1LjkgNC43IDEwLjYgMTAuNiAxMC42aDIuMmM1LjkgMCAxMC42LTQuNyAxMC42LTEwLjZWMTE2LjFoMTMuOWM1LjkgMCAxMC42LTQuNyAxMC42LTEwLjYtLjEtNS44LTQuOC0xMC41LTEwLjctMTAuNXpNMTI4NC4yIDExNi4xYzUuOSAwIDEwLjYtNC43IDEwLjYtMTAuNiAwLTUuOS00LjctMTAuNi0xMC42LTEwLjZIMTIzMXYxNDguOGg1My4zYzUuOSAwIDEwLjYtNC43IDEwLjYtMTAuNiAwLTUuOS00LjctMTAuNi0xMC42LTEwLjZoLTMwVjE3OWgyMS41YzUuOSAwIDEwLjYtNC43IDEwLjYtMTAuNnMtNC43LTEwLjYtMTAuNi0xMC42aC0yMS41di00MS43aDI5Ljl6TTEzMzQuOCA5My4yYy0yMi45IDAtMzQuNyAxMy43LTM0LjkgMzcuNCAwIDE3LjIgNi4zIDI5LjYgMjUuOCA0Ni44IDE1LjMgMTMuNSAyMCAyMS41IDIwIDMyLjUgMCAxMC42LTQuNyAxNC41LTEyLjEgMTQuNS03LjQgMC0xMi4xLTMuOS0xMi4xLTE0LjV2LTkuMmMwLTYuMy01LjEtMTEuMi0xMS4yLTExLjItNi4zIDAtMTEuMiA1LjEtMTEuMiAxMS4ydjcuOGMwIDIzLjkgMTEuOSAzNy42IDM1IDM3LjZzMzUtMTMuNyAzNS0zNy42YzAtMTcuMi02LjMtMjkuNi0yNS44LTQ2LjgtMTUuMy0xMy41LTIwLTIxLjUtMjAtMzIuNSAwLTEwLjYgNC4zLTE0LjcgMTEuNy0xNC43IDcuNCAwIDExLjcgNC4xIDExLjcgMTQuN3YzLjljMCA2LjMgNS4xIDExLjIgMTEuMiAxMS4yIDYuMyAwIDExLjItNS4xIDExLjItMTEuMnYtMi4zYy4xLTIzLjktMTEuNC0zNy42LTM0LjMtMzcuNnpNNjI0LjIgMjQ2LjdjMjMuNSAwIDM2LjItMTMuOSAzNi4yLTM4LjJ2LTc5LjFjMC0yNC4zLTEyLjctMzguMi0zNi4yLTM4LjItMjMuNSAwLTM2LjIgMTMuOS0zNi4yIDM4LjJ2NzkuMWMwIDI0LjMgMTIuNyAzOC4yIDM2LjIgMzguMnptLTEyLjMtMTE4LjhjMC0xMSA0LjctMTUuMSAxMi4zLTE1LjEgNy42IDAgMTIuMyA0LjMgMTIuMyAxNS4xdjgyYzAgMTEtNC43IDE1LjEtMTIuMyAxNS4xLTcuNiAwLTEyLjMtNC4zLTEyLjMtMTUuMXYtODJ6TTczNS4yIDIzNGMwLTUuOS00LjctMTAuOC0xMC44LTEwLjhoLTI4LjZWMTAzLjhjMC01LjktNC43LTEwLjgtMTAuOC0xMC44aC0yLjJjLTYuMSAwLTEwLjggNC43LTEwLjggMTAuOHYxNDFoNTIuM2M2LS4xIDEwLjktNC44IDEwLjktMTAuOHpNODE5LjggMjMyLjRsLTE5LjYtMTIyLjJDNzk4LjYgMTAwLjIgNzkwIDkzIDc4MCA5M3MtMTguNiA3LjItMjAuMiAxNy4ybC0xOS42IDEyMi4yYy0xLjIgNi43IDMuOSAxMi41IDEwLjYgMTIuNSA1LjMgMCA5LjgtMy45IDEwLjYtOS4ybDIuNy0xOC40aDI5LjRsMi43IDE4LjRjLjggNS4zIDUuMyA5LjIgMTAuNiA5LjJoMi4yYzYuNyAwIDExLjgtNiAxMC44LTEyLjV6bS01Mi43LTM1LjZsMTEuNC03Ni45aC40bDExLjQgNzYuOWgtMjMuMnpNODM3LjggMjQ0LjZjNi43LjIgMTEuOS01LjEgMTEuOS0xMS43di00OS43aDguMmMxMC44IDAgMTUuNyA1LjMgMTUuNyAxOS40VjIzM2MwIDYuNyA1LjMgMTEuOSAxMS45IDExLjkgNi43IDAgMTEuOS01LjMgMTEuOS0xMS45di0yOS44YzAtMTUuOS0zLjktMjcuMi0xNS45LTMyLjF2LS44YzEwLjYtNS4xIDE1LjctMTUuMSAxNS43LTMwLjV2LTExLjljMC0yMy41LTEwLjYtMzUtMzUuNC0zNWgtMzZ2MTM5LjhjLjEgNi42IDUuNCAxMS45IDEyIDExLjl6bTEyLTEzMC4xaDExLjZjOC40IDAgMTIuMSA0LjcgMTIuMSAxNS43djE1LjFjMCAxMi4xLTUuNSAxNi4xLTE0LjMgMTYuMWgtOS40di00Ni45ek01NDMuOSA5MS40Yy0yMy4zIDAtMzUuMiAxMy45LTM1LjIgMzguMiAwIDE3LjQgNi4zIDMwIDI2LjIgNDcuNiAxNS43IDEzLjcgMjAuNCAyMS45IDIwLjQgMzMuMSAwIDEwLjgtNC43IDE0LjctMTIuMyAxNC43LTcuNiAwLTEyLjMtMy45LTEyLjMtMTQuN3YtOS40YzAtNi4zLTUuMS0xMS40LTExLjQtMTEuNC02LjMgMC0xMS40IDUuMS0xMS40IDExLjR2Ny44YzAgMjQuMyAxMi4xIDM4LjIgMzUuNiAzOC4yczM1LjYtMTMuOSAzNS42LTM4LjJjMC0xNy40LTYuMy0zMC0yNi4yLTQ3LjYtMTUuNy0xMy43LTIwLjQtMjEuOS0yMC40LTMzLjEgMC0xMSA0LjMtMTUuMSAxMS45LTE1LjEgNy42IDAgMTEuOSA0LjMgMTEuOSAxNS4xdjMuOWMwIDYuMyA1LjEgMTEuNCAxMS40IDExLjQgNi4zIDAgMTEuNC01LjEgMTEuNC0xMS40di0yLjNjLjEtMjQuMy0xMS45LTM4LjItMzUuMi0zOC4yek0xMzk2LjQgMTAxLjRjMC0zLjctMi41LTYuMS02LjktNi4xaC04LjJ2MTguMmgzLjl2LTUuOWgzLjFsMy45IDUuOWg0LjdsLTQuNS02LjVjMi41LS45IDQtMi42IDQtNS42em0tNyAzaC00LjF2LTUuM2gzLjljMiAwIDMuMS44IDMuMSAyLjUgMCAxLjYtMSAyLjYtMi45IDIuOHpNMTM4OC42IDg2LjJjLTEwIDAtMTcuNiA3LjgtMTcuNiAxOC4ydi4yYzAgMTAuNCA3LjggMTguNCAxNy44IDE4LjRzMTcuNi03LjggMTcuNi0xOC4ydi0uMmMwLTEwLjQtNy44LTE4LjQtMTcuOC0xOC40em0xMy4xIDE4LjZjMCA3LjYtNS41IDEzLjUtMTIuOSAxMy41cy0xMy4xLTUuOS0xMy4xLTEzLjd2LS4yYzAtNy42IDUuNS0xMy41IDEyLjktMTMuNXMxMy4xIDUuOSAxMy4xIDEzLjd2LjJ6TTU1MiAyOTdjLTItMS4yLTMuOS0yLjItNS45LTIuN3MtMy41LTEtNC43LTEuMmMtMy45LTEtNi45LTEuOC05LjItMi4zLTIuMy0uNi00LjEtMS4yLTUuNS0xLjgtMS40LS42LTIuMy0xLjItMi43LTItLjQtLjgtLjYtMS44LS42LTIuOSAwLTEuMi4yLTIuMy44LTMuMS42LTEgMS40LTEuNiAyLjItMi4yIDEtLjYgMi0xIDIuOS0xLjIgMS0uMiAyLjItLjQgMy4xLS40IDEuNiAwIDMuMS4yIDQuNS40czIuNy44IDMuNyAxLjRjMSAuNiAyIDEuNiAyLjUgMi43LjYgMS4yIDEgMi43IDEuMiA0LjVINTU3YzAtMy4zLS42LTYuNS0yLTguOC0xLjItMi41LTMuMS00LjUtNS4zLTYuMS0yLjItMS42LTQuNy0yLjUtNy42LTMuMy0yLjktLjYtNS45LTEtOS0xLTIuNyAwLTUuMy40LTggMS4yLTIuNy44LTUuMSAxLjgtNy4yIDMuMy0yIDEuNi0zLjcgMy4zLTUuMSA1LjctMS40IDIuMy0yIDQuOS0yIDggMCAyLjcuNiA1LjEgMS42IDcgMSAyIDIuMyAzLjUgNC4xIDQuOSAxLjYgMS4yIDMuNSAyLjMgNS43IDMuMSAyIDEgNC4zIDEuNiA2LjUgMi4yIDIuMi44IDQuMyAxLjIgNi41IDEuOHMzLjkgMS4yIDUuNyAxLjhjMS44LjggMy4xIDEuNiA0LjEgMi41IDEgMSAxLjYgMi4zIDEuNiAzLjlzLS40IDIuNy0xLjIgMy43Yy0uOCAxLTEuOCAxLjgtMi45IDIuMy0xLjIuNi0yLjMgMS0zLjcgMS4yLTEuNC4yLTIuNS4yLTMuNy4yLTEuOCAwLTMuNS0uMi01LjEtLjYtMS44LS40LTMuMS0xLjItNC4zLTItMS4yLS44LTIuMi0yLTIuOS0zLjMtLjgtMS40LTEuMi0yLjktMS02LjFoLTEyLjdjLS4yIDMuNy42IDYuOSAyIDkuNiAxLjQgMi43IDMuMyA0LjkgNS43IDYuNyAyLjMgMS44IDUuMSAzLjEgOC4yIDMuOSAzLjEuOCA2LjMgMS4yIDkuNiAxLjIgNC4xIDAgNy42LS40IDEwLjgtMS40IDMuMS0uOCA1LjctMi4yIDcuOC0zLjkgMi0xLjggMy43LTMuNyA0LjctNi4xIDEtMi4zIDEuNi00LjkgMS42LTcuNiAwLTMuMy0uOC02LjEtMi4yLTguMi0xLjYtMi0zLjQtMy42LTUuMy01ek01NjQuNSAyNjguOGgxMy4xdjYwLjFoLTEzLjF6TTYyNC42IDMwOS4yaC0uMmwtMjUuMS00MC40aC0xMy4xdjYwLjFoMTIuNHYtNDAuMWguMmwyNSA0MC4xaDEzLjF2LTYwLjFoLTEyLjN6TTY4MS42IDMxNS44Yy0yLjIgMi41LTUuMyAzLjctOS40IDMuNy0zLjEgMC01LjUtLjYtNy42LTEuOC0yLjItMS0zLjctMi41LTUuMS00LjUtMS4yLTItMi4yLTQuMS0yLjctNi41LS44LTIuNS0xLTQuOS0xLTcuNHMuNC01LjEgMS03LjYgMS40LTQuNyAyLjctNi43YzEuNC0yIDIuOS0zLjUgNS4xLTQuN3M0LjctMS44IDcuNi0xLjhjMS42IDAgMy4xLjIgNC43LjggMS40LjQgMi43IDEuMiAzLjkgMi4yIDEuMiAxIDIuMiAyLjIgMi45IDMuMy44IDEuNCAxLjQgMi43IDEuNiA0LjdINjk4Yy0uNC0zLjUtMS40LTYuNS0yLjktOS4yLTEuNC0yLjctMy4zLTUuMS01LjctNi45LTIuMy0xLjgtNC45LTMuMS03LjgtNC4xLTIuOS0xLTYuMS0xLjQtOS40LTEuNC00LjUgMC04LjYuOC0xMi4zIDIuMy0zLjUgMS42LTYuNyAzLjctOS4yIDYuNy0yLjUgMi43LTQuNSA2LjEtNS45IDEwLTEuNCAzLjktMiA4LTIgMTIuNSAwIDQuMy42IDguNCAyIDEyLjEgMS40IDMuNyAzLjMgNyA1LjkgOS44IDIuMyAyLjkgNS41IDUuMSA5LjIgNi43IDMuNSAxLjYgNy44IDIuMyAxMi4zIDIuMyAzLjcgMCA3LS42IDEwLjItMS44IDMuMS0xLjIgNS43LTIuNyA4LTQuOSAyLjItMiA0LjEtNC41IDUuNS03LjYgMS40LTMuMSAyLjItNi41IDIuNS0xMC4yaC0xMi43Yy0uNCA0LjMtMS44IDcuNS00LjEgMTB6TTcxNy40IDMwMy4xaDI5LjJ2LTEwLjJoLTI5LjJWMjgwaDMxLjd2LTExLjJoLTQ1djYwLjFoNDUuNnYtMTEuMWgtMzIuM3pNNzkzLjYgMzEzLjNjMi0xLjYgMy45LTIuOSA1LjktNC4zIDIuMi0xLjIgNC4xLTIuNSA2LjEtMy45czMuNy0yLjkgNS4zLTQuNWMxLjYtMS42IDIuNy0zLjUgMy43LTUuN3MxLjQtNC43IDEuNC03LjYtLjQtNS41LTEuNi03LjhjLTEuMi0yLjMtMi43LTQuMy00LjUtNS45LTItMS42LTQuMS0yLjctNi41LTMuNS0yLjMtLjgtNC45LTEuMi03LjYtMS4yLTMuNSAwLTYuNy42LTkuNCAxLjgtMi43IDEuMi01LjEgMi45LTYuOSA1LjEtMiAyLjItMy4xIDQuNy00LjEgNy42LS44IDIuOS0xLjIgNi4xLTEuMiA5aDExLjRjMC0xLjYgMC0zLjEuNC00LjdzLjgtMi45IDEuNi00LjNjLjgtMS4yIDEuOC0yLjMgMi45LTMuMSAxLjQtLjggMi43LTEuMiA0LjUtMS4yIDIuNSAwIDQuNy44IDYuMyAyLjMgMS44IDEuNiAyLjUgMy43IDIuNSA2LjcgMCAxLjgtLjQgMy4zLTEuMiA0LjctLjggMS40LTEuOCAyLjUtMi45IDMuNy0xLjIgMS4yLTIuNSAyLjItMy45IDMuMS0xLjQgMS0yLjcgMS44LTQuMSAyLjctMi41IDEuOC00LjkgMy4zLTcuMiA1LjEtMi4yIDEuNi00LjEgMy41LTUuOSA1LjUtMS42IDIuMi0yLjkgNC4zLTMuOSA2LjktMS4yIDIuNS0xLjYgNS43LTEuNiA5aDQzLjN2LTEwLjJoLTI3LjhjMS40LTIgMy0zLjcgNS01LjN6TTg1NC45IDI3NS41Yy0yLTIuMy00LjMtNC4xLTYuOS01LjEtMi43LTEtNS41LTEuNi04LjQtMS42LTIuOSAwLTUuNy42LTguMiAxLjYtMi41IDEtNC45IDIuNy02LjkgNS4xLTIgMi4zLTMuNSA1LjUtNC43IDkuNC0xLjIgMy45LTEuOCA4LjYtMS44IDE0LjVzLjYgMTAuOCAxLjggMTQuN2MxLjIgMy45IDIuNyA3IDQuNyA5LjQgMiAyLjMgNC4zIDQuMSA2LjkgNS4xIDIuNSAxIDUuMyAxLjYgOC4yIDEuNiAyLjkgMCA1LjktLjYgOC40LTEuNnM0LjktMi43IDYuOS01LjFjMi0yLjMgMy41LTUuNSA0LjctOS40IDEuMi0zLjkgMS44LTguOCAxLjgtMTQuNyAwLTUuOS0uNi0xMC42LTEuOC0xNC41LTEuMi0zLjktMi44LTcuMS00LjctOS40em0tNS43IDIzLjljMCAxLjYgMCAzLjctLjIgNi4xIDAgMi4zLS40IDQuNy0xIDYuOXMtMS42IDQuMS0yLjkgNS43Yy0xLjQgMS42LTMuMSAyLjMtNS43IDIuMy0yLjMgMC00LjEtLjgtNS41LTIuMy0xLjItMS42LTIuMi0zLjUtMi43LTUuN3MtLjgtNC41LTEtNi45Yy0uMi0yLjUtLjItNC41LS4yLTYuMSAwLTEgMC0yLjMgMC0zLjcuMi0xLjYuMi0yLjkuNC00LjVzLjQtMi45LjgtNC41Yy40LTEuNC44LTIuNyAxLjYtMy45LjgtMS4yIDEuNi0yLjIgMi43LTIuOSAxLjItLjggMi41LTEuMiA0LjEtMS4yIDEuNiAwIDIuOS40IDQuMSAxLjIgMS4yLjggMi4yIDEuOCAyLjcgMi45LjYgMS4yIDEuMiAyLjMgMS42IDMuOS40IDEuNi42IDIuOS44IDQuNS4yIDEuNi40IDMuMS40IDQuNSAwIDEuNSAwIDIuNyAwIDMuN3pNOTAwLjkgMjc1LjVjLTItMi4zLTQuMy00LjEtNi45LTUuMS0yLjctMS01LjUtMS42LTguNC0xLjZzLTUuNy42LTguMiAxLjYtNC45IDIuNy02LjkgNS4xYy0yIDIuMy0zLjUgNS41LTQuNyA5LjQtMS4yIDMuOS0xLjggOC42LTEuOCAxNC41cy42IDEwLjggMS44IDE0LjdjMS4yIDMuOSAyLjcgNyA0LjcgOS40IDIgMi4zIDQuMyA0LjEgNi45IDUuMSAyLjUgMSA1LjMgMS42IDguMiAxLjZzNS45LS42IDguNC0xLjYgNC45LTIuNyA2LjktNS4xYzItMi4zIDMuNS01LjUgNC43LTkuNCAxLjItMy45IDEuOC04LjggMS44LTE0LjcgMC01LjktLjYtMTAuNi0xLjgtMTQuNS0xLjItMy45LTIuOC03LjEtNC43LTkuNHptLTUuNyAyMy45YzAgMS42IDAgMy43LS4yIDYuMSAwIDIuMy0uNCA0LjctMSA2LjlzLTEuNiA0LjEtMi45IDUuN2MtMS40IDEuNi0zLjEgMi4zLTUuNyAyLjMtMi4zIDAtNC4xLS44LTUuNS0yLjMtMS4yLTEuNi0yLjItMy41LTIuNy01LjctLjYtMi4yLS44LTQuNS0xLTYuOS0uMi0yLjUtLjItNC41LS4yLTYuMSAwLTEgMC0yLjMgMC0zLjcuMi0xLjYuMi0yLjkuNC00LjVzLjQtMi45LjgtNC41Yy40LTEuNC44LTIuNyAxLjYtMy45LjgtMS4yIDEuNi0yLjIgMi43LTIuOSAxLjItLjggMi41LTEuMiA0LjEtMS4yIDEuNiAwIDIuOS40IDQuMSAxLjIgMS4yLjggMi4yIDEuOCAyLjcgMi45LjYgMS4yIDEuMiAyLjMgMS42IDMuOS40IDEuNi42IDIuOS44IDQuNS4yIDEuNi40IDMuMS40IDQuNSAwIDEuNSAwIDIuNyAwIDMuN3pNOTQ3LjUgMjc4LjZjLTEuNi0yLjktNC4xLTUuMS02LjktNy0yLjctMi02LjUtMi43LTExLTIuNy0zLjEgMC01LjkuNi04LjQgMS44LTIuNSAxLTQuNyAyLjUtNi41IDQuNS0xLjggMi0zLjEgNC4zLTQuMSA2LjktMS4yIDIuNS0xLjYgNS41LTEuNiA4LjQgMCAyLjMuNCA0LjcgMS4yIDcgLjggMi4yIDIgNC4zIDMuNSA2LjEgMS42IDIgMy43IDMuMyA2LjEgNC41IDIuNSAxIDQuOSAxLjYgNy40IDEuNiAyLjkgMCA1LjUtLjYgNy42LTEuNiAyLjItMSA0LjEtMi43IDUuNy01LjFsLjIuMmMtLjIgMS42LS40IDMuMy0uOCA1LjVzLTEgNC4xLTEuOCA1LjljLS44IDItMiAzLjUtMy4zIDQuNy0xLjQgMS40LTMuMSAyLTUuMyAyLTIuMiAwLTMuOS0uOC01LjMtMi4yLTEuNC0xLjYtMi4yLTMuMS0zLjUtNS4xaC0xMS40Yy40IDIuNSAxLjIgNC45IDIuMiA2LjkgMSAyIDIuMyAzLjcgNC4xIDUuMSAxLjggMS40IDMuNyAyLjMgNS45IDMuMSAyLjIuNiA0LjUgMSA3IDEgNC4zIDAgNy44LTEgMTAuOC0yLjcgMi45LTEuOCA1LjUtNC4xIDcuMi03IDItMi45IDMuMy02LjEgNC4xLTkuOC44LTMuNyAxLjItNy4yIDEuMi0xMXMtLjQtNy4yLTEtMTFjLS40LTMuOS0xLjYtNy0zLjMtMTB6bS04LjMgMTUuM2MtLjQgMS40LTEgMi41LTEuOCAzLjVzLTEuOCAxLjgtMi45IDIuM2MtMS4yLjYtMi41LjgtNC4zIDEtMS40IDAtMi43LS40LTMuOS0xLTEtLjYtMi0xLjYtMi43LTIuNS0uNi0xLTEuMi0yLjItMS42LTMuNS0uNC0xLjQtLjYtMi43LS42LTQuMSAwLTEuNC4yLTIuNS42LTMuOS40LTEuNCAxLTIuNSAxLjgtMy41czEuOC0xLjggMi45LTIuM2MxLS42IDIuMy0xIDMuNy0xIDEuNiAwIDIuOS40IDQuMSAxIDEuMi42IDIuMiAxLjYgMi45IDIuNS44IDEgMS40IDIuMiAxLjggMy41LjQgMS4yLjYgMi41LjYgMy45cy0uMiAyLjctLjYgNC4xek0xNzAuMSAxODkuMWgtMTMuN2w3NS4yLTc1LjIgMzIuOSAzMi45di0xNi4zaDE4djM0LjNsMTUuOSAxNS45YzIuMiAyLjIgNC4zIDQuMyA2LjcgNi41LjQuNC44LjYgMSAxLjJsLjguOGgtMTMuNXY1OGgxMDkuOGMuNi01LjcuOC0xMS42LjgtMTcuNCAwLTk1LjQtNzcuMy0xNzIuNy0xNzIuNy0xNzIuN1M1OC41IDEzNC4zIDU4LjUgMjI5LjdjMCA1LjkuNCAxMS43LjggMTcuNGgxMTF2LTU4aC0uMnpNMjE1LjggMjE2LjdoMzIuMVYyNDdoLTMyLjF6IiBjbGFzcz0ic3QxIi8+PHBhdGggZD0iTTIzMSAyOS4yYzExMS40IDAgMjAxLjkgOTAuNyAyMDEuOSAyMDEuOSAwIDUuMy0uMiAxMC42LS42IDE1LjlINDAzYy42LTUuNy44LTExLjYuOC0xNy40IDAtOTUuNC03Ny4zLTE3Mi43LTE3Mi43LTE3Mi43UzU4LjMgMTM0LjEgNTguMyAyMjkuNWMwIDUuOS40IDExLjcuOCAxNy40SDI5LjhjLS40LTUuMy0uNi0xMC42LS42LTE1LjkgMC0xMTEuMiA5MC42LTIwMS44IDIwMS44LTIwMS44eiIgY2xhc3M9InN0MiIvPjwvc3ZnPg==) no-repeat; background-size: 100% auto; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -3000em; } #content { position: relative; z-index: 3; width: 1100px; margin: 0 auto; } /*! Modules --------- */ .module-intro { position: relative; z-index: 3; padding: 67px 0 0; color: var(--white); padding-top: 70px!important } form#form-installers header.module-intro { padding-bottom: 110px } .module-intro:before, /*.module-intro + *:before, .map-active .module-intro + .grid-only + .map-only:before, */ .theme-overlay body { background: var(--denim); background: -moz-linear-gradient(135deg, #294575 0%,#2080bf 50%,#1f87c7 100%); background: -webkit-linear-gradient(135deg, #294575 0%,#2080bf 50%,#1f87c7 100%); background: linear-gradient(135deg, #294575 0%,#2080bf 50%,#1f87c7 100%); } /*.module-intro + *:before { background: var(--denim); background: -moz-linear-gradient(135deg, #25649c 0%,#1f81c0 35%,#1f86c6 100%); background: -webkit-linear-gradient(135deg, #25649c 0%,#1f81c0 35%,#1f86c6 100%); background: linear-gradient(135deg, #25649c 0%,#1f81c0 35%,#1f86c6 100%); }*/ .module-intro h1, .module-intro h2, .module-intro h3, .module-intro h4, .module-intro h5, .module-intro h6 { font-size: 3.6em; } .module-intro .link-btn { max-width: none; } .module-intro .link-btn > span.strong { opacity: .8; } .module-intro a, .theme-overlay, .theme-overlay a, .module-map .close { color: var(--white); text-decoration: underline; text-decoration-color: var(--tango); } .module-intro + * { position: relative; z-index: 2; } .module-intro + *:before, .map-active .module-intro + .grid-only + .map-only:before { top: 0; bottom: auto; height: 100%; max-height: 112px; } #content > .module-intro:first-child, #content > *:first-child > .module-intro:first-child { padding-top: 167px; } .module-map { position: relative; z-index: 2; } .module-map figure { border: 10px solid var(--white); } .module-map > ul { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; z-index: 2; list-style: none; margin: 0; padding: 0; } .rating-a { display: block; position: relative; color: var(--tango); font-weight: 700; font-size: 20px; line-height: 1.4; } .rating-a .rating { display: block; overflow: hidden; position: relative; height: 16px; margin: 0 0 0 5px; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em; width: 100px;} .rating-a .rating > * { display: block; position: relative; z-index: 2; float: left; width: 16px; height: 100%; margin: 0 4px 0 0; } .rating-a .rating > *:before { content: ""; z-index: 1; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS45IDE1LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjkgMTUuMyI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0VFNzAyNTt9PC9zdHlsZT48cGF0aCBkPSJNMTUuNCA1LjJjLS4yLS4yLS40LS40LS43LS40TDExIDQuMiA5LjMuOUM5LjEuNSA4LjguMiA4LjUuMSA4LjEgMCA3LjcgMCA3LjMuMWMtLjMuMi0uNS40LS43LjdMNSA0LjJsLTMuOC42Yy0uNCAwLS43LjItLjkuNS0uMi4zLS4zLjctLjMgMS4xIDAgLjMuMi42LjQuOGwyLjcgMi42LS42IDMuN2MtLjEuNCAwIC44LjIgMS4xLjIuMy41LjUuOS42LjMuMS43IDAgMS0uMmwzLjItMS43IDMuNCAxLjhjLjIuMS40LjEuNi4xLjIgMCAuNCAwIC41LS4xLjQtLjEuNy0uNC44LS44LjEtLjIuMS0uNS4xLS44bC0uNi0zLjcgMi43LTIuNmMuNy0uNS43LTEuNC4xLTJ6bS0uNyAxLjRsLTIuOSAyLjhjLS4xLjEtLjIuMy0uMS40bC43IDMuOWMwIC4xIDAgLjIgMCAuMi0uMS4zLS40LjQtLjYuM2wtMy42LTEuOXMtLjEgMC0uMSAwYy0uMSAwLS4yIDAtLjMgMGwtMy41IDEuOGMtLjEuMS0uMi4xLS4zLjEtLjIgMC0uNC0uMy0uNC0uNWwuNy00YzAtLjIgMC0uMy0uMS0uNEwxLjEgNi41YzAtLjEtLjEtLjItLjEtLjMgMC0uMSAwLS4yLjEtLjMuMS0uMS4yLS4xLjMtLjJsNC0uNmMuMiAwIC4zLS4xLjQtLjNsMS43LTMuNmMwLS4xLjEtLjIuMi0uMi4yIDAgLjMgMCAuNCAwIC4xIDAgLjIuMS4zLjNsMS44IDMuNmMuMS4xLjIuMi40LjNsMy45LjZjLjEgMCAuMi4xLjIuMS4yLjIuMi41IDAgLjd6IiBjbGFzcz0ic3QwIi8+PC9zdmc+) no-repeat; background-size: auto 100%; } .rating-a .rating > * .fill { right: auto; z-index: 2; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS45IDE1LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjkgMTUuMyI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0VFNzAyNTt9PC9zdHlsZT48cGF0aCBkPSJNMTQuNyA0LjhMMTEgNC4yIDkuMy45QzkuMS41IDguOC4yIDguNS4xIDguMSAwIDcuNyAwIDcuMy4xYy0uMy4yLS41LjQtLjcuN0w1IDQuMmwtMy44LjZjLS40IDAtLjcuMi0uOS41LS4yLjMtLjMuNy0uMyAxLjEgMCAuMy4yLjYuNC44bDIuNyAyLjYtLjYgMy43Yy0uMS40IDAgLjguMiAxLjEuMi4zLjUuNS45LjYuMy4xLjcgMCAxLS4ybDMuMi0xLjcgMy40IDEuOGMuMi4xLjQuMS42LjEuMiAwIC40IDAgLjUtLjEuNC0uMS43LS40LjgtLjguMS0uMi4xLS41LjEtLjhsLS42LTMuNyAyLjctMi42Yy42LS42LjYtMS41IDAtMi4xLS4xLS4xLS4zLS4zLS42LS4zeiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==) no-repeat var(--white); background-size: auto 100%; } .rating-a a { display: block; width: 100%; font-weight: 300; font-size: 0.65em; text-decoration: underline; } .list-collection .rating-a { font-size: 20px; } /*! Content --------- */ .strong { font-weight: 700; } .em { font-style: italic; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .s13 { font-size: 13px; } .overlay-a { color: var(--tango); } .overlay-b { color: var(--chalice); } .overlay-c { color: var(--neon); } .list-breadcrumbs{list-style:none;margin:0 -21px 23px 0;padding:0;font-weight:300;} .list-breadcrumbs li{position:relative;margin: 0 10px 0 0;font-size: 14px;width: auto;display: inline;} .list-breadcrumbs li:not(:first-child):before{content: "\e90c";left:100%;right:auto;width:21px;padding-top:2px;color:var(--gull);font-size:8px;font-family: i;margin: 0 13px 0 0;} .list-breadcrumbs li:first-child {margin-right: 25px} .list-breadcrumbs li:first-child a{width: 25px;text-indent:-3000em;position: absolute;height: 22px;overflow: hidden;vertical-align: middle;} .list-breadcrumbs li:first-child a:before{content: "\e909";padding-top:1px;font-size:12px;font-family: i;text-indent: 0;display: table-caption;margin-top: 1px;} .list-breadcrumbs a{position:relative;z-index:2;text-align:left;text-decoration: none;} /*! Links --------- */ .link-btn { margin-right: -30px; } .link-btn > span { display: block; margin: 0 30px 0 0; } .link-btn > span.strong { font-size: 26px; font-weight: 700; line-height: 1; } .link-btn > span.strong i { top: .1em; color: inherit; font-size: 1.1538461538em; } .link-btn > span + span.strong { margin-left: 30px; } .link-btn a, .link-btn.bigger a:hover, button, input[type="button"], input[type="reset"], #root input[type="submit"] { display: block; min-width: 110px; margin: 0 30px 0 0; padding: 11.5px 31px; border-radius: 25px; border: 1px solid var(--tango); background: var(--tango); color: var(--white); font-size: 11px; font-weight: 700; line-height: 1.0769230769; text-transform: uppercase; text-align: center; letter-spacing: 0.12em; } [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] button:hover:not(.installer-compatibility-warning), [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover { padding: 12.5px 32px; border-width: 0; background: var(--cina); color: var(--white); } [data-whatintent="mouse"] .link-btn:not(.bigger) a:hover, [data-whatintent="mouse"] button:hover:not(.installer-compatibility-warning), [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover, [data-whatintent="mouse"] .list-collection label:hover, [data-whatintent="mouse"] .form-bar .link-btn.a a:hover, [data-whatintent="mouse"] #root .form-bar .link-btn.a a:hover, [data-whatintent="mouse"] #root .form-bar .link-btn.a a.hover, .link-btn.bigger a { background: -moz-linear-gradient(-45deg, var(--clementine) 0%, var(--cardinal) 100%); background: -webkit-linear-gradient(-45deg, var(--clementine) 0%,var(--cardinal) 100%); background: linear-gradient(135deg, var(--clementine) 0%,var(--cardinal) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6f04', endColorstr='#b61a29',GradientType=1 ); } .link-btn a.inv, button, input[type="button"], input[type="reset"], input[type="submit"] { background: none; color: var(--tango); } #root .link-btn a.disabled, #root button[disabled] { padding: 11.5px 31px; border-width: 1px; border-color: var(--storm); background: var(--storm); cursor: default; } #root .link-btn a.disabled.inv, #root button[disabled] { background: none; color: var(--storm); } .link-btn i { display: inline-block; position: relative; top: .2em; margin: 0 3px 0 0; color: var(--tango); font-size: 1.5384615385em; line-height: 1px; } .link-btn i.icon-grid { font-size: 1.4545454545em; } [data-whatintent="mouse"] .link-btn a:hover i, [data-whatintent="mouse"] .link-btn a.hover i, [data-whatintent="mouse"] #root .form-bar .link-btn.a a:hover, [data-whatintent="mouse"] #root .form-bar .link-btn.a a.hover { color: var(--white); } .link-btn.a { } .link-btn.a a { min-width: 0; padding: 13px; border-radius: 6px; font-weight: 400; font-size: 13px; text-transform: none; letter-spacing: normal; } [data-whatintent="mouse"] .link-btn.a a:hover { padding: 14px; } .link-btn.center { justify-content: center; } .link-btn.bigger a { font-size: 14px !important; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } .image-a { position: relative; max-width: 810px; margin-top: 67px; } .image-a a { display: block; position: relative; color: var(--rhino); text-decoration: none; } .image-a a[href*="youtube"]:before { content: "\e901"; z-index: 4; margin-top: -50px; font-size: 94px; line-height: 100px; } .image-a img, .image-a iframe { display: block; border: 5px solid var(--rhino); } .image-a a + iframe { width: 100% !important; height: 100% !important; } /*! Lists --------- */ .list-collection { list-style: none; margin-left: -30px; margin-bottom: 5px; padding: 0; border: 0 solid var(--white); line-height: 1.4615384615; margin-top: -110px; z-index: 18!important; position: relative;} .module-intro + .list-collection:before { -webkit-transform: translateX(15px); transform: translateX(15px); } .list-collection li { position: relative; z-index: 2; float: left; width: calc(33.333333333% - 30px); margin: 0 0 30px 30px; border: 0 solid rgba(0,0,0,0); font-size: 1em; } .list-collection li { margin-left: 30px; } .list-collection li.verified::before {box-shadow: 0px 0px 8px var(--sky);} .list-collection li.no-installers {height: initial;padding: 30px;z-index: 9;display: initial;position: relative;padding-top: 10px;margin-left: 30px;width: 100%; } .list-collection li.no-installers:before {display: none} .list-collection li.no-installers p {text-align: center;font-size: 2.5em;font-weight: bold;color: var(--scorpion);margin-top: 10px;} #root .list-collection li.checked:before { box-shadow: 0 3px 15px rgba(1,208,117,.4); border-top-width: 10px; } #overlay.list-collection .checked:before { box-shadow: 0 3px 15px rgba(1,208,117,.4); border-top-width: 10px; } [data-whatintent="mouse"] .list-collection li:not(.filters):hover:before { box-shadow: 0 3px 15px rgba(43,56,100,.2); } [data-whatintent="mouse"] .list-collection li.verified:hover:before { box-shadow: 0 0 5px var(--sky),0 3px 15px rgba(43,56,100,.2) } .list-collection ul { list-style: none; margin: 0 0 0 -12px; padding: 0; } .list-collection ul li { float: none; width: 25%; margin: 0 0 12px; padding: 0; } .list-collection li.checked figure:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA3OSA3NC44IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNzkiIGhlaWdodD0iNzQuOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggaWQ9IlBhdGhfMjYtM18xXyIgZmlsbD0iIzRhYjA2ZiIgZD0iTTE0LjMgNzIuMWMtLjkgMC0xLjgtLjQtMi40LTEuMWwtOC4zLTkuMmMtLjUtLjYtLjgtMS40LS44LTIuMlYxNS4zYzAtLjguMy0xLjYuOC0yLjJMMTIgMy44Yy42LS43IDEuNS0xLjEgMi40LTEuMWg1MC4zYy45IDAgMS44LjQgMi40IDEuMWw4LjMgOS4yYy41LjYuOCAxLjQuOCAyLjJ2NDQuNWMwIC44LS4zIDEuNi0uOCAyLjJMNjcuMyA3MWMtLjYuNy0xLjUgMS4xLTIuNCAxLjFIMTQuM3oiLz48cGF0aCBmaWxsPSIjMmQ4YjYzIiBkPSJNMTQuMyA3Mi44Yy0xLjEgMC0yLjItLjUtMy0xLjNMMyA2Mi4zYy0uNy0uNy0xLTEuNy0xLTIuN1YxNS4zYzAtMSAuNC0xLjkgMS0yLjdsOC40LTkuM2MuOC0uOCAxLjgtMS4zIDMtMS4zaDUwLjNjMS4xIDAgMi4yLjUgMyAxLjNsOC4zIDkuMmMuNy43IDEgMS43IDEgMi43djQ0LjVjMCAxLS40IDEuOS0xIDIuN2wtOC4xIDkuMWMtLjguOS0xLjggMS4zLTMgMS4zSDE0LjN6bS4xLTY5LjNjLS43IDAtMS40LjMtMS45LjhsLTguNCA5LjNjLS40LjUtLjYgMS4xLS42IDEuN3Y0NC4zYzAgLjYuMiAxLjIuNiAxLjdsOC4zIDkuMmMuNS41IDEuMi44IDEuOS44aDUwLjVjLjcgMCAxLjQtLjMgMS45LS44bDguMS05LjFjLjQtLjUuNi0xLjEuNi0xLjdWMTUuMmMwLS42LS4yLTEuMi0uNi0xLjdsLTguMy05LjJjLS41LS41LTEuMi0uOC0xLjktLjggMCAwLTUwLjIgMC01MC4yIDB6Ii8+PHBhdGggZD0iTTU0IDI3LjljLS42LS42LTEuNS0uNi0yLjEgMEwzNi4xIDQzLjdsLTktOWMtLjYtLjYtMS41LS42LTIuMSAwcy0uNiAxLjUgMCAyLjFsMTAgMTAuMWMuMy4zLjcuNCAxLjEuNHMuOC0uMSAxLjEtLjRMNTQgMzBjLjYtLjYuNi0xLjUgMC0yLjF6IiBjbGFzcz0ic3QyIi8+PHBhdGggZD0iTTc4IDBIMHY3NC44aDc5VjBoLTF6TTIgMTUuM2MwLTEgLjQtMS45IDEtMi43bDguNC05LjNjLjgtLjggMS44LTEuMyAzLTEuM2g1MC4zYzEuMSAwIDIuMi41IDMgMS4zbDguMyA5LjJjLjcuNyAxIDEuNyAxIDIuN3Y0NC41YzAgMS0uNCAxLjktMSAyLjdsLTguMSA5LjFjLS44LjktMS44IDEuMy0zIDEuM0gxNC4zYy0xLjEgMC0yLjItLjUtMy0xLjNMMyA2Mi4zYy0uNy0uNy0xLTEuNy0xLTIuN1YxNS4zeiIgY2xhc3M9InN0MiIvPjwvc3ZnPg==); } .list-collection ul li img { height: 59px !important; } .list-collection img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .list-collection img.installer-logo { -o-object-fit: contain; object-fit: contain; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { clear: both; width: 100%; min-height: 60px; margin: 0 0 22px; color: var(--coal); font-size: 2.6em; line-height: 1.08em; letter-spacing: normal; } .list-collection p { width: 100%; margin: 0 0 15px; font-size: 1.3em; } .list-collection label { display: block; position: static; float: right; min-width: 160px; margin: 0 15px 24px 0; padding: 11.5px 18px; border-radius: 18px; border: 1px solid var(--corvette); color: var(--corvette); font-weight: 700; font-size: 11px; line-height: 1.0769230769; text-transform: uppercase; text-align: center; letter-spacing: 0.12em; cursor: pointer; } [data-whatintent="mouse"] .list-collection label:hover { padding: 12.5px 19px; border-width: 0; color: var(--white); } .list-collection input { display: block; visibility: hidden; position: absolute; right: 0; top: 0; opacity: 0; } #root .list-collection input:checked ~ label { padding-top: 11.5px; padding-bottom: 11.5px; border-width: 1px; border-color: var(--neon); background: none; color: var(--neon); } #overlay.list-collection input:checked ~ label { padding-top: 11.5px; padding-bottom: 11.5px; border-width: 1px; border-color: var(--neon); background: none; color: var(--neon); } .list-collection footer { padding: 0; color: var(--coal); font-weight: 500; } .list-collection footer p { font-size: 1.4em; } .list-collection li.link-btn { width: 100%; margin-top: -5px; padding: 0; } #root .list-collection li.link-btn:before { box-shadow: none; background: none; } .list-collection li.link-btn a { min-width: 159px; margin-right: 0; border-color: var(--cadet); background: var(--porcelain); color: var(--cadet); } .installer p.disabled i {color: var(--chalice)!important} .installer p.disabled a.view-on-map { color: var(--chalice)!important; cursor: not-allowed } .installer p.disabled a.view-on-map:hover { text-decoration:none } .installer.checked figure { cursor: pointer } .get_quotes_btn:not([disabled]), #get_quotes_btn:not([disabled]) {background: var(--tango); color: white; border:0; padding: 12.5px 32px; } .get_quotes_btn:hover, #get_quotes_btn:hover {background: -moz-linear-gradient(-45deg, var(--clementine) 0%, var(--cardinal) 100%);background: -webkit-linear-gradient(-45deg, var(--clementine) 0%,var(--cardinal) 100%);background: linear-gradient(135deg, var(--clementine) 0%,var(--cardinal) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6f04', endColorstr='#b61a29',GradientType=1 ); color: white; padding: 12.5px 32px; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } #root input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } ::placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } form { } label[for="sorterselect"] { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 500; font-size: 14px !important; text-transform: uppercase; letter-spacing: 0.12em; } input, select, textarea { display: block; width: 100%; border-radius: 6px; border: 1px solid var(--silver); background: 100% center no-repeat var(--white); background-size: auto 8px; color: var(--cadet); font-size: 14px; } input { height: 44px; padding: 0 14px; } input[type="date"] { line-height: 30px; } select { height: 44px; padding: 0 44px 0 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMSA4Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMkMzODY0O308L3N0eWxlPjxwYXRoIGlkPSJHcm91cF8yNiIgZD0iTTUuOCA3LjNjLS4yIDAtLjQtLjEtLjYtLjJsLTUtNWMtLjMtLjMtLjMtLjggMC0xLjEuMy0uMy44LS4zIDEuMSAwbDQuNCA0LjRMMTAuMSAxYy4zLS4zLjgtLjMgMS4xIDAgLjMuMy4zLjggMCAxLjFsLTUgNWMwIC4xLS4yLjItLjQuMnoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=); line-height: normal; } .gecko select { padding-left: 9px; } textarea { padding: 7px 7px 7px 12px; } button:not(.sl-next):not(.installer-compatibility-warning):not(.installer-compatibility-popup-close), input[type="button"], input[type="reset"], #root input[type="submit"] { margin-right: 30px; border-radius: 18px; text-transform: uppercase; } .form-bar { margin: 40px 0 38px; padding: 25px 25px .1px; border-radius: 6px; background: var(--rhino); } .form-bar p { margin-bottom: 25px; } .form-bar p + p { margin-left: 30px; } .map-active .form-bar p.grid-only + p { margin-left: 0; } .form-bar label { display: block; float: left; margin-right: 30px; } .form-bar input, .form-bar select { width: 229px; border-color: var(--white); } .form-bar .link-btn { font-weight: 500; font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.18em; } #root .form-bar .link-btn.a a { height: 44px; padding: 0 13px; border-width: 0; border-color: var(--white); background: var(--white); color: var(--rhino); line-height: 44px; white-space: nowrap; } /*! Helpers --------- */ .clear { clear: both; overflow: hidden; width: 100%; } .list-collection input:checked ~ label span.hidden { position: relative; left: 0; top: 0; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, .link-btn i.hidden, .list-collection input:checked ~ label span { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } [hidden], template, .list-collection.limited li.checked header:before, #root .map-only, .map-active #root .grid-only, .list-collection li.link-btn ~ *, .module-map > h1, .module-map > h2, .module-map > h3, .module-map > h4, .module-map > h5, .module-map > h6, .module-map > p { display: none; } .map-active #root .map-only { display: inherit; z-index: 17!important; margin-top: -110px; } .map-active #root p.map-only {margin-top: 0px;} article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .list-collection.limited header:before { display: block; } a.helper-icon {border-radius: 50%;color: var(--coal);text-decoration: none;font-size: 12px;width: 15px;height: 15px;display: inline-block;font-weight: bold;line-height: 15px;margin-left: 5px;background-color: var(--danube);text-align: center;} .filters h3 a.helper-icon {margin-left: 7px;position: absolute;margin-top: 3px;color: white;} a.helper-icon:hover {background-color: var(--tango); color: white; text-decoration:none} .tooltip {width: 250px;background-color: var(--tango);color: white;text-align: center;padding: 10px;border-radius: 6px;position: absolute;z-index: 100;font-size: 14px;box-shadow: 0px 2px 5px #0000004a;font-weight: bold;margin-left: -117px;margin-top: 20px;cursor:pointer;line-height: 1.3;} .tooltip a {color: white;text-decoration: underline;text-decoration-color: var(--coal);} .tooltip a:hover {text-decoration-color: white} .tooltip::before {content: '×';top: -3px;position: absolute;right: 5px;color: var(--coal);opacity: 0.7;} .tooltip:hover::before {color: white;opacity: 1;} .tooltip::after {content: " ";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent var(--tango) transparent;} hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid var(--silver); background: none; font-size: 0; } #blueborder-blurb {font-size: 13px;text-align: center;margin: 10px;margin-top:-130px;margin-bottom: 130px;z-index: 16!important;color: white;} #blueborder-blurb::before {display: none;} #blueborder-blurb span {color: white; font-weight: bold} .list-collection li.link-btn:first-child, .form-bar:first-child, .image-a:first-child { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, .module-intro .link-btn > span:first-child:last-child { margin-bottom: 0; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--tango); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--tango); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .list-collection ul li, .list-collection ul li a, .image-a, .form-bar > div, .list-collection ul, .rating-a, .list-collection, .form-bar p, .form-bar form, .form-bar, .link-btn, .installer-address-line { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* f:wr */ .image-a, .form-bar > div, .list-collection ul, .rating-a, .list-collection, .form-bar p, .form-bar form, .form-bar, .link-btn { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:jc */ .list-collection li.link-btn { -webkit-justify-content: center; justify-content: center; } /* j:jb */ .form-bar { -webkit-justify-content: space-between; justify-content: space-between; } /* f:ac */ .form-bar > div, .rating-a, .form-bar p, .form-bar form, .form-bar, .link-btn { -webkit-align-items: center; align-items: center; } /* f:as */ .list-collection ul li, .list-collection ul li a { -webkit-align-items: stretch; align-items: stretch; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('/css/thanks_select/icons/icomoon.woff2') format('woff2'), url('/css/thanks_select/icons/icomoon.woff') format('woff'), url('/css/thanks_select/icons/icomoon.ttf') format('truetype'); font-display: swap; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-left:before { content: "\e90f"; } .icon-arrow-right:before { content: "\e910"; } .icon-arrow-up:before { content: "\e911"; } .icon-chevron-down:before { content: "\e90e"; } .icon-chevron-left:before { content: "\e90b"; } .icon-chevron-right:before { content: "\e90c"; } .icon-chevron-up:before { content: "\e90d"; } .icon-clock:before { content: "\e907"; } .icon-grid:before { content: "\e908"; } .icon-home:before { content: "\e909"; } .icon-money:before { content: "\e90a"; } .icon-pin:before { content: "\e905"; } .icon-pin-home:before { content: "\e906"; } .icon-pin-map:before { content: "\e903"; } .icon-pin-tool:before { content: "\e904"; } .icon-x:before { content: "\e900"; } .icon-youtube:before { content: "\e901"; } .icon-youtube-strong:before { content: "\e902"; } .icon-filter { background: url(/css/installers/city/icons/filters-icon.png) no-repeat; width: 18px; height: 18px; background-size: contain; margin-right: 6px; } [data-whatintent="mouse"] #root .form-bar .link-btn.a a:hover .icon-filter, [data-whatintent="mouse"] #root .form-bar .link-btn.a a.hover .icon-filter { filter: brightness(5) grayscale(1); } /* Floating footer bar ---- */ .floating-footer.form-bar {position: fixed;bottom: 0;width: 100%;z-index: 3;margin-bottom: 0;padding-top: 10px;justify-content: center;border-radius:0} .floating-footer.form-bar .link-btn {margin-bottom: 10px;margin-left: 0!important;} .floating-footer.form-bar.keep-above-default-footer{position: initial;padding-bottom: 25px;background: linear-gradient(180deg, #18234c, #2c3864);margin-top: 5px;} .bottom-blurb {color: #404040} .bottom-blurb h2 {color: var(--tango)} .rating-a {margin-bottom: 35px} .rating-a > .label > p {position: absolute!important;font-size: 13px;font-weight: 300;} .rating-a:hover > .label > p {text-decoration: underline!important;} .rating-a:hover[data-val="0.0"], .rating-a:hover[data-val="0.0"] > .label > p, .rating-a:hover[data-val="0.0"] > span { text-decoration: none !important; cursor: text !important; } .rating-a:hover[data-val="0.0"] .rating > span { cursor: auto; } #featured_filters p {font-size: 14px;position: relative;display: inline-block;cursor: pointer;width: auto;} #featured_filters p + p {margin-left: -78px;} #featured_filters {width: calc(100% - 90px);text-align: center;display: flex;margin-left: 85px;justify-content: space-between;flex-direction: row;} #featured_filters .installers_count {font-size: 14px;margin-bottom: 25px;color: var(--cadet);} #featured_filters .installers_count strong {color: white;} .product-preselect {margin-top: 12px;padding: 12px 14px;border-radius: 10px;border: 1px solid rgba(255,255,255,.2);background: rgba(255,255,255,.08);max-width: 620px;} .product-preselect p {margin: 0 0 8px 0;color: white;font-size: 16px;} .product-preselect label {display: inline-flex;align-items: center;gap: 6px;margin-right: 12px;margin-bottom: 8px;color: white;font-size: 14px;} .product-preselect input {accent-color: var(--tango);} .product-preselect-sub {margin: 2px 0 6px 22px;display: flex;gap: 10px;flex-wrap: wrap;align-items: center;} .product-preselect-sub label {font-size: 12px;color: rgba(255,255,255,.8);display: inline-flex;align-items: center;gap: 6px;} .product-preselect-sub input {transform: scale(.9);} #product-preselect-status {margin: 4px 0 0 0;font-size: 13px;color: rgba(255,255,255,.75);width: 100%;} .cyoi-card label.select-installer{ position:relative; display:block; float:right; white-space:nowrap; width:200px; max-width:200px; font-size:12px; padding:11.5px 18px; margin:0 10px 20px 0; text-align:center; box-sizing:border-box; } .cyoi-card label.select-installer.select-installer--compat{ padding-right:52px; } [data-whatintent="mouse"] .cyoi-card label.select-installer.select-installer--compat:hover{ /* Keep geometry stable so the warning icon doesn't jump on hover */ padding:11.5px 18px; padding-right:52px; border-width:1px; } .installer-compatibility-warning{ position:absolute; left:auto; right:8px; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; border-radius:9999px; border:1px solid #fb923c; background:#fff7ed; color:#b45309; font-weight:700; font-size:.8rem; line-height:1; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; padding:0; margin:0 !important; min-width:0 !important; letter-spacing:normal !important; text-transform:none !important; font-family:inherit; box-sizing:border-box; -webkit-appearance:none; appearance:none; } .installer-compatibility-warning:hover,.installer-compatibility-warning:focus{background:#fed7aa;color:#7c2d12;border-color:#f59e0b} [data-whatintent="mouse"] .cyoi-card label.select-installer.select-installer--compat:hover .installer-compatibility-warning, #root .list-collection input:checked ~ label.select-installer.select-installer--compat:hover .installer-compatibility-warning{ right:8px; transform:translateY(-50%); } /* When selected, keep the warning icon aligned with the selected (green) state */ .list-collection input:checked ~ label .installer-compatibility-warning{ border-color:var(--neon); color:var(--neon); background:transparent; } .list-collection input:checked ~ label .installer-compatibility-warning:hover, .list-collection input:checked ~ label .installer-compatibility-warning:focus{ border-color:var(--neon); color:var(--neon); background:rgba(1,208,117,.28); } #root .list-collection input:checked ~ label.select-installer.select-installer--compat:hover{ padding:11.5px 18px; padding-right:52px; border-width:1px; } .installer.installer-hidden{ display: none !important; } #overlay.list-collection .installer.installer-hidden{ display: block !important; } /* Responsive --------- */ @media only screen and (max-width: 70.625em) { /* 1120 */ #top, #content { width: 980px; } #top { margin-left: -490px; } .list-collection { margin-left: -10px; } .list-collection li { margin-bottom: 10px; width: calc(33.333333333% - 10px); } .list-collection li { margin-left: 10px; } .list-collection .cyoi-card { padding: 30px 15px 20px;} .list-collection li.link-btn { margin-top: 15px; } .module-intro + .list-collection:before { -webkit-transform: translateX(5px); transform: translateX(5px); } .form-bar p + p { margin-left: 8px; } #get_quotes_btn { padding: 11.5px 15px!important } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content { width: 720px; } #top { margin-left: -360px; } .list-collection { margin-left: -30px; } .list-collection li { width: calc(50% - 30px); margin-bottom: 30px; margin-left: 30px; } #overlay.list-collection li.installer { width: 340px; } .list-collection li { margin-left: 30px; } .list-collection li.link-btn { margin-top: -5px; } .list-collection ul li img { height: 60px !important; } .list-collection .cyoi-card { padding: 40px 25px 30px; } .module-intro + .list-collection:before { -webkit-transform: translateX(15px); transform: translateX(15px); } .form-bar { } .form-bar label { margin-right: 10px; } .form-bar p + p { margin-left: 10px; } .form-bar .link-btn { margin-right: -10px; } .form-bar .link-btn > span, .form-bar .link-btn a, .form-bar .link-btn > * { margin-right: 10px; } .form-bar input, .form-bar select { width: 190px; } .form-bar .link-btn:last-of-type { margin-left: calc(50% - 150px); } .form-bar > div { margin-left: 45px; } #featured_filters .installers_count {margin-left: 0;display: block;position: absolute;text-align: right;width: 100%;bottom: -35px;} #featured_filters {position: relative;margin-bottom: 20px;margin-left: 30px;width: calc(100% - 30px);} #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (min-width: 47.5em) { .module-map.map-only .form-bar { display: none } } @media only screen and (max-width: 47.5em) { /* 760 */ .module-intro{ padding-top: 115px !important;} #content { width: auto; } #content { padding-left: 15px; padding-right: 15px; } body, textarea, input, select, option, button { line-height: 1.375; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.6em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } h1, .module-intro h1, .module-intro h2, .module-intro h3, .module-intro h4, .module-intro h5, .module-intro h6 { font-size: 2.6em; } html:not(.map-active) #root { padding-bottom: 30px; margin-top: -92px; } #top { left: 0; right: 0; width: auto; margin: 0; padding: 51px 15px 0; } #logo { width: 183px; height: 43px; margin: 0 auto; } .image-a { margin-top: 0; } .image-a a[href*="youtube"]:before { content: "\e902"; margin-top: -20px; font-size: 40px; line-height: 40px; } .lead-mobile { font-size: 2em; line-height: 1.4; } .lead-mobile .small { display: block; margin: 16px 0 0; padding: 18px 0 0; border-top: 2px solid var(--ocean); font-size: 0.8em; font-weight: 500; line-height: 1.375; } .lead-mobile .small .strong { font-weight: inherit; } div .lead-mobile { font-size: 1em; } .lead-mobile p { font-size: 2em; } .list-collection { margin-top: 10px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { min-height: 0; } .list-collection ul li img { height: calc(24.5vw - 37px) !important; } #overlay.list-collection li.installer { width: 100%; } .map-active .bottom-blurb, .map-active .module-intro, .map-active #top, .map-active .floating-footer.keep-above-default-footer { display: none; } .map-active .module-map { display: block; } .map-active #root .list-collection { /*display: block;*/ display: none; overflow-x: hidden; overflow-y: auto; position: fixed; left: 15px; right: 15px; bottom: 0; z-index: 5; max-height: calc(100% - 366px); margin: 0; padding: 10px 20px 0; box-shadow: 0 3px 10px rgba(52,52,52,.2); border-radius: 6px 6px 0 0; border-bottom-width: 45px; background: var(--white); } .map-active .list-collection:not(#overlay) li { float: none; /*width: auto;*/ margin: 0; padding: 11px 0 10px; border-top-width: 1px; border-color: var(--athens); } .map-active .list-collection li:first-child { border-top-width: 0; } .map-active .list-collection h1, .map-active .list-collection:not(#overlay) h2, .map-active .list-collection h3, .map-active .list-collection h4, .map-active .list-collection h5, .map-active .list-collection h6 { overflow: hidden; min-height: 0; margin: 0 0 8px; font-weight: 500; font-size: 1.6em; text-overflow: ellipsis; white-space: nowrap; } .map-active .list-collection p { overflow: hidden; margin: 0; text-overflow: ellipsis; white-space: nowrap; } .module-intro { padding-top: 41px; } .module-intro:before, .module-intro + *:before, .map-active .module-intro + .grid-only + .map-only:before { left: -15px; right: -15px; width: auto; margin: 0; } .module-intro + *:before, .map-active .module-intro + .grid-only + .map-only:before { width: 100%; max-height: 77px; background: var(--rhino); } .module-intro:before, .theme-overlay body { background: -moz-linear-gradient(top, var(--rhino) 0%, var(--denim) 50%, var(--sky) 100%); background: -webkit-linear-gradient(top, var(--rhino) 0%,var(--denim) 50%,var(--sky) 100%); background: linear-gradient(to bottom, var(--rhino) 0%,var(--denim) 50%,var(--sky) 100%); } #content > .module-intro:first-child, #content > *:first-child > .module-intro:first-child { padding-top: 141px; z-index: 9!important; padding-bottom: 0; } .module-intro .link-btn > span:first-child { margin: 12px 15px 12px 0; } .module-intro > .link-btn { width: 100%; } .module-intro .link-btn > span:first-child + span { margin-left: 0; } .module-intro .form-bar:last-child { margin-bottom: 0; position:relative; } .module-map { position: static; min-height: 100vh; margin: 0 -15px; } .module-map > h1, .module-map > h2, .module-map > h3, .module-map > h4, .module-map > h5, .module-map > h6 { display: block; overflow: hidden; position: fixed; left: 15px; right: 15px; top: 45px; z-index: 2; padding: 0 45px 0 20px; color: var(--white); font-size: 1.3em; font-weight: 500; line-height: 52px; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0.12em; } .module-map > h1:before, .module-map > h2:before, .module-map > h3:before, .module-map > h4:before, .module-map > h5:before, .module-map > h6:before { border-radius: 6px; background: var(--rhino); opacity: .8; } .module-map .close:before { content: "\e900"; left: auto; right: 25px; font-size: 12px; } .module-map > figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; min-height: 100vh; margin: 0; border-width: 0; } .module-map > figure > img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .module-map > p { /*display: block;*/ display: none; position: fixed; left: 35px; right: 35px; bottom: 0; z-index: 6; height: 45px; margin: 0; border-top: 1px solid var(--athens); color: var(--rhino); font-weight: 500; font-size: 11px; line-height: 44px; text-transform: uppercase; text-align: center; letter-spacing: 0.12em; } .module-map > p i { display: inline-block; position: relative; top: .1em; margin: 0 4px 0 0; color: var(--tango); font-size: 1.0909090909em; line-height: 1px; } .rating-a { } .rating-a .rating { height: 15px; } .rating-a .rating > * { width: 15px; } .list-collection li.link-btn { margin-top: 10px; } .form-bar { position: static; margin: 30px -15px 28px; padding: 20px 15px 3px; border-radius: 0; } .form-bar p + p { margin-left: 18px; } .form-bar label { float: none; margin: 0 0 12px; font-size: 13px; } .form-bar input, .form-bar select, .list-collection li { width: 100%; } #root .form-bar > .link-btn { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 75px; margin: 0; padding: 15px; background: var(--rhino); } #root .form-bar > .link-btn > * { width: auto; margin: 0; } #root .form-bar > .link-btn a, #root .form-bar > .link-btn button { height: 31px; padding-top: 0!important; padding-bottom: 0!important; font-size: .9em; width: 100%; } #root .form-bar > .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-bar, .form-bar > *, .form-bar > div { -webkit-align-items: flex-end; align-items: flex-end; } #root .form-bar > .link-btn { -webkit-align-items: center; align-items: center; } #root .form-bar:not(.floating-footer) > .link-btn { -webkit-justify-content: space-between; justify-content: space-between;display: none} .floating-footer.form-bar.keep-above-default-footer{width: 100%;margin: 0;margin-bottom: -32px;padding: 5px 0 0 0;} .floating-footer.form-bar.keep-above-default-footer p.link-btn{position: initial!important;background: none!important;} /*.form-bar, .form-bar > *, .form-bar > div { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }*/ .form-bar > div > p:first-child, .form-bar > div { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; margin-left: 0 } .form-bar > div > p:first-child { width: 50% } #filter_btn { width: calc(100% + 10px); margin-left: 0; margin-top: 120px;} #filter_btn a { text-align: left; } #filter_btn a i.icon-chevron-down { float: right; top: 20px!important; } #featured_filters {text-align: initial;top: 115px;position: absolute;margin-left: 0;} #blueborder-blurb {color: var(--scorpion); margin-top: 10px; margin-bottom: 10px;} #blueborder-blurb span {color: var(--sky);} .module-intro + .list-collection:before { -webkit-transform: none; transform: none; display: none; } .form-bar > *, .form-bar p, .list-collection li.link-btn ~ * { display: block; } .form-bar > * + p:last-child, .theme-overlay .module-intro:before, .map-active .list-collection:not(#overlay) li.link-btn, .map-active .list-collection:not(#overlay) figure, .map-active .list-collection:not(#overlay) header input, .map-active .list-collection:not(#overlay) header label, .map-active .list-collection:not(#overlay) header p, .map-active .list-collection:not(#overlay) footer, .map-active .list-collection:not(#overlay) p a, .map-active .list-collection:not(#overlay) .double, .map-active .list-collection:not(#overlay) li:before, .map-active #root .list-collection:not(#overlay):before, #root .form-bar > .link-btn:after { display: none; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } body.down div#footer_before-v2 {border-top: 40px solid var(--coal)} } @media only screen and (max-width: 47.5em) and (orientation: landscape) { .map-active { } .map-active #root .list-collection { max-height: 50%; } .module-map { } .module-map > h1, .module-map > h2, .module-map > h3, .module-map > h4, .module-map > h5, .module-map > h6 { top: 15px; } } #loader { position: fixed; z-index: 1002; width: 100%; height: 100%; background-color: rgba(255,255,255,0.85); padding-top: calc(50vh - 50px); top: 0; text-align: center;} ul.installation-images li:not(.noimage) { cursor: pointer } .sqia-container { flex-shrink: 0; margin-left: 10px; } img.installer-sqia { width: 70px !important; margin: -15px 5px 0px 0px; will-change: transform; } button.gm-ui-hover-effect img { float: right } #map p { font-size: 0.9em; color: black; } #map button { min-width: initial!important; } #map .gmnoprint img { max-width: 20px!important; } #overlay-wrapper, .overlay-wrapper { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 999; background-color: rgba(255,255,255,0.55); text-align: center; } .overlay { position: relative; background-color: white; padding: 60px; border-radius: 10px; box-shadow: -1px 1px 10px rgba(0,0,0,0.2); display: inline-block; width: 100%; max-width: 800px; margin-top: 30vh; } #overlay.list-collection { margin-left: calc(50% - 550px); width: 1100px; margin-top: 5%; } #overlay.list-collection .installer { margin: 0 auto; } #overlay .close:hover, .overlay .close:hover { text-decoration: none; } #overlay .close, .overlay .close { position: absolute; right: 0; font-size: 20px; color: gray; top: 0; padding: 30px; z-index: 9999; } #overlay .installer .close {padding-bottom: 10px;} #overlay .close img, .overlay .close img { width: 15px!important; } #overlay .installer *:not(.select-installer) { text-align: left; } div#address_overlay p.input-inline > .address_overlay_companyname { color: var(--rhino);margin-bottom: 15px; text-align: left; display: none } div#address_overlay label {color: var(--coal)} div#address_overlay.with-company-name p.input-inline > .address_overlay_companyname {display: block;} div#address_overlay.with-company-name label {display: none;} div#address_overlay input {color: #343434} label[for=location] { text-align: left; } .btn-pin-icon img { height: 37px!important; float: right; margin-top: -40px; z-index: 9999; position: relative; margin-right: 10px; } @media only screen and (max-width: 62.5em) { #overlay.list-collection { width: 100%; margin-left: 0; } } .gm-style-iw.gm-style-iw-c, .gm-style .gm-style-iw-t::after { background: none!important; background-color: transparent!important; box-shadow: none!important; } .gm-ui-hover-effect { display: none!important; } .gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece { background: transparent!important; } .gm-style-iw.gm-style-iw-c { margin-top: 45px; margin-left: 55px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.2em; } @media only screen and (max-width: 47.5em) { #overlay.list-collection { padding-left: 15px; width: auto; margin-top: 80px; padding-right: 30px; margin-left: 0px; } #overlay.list-collection > li { border: 0; margin-left: 20px!important; } #map { min-height: 110vh; } #overlay-wrapper { background-color: transparent; } .map-active .form-bar { margin: 0; } #overlay .close { right: 0; top: 0; padding: 15px; z-index: 9999; } .overlay { padding: 40px 20px 20px; } .overlay .close { padding: 10px } .map-active #root { z-index: 10} .map-active .module-map.map-only h2 { margin-top: 15px} } label[for=sorterselect] { margin-right: 10px!important; } .sl-wrapper button:hover { opacity: .7; background: none!important; color: initial; } .sl-wrapper.simple-lightbox button { padding: 0; } .sl-navigation button {min-width: 10px} li.noimage::before { background: none!important; } img.noimage { object-fit: contain; } /* --- Time is over popup --- */ #time-popup { display: none; position: fixed; text-align: center; width: 100vw; height: 100vh; z-index: 10; background-color: #1b75bb8a; } #time-popup > div { background-color: white; display: inline-block; padding: 30px; margin-top: 40vh; border-radius: 6px; box-shadow: 0px 1px 10px #0000005c; text-align: left; } #time-popup > div p.popup-title { font-size: 2.2em; margin-bottom: 10px; color: #2b3864; font-weight: bold; text-align: left; } #time-popup > div a:nth-of-type(1) { padding: 11.5px 31px; border-radius: 18px; border: 1px solid var(--tango); background: var(--tango); color: var(--white); font-size: 11px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 0.12em; text-decoration: none; line-height: 3; } #time-popup > div a:nth-of-type(2) { padding: 11.5px 31px; border-radius: 18px; border: 1px solid var(--tango); /* background: var(--tango); */ color: var(--tango); font-size: 11px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 0.12em; margin-left: 15px; text-decoration: none; } @media only screen and (max-width: 500px) { #time-popup > div a:nth-of-type(1) { display: block; padding-top: 0px; padding-bottom: 0; } #time-popup > div a:nth-of-type(2) { display: block; padding-top: 9px; padding-bottom: 9px; margin-top: 10px; margin-left: 0; } } @media only screen and (max-width: 400px) { #overlay.list-collection > li { margin-left: 0 !important; } #overlay.list-collection { padding-left: 10px; padding-right: 10px; } #content { padding-left: 10px; padding-right: 10px; } header.module-intro { padding-left: 5px; padding-right: 5px; } } #iframe_reviews { width: 650px; height: 90vh; background: rgba(255,255,255,0.95); border-radius: 10px; margin-top: 5vh; box-shadow: 0px 0 5px rgba(0,0,0,0.2); padding-top: 50px; } #overlay .close-reviews-overlay { right: calc(50% - 300px); margin-top: calc(5vh + 5px); padding: 0; } @media only screen and (max-width: 47.5em) { #iframe_reviews { width: 100%; } #overlay .close-reviews-overlay { right: 0; margin: 20px; margin-top: calc(9vh + 15px); } #iframe_reviews {margin-top: 9vh;} } .footer label[for=postcode] { display: block; } body.down div#footer_before-v2 {margin-top: -2px;} body.down footer div#footer-top .form-check {margin-top: -38px;} /* ---- Filters ----- */ .list-collection .filters .active > span { background-color: var(--mystic); padding: 5px 10px; border-radius: 10px; color: var(--coal); font-size: 1.2em; margin-right: 5px; margin-left: 5px; cursor: pointer; display: inline-block; margin-bottom: 7px; } .list-collection .filters .active > span:before { content: '×'; margin-right: 5px; line-height: 12px; vertical-align: text-top; } .list-collection .filters .active > span:hover:before { font-weight: bold; font-size: 110%; color: var(--tango); line-height: 11px; } .list-collection .filters { background-color: white; position: absolute; padding: 48px 30px; width: 345px; margin-left: -345px; border-radius: 6px; color: black; border: 0; overflow-y: auto; } .list-collection .filters h3.filter-install-title { margin-bottom: 8px; } .list-collection .filters p.filter-install-subtitle { cursor: unset; color: var(--scorpion); margin-bottom: 28px; } .list-collection .filters h3 { font-size: 20px; margin-bottom: 36px; min-height: 0; } .list-collection .filters p { font-size: 14px; cursor: pointer; display: inline-block; } #featured_filters p span, .list-collection .filters p span { width: 20px; height: 20px; border: 1px solid black; display: inline-block; border-radius: 5px; vertical-align: middle; margin-right: 15px; transition: 0.2s linear box-shadow; } #featured_filters p span { border-color: white } .list-collection .filters hr { margin-top: 10px; margin-bottom: 25px; } #featured_filters p:hover span, .list-collection .filters p:hover span { border: 1px solid #01D075; box-shadow: 0px 0px 15px #01D075; } #featured_filters p.checked span, .list-collection .filters p.checked span { background-color: #01D075; border-color: #01D075; background-image: url(/css/installers/city/icons/checkbox-check.png); background-size: 75%; background-repeat: no-repeat; background-position: 50% 60%; } #featured_filters p.checked, .list-collection .filters p.checked { font-weight: bold; } .clear-all-link {font-size: 70%; font-weight: normal; margin-left: 8px} #filter_btn { display: none; } #filter_btn a i.icon-chevron-down { color: var(--coal); font-size: 7px; margin-left: 5px; top: -1px; } #filter_btn a:hover i.icon-chevron-down, #filter_btn a.hover i.icon-chevron-down { color: white; } .list-collection .filters a.close img { display: none; } #filtersPanelBrands, #filtersInverterBrands, #filtersBatteryBrands { max-height: 50vh; overflow-y: auto } #bar_address { display: none; margin-top: -10px;background-color: var(--coal);padding: 5px 10px 4px 20px;border-radius: 5px;font-size: 14px;right: 0;width: 100%;text-align: center; } #bar_address a { color: var(--tango); margin-left: 5px; } .list-collection .filters.large-only.with-active {height: initial;padding: 30px;z-index: 9; display: initial;box-shadow: 0 0 10px rgba(0,0,0,0.3);position: relative;padding-top: 10px;margin-left: 30px;width: 100%;} .list-collection .filters:not(.large-only) .active, .list-collection .filters i { display: none } .list-collection .filters.large-only h3 {margin-top: 20px;margin-bottom: 20px;} .list-collection .filters.large-only .active {color: var(--tango)} @media screen and (max-width: 1860px) { .list-collection .filters.large-only {display: none!important} .list-collection .filters:not(.large-only) .active { display: initial; color: var(--tango); } #filter_btn { display: initial; } .list-collection .filters { transition: 0.4s linear height; width: 100%; height: 0; overflow: hidden; padding: 0; } .list-collection .filters h3 { margin-left: 5px; margin-top: 20px; margin-bottom: 20px; } .list-collection .filters p.filter-install-subtitle { margin-left: 5px; } .list-collection .filters .filter-other-services { margin-top: 20px; } .list-collection .filters p { width: 33%; } .list-collection .filters .all { display: none } .list-collection .filters.expanded .all { display: initial } .list-collection .filters.expanded .active { display: none } .list-collection .filters.expanded, .list-collection .filters.with-active { height: initial; padding: 30px; z-index: 9; display: initial; box-shadow: 0 0 10px rgba(0,0,0,0.3); margin-left: 30px; position: relative; padding-top: 10px; margin-left: 30px; } .list-collection .filters hr { display: none; } .list-collection .filters a.close img,.list-collection .filters a.close i { width: 20px!important; float: right; display: initial; position: absolute; right: 20px; top: 20px; color: #d6d6d6; } #companies_selected_text { position: relative; margin-top: 0; width: 100%; text-align: center; } .form-bar .link-btn { display: inline-block; } #get_quotes_btn { margin-top: 0; } .filter-brands-wrapper > div { width: 33%; display: inline-block!important; vertical-align: top; } .filter-brands-wrapper > div > div { margin-left: -10px; } .list-collection .filters .filter-brands-wrapper p { width: 100%; padding-left: 10px; } } @media only screen and (max-width: 70.625em) { .list-collection .filters.expanded, .list-collection .filters.with-active { margin-left: 10px; } } @media only screen and (max-width: 1000px) { .list-collection .filters.expanded, .list-collection .filters.with-active { margin-left: 30px; } } @media only screen and (max-width: 47.5em) { .filter-brands-wrapper > div { width: 100%; } .list-collection .filters p { width: 100%; } #filtersPanelBrands, #filtersInverterBrands, #filtersBatteryBrands { background-color: var(--haze); } #companies_selected_text { position: relative; margin-bottom: 5px!important; margin-top: -5px!important; width: 100%!important; } .sqheader { background: var(--coal); position: relative; display: block; } #featured_filters p + p {margin-left: 0} #featured_filters p {width: 100%;margin-bottom: 15px;} #featured_filters .installers_count {width: calc(100% - 5px);margin-top: 70px;top: 25px;} } #header_before { z-index: 4; position: relative; } /* --- popup ---- */ #popup1 { z-index: 1001; } .popup.opened { display: flex; align-items: center; } .popup.opened .popup-inner { transform: scale(1); } .popup { transition: all 0.5s; width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 998; background-color: rgba(0,0,0,0.4); display: none; color: var(--coal); } .popup div.actions { text-align: center } .popup div.actions > div{ position: fixed; } .popup .popup-inner { transition: all 0.5s; transform: scale(0.8); position: relative; background-color: white; width: 50%; margin-left: 25%; z-index: 999; padding: 10px; border-radius: 5px; box-shadow: -1px 1px 10px rgba(0,0,0,0.5); } .popup .popup-inner h4, .popup .popup-inner .popup-content { margin: 10px; } .popup p { margin-bottom: 30px; line-height: 120%; } .popup h4 { border-bottom: 1px solid var(--tango); padding-bottom: 10px; margin-bottom: 25px!important; } .popup p.actions { text-align: center } .popup .popup-inner .installer-compatibility-popup-close { color: var(--coal); position: absolute; top: 12px; right: 12px; margin: 0; min-width: auto; width: auto; height: auto; border: none; background: transparent; font-size: 24px; font-weight: 700; text-transform: none; letter-spacing: normal; line-height: 1; cursor: pointer; padding: 0 6px; z-index: 2; } .popup .popup-inner .installer-compatibility-popup-close:hover, .popup .popup-inner .installer-compatibility-popup-close:focus { padding: 0 6px; background: transparent; border: none; color: var(--coal); text-decoration: none; } .popup .actions a, .popup input.submit-btn { min-width: 110px; margin: 0 30px 0 0; padding: 11.5px 31px; border-radius: 18px; border: 1px solid var(--coal); background: var(--coal); color: var(--white); font-size: 11px; font-weight: 700; line-height: 1.0769230769; text-transform: uppercase; text-align: center; letter-spacing: 0.12em; display: inline-block; margin-top: 10px!important; } .popup .actions a:hover { text-decoration: none; background: var(--denim); border-color: var(--denim)} .popup .recaptcha-terms{ text-align: center; padding-top: 15px; } .grecaptcha-badge { visibility: hidden; } #installer-application input + input { margin-top: 5px; } #installer-application input { color: var(--coal); transition: 0.2s all; } #installer-application input:focus { border-color: var(--tango); } #installer-application button, #installer-application .submit-btn { font-size: 11px; background: var(--coal); color: white; border: none; border-radius: 18px; display: inline; margin-left: -30px; } #installer-application .submit-btn { width: 110px; padding: 12px; display: inline-block; } #installer-application .submit-btn:hover{ background: var(--denim); padding: 12px 31px; } @media(max-width: 760px){ .popup .popup-inner { width: 90%; margin-left: 5%; } } @media (max-width: 940px) { .popup div.actions a { display: block; width: 100% } #installer-application button, #installer-application .submit-btn{ width: 100%; margin-top: 5px; margin-left: 0; } } /* --- popup (end) ---- */ /* --- new installer signup --- */ [data-whatintent="mouse"] .list-collection li.installer-placeholder:hover:before {box-shadow: none} li.installer-placeholder:before {background: var(--mystic);border: 3px dashed #cbd4db; border-radius: 6px; } li.installer-placeholder {font-size: 18px;color: var(--storm);padding: 50px 40px;display: flex;flex-direction: column;justify-content: space-around;} li.installer-placeholder p {font-size: 18px;} li.installer-placeholder .installers_count { text-align: center; } #installer-signup-success {text-align: center;} #installer-signup-success p:nth-child(1) { display: inline-block; font-size: 40px; background: var(--neon); width: 50px; height: 50px; border-radius: 50%; color: white; margin-bottom: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzgiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDc3LjM1MTc2OCA1Ni4xODIxMjUiCiAgIGhlaWdodD0iNTYuMTgyMTI1bW0iCiAgIHdpZHRoPSI3Ny4zNTE3NjhtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczIiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuODY3Nzk1LC05OC40OTkyMzQpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoODI2IgogICAgICAgZD0ibSA2My4zNDI4NzYsMTIxLjY3MTE5IC04LjI4NTM1NSw3Ljc1MDgxIDI0Ljg1NjA2NiwyNS4xMjMzNCA0LjAwOTA0NCwtMC4yNjcyNyA0OC4xMDg1MTksLTQ2Ljc3MjE3IC04LjgxOTksLTguODE5ODkgLTQwLjA5MDQyOCwzOS44MjMxNiBoIC0xLjYwMzYxNiB6IgogICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MC45OTQ5NDk1MjtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MC4yNjQ1ODMzMnB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiIC8+CiAgPC9nPgo8L3N2Zz4K); background-size: 30px; background-repeat: no-repeat; background-position: center; } #installer-signup-success p:nth-child(2) {font-size: 30px;font-weight: bold;margin-bottom: 10px;} #installer-signup-success p:nth-child(3) {width: 300px;display: inline-block;} #installer-signup .error {color: red;margin-top: 15px;margin-bottom: 15px;text-align: center;font-size: 14px;} .installers .cyoi-card header{ display:flex; align-items:center; justify-content:space-between; gap:12px 2px; } .installers .cyoi-card figure{ float:none; margin:0; } .installers .cyoi-card label.select-installer{ float:none; margin:0; }