*, :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 */	.double:after, .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 figure: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, .list-collection figure:before { z-index: 8; }
/* i:wi */	.module-map > figure 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(--rhino); padding-top: 70px!important }
#content .module-intro.bottom {padding-top: 0px!important; padding-bottom: 30px}
    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 { }
    /*.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 p, #location_input_wrapper { max-width: 852px; } */
	.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;margin-bottom: 80px;margin-top: -50px;}
	.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; }
#map {border: 10px solid white;}

.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; }	
    .rating-a[data-val="0.0"] > a  { text-decoration: none !important; cursor: text !important; }


/*! 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; color: var(--rhino)}

/*! 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, 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: 18px; 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, [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 a:hover, [data-whatintent="mouse"] button:hover, [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]: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 { 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; }

/*! 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; padding: 0; border: 0 solid var(--white); line-height: 1.4615384615; margin-top: 150px; margin-left: -30px; z-index: 7!important; justify-content: flex-start; }
.list-collection:nth-of-type(1) { margin-top: 50px; margin-bottom: 70px;}
	.module-intro + .list-collection:before { -webkit-transform: translateX(15px); transform: translateX(15px); }
    .list-collection li { font-size: 1em; margin-bottom: 30px; }
    .list-collection li.installer { width: calc(33.3333333% - 30px); margin-bottom: 30px; margin-left: 30px; }
    .list-collection li.no-installers {height: initial;padding: 30px;z-index: 9;display: initial;position: relative;padding-top: 10px;margin-left: 30px;width: 100%;border-left: 0;}
    .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 .cyoi-card li:hover:before { box-shadow: none; }
        [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 figure:before { left: -2px; top: -2px; right: -2px; bottom: -2px; z-index: 2; box-shadow: none; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OSA3NC44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3OSA3NC44IiB3aWR0aD0iNzkiIGhlaWdodD0iNzQuOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzJDMzg2NDt9IC5zdDF7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGQ9Ik02Ny43IDMuM2MtLjgtLjgtMS45LTEuMy0zLTEuM0gxNC40Yy0xLjIgMC0yLjIuNS0zIDEuM0wzIDEyLjZjLS42LjgtMSAxLjctMSAyLjd2NDQuM2MwIDEgLjMgMiAxIDIuN2w4LjMgOS4yYy44LjggMS45IDEuMyAzIDEuM2g1MC42YzEuMiAwIDIuMi0uNCAzLTEuM2w4LjEtOS4xYy42LS44IDEtMS43IDEtMi43VjE1LjJjMC0xLS4zLTItMS0yLjcgMCAwLTguMy05LjItOC4zLTkuMnptNy43IDU2LjRjMCAuNi0uMiAxLjItLjYgMS43bC04LjEgOS4xYy0uNS41LTEuMi44LTEuOS44SDE0LjNjLS43IDAtMS40LS4zLTEuOS0uOGwtOC4zLTkuMmMtLjQtLjUtLjYtMS4xLS42LTEuN1YxNS4zYzAtLjYuMi0xLjIuNi0xLjdsOC40LTkuM2MuNS0uNSAxLjItLjggMS45LS44aDUwLjJjLjcgMCAxLjQuMyAxLjkuOGw4LjMgOS4yYy40LjUuNiAxLjEuNiAxLjcgMCAwIDAgNDQuNSAwIDQ0LjV6IiBjbGFzcz0ic3QwIi8+PHBhdGggZD0iTTc4IDBIMHY3NC44aDc5VjBoLTF6TTIgMTUuM2MwLTEgLjQtMS45IDEtMi43bDguNC05LjNjLjgtLjggMS44LTEuMyAzLTEuM2g1MC4zYzEuMSAwIDIuMi41IDMgMS4zbDguMyA5LjJjLjcuNyAxIDEuNyAxIDIuN3Y0NC41YzAgMS0uNCAxLjktMSAyLjdsLTguMSA5LjFjLS44LjktMS44IDEuMy0zIDEuM0gxNC4zYy0xLjEgMC0yLjItLjUtMy0xLjNMMyA2Mi4zYy0uNy0uNy0xLTEuNy0xLTIuN1YxNS4zeiIgY2xhc3M9InN0MSIvPjwvc3ZnPg==); background-size: 100% 100%; }
		.list-collection li.checked figure:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA3OSA3NC44IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNzkiIGhlaWdodD0iNzQuOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHN0eWxlPi5zdDJ7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggaWQ9IlBhdGhfMjYtM18xXyIgZmlsbD0iIzRhYjA2ZiIgZD0iTTE0LjMgNzIuMWMtLjkgMC0xLjgtLjQtMi40LTEuMWwtOC4zLTkuMmMtLjUtLjYtLjgtMS40LS44LTIuMlYxNS4zYzAtLjguMy0xLjYuOC0yLjJMMTIgMy44Yy42LS43IDEuNS0xLjEgMi40LTEuMWg1MC4zYy45IDAgMS44LjQgMi40IDEuMWw4LjMgOS4yYy41LjYuOCAxLjQuOCAyLjJ2NDQuNWMwIC44LS4zIDEuNi0uOCAyLjJMNjcuMyA3MWMtLjYuNy0xLjUgMS4xLTIuNCAxLjFIMTQuM3oiLz48cGF0aCBmaWxsPSIjMmQ4YjYzIiBkPSJNMTQuMyA3Mi44Yy0xLjEgMC0yLjItLjUtMy0xLjNMMyA2Mi4zYy0uNy0uNy0xLTEuNy0xLTIuN1YxNS4zYzAtMSAuNC0xLjkgMS0yLjdsOC40LTkuM2MuOC0uOCAxLjgtMS4zIDMtMS4zaDUwLjNjMS4xIDAgMi4yLjUgMyAxLjNsOC4zIDkuMmMuNy43IDEgMS43IDEgMi43djQ0LjVjMCAxLS40IDEuOS0xIDIuN2wtOC4xIDkuMWMtLjguOS0xLjggMS4zLTMgMS4zSDE0LjN6bS4xLTY5LjNjLS43IDAtMS40LjMtMS45LjhsLTguNCA5LjNjLS40LjUtLjYgMS4xLS42IDEuN3Y0NC4zYzAgLjYuMiAxLjIuNiAxLjdsOC4zIDkuMmMuNS41IDEuMi44IDEuOS44aDUwLjVjLjcgMCAxLjQtLjMgMS45LS44bDguMS05LjFjLjQtLjUuNi0xLjEuNi0xLjdWMTUuMmMwLS42LS4yLTEuMi0uNi0xLjdsLTguMy05LjJjLS41LS41LTEuMi0uOC0xLjktLjggMCAwLTUwLjIgMC01MC4yIDB6Ii8+PHBhdGggZD0iTTU0IDI3LjljLS42LS42LTEuNS0uNi0yLjEgMEwzNi4xIDQzLjdsLTktOWMtLjYtLjYtMS41LS42LTIuMSAwcy0uNiAxLjUgMCAyLjFsMTAgMTAuMWMuMy4zLjcuNCAxLjEuNHMuOC0uMSAxLjEtLjRMNTQgMzBjLjYtLjYuNi0xLjUgMC0yLjF6IiBjbGFzcz0ic3QyIi8+PHBhdGggZD0iTTc4IDBIMHY3NC44aDc5VjBoLTF6TTIgMTUuM2MwLTEgLjQtMS45IDEtMi43bDguNC05LjNjLjgtLjggMS44LTEuMyAzLTEuM2g1MC4zYzEuMSAwIDIuMi41IDMgMS4zbDguMyA5LjJjLjcuNyAxIDEuNyAxIDIuN3Y0NC41YzAgMS0uNCAxLjktMSAyLjdsLTguMSA5LjFjLS44LjktMS44IDEuMy0zIDEuM0gxNC4zYy0xLjEgMC0yLjItLjUtMy0xLjNMMyA2Mi4zYy0uNy0uNy0xLTEuNy0xLTIuN1YxNS4zeiIgY2xhc3M9InN0MiIvPjwvc3ZnPg==); }
		.list-collection figure img { width: 100% !important; height: 100% !important; }
	.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 10px; font-size: 1.3em; }
	.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); }
    .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; 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), 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%; }
.hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, .link-btn i.hidden { 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: 7!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 { display: block; }

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; } 

.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 */ 	.image-a, .form-bar > div, .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, .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; }

/*! 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); }

#location_input_wrapper button {overflow: hidden;position: absolute;padding: 12px 34px;border-radius: 28px;background: var(--heather);color: var(--white);font-weight: 500;font-size: 13px;text-transform: uppercase;text-align: center;letter-spacing: .12em;border: none;margin-top: -55px;height: 55px;left: 730px;}
#location_input_wrapper button:hover { background-color: var(--rhino) }
#location_input_wrapper input {height: 55px;border-radius: 9px;border: none;font-size: 16px;padding-left: 20px;padding-bottom: 1px;color: var(--rhino);width: 700px;}
#location_input_wrapper input::placeholder { color: var(--rhino) }

.module-cards { display: none; position: relative; margin-top: 100px }
.switch-view-btn { display: none; position: absolute; z-index: 1; right: 30px; top: 30px }
.switch-view-btn a { background-color: white; color: var(--rhino); border: none; padding: 25px 50px!important; font-size: 85%!important }
.switch-view-btn a:hover { color: white; }
#map-view-btn { top: -100px; right: 0 }
.gm-fullscreen-control, .gm-svpc { display: none }
div#location_input_wrapper .icon-x {position: absolute;margin-top: -46px;z-index: 1;margin-left: 655px;font-size: 112%;cursor: pointer;color: var(--castle);padding: 15px;display:none;}
div#location_input_wrapper .icon-x:hover {color: var(--rhino)}
#location-form #filter-results-btn {color: var(--rhino);text-decoration: none;font-size: 14px;font-weight: 600;letter-spacing: 2px;padding: 10px;display: none;position: absolute;margin-top: -50px;left: 890px;}
#location-form #filter-results-btn i {font-size: 50%;margin-top: 9px;margin-left: 5px;}
#location-form #filter-results-btn.active { color: var(--tango); }
#location-form #filter-results-btn.active i.icon-chevron-down:before { content: "\e90d"; }
#location-form #filter-results-btn:before { content: 'FILTER RESULTS'} 
#location-form #filter-results-btn.active:before { content: 'CLOSE FILTERS'}     
#form-installers { display: none }
#form-installers h3 { color: var(--rhino); text-align: center; margin-bottom: 100px; margin-top: -30px; }
#form-installers button { display: inline; margin-left: 20px; background-color: var(--tango); color: white; border-color: transparent }

.switch {font-size: 14px; margin-top: 50px; letter-spacing: 2px; cursor: pointer; display: inline-block;}
.safari .switch {margin-bottom:25px;}
.switch * { vertical-align: middle; }
.switch span:nth-of-type(1) { color: var(--neon); font-weight: bold }
.switch span:nth-of-type(2) { background: white; width: 44px; height: 24px; display: inline-block; margin: 0 10px; border-radius: 16px; border: 1px solid var(--neon) }
.switch span:nth-of-type(2)::after { content: ' '; width: 18px; height: 18px; background: var(--neon); display: inline-block; border-radius: 16px; position: absolute; margin-top: 2px; margin-left: 2px; transition: all 0.2s ease-in-out }
.switch:hover span:nth-of-type(2) { box-shadow: 0px 0px 10px var(--neon) }
.switch.switched span:nth-of-type(1) { font-weight:normal; color: var(--rhino); margin-right: 6px;}
.switch.switched span:nth-of-type(3) { color: var(--neon); font-weight: bold }
.switch.switched span:nth-of-type(2)::after {margin-left: 22px}
#filter-paused-switch { display: none}
#filter-paused-switch-helper { display: none}
#paused-switch-helper { display: none }
body.installers-loaded.module-cards-visible #paused-switch-helper {display: inline-block;color: var(--scorpion);font-size: 14px;margin-bottom: -20px;position: absolute;top: -50px;}
body.installers-loaded.module-cards-visible #paused-switch-helper span {color: var(--sky); font-weight: bold}
#sorter-wrapper {top: -100px;position: absolute;margin-bottom: 0;}
#sorter-wrapper label {display: inline-block; color: var(--scorpion)}
#sorter-wrapper select {width: auto;display: inline-block;color: var(--scorpion);}
#user-address-wrapper {background-color: var(--coal);color: white;border-radius: 6px;padding: 10px 20px;margin: 40px 0 -20px 0;text-align: center;display:none;}
#user-address-wrapper p {font-size: 16px;margin: 0;}
#user-address-wrapper p span {font-weight: bold;margin: 0 10px;}
#user-address-wrapper p a {margin-left: 10px; text-decoration:underline}
#searching-area-msg {position: absolute;bottom: 0;z-index: 1;color: white;background: var(--coal);border-radius: 6px;padding: 0 20px;font-size: 18px;left: calc(50% - 115px);display: none;text-transform: uppercase;letter-spacing: 0.8px;font-weight: bold;box-shadow: 0px 1px 1px rgb(0 0 0 / 40%);animation: pulse 1.3s infinite;}
#pins-explanation {position: absolute;padding: 10px;background: white;margin-top: 20px;left: 20px;z-index: 1;max-width: 220px;border-radius: 6px;display: none;}
#pins-explanation p {color: var(--coal);text-transform: uppercase;font-size: 14px;display: inline-block;width: calc(100% - 30px);margin: 0;line-height: 17px;letter-spacing: -0.5px;}
#pins-explanation img {margin-right: 10px;}
#pins-explanation div {position:relative;display: flex;align-items: center;}
#pins-explanation div > img {vertical-align: middle;}
#pins-explanation div + div {margin-top: 10px}
#pins-explanation > p {width: calc(100% + 20px);margin-bottom: 8px;border-bottom: 1px solid var(--mystic);padding-bottom: 4px;margin-left: -10px;text-align: center;}
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: #78a9d6;text-align: center;}
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;}
/* 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.installer { width: 320px; margin-bottom: 10px; margin-left: 10px; }
    .list-collection .cyoi-card { padding: 30px 15px 20px; }
	.list-collection li { margin-bottom: 10px; }
	.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 .cyoi-card { padding: 40px 25px 30px; }
		.list-collection li { margin-bottom: 30px; }
        .list-collection li.installer { width: 345px; margin-bottom: 30px; margin-left: 30px; }
		.list-collection li.link-btn { margin-top: -5px; }
		.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; }

	#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; }
	#location_input_wrapper {text-align: center;}
	#location_input_wrapper input {width: 100%;display: block;}
	#location_input_wrapper button {position: relative;left: 0;display: inline-block;text-align: center;margin-top: 25px;padding: 12px 60px;margin-right: 0;}
	.list-breadcrumbs {display:none}
	#card-view-btn {position: absolute;top: auto;bottom: auto;text-align: right;right: 0;}
	#card-view-btn a {padding: 15px 20px!important;display: inline-block;font-size: 13px!important;margin-top: 20px;margin-right: -10px;box-shadow: 0px 1px 10px #00000021;}
	#location-form #filter-results-btn {margin: auto;left: 0;width: 100%;margin-top: 30px;position: relative;margin-bottom: 0;}
	#paused-switch, #paused-switch-helper { display: none!important}
	.module-cards {margin-top: 130px}
	.list-collection:nth-of-type(1) {margin-top: 0px;margin-bottom: 0px;}
	#form-installers h3 {font-size: 27px;line-height: 1.2;padding: 0 90px;margin-top: 50px;}
	#form-installers button {padding: 17px 43px;margin-top: 25px;font-size: 15px;border-radius: 30px;}
	div#location_input_wrapper .icon-x {margin-left: 0;right: 0;}
	.module-map { margin-top: 40px}
	#filter-paused-switch { margin-bottom: 20px; display: block}
	#filter-paused-switch div { font-size: 14px; margin-bottom: 10px; color: var(--rhino); vertical-align: middle; cursor: pointer; }
	#filter-paused-switch div span { width: 20px; height: 20px; display: inline-block; border: 1px solid var(--neon); border-radius: 100%; vertical-align: middle; margin-right: 11px; transition: 0.2s all linear }
	#filter-paused-switch div:hover span { box-shadow: 0px 0px 10px var(--neon) }
	#filter-paused-switch div.selected span { background: var(--neon) }
	#filter-paused-switch div.selected span:before { content: ' '; background: white; position: absolute; width: 8px; height: 8px; border-radius: 100%; margin-top: 5px; margin-left: 5px }
	#filter-paused-switch-helper {position: absolute;top: -26px;width: 100%;font-size: 11px;color: var(--scorpion);display: block;}
	#filter-paused-switch-helper span {color: var(--sky); font-weight: bold}
	#sorter-wrapper {width: calc(100% - 340px);top: -101px;}
	#sorter-wrapper select {width: 100%;}
	#map-view-btn a {padding: 25px 35px!important;}
	#user-address-wrapper {margin-bottom: 0;}
    #map-view-btn {top: -90px;}
}
@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 */
#form-installers h3 {padding: 0}
#form-installers h3 button { font-size: 14px }
#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; padding-left: 20px; padding-right: 20px; text-align: center; margin-top: 25px; }

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.6;text-align: center;font-size: 16px;}
	.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; }
.list-collection { margin-top: 10px; }	
    .list-collection li.installer {width: 100%; }
	.list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { min-height: 0; }
.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); border-left-width: 0; }
			.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); }
	#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; }
.module-map { position: static; margin: 0 -15px; margin-top: 40px }
	.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; }
#filter_btn a { text-align: left; }
#filter_btn a i.icon-chevron-down { float: right; top: 20px!important; }

.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; }
#searching-area-msg {height: 25px;line-height: 25px;right: initial;bottom: initial;margin-top: 680px;z-index:2;}
#pins-explanation {left: -25px;transform: scale(0.8);margin-top: 580px;box-shadow: 0px 0px 7px rgba(0,0,0,0.3);}
#map-view-btn {top: -100px;}
}
@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; }
}
@media only screen and (max-width: 640px) {
#sorter-wrapper {width: calc(100% - 145px);}
#map-view-btn {width: calc(100% + 30px);top: -180px;}
.module-cards {margin-top: 200px;}
.tooltip {margin-left: -230px;}
.tooltip::after{margin-left: 108px;}
}
#loader { position: fixed; z-index: 999; width: 100%; height: 100%; background-color: rgba(255,255,255,0.85); padding-top: calc(50vh - 50px); top: 0; text-align: center;}

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: 997;
    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;
    position: relative;
}
#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 30px 10px 10px;
    z-index: 9999;
}
#overlay .close img,
.overlay .close img {
    width: 15px!important;
}
#overlay .installer *:not(.select-installer) {
    text-align: left;
}

div#address_overlay label {color: var(--coal)}
div#address_overlay input {color: #343434}
#address_overlay > div > p > span {color: var(--coal);}

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 {
        margin: 47px auto 0;
        width: 720px;
    }
}

.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: 20px;
        width: auto;
        margin-top: 80px;
        padding-right: 20px;
        margin-left: 0px;
    }
    #overlay.list-collection > li > .cyoi-card {
        padding: 20px;
        border: 0;
    }
    #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 { padding-left: 10px; padding-right: 10px; }
    #content { padding-left: 10px; padding-right: 10px; }
}

#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; }

/* ---- 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: 10px;
    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 {
    font-size: 20px; 
    margin-bottom: 36px;
    min-height: 0;
}
.list-collection .filters p {
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    color: var(--rhino);
    margin-left: 34px;
    width: calc(100% - 45px);
    margin-bottom: 12px;
}
.list-collection .filters p span {
    width: 20px;
    height: 20px;
    border: 1px solid var(--neon);
    display: inline-block;
    border-radius: 5px;
    vertical-align: middle;
    margin-left: -34px;
    transition: 0.2s linear box-shadow;
    position: absolute;
}
.list-collection .filters hr {
    margin-top: 10px;
    margin-bottom: 25px;
}
.list-collection .filters p:hover span {
    border: 1px solid #01D075;
    box-shadow: 0px 0px 15px #01D075;
}
.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%;
}
.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, #filtersEVChargerBrands, #filtersHwhpBrands {height: 225px;overflow-y: auto;border: 1px solid #E1E1E1;padding: 10px;border-radius: 5px;padding-left: 0;position: relative;}
#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;}
.filter-general-wrapper { display: inline-block;width: 29%;vertical-align: top; }
.filter-brands-wrapper { display: inline-block; width: 70%; }

.list-collection .filters.large-only {display: none!important}
.list-collection .filters:not(.large-only) .active { display: initial }
#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-top: 20px;margin-bottom: 20px;text-transform: uppercase;font-weight: 500;letter-spacing: 3px;}
.list-collection .filters div div h3 { font-size: 14px; letter-spacing: 1px; font-weight: bold }
.list-collection .filters p {  }
.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;
    margin-left: 30px;
    position: relative;
    padding-top: 10px;
    padding-right: 0;
}
.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: calc(33% - 40px);
    display: inline-block!important;
    vertical-align: bottom;
    margin-right: 40px;
}
.filter-brands-wrapper > div > div {
    margin-left: -10px;
}
.list-collection .filters .filter-brands-wrapper p {
    position: relative;
    width: calc(100% - 20px);
}

@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; }
    .filter-brands-wrapper > div { width: 100%; }
    .list-collection .filters p { width: 100%; }
    #filtersPanelBrands, #filtersInverterBrands, #filtersBatteryBrands, #filtersEVChargerBrands, #filtersHwhpBrands {width: 100%;margin: 0;}
    .filter-general-wrapper {width: 100%}
    .list-collection .filters div div h3 {margin-top: 30px;}
    .filter-brands-wrapper {width: calc(100% - 40px)}
    #companies_selected_text { position: relative; margin-bottom: 5px!important; margin-top: -5px!important; width: 100%!important; }
}

@media only screen and (min-width: 1000px) {
    .filters .filter-brands-wrapper .panel, .filters .filter-brands-wrapper .inverter, .filters .filter-brands-wrapper .battery {
        margin-top: 0;
    }
    .fakeScroll__content p[data-field] > span { top: 50%; transform: translateY(-50%);}
}

@media only screen and (max-width: 47.5em) {
    body > #footer_before { z-index: 3; position: relative; }
    .sqheader { position: relative; display: block; }
}

#header_before { z-index: 4; position: relative; }

/* --- popup ---- */

.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 p.actions { text-align: center  }

.popup .popup-inner {
    transition: all 0.5s;
    transform: scale(0.8);
    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 a {
    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 a:hover { text-decoration: none; background: var(--denim); border-color: var(--denim)}

#popup1 { z-index: 1001; }

.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);
    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 .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 div.actions a:hover { text-decoration: none; background: var(--denim); border-color: var(--denim)}

@media(max-width: 760px){
    .popup .popup-inner {
        width: 90%;
        margin-left: 5%;
    }
}

@media (max-width: 940px) {
    .popup a { display: block; width: 100% }
}

/* --- animations --- */

@keyframes pulse {
	0% {
		transform: scale(0.98);
		box-shadow: 0 0 0 0 rgba(43, 56, 100, 0.5);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
	100% {
		transform: scale(0.98);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}