:root { box-sizing: border-box; font: 400 16px/22px AvertaStandard, system-ui, sans-serif; } *, *:before, *:after { font: inherit; box-sizing: inherit; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body { line-height: 1; -webkit-text-size-adjust: none; margin: 0; padding: 0; border: none; } html { overflow-x: hidden; } @font-face { font-style: normal; font-weight: 400; font-display: swap; src: local('Averta Std Regular'), local('AvertaStd-Regular'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff') format('woff'); font-family: AvertaStandard; } @font-face { font-style: normal; font-weight: 500; font-display: swap; src: local('Averta Std Semibold'), local('AvertaStd-Semibold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff') format('woff'); font-family: AvertaStandard; } @font-face { font-style: normal; font-weight: 700; font-display: swap; src: local('Averta Std Bold'), local('AvertaStd-Bold'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff2') format('woff2'),url('https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff') format('woff'); font-family: AvertaStandard; } /* un9pgs replaces with evtrc */ .evtrc0 { --evtrc1: light; --evtrc2: #fff; --evtrc3: #212338; --evtrc4: 592px; --evtrc5: 1344px; --evtrc6: 940px; --evtrc7: 4px; --evtrc8: 8px; --evtrc9: 12px; --evtrca: 16px; --evtrcb: 20px; --evtrcc: 24px; --evtrcd: 32px; --evtrce: 48px; --evtrcf: 96px; --evtrcg: 0px; --evtrch: #fafbfc; --evtrci: #eef0f2; --evtrcj: #d4d9dd; --evtrck: #8f95a1; --evtrcl: #6c7283; --evtrcm: #5c6172; --evtrcn: #484c5f; --evtrco: #34384c; --evtrcp: #212338; --evtrcq: #f2fdf9; --evtrcr: #e3f8f0; --evtrcs: #71edc2; --evtrct: #36e5aa; --evtrcu: #00dd95; --evtrcv: #01c68c; --evtrcw: #03af83; --evtrcx: #05987a; --evtrcy: #078171; --evtrcz: #f3f8ff; --evtrc10: #e1edfe; --evtrc11: #80a7fd; --evtrc12: #4680fc; --evtrc13: #0d59fc; --evtrc14: #0d54e5; --evtrc15: #0d50ce; --evtrc16: #0d4bb7; --evtrc17: #0d47a1; --evtrc18: #fffcf2; --evtrc19: #ffedb5; --evtrc1a: #ffde79; --evtrc1b: #ffcf3d; --evtrc1c: #ffc001; --evtrc1d: #fcb30b; --evtrc1e: #f9a715; --evtrc1f: #f69a1f; --evtrc1g: #f38e29; --evtrc1h: #fdf4f4; --evtrc1i: #ffd4d4; --evtrc1j: #ef918e; --evtrc1k: #e85f5b; --evtrc1l: #e12e28; --evtrc1m: #d42b26; --evtrc1n: #b51e1a; --evtrc1o: #96110e; --evtrc1p: #780502; --evtrc1q: #fff; --evtrc1r: #212338; --evtrc1s: #0d59fc; --evtrc1t: #fff; --evtrc1u: #eef0f2; --evtrc1v: #8f95a1; --evtrc1w: #34384c; --evtrc1x: #01c68c; --evtrc1y: #e3f8f0; --evtrc1z: #078171; --evtrc20: #fff; --evtrc21: #078171; --evtrc22: #fff; --evtrc23: #fff; --evtrc24: #eef0f2; --evtrc25: #484c5f; --evtrc26: #d4d9dd; --evtrc27: #eef0f2; --evtrc28: #fafbfc; --evtrc29: #d4d9dd; --evtrc2a: #ffc001; --evtrc2b: #d4d9dd; --evtrc2c: #d42b26; --evtrc2d: #fdf4f4; --evtrc2e: #96110e; --evtrc2f: #fff; --evtrc2g: #96110e; --evtrc2h: #f69a1f; --evtrc2i: #fffcf2; --evtrc2j: #f38e29; --evtrc2k: #fff; --evtrc2l: #f38e29; --evtrc2m: #484c5f; --evtrc2n: #eef0f2; --evtrc2o: #212338; --evtrc2p: #fff; --evtrc2q: #212338; --evtrc2r: #03af83; --evtrc2s: #e3f8f0; --evtrc2t: #078171; --evtrc2u: #e3f8f0; --evtrc2v: #078171; --evtrc2w: #0d4bb7; --evtrc2x: #e1edfe; --evtrc2y: #0d47a1; --evtrc2z: #fff; --evtrc30: #0d47a1; --evtrc31: 0 1px 5px 0 rgba(0, 0, 0, 0.03), 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.05); --evtrc32: 0 1px 10px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.03), 0 2px 4px -1px rgba(0, 0, 0, 0.05); --evtrc33: 0 3px 14px 2px rgba(0, 0, 0, 0.03), 0 8px 10px 1px rgba(0, 0, 0, 0.03), 0 5px 5px -3px rgba(0, 0, 0, 0.05); --evtrc34: 0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.05); --evtrc35: 0 9px 46px 8px rgba(0, 0, 0, 0.03), 0 24px 38px 3px rgba(0, 0, 0, 0.03), 0 11px 15px -7px rgba(0, 0, 0, 0.05); --evtrc36: none; --evtrc37: 1px; --evtrc38: 2px; --evtrc39: 4px; --evtrc3a: 0; --evtrc3b: #eef0f2; --evtrc3c: #d4d9dd; --evtrc3d: #212338; --evtrc3e: 4px; --evtrc3f: none; --evtrc3g: 1000000000px; --evtrc3h: 50%; --evtrc3i: 2px; --evtrc3j: 10px; --evtrc3k: 12px; --evtrc3l: 12px; --evtrc3m: 18px; --evtrc3n: 14px; --evtrc3o: 20px; --evtrc3p: 16px; --evtrc3q: 22px; --evtrc3r: 18px; --evtrc3s: 26px; --evtrc3t: 20px; --evtrc3u: 28px; --evtrc3v: 24px; --evtrc3w: 30px; --evtrc3x: 30px; --evtrc3y: 40px; --evtrc3z: 40px; --evtrc40: 48px; --evtrc41: #01c68c; --evtrc42: #484c5f; --evtrc43: #ffc001; --evtrc44: #0d59fc; --evtrc45: #212338; --evtrc46: #fff; --evtrc47: #8f95a1; --evtrc48: #484c5f; --evtrc49: #5c6172; --evtrc4a: #d42b26; --evtrc4b: #f69a1f; --evtrc4c: #01c68c; --evtrc4d: #0d59fc; --evtrc4e: 400; --evtrc4f: 500; --evtrc4g: 700; --evtrc4h: cubic-bezier(0.4, 0.0, 0.2, 1); --evtrc4i: cubic-bezier(0.0, 0.0, 0.2, 1); --evtrc4j: cubic-bezier(0.4, 0.0, 1, 1); --evtrc4k: 16px; --evtrc4l: 20px; --evtrc4m: 32px; } /* mae8xe replaces with inputclass */ .inputclass0 input::placeholder { color: var(--evtrcp); } .inputclass1:hover { background-color: var(--evtrco); } .inputclass1:focus { background-color: var(--evtrcn); box-shadow: var(--evtrc32); } /* w7m9xn replaces with newinputclass0 */ .newinputclass0 { appearance: none; } .newinputclass1 { cursor: pointer; } .newinputclass2 { font-size: 100%; vertical-align: baseline; border-width: 0; } .newinputclass3 { font-size: 100%; vertical-align: baseline; border-width: 0; display: block; } .newinputclass4 { font-size: 100%; vertical-align: baseline; border-width: 0; margin: 0; padding: 0; list-style: none; } .newinputclass5 { font-size: 100%; vertical-align: baseline; border-width: 0; margin: 0; padding: 0; } .newinputclass6 { outline: none; background: none; user-select: none; } .newinputclass7::-ms-expand { display: none; } .newinputclass8::-ms-clear { display: none; } .newinputclass8::-webkit-clear-button, .newinputclass8::-webkit-search-cancel-button, .newinputclass8::-webkit-search-results-button { -webkit-appearance: none; } .newinputclass8[type="number"]::-webkit-outer-spin-button, .newinputclass8[type="number"]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .newinputclass9 { font-size: 100%; vertical-align: baseline; border-width: 0; margin: 0; padding: 0; text-decoration: none; } .newinputclassa { border-spacing: 0; border-collapse: collapse; } .newinputclassb { vertical-align: middle; } .newinputclassc { font-size: 100%; vertical-align: baseline; border-width: 0; margin: 0; padding: 0; } /* 1ju83mc replaces with 2stp9m */ /* vardec replaces with evtrc */ ._2stp9m0 { padding-top: var(--evtrc7); } ._2stp9m4 { padding-top: var(--evtrc8); } ._2stp9m8 { padding-top: var(--evtrc9); } ._2stp9mc { padding-top: var(--evtrca); } ._2stp9mg { padding-top: var(--evtrcb); } ._2stp9mk { padding-top: var(--evtrcc); } ._2stp9mo { padding-top: var(--evtrcd); } ._2stp9ms { padding-top: var(--evtrce); } ._2stp9mw { padding-top: var(--evtrcf); } ._2stp9m10 { padding-top: var(--evtrcg); } ._2stp9m14 { padding-right: var(--evtrc7); } ._2stp9m18 { padding-right: var(--evtrc8); } ._2stp9m1c { padding-right: var(--evtrc9); } ._2stp9m1g { padding-right: var(--evtrca); } ._2stp9m1k { padding-right: var(--evtrcb); } ._2stp9m1o { padding-right: var(--evtrcc); } ._2stp9m1s { padding-right: var(--evtrcd); } ._2stp9m1w { padding-right: var(--evtrce); } ._2stp9m20 { padding-right: var(--evtrcf); } ._2stp9m24 { padding-right: var(--evtrcg); } ._2stp9m28 { padding-bottom: var(--evtrc7); } ._2stp9m2c { padding-bottom: var(--evtrc8); } ._2stp9m2g { padding-bottom: var(--evtrc9); } ._2stp9m2k { padding-bottom: var(--evtrca); } ._2stp9m2o { padding-bottom: var(--evtrcb); } ._2stp9m2s { padding-bottom: var(--evtrcc); } ._2stp9m2w { padding-bottom: var(--evtrcd); } ._2stp9m30 { padding-bottom: var(--evtrce); } ._2stp9m34 { padding-bottom: var(--evtrcf); } ._2stp9m38 { padding-bottom: var(--evtrcg); } ._2stp9m3c { padding-left: var(--evtrc7); } ._2stp9m3g { padding-left: var(--evtrc8); } ._2stp9m3k { padding-left: var(--evtrc9); } ._2stp9m3o { padding-left: var(--evtrca); } ._2stp9m3s { padding-left: var(--evtrcb); } ._2stp9m3w { padding-left: var(--evtrcc); } ._2stp9m40 { padding-left: var(--evtrcd); } ._2stp9m44 { padding-left: var(--evtrce); } ._2stp9m48 { padding-left: var(--evtrcf); } ._2stp9m4c { padding-left: var(--evtrcg); } ._2stp9m4g { margin-top: var(--evtrc7); } ._2stp9m4k { margin-top: var(--evtrc8); } ._2stp9m4o { margin-top: var(--evtrc9); } ._2stp9m4s { margin-top: var(--evtrca); } ._2stp9m4w { margin-top: var(--evtrcb); } ._2stp9m50 { margin-top: var(--evtrcc); } ._2stp9m54 { margin-top: var(--evtrcd); } ._2stp9m58 { margin-top: var(--evtrce); } ._2stp9m5c { margin-top: var(--evtrcf); } ._2stp9m5g { margin-top: var(--evtrcg); } ._2stp9m5k { margin-right: var(--evtrc7); } ._2stp9m5o { margin-right: var(--evtrc8); } ._2stp9m5s { margin-right: var(--evtrc9); } ._2stp9m5w { margin-right: var(--evtrca); } ._2stp9m60 { margin-right: var(--evtrcb); } ._2stp9m64 { margin-right: var(--evtrcc); } ._2stp9m68 { margin-right: var(--evtrcd); } ._2stp9m6c { margin-right: var(--evtrce); } ._2stp9m6g { margin-right: var(--evtrcf); } ._2stp9m6k { margin-right: var(--evtrcg); } ._2stp9m6o { margin-bottom: var(--evtrc7); } ._2stp9m6s { margin-bottom: var(--evtrc8); } ._2stp9m6w { margin-bottom: var(--evtrc9); } ._2stp9m70 { margin-bottom: var(--evtrca); } ._2stp9m74 { margin-bottom: var(--evtrcb); } ._2stp9m78 { margin-bottom: var(--evtrcc); } ._2stp9m7c { margin-bottom: var(--evtrcd); } ._2stp9m7g { margin-bottom: var(--evtrce); } ._2stp9m7k { margin-bottom: var(--evtrcf); } ._2stp9m7o { margin-bottom: var(--evtrcg); } ._2stp9m7s { margin-left: var(--evtrc7); } ._2stp9m7w { margin-left: var(--evtrc8); } ._2stp9m80 { margin-left: var(--evtrc9); } ._2stp9m84 { margin-left: var(--evtrca); } ._2stp9m88 { margin-left: var(--evtrcb); } ._2stp9m8c { margin-left: var(--evtrcc); } ._2stp9m8g { margin-left: var(--evtrcd); } ._2stp9m8k { margin-left: var(--evtrce); } ._2stp9m8o { margin-left: var(--evtrcf); } ._2stp9m8s { margin-left: var(--evtrcg); } ._2stp9m8w { box-shadow: var(--evtrc31); } ._2stp9m90 { box-shadow: var(--evtrc32); } ._2stp9m94 { box-shadow: var(--evtrc33); } ._2stp9m98 { box-shadow: var(--evtrc34); } ._2stp9m9c { box-shadow: var(--evtrc35); } ._2stp9m9g { box-shadow: var(--evtrc36); } ._2stp9m9k { border-style: solid; } ._2stp9m9l { border-top-color: var(--evtrc3b); } ._2stp9m9m { border-top-color: var(--evtrc3c); } ._2stp9m9n { border-top-color: var(--evtrc3d); } ._2stp9m9o { border-right-color: var(--evtrc3b); } ._2stp9m9p { border-right-color: var(--evtrc3c); } ._2stp9m9q { border-right-color: var(--evtrc3d); } ._2stp9m9r { border-bottom-color: var(--evtrc3b); } ._2stp9m9s { border-bottom-color: var(--evtrc3c); } ._2stp9m9t { border-bottom-color: var(--evtrc3d); } ._2stp9m9u { border-left-color: var(--evtrc3b); } ._2stp9m9v { border-left-color: var(--evtrc3c); } ._2stp9m9w { border-left-color: var(--evtrc3d); } ._2stp9m9x { border-top-width: var(--evtrc37); } ._2stp9ma1 { border-top-width: var(--evtrc38); } ._2stp9ma5 { border-top-width: var(--evtrc39); } ._2stp9ma9 { border-top-width: var(--evtrc3a); } ._2stp9mad { border-right-width: var(--evtrc37); } ._2stp9mah { border-right-width: var(--evtrc38); } ._2stp9mal { border-right-width: var(--evtrc39); } ._2stp9map { border-right-width: var(--evtrc3a); } ._2stp9mat { border-bottom-width: var(--evtrc37); } ._2stp9max { border-bottom-width: var(--evtrc38); } ._2stp9mb1 { border-bottom-width: var(--evtrc39); } ._2stp9mb5 { border-bottom-width: var(--evtrc3a); } ._2stp9mb9 { border-left-width: var(--evtrc37); } ._2stp9mbd { border-left-width: var(--evtrc38); } ._2stp9mbh { border-left-width: var(--evtrc39); } ._2stp9mbl { border-left-width: var(--evtrc3a); } ._2stp9mbp { border-radius: var(--evtrc3e); } ._2stp9mbt { border-radius: var(--evtrc3f); } ._2stp9mbx { border-radius: var(--evtrc3g); } ._2stp9mc1 { border-radius: var(--evtrc3h); } ._2stp9mc5 { border-radius: var(--evtrc3i); } ._2stp9mc9 { background-color: var(--evtrch); } ._2stp9mca { background-color: var(--evtrci); } ._2stp9mcb { background-color: var(--evtrcj); } ._2stp9mcc { background-color: var(--evtrck); } ._2stp9mcd { background-color: var(--evtrcl); } ._2stp9mce { background-color: var(--evtrcm); } ._2stp9mcf { background-color: var(--evtrcn); } ._2stp9mcg { background-color: var(--evtrco); } ._2stp9mch { background-color: var(--evtrcp); } ._2stp9mci { background-color: var(--evtrcq); } ._2stp9mcj { background-color: var(--evtrcr); } ._2stp9mck { background-color: var(--evtrcs); } ._2stp9mcl { background-color: var(--evtrct); } ._2stp9mcm { background-color: var(--evtrcu); } ._2stp9mcn { background-color: var(--evtrcv); } ._2stp9mco { background-color: var(--evtrcw); } ._2stp9mcp { background-color: var(--evtrcx); } ._2stp9mcq { background-color: var(--evtrcy); } ._2stp9mcr { background-color: var(--evtrcz); } ._2stp9mcs { background-color: var(--evtrc10); } ._2stp9mct { background-color: var(--evtrc11); } ._2stp9mcu { background-color: var(--evtrc12); } ._2stp9mcv { background-color: var(--evtrc13); } ._2stp9mcw { background-color: var(--evtrc14); } ._2stp9mcx { background-color: var(--evtrc15); } ._2stp9mcy { background-color: var(--evtrc16); } ._2stp9mcz { background-color: var(--evtrc17); } ._2stp9md0 { background-color: var(--evtrc18); } ._2stp9md1 { background-color: var(--evtrc19); } ._2stp9md2 { background-color: var(--evtrc1a); } ._2stp9md3 { background-color: var(--evtrc1b); } ._2stp9md4 { background-color: var(--evtrc1c); } ._2stp9md5 { background-color: var(--evtrc1d); } ._2stp9md6 { background-color: var(--evtrc1e); } ._2stp9md7 { background-color: var(--evtrc1f); } ._2stp9md8 { background-color: var(--evtrc1g); } ._2stp9md9 { background-color: var(--evtrc1h); } ._2stp9mda { background-color: var(--evtrc1i); } ._2stp9mdb { background-color: var(--evtrc1j); } ._2stp9mdc { background-color: var(--evtrc1k); } ._2stp9mdd { background-color: var(--evtrc1l); } ._2stp9mde { background-color: var(--evtrc1m); } ._2stp9mdf { background-color: var(--evtrc1n); } ._2stp9mdg { background-color: var(--evtrc1o); } ._2stp9mdh { background-color: var(--evtrc1p); } ._2stp9mdi { background-color: var(--evtrc1q); } ._2stp9mdj { background-color: transparent; } ._2stp9mdk { width: 100%; } ._2stp9mdl { height: 100%; } ._2stp9mdm { position: absolute; } ._2stp9mdn { position: fixed; } ._2stp9mdo { position: relative; } ._2stp9mdp { text-align: left; } ._2stp9mdq { text-align: center; } ._2stp9mdr { text-align: right; } ._2stp9mds { overflow: hidden; } ._2stp9mdt { overflow: scroll; } ._2stp9mdu { overflow: visible; } ._2stp9mdv { overflow: auto; } ._2stp9mdw { display: contents; } ._2stp9mdx { display: block; } ._2stp9mdy { display: flex; } ._2stp9mdz { display: inline-flex; } ._2stp9me0 { display: inline; } ._2stp9me1 { display: inline-block; } ._2stp9me2 { display: none; } ._2stp9me3 { opacity: 0; } ._2stp9me4 { opacity: 1; } ._2stp9me5 { user-select: none; } ._2stp9me6 { align-items: flex-start; } ._2stp9mea { align-items: center; } ._2stp9mee { align-items: flex-end; } ._2stp9mei { flex-direction: row; } ._2stp9mem { flex-direction: row-reverse; } ._2stp9meq { flex-direction: column; } ._2stp9meu { flex-direction: column-reverse; } ._2stp9mey { flex-grow: 0; } ._2stp9mez { flex-grow: 1; } ._2stp9mf0 { flex-shrink: 0; } ._2stp9mf1 { flex-wrap: wrap; } ._2stp9mf2 { flex-wrap: nowrap; } ._2stp9mf3 { justify-content: flex-start; } ._2stp9mf7 { justify-content: center; } ._2stp9mfb { justify-content: flex-end; } ._2stp9mff { justify-content: space-between; } ._2stp9mfj { pointer-events: none; } @media screen and (min-width: 768px) { ._2stp9m1 { padding-top: var(--evtrc7); } ._2stp9m5 { padding-top: var(--evtrc8); } ._2stp9m9 { padding-top: var(--evtrc9); } ._2stp9md { padding-top: var(--evtrca); } ._2stp9mh { padding-top: var(--evtrcb); } ._2stp9ml { padding-top: var(--evtrcc); } ._2stp9mp { padding-top: var(--evtrcd); } ._2stp9mt { padding-top: var(--evtrce); } ._2stp9mx { padding-top: var(--evtrcf); } ._2stp9m11 { padding-top: var(--evtrcg); } ._2stp9m15 { padding-right: var(--evtrc7); } ._2stp9m19 { padding-right: var(--evtrc8); } ._2stp9m1d { padding-right: var(--evtrc9); } ._2stp9m1h { padding-right: var(--evtrca); } ._2stp9m1l { padding-right: var(--evtrcb); } ._2stp9m1p { padding-right: var(--evtrcc); } ._2stp9m1t { padding-right: var(--evtrcd); } ._2stp9m1x { padding-right: var(--evtrce); } ._2stp9m21 { padding-right: var(--evtrcf); } ._2stp9m25 { padding-right: var(--evtrcg); } ._2stp9m29 { padding-bottom: var(--evtrc7); } ._2stp9m2d { padding-bottom: var(--evtrc8); } ._2stp9m2h { padding-bottom: var(--evtrc9); } ._2stp9m2l { padding-bottom: var(--evtrca); } ._2stp9m2p { padding-bottom: var(--evtrcb); } ._2stp9m2t { padding-bottom: var(--evtrcc); } ._2stp9m2x { padding-bottom: var(--evtrcd); } ._2stp9m31 { padding-bottom: var(--evtrce); } ._2stp9m35 { padding-bottom: var(--evtrcf); } ._2stp9m39 { padding-bottom: var(--evtrcg); } ._2stp9m3d { padding-left: var(--evtrc7); } ._2stp9m3h { padding-left: var(--evtrc8); } ._2stp9m3l { padding-left: var(--evtrc9); } ._2stp9m3p { padding-left: var(--evtrca); } ._2stp9m3t { padding-left: var(--evtrcb); } ._2stp9m3x { padding-left: var(--evtrcc); } ._2stp9m41 { padding-left: var(--evtrcd); } ._2stp9m45 { padding-left: var(--evtrce); } ._2stp9m49 { padding-left: var(--evtrcf); } ._2stp9m4d { padding-left: var(--evtrcg); } ._2stp9m4h { margin-top: var(--evtrc7); } ._2stp9m4l { margin-top: var(--evtrc8); } ._2stp9m4p { margin-top: var(--evtrc9); } ._2stp9m4t { margin-top: var(--evtrca); } ._2stp9m4x { margin-top: var(--evtrcb); } ._2stp9m51 { margin-top: var(--evtrcc); } ._2stp9m55 { margin-top: var(--evtrcd); } ._2stp9m59 { margin-top: var(--evtrce); } ._2stp9m5d { margin-top: var(--evtrcf); } ._2stp9m5h { margin-top: var(--evtrcg); } ._2stp9m5l { margin-right: var(--evtrc7); } ._2stp9m5p { margin-right: var(--evtrc8); } ._2stp9m5t { margin-right: var(--evtrc9); } ._2stp9m5x { margin-right: var(--evtrca); } ._2stp9m61 { margin-right: var(--evtrcb); } ._2stp9m65 { margin-right: var(--evtrcc); } ._2stp9m69 { margin-right: var(--evtrcd); } ._2stp9m6d { margin-right: var(--evtrce); } ._2stp9m6h { margin-right: var(--evtrcf); } ._2stp9m6l { margin-right: var(--evtrcg); } ._2stp9m6p { margin-bottom: var(--evtrc7); } ._2stp9m6t { margin-bottom: var(--evtrc8); } ._2stp9m6x { margin-bottom: var(--evtrc9); } ._2stp9m71 { margin-bottom: var(--evtrca); } ._2stp9m75 { margin-bottom: var(--evtrcb); } ._2stp9m79 { margin-bottom: var(--evtrcc); } ._2stp9m7d { margin-bottom: var(--evtrcd); } ._2stp9m7h { margin-bottom: var(--evtrce); } ._2stp9m7l { margin-bottom: var(--evtrcf); } ._2stp9m7p { margin-bottom: var(--evtrcg); } ._2stp9m7t { margin-left: var(--evtrc7); } ._2stp9m7x { margin-left: var(--evtrc8); } ._2stp9m81 { margin-left: var(--evtrc9); } ._2stp9m85 { margin-left: var(--evtrca); } ._2stp9m89 { margin-left: var(--evtrcb); } ._2stp9m8d { margin-left: var(--evtrcc); } ._2stp9m8h { margin-left: var(--evtrcd); } ._2stp9m8l { margin-left: var(--evtrce); } ._2stp9m8p { margin-left: var(--evtrcf); } ._2stp9m8t { margin-left: var(--evtrcg); } ._2stp9m8x { box-shadow: var(--evtrc31); } ._2stp9m91 { box-shadow: var(--evtrc32); } ._2stp9m95 { box-shadow: var(--evtrc33); } ._2stp9m99 { box-shadow: var(--evtrc34); } ._2stp9m9d { box-shadow: var(--evtrc35); } ._2stp9m9h { box-shadow: var(--evtrc36); } ._2stp9m9y { border-top-width: var(--evtrc37); } ._2stp9ma2 { border-top-width: var(--evtrc38); } ._2stp9ma6 { border-top-width: var(--evtrc39); } ._2stp9maa { border-top-width: var(--evtrc3a); } ._2stp9mae { border-right-width: var(--evtrc37); } ._2stp9mai { border-right-width: var(--evtrc38); } ._2stp9mam { border-right-width: var(--evtrc39); } ._2stp9maq { border-right-width: var(--evtrc3a); } ._2stp9mau { border-bottom-width: var(--evtrc37); } ._2stp9may { border-bottom-width: var(--evtrc38); } ._2stp9mb2 { border-bottom-width: var(--evtrc39); } ._2stp9mb6 { border-bottom-width: var(--evtrc3a); } ._2stp9mba { border-left-width: var(--evtrc37); } ._2stp9mbe { border-left-width: var(--evtrc38); } ._2stp9mbi { border-left-width: var(--evtrc39); } ._2stp9mbm { border-left-width: var(--evtrc3a); } ._2stp9mbq { border-radius: var(--evtrc3e); } ._2stp9mbu { border-radius: var(--evtrc3f); } ._2stp9mby { border-radius: var(--evtrc3g); } ._2stp9mc2 { border-radius: var(--evtrc3h); } ._2stp9mc6 { border-radius: var(--evtrc3i); } ._2stp9me7 { align-items: flex-start; } ._2stp9meb { align-items: center; } ._2stp9mef { align-items: flex-end; } ._2stp9mej { flex-direction: row; } ._2stp9men { flex-direction: row-reverse; } ._2stp9mer { flex-direction: column; } ._2stp9mev { flex-direction: column-reverse; } ._2stp9mf4 { justify-content: flex-start; } ._2stp9mf8 { justify-content: center; } ._2stp9mfc { justify-content: flex-end; } ._2stp9mfg { justify-content: space-between; } } @media screen and (min-width: 1024px) { ._2stp9m2 { padding-top: var(--evtrc7); } ._2stp9m6 { padding-top: var(--evtrc8); } ._2stp9ma { padding-top: var(--evtrc9); } ._2stp9me { padding-top: var(--evtrca); } ._2stp9mi { padding-top: var(--evtrcb); } ._2stp9mm { padding-top: var(--evtrcc); } ._2stp9mq { padding-top: var(--evtrcd); } ._2stp9mu { padding-top: var(--evtrce); } ._2stp9my { padding-top: var(--evtrcf); } ._2stp9m12 { padding-top: var(--evtrcg); } ._2stp9m16 { padding-right: var(--evtrc7); } ._2stp9m1a { padding-right: var(--evtrc8); } ._2stp9m1e { padding-right: var(--evtrc9); } ._2stp9m1i { padding-right: var(--evtrca); } ._2stp9m1m { padding-right: var(--evtrcb); } ._2stp9m1q { padding-right: var(--evtrcc); } ._2stp9m1u { padding-right: var(--evtrcd); } ._2stp9m1y { padding-right: var(--evtrce); } ._2stp9m22 { padding-right: var(--evtrcf); } ._2stp9m26 { padding-right: var(--evtrcg); } ._2stp9m2a { padding-bottom: var(--evtrc7); } ._2stp9m2e { padding-bottom: var(--evtrc8); } ._2stp9m2i { padding-bottom: var(--evtrc9); } ._2stp9m2m { padding-bottom: var(--evtrca); } ._2stp9m2q { padding-bottom: var(--evtrcb); } ._2stp9m2u { padding-bottom: var(--evtrcc); } ._2stp9m2y { padding-bottom: var(--evtrcd); } ._2stp9m32 { padding-bottom: var(--evtrce); } ._2stp9m36 { padding-bottom: var(--evtrcf); } ._2stp9m3a { padding-bottom: var(--evtrcg); } ._2stp9m3e { padding-left: var(--evtrc7); } ._2stp9m3i { padding-left: var(--evtrc8); } ._2stp9m3m { padding-left: var(--evtrc9); } ._2stp9m3q { padding-left: var(--evtrca); } ._2stp9m3u { padding-left: var(--evtrcb); } ._2stp9m3y { padding-left: var(--evtrcc); } ._2stp9m42 { padding-left: var(--evtrcd); } ._2stp9m46 { padding-left: var(--evtrce); } ._2stp9m4a { padding-left: var(--evtrcf); } ._2stp9m4e { padding-left: var(--evtrcg); } ._2stp9m4i { margin-top: var(--evtrc7); } ._2stp9m4m { margin-top: var(--evtrc8); } ._2stp9m4q { margin-top: var(--evtrc9); } ._2stp9m4u { margin-top: var(--evtrca); } ._2stp9m4y { margin-top: var(--evtrcb); } ._2stp9m52 { margin-top: var(--evtrcc); } ._2stp9m56 { margin-top: var(--evtrcd); } ._2stp9m5a { margin-top: var(--evtrce); } ._2stp9m5e { margin-top: var(--evtrcf); } ._2stp9m5i { margin-top: var(--evtrcg); } ._2stp9m5m { margin-right: var(--evtrc7); } ._2stp9m5q { margin-right: var(--evtrc8); } ._2stp9m5u { margin-right: var(--evtrc9); } ._2stp9m5y { margin-right: var(--evtrca); } ._2stp9m62 { margin-right: var(--evtrcb); } ._2stp9m66 { margin-right: var(--evtrcc); } ._2stp9m6a { margin-right: var(--evtrcd); } ._2stp9m6e { margin-right: var(--evtrce); } ._2stp9m6i { margin-right: var(--evtrcf); } ._2stp9m6m { margin-right: var(--evtrcg); } ._2stp9m6q { margin-bottom: var(--evtrc7); } ._2stp9m6u { margin-bottom: var(--evtrc8); } ._2stp9m6y { margin-bottom: var(--evtrc9); } ._2stp9m72 { margin-bottom: var(--evtrca); } ._2stp9m76 { margin-bottom: var(--evtrcb); } ._2stp9m7a { margin-bottom: var(--evtrcc); } ._2stp9m7e { margin-bottom: var(--evtrcd); } ._2stp9m7i { margin-bottom: var(--evtrce); } ._2stp9m7m { margin-bottom: var(--evtrcf); } ._2stp9m7q { margin-bottom: var(--evtrcg); } ._2stp9m7u { margin-left: var(--evtrc7); } ._2stp9m7y { margin-left: var(--evtrc8); } ._2stp9m82 { margin-left: var(--evtrc9); } ._2stp9m86 { margin-left: var(--evtrca); } ._2stp9m8a { margin-left: var(--evtrcb); } ._2stp9m8e { margin-left: var(--evtrcc); } ._2stp9m8i { margin-left: var(--evtrcd); } ._2stp9m8m { margin-left: var(--evtrce); } ._2stp9m8q { margin-left: var(--evtrcf); } ._2stp9m8u { margin-left: var(--evtrcg); } ._2stp9m8y { box-shadow: var(--evtrc31); } ._2stp9m92 { box-shadow: var(--evtrc32); } ._2stp9m96 { box-shadow: var(--evtrc33); } ._2stp9m9a { box-shadow: var(--evtrc34); } ._2stp9m9e { box-shadow: var(--evtrc35); } ._2stp9m9i { box-shadow: var(--evtrc36); } ._2stp9m9z { border-top-width: var(--evtrc37); } ._2stp9ma3 { border-top-width: var(--evtrc38); } ._2stp9ma7 { border-top-width: var(--evtrc39); } ._2stp9mab { border-top-width: var(--evtrc3a); } ._2stp9maf { border-right-width: var(--evtrc37); } ._2stp9maj { border-right-width: var(--evtrc38); } ._2stp9man { border-right-width: var(--evtrc39); } ._2stp9mar { border-right-width: var(--evtrc3a); } ._2stp9mav { border-bottom-width: var(--evtrc37); } ._2stp9maz { border-bottom-width: var(--evtrc38); } ._2stp9mb3 { border-bottom-width: var(--evtrc39); } ._2stp9mb7 { border-bottom-width: var(--evtrc3a); } ._2stp9mbb { border-left-width: var(--evtrc37); } ._2stp9mbf { border-left-width: var(--evtrc38); } ._2stp9mbj { border-left-width: var(--evtrc39); } ._2stp9mbn { border-left-width: var(--evtrc3a); } ._2stp9mbr { border-radius: var(--evtrc3e); } ._2stp9mbv { border-radius: var(--evtrc3f); } ._2stp9mbz { border-radius: var(--evtrc3g); } ._2stp9mc3 { border-radius: var(--evtrc3h); } ._2stp9mc7 { border-radius: var(--evtrc3i); } ._2stp9me8 { align-items: flex-start; } ._2stp9mec { align-items: center; } ._2stp9meg { align-items: flex-end; } ._2stp9mek { flex-direction: row; } ._2stp9meo { flex-direction: row-reverse; } ._2stp9mes { flex-direction: column; } ._2stp9mew { flex-direction: column-reverse; } ._2stp9mf5 { justify-content: flex-start; } ._2stp9mf9 { justify-content: center; } ._2stp9mfd { justify-content: flex-end; } ._2stp9mfh { justify-content: space-between; } } @media screen and (min-width: 1440px) { ._2stp9m3 { padding-top: var(--evtrc7); } ._2stp9m7 { padding-top: var(--evtrc8); } ._2stp9mb { padding-top: var(--evtrc9); } ._2stp9mf { padding-top: var(--evtrca); } ._2stp9mj { padding-top: var(--evtrcb); } ._2stp9mn { padding-top: var(--evtrcc); } ._2stp9mr { padding-top: var(--evtrcd); } ._2stp9mv { padding-top: var(--evtrce); } ._2stp9mz { padding-top: var(--evtrcf); } ._2stp9m13 { padding-top: var(--evtrcg); } ._2stp9m17 { padding-right: var(--evtrc7); } ._2stp9m1b { padding-right: var(--evtrc8); } ._2stp9m1f { padding-right: var(--evtrc9); } ._2stp9m1j { padding-right: var(--evtrca); } ._2stp9m1n { padding-right: var(--evtrcb); } ._2stp9m1r { padding-right: var(--evtrcc); } ._2stp9m1v { padding-right: var(--evtrcd); } ._2stp9m1z { padding-right: var(--evtrce); } ._2stp9m23 { padding-right: var(--evtrcf); } ._2stp9m27 { padding-right: var(--evtrcg); } ._2stp9m2b { padding-bottom: var(--evtrc7); } ._2stp9m2f { padding-bottom: var(--evtrc8); } ._2stp9m2j { padding-bottom: var(--evtrc9); } ._2stp9m2n { padding-bottom: var(--evtrca); } ._2stp9m2r { padding-bottom: var(--evtrcb); } ._2stp9m2v { padding-bottom: var(--evtrcc); } ._2stp9m2z { padding-bottom: var(--evtrcd); } ._2stp9m33 { padding-bottom: var(--evtrce); } ._2stp9m37 { padding-bottom: var(--evtrcf); } ._2stp9m3b { padding-bottom: var(--evtrcg); } ._2stp9m3f { padding-left: var(--evtrc7); } ._2stp9m3j { padding-left: var(--evtrc8); } ._2stp9m3n { padding-left: var(--evtrc9); } ._2stp9m3r { padding-left: var(--evtrca); } ._2stp9m3v { padding-left: var(--evtrcb); } ._2stp9m3z { padding-left: var(--evtrcc); } ._2stp9m43 { padding-left: var(--evtrcd); } ._2stp9m47 { padding-left: var(--evtrce); } ._2stp9m4b { padding-left: var(--evtrcf); } ._2stp9m4f { padding-left: var(--evtrcg); } ._2stp9m4j { margin-top: var(--evtrc7); } ._2stp9m4n { margin-top: var(--evtrc8); } ._2stp9m4r { margin-top: var(--evtrc9); } ._2stp9m4v { margin-top: var(--evtrca); } ._2stp9m4z { margin-top: var(--evtrcb); } ._2stp9m53 { margin-top: var(--evtrcc); } ._2stp9m57 { margin-top: var(--evtrcd); } ._2stp9m5b { margin-top: var(--evtrce); } ._2stp9m5f { margin-top: var(--evtrcf); } ._2stp9m5j { margin-top: var(--evtrcg); } ._2stp9m5n { margin-right: var(--evtrc7); } ._2stp9m5r { margin-right: var(--evtrc8); } ._2stp9m5v { margin-right: var(--evtrc9); } ._2stp9m5z { margin-right: var(--evtrca); } ._2stp9m63 { margin-right: var(--evtrcb); } ._2stp9m67 { margin-right: var(--evtrcc); } ._2stp9m6b { margin-right: var(--evtrcd); } ._2stp9m6f { margin-right: var(--evtrce); } ._2stp9m6j { margin-right: var(--evtrcf); } ._2stp9m6n { margin-right: var(--evtrcg); } ._2stp9m6r { margin-bottom: var(--evtrc7); } ._2stp9m6v { margin-bottom: var(--evtrc8); } ._2stp9m6z { margin-bottom: var(--evtrc9); } ._2stp9m73 { margin-bottom: var(--evtrca); } ._2stp9m77 { margin-bottom: var(--evtrcb); } ._2stp9m7b { margin-bottom: var(--evtrcc); } ._2stp9m7f { margin-bottom: var(--evtrcd); } ._2stp9m7j { margin-bottom: var(--evtrce); } ._2stp9m7n { margin-bottom: var(--evtrcf); } ._2stp9m7r { margin-bottom: var(--evtrcg); } ._2stp9m7v { margin-left: var(--evtrc7); } ._2stp9m7z { margin-left: var(--evtrc8); } ._2stp9m83 { margin-left: var(--evtrc9); } ._2stp9m87 { margin-left: var(--evtrca); } ._2stp9m8b { margin-left: var(--evtrcb); } ._2stp9m8f { margin-left: var(--evtrcc); } ._2stp9m8j { margin-left: var(--evtrcd); } ._2stp9m8n { margin-left: var(--evtrce); } ._2stp9m8r { margin-left: var(--evtrcf); } ._2stp9m8v { margin-left: var(--evtrcg); } ._2stp9m8z { box-shadow: var(--evtrc31); } ._2stp9m93 { box-shadow: var(--evtrc32); } ._2stp9m97 { box-shadow: var(--evtrc33); } ._2stp9m9b { box-shadow: var(--evtrc34); } ._2stp9m9f { box-shadow: var(--evtrc35); } ._2stp9m9j { box-shadow: var(--evtrc36); } ._2stp9ma0 { border-top-width: var(--evtrc37); } ._2stp9ma4 { border-top-width: var(--evtrc38); } ._2stp9ma8 { border-top-width: var(--evtrc39); } ._2stp9mac { border-top-width: var(--evtrc3a); } ._2stp9mag { border-right-width: var(--evtrc37); } ._2stp9mak { border-right-width: var(--evtrc38); } ._2stp9mao { border-right-width: var(--evtrc39); } ._2stp9mas { border-right-width: var(--evtrc3a); } ._2stp9maw { border-bottom-width: var(--evtrc37); } ._2stp9mb0 { border-bottom-width: var(--evtrc38); } ._2stp9mb4 { border-bottom-width: var(--evtrc39); } ._2stp9mb8 { border-bottom-width: var(--evtrc3a); } ._2stp9mbc { border-left-width: var(--evtrc37); } ._2stp9mbg { border-left-width: var(--evtrc38); } ._2stp9mbk { border-left-width: var(--evtrc39); } ._2stp9mbo { border-left-width: var(--evtrc3a); } ._2stp9mbs { border-radius: var(--evtrc3e); } ._2stp9mbw { border-radius: var(--evtrc3f); } ._2stp9mc0 { border-radius: var(--evtrc3g); } ._2stp9mc4 { border-radius: var(--evtrc3h); } ._2stp9mc8 { border-radius: var(--evtrc3i); } ._2stp9me9 { align-items: flex-start; } ._2stp9med { align-items: center; } ._2stp9meh { align-items: flex-end; } ._2stp9mel { flex-direction: row; } ._2stp9mep { flex-direction: row-reverse; } ._2stp9met { flex-direction: column; } ._2stp9mex { flex-direction: column-reverse; } ._2stp9mf6 { justify-content: flex-start; } ._2stp9mfa { justify-content: center; } ._2stp9mfe { justify-content: flex-end; } ._2stp9mfi { justify-content: space-between; } } /* 1ti2rf repalaces with 2spnbg */ ._2spnbg0::selection { color: var(--evtrc46); background: var(--evtrc41); } ._2spnbg1 { font-size: var(--evtrc3j); line-height: var(--evtrc3k); } ._2spnbg2 { font-size: var(--evtrc3l); line-height: var(--evtrc3m); } ._2spnbg3 { font-size: var(--evtrc3n); line-height: var(--evtrc3o); } ._2spnbg4 { font-size: var(--evtrc3p); line-height: var(--evtrc3q); } ._2spnbg5 { font-size: var(--evtrc3r); line-height: var(--evtrc3s); } ._2spnbg6 { font-size: var(--evtrc3t); line-height: var(--evtrc3u); } ._2spnbg7 { font-size: var(--evtrc3v); line-height: var(--evtrc3w); } ._2spnbg8 { font-size: var(--evtrc3x); line-height: var(--evtrc3y); } ._2spnbg9 { font-size: var(--evtrc3z); line-height: var(--evtrc40); } ._2spnbga { color: var(--evtrc41); } ._2spnbgb { color: var(--evtrc42); } ._2spnbgc { color: var(--evtrc43); } ._2spnbgd { color: var(--evtrc44); } ._2spnbge { color: var(--evtrc45); } ._2spnbgf { color: var(--evtrc46); } ._2spnbgg { color: var(--evtrc47); } ._2spnbgh { color: var(--evtrc48); } ._2spnbgi { color: var(--evtrc49); } ._2spnbgj { color: var(--evtrc4a); } ._2spnbgk { color: var(--evtrc4b); } ._2spnbgl { color: var(--evtrc4c); } ._2spnbgm { color: var(--evtrc4d); } ._2spnbgn { font-weight: var(--evtrc4e); } ._2spnbgo { font-weight: var(--evtrc4f); } ._2spnbgp { font-weight: var(--evtrc4g); } ._2spnbgq { white-space: nowrap; } ._2spnbgr { word-break: break-word; } ._2spnbgs { text-transform: uppercase; } ._2spnbgt { text-transform: capitalize; } .bb4pet0 { text-transform: uppercase; } .kzc8xu0 { transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1) 0s; cursor: pointer; } .kzc8xu0:hover { background-color: var(--evtrci); } .kzc8xu1 { color: var(--evtrcn); } /* ahnoia replaces with blosnd */ .blosnd0 { position: fixed; z-index: 1001; top: var(--evtrcb); right: var(--evtrcb); bottom: var(--evtrcb); left: var(--evtrcb); padding-bottom: var(--evtrcb); overflow-y: auto; max-height: 100vh; height: stretch; } .blosnd0:before { content: ""; position: fixed; z-index: 0; background-color: var(--evtrc22); pointer-events: none; top: 0; left: 0; bottom: 0; right: 0; } .blosnd1 { display: grid; overflow-y: auto; max-height: 384px; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; grid-auto-flow: row; grid-gap: 0; z-index: 2; } .blosnd2 { overflow-y: auto; max-height: 384px; } .blosnd3 { overflow-y: auto; max-height: 100%; } .blosnd4 { overflow-y: visible; max-height: none; } .blosnd5 { position: sticky; top: 0; z-index: 2; background-color: white; } .blosnd6 { width: calc(100% - 40px); } .blosnd7 { position: fixed; top: var(--evtrcb); right: var(--evtrc8); z-index: 3; } .blosnd8 { height: var(--evtrc7); } .blosnd9 { display: block; padding: var(--evtrc9) calc(var(--evtrc9) + 1px); width: 100%; cursor: pointer; text-align: left; outline: none; background-color: transparent; } .blosnda { z-index: 1; } .blosndb { cursor: not-allowed; } .blosndc { color: var(--evtrc4d); background-color: var(--evtrc1u); } /* dmfl35 replaces with cmlid */ .cmlid0 { width: var(--evtrc4k); height: var(--evtrc4k); } .cmlid4 { width: var(--evtrc4l); height: var(--evtrc4l); } .cmlid8 { width: var(--evtrc4m); height: var(--evtrc4m); } @media screen and (min-width: 768px) { .cmlid1 { width: var(--evtrc4k); height: var(--evtrc4k); } .cmlid5 { width: var(--evtrc4l); height: var(--evtrc4l); } .cmlid9 { width: var(--evtrc4m); height: var(--evtrc4m); } } @media screen and (min-width: 1024px) { .cmlid2 { width: var(--evtrc4k); height: var(--evtrc4k); } .cmlid6 { width: var(--evtrc4l); height: var(--evtrc4l); } .cmlida { width: var(--evtrc4m); height: var(--evtrc4m); } } @media screen and (min-width: 1440px) { .cmlid3 { width: var(--evtrc4k); height: var(--evtrc4k); } .cmlid7 { width: var(--evtrc4l); height: var(--evtrc4l); } .cmlidb { width: var(--evtrc4m); height: var(--evtrc4m); } } /* thon0n replaces with ndips */ .ndips0 { transition-delay: 0s; transition-timing-function: var(--evtrc4h); transition-duration: 0.1s; transition-property: color, background-color, border-color, box-shadow, transform; transform: translate3d(0, 0, 1) scale(1); will-change: transform; } .ndips1 { display: grid; grid-auto-flow: column dense; grid-gap: var(--evtrc7); } .ndips2 { visibility: hidden; } .ndips3 { cursor: not-allowed; } .ndips4 { cursor: pointer; } .ndips5 { cursor: not-allowed; opacity: 0.3; } .ndips6 { margin: 0 auto; } .ndips7 { min-width: var(--evtrce); height: 36px; grid-gap: var(--evtrc7); } .ndips8 { min-width: 36px; } .ndips9 { width: 36px; } .ndipsa { min-width: var(--evtrcf); height: var(--evtrce); grid-gap: var(--evtrc8); } .ndipsb { min-width: var(--evtrce); } .ndipsc { width: var(--evtrce); } .ndipsd { color: var(--evtrc20); background-color: var(--evtrc1x); box-shadow: inset 0 0 0 1px var(--evtrc21), var(--evtrc32); } .ndipse { color: var(--evtrc25); background-color: var(--evtrc22); box-shadow: inset 0 0 0 1px var(--evtrc26), var(--evtrc32); } .ndipsf { background-color: var(--evtrc2c); color: var(--evtrc2f); box-shadow: inset 0 0 0 1px var(--evtrc2g), var(--evtrc32); } .ndipsg { background-color: var(--evtrc2w); color: var(--evtrc2z); box-shadow: inset 0 0 0 1px var(--evtrc30), var(--evtrc32); } .ndipsh { background-color: var(--evtrc2h); color: var(--evtrc2k); box-shadow: inset 0 0 0 1px var(--evtrc2l), var(--evtrc32); } .ndipsi { background-color: var(--evtrc2r); color: var(--evtrc2u); box-shadow: inset 0 0 0 1px var(--evtrc2v), var(--evtrc32); } .ndipsj:hover { color: var(--evtrc20); background-color: var(--evtrc1z); box-shadow: inset 0 0 0 1px var(--evtrc21), var(--evtrc33); } .ndipsj:active { transform: scale(0.97); box-shadow: inset 0 0 0 1px var(--evtrc21), var(--evtrc31); color: var(--evtrc20); background-color: var(--evtrc1z); } .ndipsk:hover { color: var(--evtrc25); background-color: var(--evtrc24); box-shadow: inset 0 0 0 1px var(--evtrc26), var(--evtrc33); } .ndipsk:active { transform: scale(0.97); color: var(--evtrc25); background-color: var(--evtrc24); box-shadow: inset 0 0 0 1px var(--evtrc26), var(--evtrc31); } .ndipsl:hover { color: var(--evtrc2f); background-color: var(--evtrc2e); box-shadow: inset 0 0 0 1px var(--evtrc2g), var(--evtrc33); } .ndipsl:active { transform: scale(0.97); color: var(--evtrc2f); background-color: var(--evtrc2e); box-shadow: inset 0 0 0 1px var(--evtrc2g), var(--evtrc31); } .ndipsm:hover { color: var(--evtrc2z); background-color: var(--evtrc2y); box-shadow: inset 0 0 0 1px var(--evtrc30), var(--evtrc33); } .ndipsm:active { transform: scale(0.97); color: var(--evtrc2z); background-color: var(--evtrc2y); box-shadow: inset 0 0 0 1px var(--evtrc30), var(--evtrc31); } .ndipsn:hover { color: var(--evtrc2k); background-color: var(--evtrc2j); box-shadow: inset 0 0 0 1px var(--evtrc2l), var(--evtrc33); } .ndipsn:active { transform: scale(0.97); color: var(--evtrc2k); background-color: var(--evtrc2j); box-shadow: inset 0 0 0 1px var(--evtrc2l), var(--evtrc31); } .ndipso:hover { color: var(--evtrc2u); background-color: var(--evtrc2t); box-shadow: inset 0 0 0 1px var(--evtrc2v), var(--evtrc33); } .ndipso:active { transform: scale(0.97); color: var(--evtrc2u); background-color: var(--evtrc2t); box-shadow: inset 0 0 0 1px var(--evtrc2v), var(--evtrc31); } .ndipsp { color: var(--evtrc48); } .ndipsq { min-width: 50px; } .ndipsr:hover { color: var(--evtrc1z); background-color: var(--evtrc1y); box-shadow: none; } .ndipsr:active { color: var(--evtrc1z); background-color: var(--evtrc1y); box-shadow: none; } .ndipss:hover { color: var(--evtrc42); background-color: var(--evtrc24); box-shadow: none; } .ndipss:active { color: var(--evtrc42); background-color: var(--evtrc24); box-shadow: none; } .ndipst:hover { color: var(--evtrc2e); background-color: var(--evtrc2d); box-shadow: none; } .ndipst:active { color: var(--evtrc2e); background-color: var(--evtrc2d); box-shadow: none; } .ndipsu:hover { color: var(--evtrc2y); background-color: var(--evtrc2x); box-shadow: none; } .ndipsu:active { color: var(--evtrc2y); background-color: var(--evtrc2x); box-shadow: none; } .ndipsv:hover { color: var(--evtrc2j); background-color: var(--evtrc2i); box-shadow: none; } .ndipsv:active { color: var(--evtrc2j); background-color: var(--evtrc2i); box-shadow: none; } .ndipsw:hover { color: var(--evtrc2t); background-color: var(--evtrc2s); box-shadow: none; } .ndipsw:active { color: var(--evtrc2t); background-color: var(--evtrc2s); box-shadow: none; } /* 1i38dia repalces with 8docl */ @keyframes _8docl0 { 100% { transform: rotate(360deg); } } @keyframes _8docl2 { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } ._8docl1 { animation-name: _8docl0; transform-origin: center center; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } ._8docl3 { stroke-dasharray: 1, 200; stroke-dashoffset: 0; stroke-linecap: round; animation-duration: 1.5s; animation-timing-function: var(--evtrc4h); animation-iteration-count: infinite; animation-name: _8docl2; } ._8docl4 { stroke: var(--evtrc46); } ._8docl5 { stroke: var(--evtrc41); } ._8docl6 { stroke: var(--evtrc42); } ._8docl7 { stroke: var(--evtrc4b); } ._8docl8 { stroke: var(--evtrc4a); } ._8docl9 { width: var(--evtrc9); height: var(--evtrc9); } ._8docla { stroke-width: 4px; } ._8doclb { width: var(--evtrca); height: var(--evtrca); } ._8doclc { stroke-width: 5px; } ._8docld { width: var(--evtrcc); height: var(--evtrcc); } ._8docle { stroke-width: 6px; } /* i2jdpl replaces with lplsid */ .lplsid0 { color: var(--evtrc4d); } .lplsid1 { color: var(--evtrc4d); } .lplsid2 { color: var(--evtrc47); } .lplsid3 { border-color: var(--evtrc47); } .lplsid4 { color: var(--evtrc47); } .lplsid5 { border-color: var(--evtrc47); } .lplsid6 { color: var(--evtrc4c); } .lplsid7 { border-color: var(--evtrc4c); } .lplsid8 { color: var(--evtrc4c); } .lplsid9 { border-color: var(--evtrc4c); } .lplsida { color: var(--evtrc4c); } .lplsidb { border-color: var(--evtrc4c); } .lplsidc { color: var(--evtrc4a); } .lplsidd { border-color: var(--evtrc4a); } .lplside { color: var(--evtrc4a); } .lplsidf { border-color: var(--evtrc4a); } .lplsidg { color: var(--evtrc4a); } .lplsidh { border-color: var(--evtrc4a); } /* 7kryq4 repelaces with sge8d */ ._sge8d0 { z-index: 1; align-self: flex-end; background: transparent; outline: none; } ._sge8d0[disabled] { color: var(--evtrc47); cursor: not-allowed; } ._sge8d0::placeholder { font-size: var(--evtrc3p); line-height: var(--evtrc3q); color: var(--evtrc47); opacity: 1; } ._sge8d1 { height: 107px; min-height: 107px; line-height: 1.2; resize: vertical; } ._sge8d2 { padding-top: var(--evtrc8); } ._sge8d3 { padding-top: var(--evtrc8); } ._sge8d4 { font-size: var(--evtrc3n); line-height: var(--evtrc3o); padding: var(--evtrc8); } ._sge8d5 { padding: 0 var(--evtrc8) var(--evtrc8); } ._sge8d6 { padding-left: calc(var(--evtrc8) + var(--evtrcb) + var(--evtrc8)); } ._sge8d7 { padding-left: calc(var(--evtrc8) + var(--evtrcb) + var(--evtrc8)); } ._sge8d8 { padding-right: calc(var(--evtrc8) + var(--evtrcb) + var(--evtrc8)); } ._sge8d9 { padding-right: calc(var(--evtrc8) + var(--evtrcb) + var(--evtrc8)); } ._sge8da { font-size: var(--evtrc3p); line-height: var(--evtrc3q); height: var(--evtrce); padding: calc(((var(--evtrce) - var(--evtrc3p)) / 2) - 3px) calc(var(--evtrca) - 1px); } ._sge8db { padding: var(--evtrc7) calc(var(--evtrca) - 1px) calc(((var(--evtrce) - var(--evtrc3p)) / 2) - 3px); } ._sge8dc { padding-left: calc((var(--evtrc9) - 1px) + (var(--evtrca) - 1px) + var(--evtrca)); } ._sge8dd { padding-right: calc((var(--evtrc9) - 1px) + (var(--evtrca) - 1px) + var(--evtrca)); } ._sge8de { z-index: 1; top: 50%; transform: translate3d(0, -50%, 0); transition: color 0.2s var(--evtrc4i) 0s; } ._sge8df { left: 0; } ._sge8dg { right: 0; } ._sge8dh { margin: 0 var(--evtrc8); } ._sge8di { margin: 0 calc(var(--evtrc9) - 1px); } /* j4544l replaces with trijo */ .trijo0 { transition: fill 0.2s var(--evtrc4i) 0s; } .trijo1 { border-width: 1px; border-style: solid; display: inline-flex; transition: border-color 0.2s var(--evtrc4i) 0s; } .trijo2 { border-radius: var(--evtrc3e); box-shadow: var(--evtrc32); } .trijo3 { z-index: 2; top: 0; right: 0; left: 0; } .trijo4 { box-shadow: none; } .trijo5 { border-radius: var(--evtrc3e); } .trijo6 { width: var(--evtrc8); border-right: none; border-radius: var(--evtrc3e) 0 0 var(--evtrc3e); } .trijo7 { transition: width 0.15s var(--evtrc4i), border-color 0.2s var(--evtrc4i) 0s; border-top-width: 0; border-right-width: 0; border-left-width: 0; } .trijo8 { flex-grow: 1; border-left: none; border-radius: 0 var(--evtrc3e) var(--evtrc3e) 0; } .trijo9 { line-height: 1; top: 0; left: 0; transition: color 0.2s var(--evtrc4i) 0s, transform 0.2s var(--evtrc4i) 0s; transform-origin: top left; } .trijoa { color: var(--evtrc47); } .trijob { transform: translate(var(--evtrc8), calc(var(--evtrc8) + 2px)) scale(1); } .trijoc { transform: translate(calc(var(--evtrc8) + var(--evtrcb) + var(--evtrc8)), calc(var(--evtrc8) + 2px)) scale(1); } .trijod { z-index: 2; transform: translate(calc(var(--evtrc8) + var(--evtrc8)), calc(-0.5 * 0.7777 * var(--evtrc3p))) scale(0.7777); } .trijoe { transform: translate(var(--evtrc3p), calc((var(--evtrce) - var(--evtrc3p)) / 2)) scale(1); } .trijof { transform: translate(calc(var(--evtrcd) + var(--evtrc9)), calc((var(--evtrce) - var(--evtrc3p)) / 2)) scale(1); } .trijog { z-index: 2; transform: translate(calc(var(--evtrc8) + var(--evtrc8)), calc(-0.5 * 0.7777 * var(--evtrc3p))) scale(0.7777); } .cqf1ix0 { transition: color 0.2s var(--evtrc4i) 0s; } ._185fdof0 { z-index: 1050; top: 0; left: 0; transform: translateZ(0); will-change: transform; } /* ws5rab replaces with linkeins */ .linkeins0 { transition-delay: 0s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; transition-property: box-shadow; box-shadow: inset 0 0px 0 0 var(--evtrc44); } .linkeins0:hover { box-shadow: inset 0 -2px 0 0 var(--evtrc44); } .linkeins1:hover { color: white; box-shadow: inset 0 -1.6em 0 0 var(--evtrc44); } /* 13g3uw5 replaces with arey1od */ ._arey1od0 { color: var(--evtrck); transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1) 0s; cursor: pointer; } ._arey1od0:hover { background-color: var(--evtrci); } ._arey1od1 { color: var(--evtrc13); } /* 13mmfly replaces with jimoi2d */ ._jimoi2d0 { margin-left: calc(-1 * var(--evtrc7)); width: calc(100% + var(--evtrc7)); } ._jimoi2d4 { margin-left: calc(-1 * var(--evtrc8)); width: calc(100% + var(--evtrc8)); } ._jimoi2d8 { margin-left: calc(-1 * var(--evtrc9)); width: calc(100% + var(--evtrc9)); } ._jimoi2dc { margin-left: calc(-1 * var(--evtrca)); width: calc(100% + var(--evtrca)); } ._jimoi2dg { margin-left: calc(-1 * var(--evtrcb)); width: calc(100% + var(--evtrcb)); } ._jimoi2dk { margin-left: calc(-1 * var(--evtrcc)); width: calc(100% + var(--evtrcc)); } ._jimoi2do { margin-left: calc(-1 * var(--evtrcd)); width: calc(100% + var(--evtrcd)); } ._jimoi2ds { margin-left: calc(-1 * var(--evtrce)); width: calc(100% + var(--evtrce)); } ._jimoi2dw { margin-left: calc(-1 * var(--evtrcf)); width: calc(100% + var(--evtrcf)); } ._jimoi2d10 { margin-left: calc(-1 * var(--evtrcg)); width: calc(100% + var(--evtrcg)); } @media screen and (min-width: 768px) { ._jimoi2d1 { margin-left: calc(-1 * var(--evtrc7)); width: calc(100% + var(--evtrc7)); } ._jimoi2d5 { margin-left: calc(-1 * var(--evtrc8)); width: calc(100% + var(--evtrc8)); } ._jimoi2d9 { margin-left: calc(-1 * var(--evtrc9)); width: calc(100% + var(--evtrc9)); } ._jimoi2dd { margin-left: calc(-1 * var(--evtrca)); width: calc(100% + var(--evtrca)); } ._jimoi2dh { margin-left: calc(-1 * var(--evtrcb)); width: calc(100% + var(--evtrcb)); } ._jimoi2dl { margin-left: calc(-1 * var(--evtrcc)); width: calc(100% + var(--evtrcc)); } ._jimoi2dp { margin-left: calc(-1 * var(--evtrcd)); width: calc(100% + var(--evtrcd)); } ._jimoi2dt { margin-left: calc(-1 * var(--evtrce)); width: calc(100% + var(--evtrce)); } ._jimoi2dx { margin-left: calc(-1 * var(--evtrcf)); width: calc(100% + var(--evtrcf)); } ._jimoi2d11 { margin-left: calc(-1 * var(--evtrcg)); width: calc(100% + var(--evtrcg)); } } @media screen and (min-width: 1024px) { ._jimoi2d2 { margin-left: calc(-1 * var(--evtrc7)); width: calc(100% + var(--evtrc7)); } ._jimoi2d6 { margin-left: calc(-1 * var(--evtrc8)); width: calc(100% + var(--evtrc8)); } ._jimoi2da { margin-left: calc(-1 * var(--evtrc9)); width: calc(100% + var(--evtrc9)); } ._jimoi2de { margin-left: calc(-1 * var(--evtrca)); width: calc(100% + var(--evtrca)); } ._jimoi2di { margin-left: calc(-1 * var(--evtrcb)); width: calc(100% + var(--evtrcb)); } ._jimoi2dm { margin-left: calc(-1 * var(--evtrcc)); width: calc(100% + var(--evtrcc)); } ._jimoi2dq { margin-left: calc(-1 * var(--evtrcd)); width: calc(100% + var(--evtrcd)); } ._jimoi2du { margin-left: calc(-1 * var(--evtrce)); width: calc(100% + var(--evtrce)); } ._jimoi2dy { margin-left: calc(-1 * var(--evtrcf)); width: calc(100% + var(--evtrcf)); } ._jimoi2d12 { margin-left: calc(-1 * var(--evtrcg)); width: calc(100% + var(--evtrcg)); } } @media screen and (min-width: 1440px) { ._jimoi2d3 { margin-left: calc(-1 * var(--evtrc7)); width: calc(100% + var(--evtrc7)); } ._jimoi2d7 { margin-left: calc(-1 * var(--evtrc8)); width: calc(100% + var(--evtrc8)); } ._jimoi2db { margin-left: calc(-1 * var(--evtrc9)); width: calc(100% + var(--evtrc9)); } ._jimoi2df { margin-left: calc(-1 * var(--evtrca)); width: calc(100% + var(--evtrca)); } ._jimoi2dj { margin-left: calc(-1 * var(--evtrcb)); width: calc(100% + var(--evtrcb)); } ._jimoi2dn { margin-left: calc(-1 * var(--evtrcc)); width: calc(100% + var(--evtrcc)); } ._jimoi2dr { margin-left: calc(-1 * var(--evtrcd)); width: calc(100% + var(--evtrcd)); } ._jimoi2dv { margin-left: calc(-1 * var(--evtrce)); width: calc(100% + var(--evtrce)); } ._jimoi2dz { margin-left: calc(-1 * var(--evtrcf)); width: calc(100% + var(--evtrcf)); } ._jimoi2d13 { margin-left: calc(-1 * var(--evtrcg)); width: calc(100% + var(--evtrcg)); } } /* 1gq2khx replaces with 1dcojs */ ._1dcojs0 { margin-top: calc(-1 * var(--evtrc7)); } ._1dcojs4 { margin-top: calc(-1 * var(--evtrc8)); } ._1dcojs8 { margin-top: calc(-1 * var(--evtrc9)); } ._1dcojsc { margin-top: calc(-1 * var(--evtrca)); } ._1dcojsg { margin-top: calc(-1 * var(--evtrcb)); } ._1dcojsk { margin-top: calc(-1 * var(--evtrcc)); } ._1dcojso { margin-top: calc(-1 * var(--evtrcd)); } ._1dcojss { margin-top: calc(-1 * var(--evtrce)); } ._1dcojsw { margin-top: calc(-1 * var(--evtrcf)); } ._1dcojs10 { margin-top: calc(-1 * var(--evtrcg)); } @media screen and (min-width: 768px) { ._1dcojs1 { margin-top: calc(-1 * var(--evtrc7)); } ._1dcojs5 { margin-top: calc(-1 * var(--evtrc8)); } ._1dcojs9 { margin-top: calc(-1 * var(--evtrc9)); } ._1dcojsd { margin-top: calc(-1 * var(--evtrca)); } ._1dcojsh { margin-top: calc(-1 * var(--evtrcb)); } ._1dcojsl { margin-top: calc(-1 * var(--evtrcc)); } ._1dcojsp { margin-top: calc(-1 * var(--evtrcd)); } ._1dcojst { margin-top: calc(-1 * var(--evtrce)); } ._1dcojsx { margin-top: calc(-1 * var(--evtrcf)); } ._1dcojs11 { margin-top: calc(-1 * var(--evtrcg)); } } @media screen and (min-width: 1024px) { ._1dcojs2 { margin-top: calc(-1 * var(--evtrc7)); } ._1dcojs6 { margin-top: calc(-1 * var(--evtrc8)); } ._1dcojsa { margin-top: calc(-1 * var(--evtrc9)); } ._1dcojse { margin-top: calc(-1 * var(--evtrca)); } ._1dcojsi { margin-top: calc(-1 * var(--evtrcb)); } ._1dcojsm { margin-top: calc(-1 * var(--evtrcc)); } ._1dcojsq { margin-top: calc(-1 * var(--evtrcd)); } ._1dcojsu { margin-top: calc(-1 * var(--evtrce)); } ._1dcojsy { margin-top: calc(-1 * var(--evtrcf)); } ._1dcojs12 { margin-top: calc(-1 * var(--evtrcg)); } } @media screen and (min-width: 1440px) { ._1dcojs3 { margin-top: calc(-1 * var(--evtrc7)); } ._1dcojs7 { margin-top: calc(-1 * var(--evtrc8)); } ._1dcojsb { margin-top: calc(-1 * var(--evtrc9)); } ._1dcojsf { margin-top: calc(-1 * var(--evtrca)); } ._1dcojsj { margin-top: calc(-1 * var(--evtrcb)); } ._1dcojsn { margin-top: calc(-1 * var(--evtrcc)); } ._1dcojsr { margin-top: calc(-1 * var(--evtrcd)); } ._1dcojsv { margin-top: calc(-1 * var(--evtrce)); } ._1dcojsz { margin-top: calc(-1 * var(--evtrcf)); } ._1dcojs13 { margin-top: calc(-1 * var(--evtrcg)); } } /* 17j96d9 replaces with j9uyl */ ._j9uyl0 { padding-left: var(--evtrc7); } ._j9uyl4 { padding-left: var(--evtrc8); } ._j9uyl8 { padding-left: var(--evtrc9); } ._j9uylc { padding-left: var(--evtrca); } ._j9uylg { padding-left: var(--evtrcb); } ._j9uylk { padding-left: var(--evtrcc); } ._j9uylo { padding-left: var(--evtrcd); } ._j9uyls { padding-left: var(--evtrce); } ._j9uylw { padding-left: var(--evtrcf); } ._j9uyl10 { padding-left: var(--evtrcg); } ._j9uyl14 { padding-top: var(--evtrc7); } ._j9uyl18 { padding-top: var(--evtrc8); } ._j9uyl1c { padding-top: var(--evtrc9); } ._j9uyl1g { padding-top: var(--evtrca); } ._j9uyl1k { padding-top: var(--evtrcb); } ._j9uyl1o { padding-top: var(--evtrcc); } ._j9uyl1s { padding-top: var(--evtrcd); } ._j9uyl1w { padding-top: var(--evtrce); } ._j9uyl20 { padding-top: var(--evtrcf); } ._j9uyl24 { padding-top: var(--evtrcg); } ._j9uyl28 { flex-wrap: wrap; } ._j9uyl29 { flex-wrap: nowrap; } ._j9uyl2a { flex-wrap: wrap-reverse; } ._j9uyl2b { align-content: stretch; align-items: stretch; } ._j9uyl2c { align-content: flex-start; align-items: flex-start; } ._j9uyl2d { align-content: center; align-items: center; } ._j9uyl2e { align-content: flex-end; align-items: flex-end; } @media screen and (min-width: 768px) { ._j9uyl1 { padding-left: var(--evtrc7); } ._j9uyl5 { padding-left: var(--evtrc8); } ._j9uyl9 { padding-left: var(--evtrc9); } ._j9uyld { padding-left: var(--evtrca); } ._j9uylh { padding-left: var(--evtrcb); } ._j9uyll { padding-left: var(--evtrcc); } ._j9uylp { padding-left: var(--evtrcd); } ._j9uylt { padding-left: var(--evtrce); } ._j9uylx { padding-left: var(--evtrcf); } ._j9uyl11 { padding-left: var(--evtrcg); } ._j9uyl15 { padding-top: var(--evtrc7); } ._j9uyl19 { padding-top: var(--evtrc8); } ._j9uyl1d { padding-top: var(--evtrc9); } ._j9uyl1h { padding-top: var(--evtrca); } ._j9uyl1l { padding-top: var(--evtrcb); } ._j9uyl1p { padding-top: var(--evtrcc); } ._j9uyl1t { padding-top: var(--evtrcd); } ._j9uyl1x { padding-top: var(--evtrce); } ._j9uyl21 { padding-top: var(--evtrcf); } ._j9uyl25 { padding-top: var(--evtrcg); } } @media screen and (min-width: 1024px) { ._j9uyl2 { padding-left: var(--evtrc7); } ._j9uyl6 { padding-left: var(--evtrc8); } ._j9uyla { padding-left: var(--evtrc9); } ._j9uyle { padding-left: var(--evtrca); } ._j9uyli { padding-left: var(--evtrcb); } ._j9uylm { padding-left: var(--evtrcc); } ._j9uylq { padding-left: var(--evtrcd); } ._j9uylu { padding-left: var(--evtrce); } ._j9uyly { padding-left: var(--evtrcf); } ._j9uyl12 { padding-left: var(--evtrcg); } ._j9uyl16 { padding-top: var(--evtrc7); } ._j9uyl1a { padding-top: var(--evtrc8); } ._j9uyl1e { padding-top: var(--evtrc9); } ._j9uyl1i { padding-top: var(--evtrca); } ._j9uyl1m { padding-top: var(--evtrcb); } ._j9uyl1q { padding-top: var(--evtrcc); } ._j9uyl1u { padding-top: var(--evtrcd); } ._j9uyl1y { padding-top: var(--evtrce); } ._j9uyl22 { padding-top: var(--evtrcf); } ._j9uyl26 { padding-top: var(--evtrcg); } } @media screen and (min-width: 1440px) { ._j9uyl3 { padding-left: var(--evtrc7); } ._j9uyl7 { padding-left: var(--evtrc8); } ._j9uylb { padding-left: var(--evtrc9); } ._j9uylf { padding-left: var(--evtrca); } ._j9uylj { padding-left: var(--evtrcb); } ._j9uyln { padding-left: var(--evtrcc); } ._j9uylr { padding-left: var(--evtrcd); } ._j9uylv { padding-left: var(--evtrce); } ._j9uylz { padding-left: var(--evtrcf); } ._j9uyl13 { padding-left: var(--evtrcg); } ._j9uyl17 { padding-top: var(--evtrc7); } ._j9uyl1b { padding-top: var(--evtrc8); } ._j9uyl1f { padding-top: var(--evtrc9); } ._j9uyl1j { padding-top: var(--evtrca); } ._j9uyl1n { padding-top: var(--evtrcb); } ._j9uyl1r { padding-top: var(--evtrcc); } ._j9uyl1v { padding-top: var(--evtrcd); } ._j9uyl1z { padding-top: var(--evtrce); } ._j9uyl23 { padding-top: var(--evtrcf); } ._j9uyl27 { padding-top: var(--evtrcg); } } /* 1aon2b replaces with gridpse */ ._gridpse50 { flex-basis: 50%; } ._gridpse54 { flex-basis: 33.33333333333333%; } ._gridpse58 { flex-basis: 66.66666666666666%; } ._gridpse5c { flex-basis: 25%; } ._gridpse5g { flex-basis: 75%; } ._gridpse5k { flex-basis: 20%; } ._gridpse5o { flex-basis: 40%; } ._gridpse5s { flex-basis: 60%; } ._gridpse5w { flex-basis: 80%; } ._gridpse510 { flex-basis: 100%; } ._gridpse514 { flex-basis: auto; } ._gridpse518 { align-self: stretch; } ._gridpse519 { align-self: flex-start; } ._gridpse51a { align-self: center; } ._gridpse51b { align-self: flex-end; } @media screen and (min-width: 768px) { ._gridpse51 { flex-basis: 50%; } ._gridpse55 { flex-basis: 33.33333333333333%; } ._gridpse59 { flex-basis: 66.66666666666666%; } ._gridpse5d { flex-basis: 25%; } ._gridpse5h { flex-basis: 75%; } ._gridpse5l { flex-basis: 20%; } ._gridpse5p { flex-basis: 40%; } ._gridpse5t { flex-basis: 60%; } ._gridpse5x { flex-basis: 80%; } ._gridpse511 { flex-basis: 100%; } ._gridpse515 { flex-basis: auto; } } @media screen and (min-width: 1024px) { ._gridpse52 { flex-basis: 50%; } ._gridpse56 { flex-basis: 33.33333333333333%; } ._gridpse5a { flex-basis: 66.66666666666666%; } ._gridpse5e { flex-basis: 25%; } ._gridpse5i { flex-basis: 75%; } ._gridpse5m { flex-basis: 20%; } ._gridpse5q { flex-basis: 40%; } ._gridpse5u { flex-basis: 60%; } ._gridpse5y { flex-basis: 80%; } ._gridpse512 { flex-basis: 100%; } ._gridpse516 { flex-basis: auto; } } @media screen and (min-width: 1440px) { ._gridpse53 { flex-basis: 50%; } ._gridpse57 { flex-basis: 33.33333333333333%; } ._gridpse5b { flex-basis: 66.66666666666666%; } ._gridpse5f { flex-basis: 25%; } ._gridpse5j { flex-basis: 75%; } ._gridpse5n { flex-basis: 20%; } ._gridpse5r { flex-basis: 40%; } ._gridpse5v { flex-basis: 60%; } ._gridpse5z { flex-basis: 80%; } ._gridpse513 { flex-basis: 100%; } ._gridpse517 { flex-basis: auto; } } .k8c7cn0 { display: grid; grid-gap: var(--evtrca); grid-template-columns: 1fr; align-items: end; } /* 1cfvyc8 replaces with spec87f */ ._spec87f0 { padding-bottom: var(--evtrc7); } ._spec87f1 { padding-bottom: var(--evtrc8); } ._spec87f2 { padding-bottom: var(--evtrc9); } ._spec87f3 { padding-bottom: var(--evtrca); } ._spec87f4 { padding-bottom: var(--evtrcb); } ._spec87f5 { padding-bottom: var(--evtrcc); } ._spec87f6 { padding-bottom: var(--evtrcd); } ._spec87f7 { padding-bottom: var(--evtrce); } ._spec87f8 { padding-bottom: var(--evtrcf); } ._spec87f9 { padding-bottom: var(--evtrcg); } ._spec87fa:last-child { padding-bottom: 0; } ._1uafya10 { height: 1px; box-shadow: inset 0 0 0 1px var(--evtrc1u); } /*# sourceMappingURL=sourceMaps/main-693c0a9a.css.map*/ @charset "UTF-8"; body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: #000; background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: #fff; font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; font-weight: 600; text-transform: none; margin: 25px 0; line-height: 40px; display: block; } .sweet-alert h2, .sweet-alert p { text-align: center; position: relative; padding: 0; } .sweet-alert p { color: #797979; font-size: 16px; font-weight: 300; text-align: inherit; float: none; margin: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: #fff; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; transform: scale(0.5); transform-origin: 50% 50%; transition: all 0.1s; } .sweet-alert .sa-input-error:after, .sweet-alert .sa-input-error:before { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error:before { transform: rotate(-45deg); } .sweet-alert .sa-input-error:after { transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0 0 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { -moz-transition: opacity 0.3s 0.03s ease; transition: opacity 0.3s ease 0.03s; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { -ms-transition: opacity 0.3s 0.03s ease; transition: opacity 0.3s ease 0.03s; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.3s ease 0.03s; transition: opacity 0.3s ease 0.03s; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8cd4f5; color: #fff; border: none; box-shadow: none; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #c1c1c1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: 0 0 2px rgba(197, 205, 211, 0.8), inset 0 0 0 1px rgba(0, 0, 0, 0.0470588) !important; } .sweet-alert button[disabled] { opacity: 0.6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button="false"] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid grey; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: initial; } .sweet-alert .sa-icon.sa-error { border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info:before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info:after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success:after, .sweet-alert .sa-icon.sa-success:before { content: ""; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: #fff; transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success:before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; transform: rotate(-45deg); transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success:after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; transform: rotate(-45deg); transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); border-radius: 40px; border-radius: 50%; box-sizing: initial; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: 50%; background-repeat: no-repeat; } @keyframes showSweetAlert { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } to { transform: scale(1); } } @keyframes hideSweetAlert { 0% { transform: scale(1); } to { transform: scale(0.5); } } @keyframes slideFromTop { 0% { top: 0; } to { top: 50%; } } @keyframes slideToTop { 0% { top: 50%; } to { top: 0; } } @keyframes slideFromBottom { 0% { top: 70%; } to { top: 50%; } } @keyframes slideToBottom { 0% { top: 50%; } to { top: 70%; } } .showSweetAlert[data-animation="pop"] { animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation="none"] { animation: none; } .showSweetAlert[data-animation="slide-from-top"] { animation: slideFromTop 0.3s; } .showSweetAlert[data-animation="slide-from-bottom"] { animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation="pop"] { animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation="none"] { animation: none; } .hideSweetAlert[data-animation="slide-from-top"] { animation: slideToTop 0.4s; } .hideSweetAlert[data-animation="slide-from-bottom"] { animation: slideToBottom 0.3s; } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } to { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } to { width: 47px; right: 8px; top: 38px; } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } to { transform: rotate(-405deg); } } .animateSuccessTip { animation: animateSuccessTip 0.75s; } .animateSuccessLong { animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate:after { animation: rotatePlaceholder 4.25s ease-in; } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); opacity: 0; } to { transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { animation: animateErrorIcon 0.5s; } @keyframes animateXMark { 0% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); margin-top: -6px; } to { transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { animation: animateXMark 0.5s; } @keyframes pulseWarning { 0% { border-color: #f8d486; } to { border-color: #f8bb86; } } .pulseWarning { animation: pulseWarning 0.75s infinite alternate; } @keyframes pulseWarningIns { 0% { background-color: #f8d486; } to { background-color: #f8bb86; } } .pulseWarningIns { animation: pulseWarningIns 0.75s infinite alternate; } @keyframes rotate-loading { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:first-child { animation-delay: -0.2s; } .la-ball-fall > div:nth-child(2) { animation-delay: -0.1s; } .la-ball-fall > div:nth-child(3) { animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } @keyframes ball-fall { 0% { opacity: 0; transform: translateY(-145%); } 10% { opacity: 0.5; } 20% { opacity: 1; transform: translateY(0); } 80% { opacity: 1; transform: translateY(0); } 90% { opacity: 0.5; } to { opacity: 0; transform: translateY(145%); } } .pac-container { background-color: #fff; position: absolute !important; z-index: 1000; border-radius: 2px; border-top: 1px solid #d9d9d9; font-family: Arial, sans-serif; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-sizing: border-box; overflow: hidden; } .pac-container:after { content: ""; padding: 1px 1px 1px 0; height: 16px; text-align: right; display: block; background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png); background-position: 100%; background-repeat: no-repeat; background-size: 104px 16px; } .hdpi.pac-container:after { background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png); } .pac-item { cursor: default; padding: 0 4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 30px; text-align: left; border-top: 1px solid #e6e6e6; font-size: 14px; color: #999; } .pac-item:hover { background-color: #fafafa; } .pac-item-selected, .pac-item-selected:hover { background-color: #ebf2fe; } .pac-matched { font-weight: 700; } .pac-item-query { font-size: 14px; padding-right: 3px; color: #000; } .pac-icon { width: 15px; height: 20px; margin-right: 7px; margin-top: 6px; display: inline-block; vertical-align: top; background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png); background-size: 34px; } .hdpi .pac-icon { background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png); } .pac-icon-search { background-position: -1px -1px; } .pac-item-selected .pac-icon-search { background-position: -18px -1px; } .pac-icon-marker { background-position: -1px -161px; } .pac-item-selected .pac-icon-marker { background-position: -18px -161px; } .pac-placeholder { color: grey; } .custom-prediction-label { font-style: italic; } i.glyphicon { font-style: normal !important; font-family: monospace !important; font-size: 25px !important; line-height: 25px !important; } i.glyphicon.glyphicon-chevron-left:before { content: "‹"; } i.glyphicon.glyphicon-chevron-right:before { content: "›"; } .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1); position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion { position: relative; padding: 10px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #495277; } .autocomplete-suggestion b { font-weight: 400; } .autocomplete-suggestion.selected { background: #f0f0f0; } /* themecss */ @charset "UTF-8"; @font-face { font-family: MrAlex; font-display: swap; src: url(https://cdn.autoguru.com.au/assets/fonts/33073E_0_0.eot); src: url(https://cdn.autoguru.com.au/assets/fonts/33073E_0_0.eot#iefix) format("embedded-opentype"), url(https://cdn.autoguru.com.au/assets/fonts/33073E_0_0.woff2) format("woff2"), url(https://cdn.autoguru.com.au/assets/fonts/33073E_0_0.woff) format("woff"), url(https://cdn.autoguru.com.au/assets/fonts/33073E_0_0.ttf) format("truetype"); } .mdi-arrow_forward:before { font-family: Material Icons; content: "arrow_forward"; -webkit-font-feature-settings: "liga"; } .text-body { color: #212338 !important; } .text-muted { color: #6c7283 !important; } .text-disabled { color: #8f95a1 !important; } .text-white { color: #fff !important; } .text-highlight { color: #00dd95 !important; } .text-alt { color: #484c5f; } .text-red { color: #e12e28; } .text-green, .text-light-green { color: #00dd95; } .text-green-darker, .text-review-green { color: #01c68c; } .text-green-700 { color: #03af83; } .text-green-600 { color: #01c68c; } .text-red-600 { color: #d42b26; } .heading-font { font-family: AvertaStandard, sans-serif; } .text { background-color: #212338 !important; } .text-light { background-color: #d4d9dd !important; } .text-interaction-green { color: #00dd95 !important; cursor: pointer; } .text-interaction-green:active, .text-interaction-green:hover { color: #03af83 !important; } .text-no-interaction-green { color: #00dd95 !important; } .text-interaction-blue { color: #0d59fc !important; cursor: pointer; } .text-interaction-blue:active, .text-interaction-blue:hover { color: #0d50ce !important; } .text-no-interaction-blue { color: #0d59fc !important; } .text-blue-hover:active, .text-blue-hover:hover { transition: all 0.2s; color: #0d50ce !important; } .text-unselectable { -webkit-user-select: none; user-select: none; } .bg-black { background: #000 !important; } .bg-white { background: #fff !important; } .bg-gray-900 { background: #212338; } .bg-gray-800 { background: #34384c; } .bg-gray-700 { background: #484c5f; } .bg-gray-600 { background: #5c6172; } .bg-gray-500 { background: #6c7283; } .bg-gray-400 { background: #8f95a1; } .bg-gray-300 { background: #d4d9dd; } .bg-gray-200 { background: #eef0f2; } .bg-gray-100 { background: #fafbfc; } .bg-green-900 { background: #078171; } .bg-green-800 { background: #05987a; } .bg-green-700 { background: #03af83; } .bg-green-600 { background: #01c68c; } .bg-green-500 { background: #00dd95; } .bg-green-400 { background: #36e5aa; } .bg-green-300 { background: #71edc2; } .bg-green-200 { background: #aff5dc; } .bg-green-100 { background: #f2fdf9; } .bg-red-500 { background: #e12e28; } .bg-yellow-900 { background: #f38e29; } .bg-bnpl { background: #f4f4f4 !important; } @media (max-width: 799px) { .hide-mobile { display: none !important; } } @media (min-width: 800px) { .show-mobile { display: none !important; } } .block { display: block !important; } .overflowhidden { overflow: hidden; } .overflow-y-hidden { overflow-y: hidden !important; } .mobile-hide { display: none !important; } .text-gray-900 { color: #212338 !important; } @media (max-width: 799px) { .text-gray-900--mobile { color: #212338 !important; } } .text-gray-800 { color: #34384c; } .text-gray-700 { color: #484c5f; } .text-gray-600 { color: #5c6172; } .text-gray-500 { color: #6c7283; } .text-gray-400 { color: #8f95a1; } .text-gray-300 { color: #d4d9dd; } .text-gray-200 { color: #eef0f2; } .text-gray-100 { color: #fafbfc; } .no-border { border: none !important; } .hr { height: 1px; background: #eef0f2; margin: 10px 0; } .border-bottom { border-bottom: 1px solid #d4d9dd; } .border-bottom-light { border-bottom: 1px solid #eef0f2; } .border-bottom-300 { border-bottom: 1px solid #d4d9dd; } .border-bottom-2px-300 { border-bottom: 2px solid #d4d9dd; } .border-radius-4px { border-radius: 4px !important; } .border-radius-12px { border-radius: 12px !important; } .border-radius-24px { border-radius: 24px !important; } @media (max-width: 799px) { .border-radius-0--mobile { border-radius: 0 !important; } } .no-wrap { white-space: nowrap; } .no-link-style { color: #212338; } .no-link-style:hover { text-decoration: none; color: #212338; } tr.no-border td { border: 0 !important; } .text-zest { color: #ffc001; } .vimeo-youtube { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .vimeo-youtube embed, .vimeo-youtube iframe, .vimeo-youtube object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .transition { transition: all 0.2s; } .break-word { white-space: normal !important; } .vertical-center { display: flex; flex-direction: column; justify-content: center; } :not(output):-moz-ui-invalid, :not(output):-moz-ui-invalid:-moz-focusring { box-shadow: none !important; } .pointer { cursor: pointer; } .relative { position: relative !important; } .absolute { position: absolute !important; } .spacing-before:before { content: " "; display: inline-block; } .full-width, .seo-positioning-helper-container .fifth-position--full-width, .seo-positioning-helper-container .first-position--full-width, .seo-positioning-helper-container .fourth-position--full-width, .seo-positioning-helper-container .second-position--full-width, .seo-positioning-helper-container .sixth-position--full-width, .seo-positioning-helper-container .third-position--full-width { width: 100% !important; } @media (max-width: 799px) { .full-width--mobile { width: 100% !important; } } .bubble { width: 24px !important; height: 24px !important; border: 1px solid #d4d9dd; border-radius: 24px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } .object-fit-contain { object-fit: contain; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } @media (min-width: 800px) { .hide-desktop { display: none !important; } } @media (min-width: 1201px) { .show-viewport-desktop { display: block; } } @media (min-width: 1201px) { .hide-viewport-desktop { display: none !important; } } @media (min-width: 651px) and (max-width: 1200px) { .show-viewport-tablet { display: block; } } @media (min-width: 651px) and (max-width: 1200px) { .hide-viewport-tablet { display: none !important; } } @media (max-width: 650px) { .show-viewport-mobile { display: block; } } @media (max-width: 650px) { .hide-viewport-mobile { display: none !important; } } @media (max-width: 1359px) { .hide-device-mobile { display: none !important; } } @media (min-width: 1360px) { .show-device-mobile { display: none !important; } } select::-ms-expand { display: none !important; } /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: initial; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ffcf3d; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: initial; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: not-allowed; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: initial; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #6c7283; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: AvertaStandard; font-style: normal; font-weight: 400; font-display: swap; src: local("Averta Std Regular"), local("AvertaStd-Regular"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff2) format("woff2"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-regular-webfont.woff) format("woff"); } @font-face { font-family: AvertaStandard; font-style: normal; font-weight: 500; font-display: swap; src: local("Averta Std Semibold"), local("AvertaStd-Semibold"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff2) format("woff2"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-semibold-webfont.woff) format("woff"); } @font-face { font-family: AvertaStandard; font-style: normal; font-weight: 700; font-display: swap; src: local("Averta Std Bold"), local("AvertaStd-Bold"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff2) format("woff2"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff) format("woff"); } @font-face { font-family: SofiaProNumbers; font-style: normal; font-weight: 700; font-display: swap; src: local("Averta Std Bold"), local("sofiaprobold-webfont"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff2) format("woff2"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff) format("woff"); unicode-range: u+25, u+30-39; } @font-face { font-family: EuclidFlexBold; font-display: swap; font-style: normal; font-weight: 400; src: local("Averta Std Bold"), local("EuclidFlex-Medium"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff2) format("woff2"), url(https://cdn.autoguru.com.au/assets/fonts/avertastd-bold-webfont.woff) format("woff"); } .workshop-vnext-tab .vnext-content__container { max-width: 1100px; margin: 0 auto; } .vnext-content { width: auto; background-color: #fff; } .vnext-content__container { width: 100%; } .vnext-content #react-app { display: flex; flex-direction: column; align-content: stretch; justify-content: flex-start; align-items: stretch; } @media (max-width: 1200px) { .vnext-spacing-header { padding-top: 100px !important; } } @media (min-width: 1360px) { .sidebar-nav ~ .vnext-content { margin-left: 256px; } } .content { width: 100%; color: #212338; } .fp-section { padding: 48px 0; background: #fff; } @media (max-width: 799px) { .fp-section { padding: 16px 0; } } .fp-section--grey { background: #fafbfc; } @media (max-width: 799px) { .fp-section--mobile-padding { padding-top: 73px; } } .fp-section--alternating:nth-child(2n) { background: #fafbfc; } .fp-section > .fp-container:last-child > :last-child, .fp-section > :last-child { margin-bottom: 0 !important; } .ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] { display: none !important; } .success-page { margin-top: 16px; } .generic .tick, .workshop .tick { padding-left: 90px; margin-bottom: 30px; margin-left: 20px; position: relative; } .generic .tick:after, .workshop .tick:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: url(/Content/images/icons/icon-tick-green-circle.svg); background-size: cover; height: 70px; width: 70px; } @media (min-width: 800px) { .generic .tick, .workshop .tick { margin-left: 0; } } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :after, :before { background: transparent !important; color: #000 !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } blockquote, pre { border: 1px solid #8f95a1; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #212338; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } .show-print { display: none; } .modal__parts-only-print { padding-top: 5px; padding-bottom: 5px; } @media print { h1 { font-size: 16px; } h2 { font-size: 15px; } .all-operations-performed { font-size: 14px; } .modal__list-header { font-size: 14px; padding-bottom: 5px; } .modal__list-item { font-size: 14px; padding: 1px; } #mobile-header { display: none; } .modal__checkbox-only-print { display: block !important; } #zlscht, .chatarea, .zls-btnmn, .zls-btrht, .zls-small, .zopim, zls-icosw-1, zls-sptwndw, zlsps-rht { display: none !important; } .table-text-print { font-size: 14px; } .show-print { display: block; } .page-break-inside-avoid-print { page-break-inside: avoid; } .modal__parts-only-print { font-size: 14px; padding-top: 1px !important; padding-bottom: 1px !important; } .modal__checkbox-only-non-print { display: none !important; } } .fp-home-h2 { font-size: 32px; font-family: Open Sans, sans-serif; font-weight: 100; text-align: center; margin: 0 auto 50px !important; max-width: 870px; line-height: 1.4em; } @media (max-width: 800px) { .fp-home-h2 { font-size: 25px; } } p { margin: 0 0 24px; color: #484c5f; line-height: 26px; } .lead, p { font-size: 18px; } .lead { margin-bottom: 20px; font-weight: 300; line-height: 1.4; } .large { font-size: 18px; } .larger { font-size: 22px; } .largest { font-size: 30px; } .small, small { font-size: 14px; } @media (max-width: 799px) { .small--mobile, small--mobile { font-size: 14px !important; } } .small-12, small-12 { font-size: 12px; } @media (max-width: 650px) { .small--mobile-12, small--mobile-12 { font-size: 12px !important; } } .smaller { font-size: 16px; } @media (max-width: 799px) { .smaller--mobile { font-size: 16px !important; } } .smallest { font-size: 14px; } .small-micro { font-size: 12px !important; font-weight: 700; text-transform: uppercase; } .mark, mark { background-color: #fcf8e3; padding: 0.2em; } .text-left { text-align: left; } @media (max-width: 799px) { .text-left--mobile { text-align: left; } } .text-right { text-align: right; } @media (min-width: 800px) { .text-right--desktop { text-align: right; } } .text-center { text-align: center !important; } @media (max-width: 799px) { .text-center--mobile { text-align: center; } } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase !important; } .text-lowercase:first-letter { text-transform: capitalize; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-case-normalise { text-transform: none !important; } .text-underline { text-decoration: underline; } .text-muted { color: #6c7283; } .text-strikeout { color: #6c7283; text-decoration: line-through; } .text-primary { color: #337ab7; } a.text-primary:focus, a.text-primary:hover { color: #285f8f; } .text-success { color: #01c68c; } a.text-success:focus, a.text-success:hover { color: #019368; } .text-info { color: #31708f; } a.text-info:focus, a.text-info:hover { color: #245269; } .text-warning { color: #f0ad4e; } a.text-warning:focus, a.text-warning:hover { color: #ec971f; } .text-danger { color: #a94442; } a.text-danger:focus, a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:focus, a.bg-primary:hover { background-color: #285f8f; } .bg-info { background-color: #d9edf7; } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; } ol, ul { margin-top: 0; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } ol li, ul li { color: #5c6172; } .list-unstyled { padding-left: 0; list-style: none; } dl { margin-top: 0; margin-bottom: 20px; } dd, dt { line-height: 26px; } dt { font-weight: 700; } dd { margin-left: 0; } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #d4d9dd; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 20px; border-left: 5px solid #d4d9dd; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 26px; color: #6c7283; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: "\2014 \00A0"; } address { margin-bottom: 20px; font-style: normal; line-height: 26px; } .small { font-size: 14px; } .text-normal { font-weight: 400 !important; } span { font-weight: inherit; } a:hover { cursor: pointer; } .heading-large { font-size: 28px; text-align: left; margin-top: 0; margin-bottom: 20px; line-height: 1.1; text-transform: none; font-weight: 700; } @media (max-width: 799px) { .heading-large { font-size: 24px; } } .heading-large .highlight, .heading-large .highlight-alt { color: #00dd95; } .heading-medium { font-size: 24px; text-align: left; margin-top: 0; margin-bottom: 20px; line-height: 1.1; font-weight: 700; } @media (max-width: 799px) { .heading-medium { font-size: 20px; margin-right: 0 !important; } } .heading-medium .highlight, .heading-medium .highlight-alt { color: #078171; } .heading-small { font-size: 16px; text-align: left; margin-top: 0; margin-bottom: 20px; line-height: 1.1; text-transform: uppercase; font-weight: 700; } @media (max-width: 799px) { .heading-small { font-size: 16px; } } .heading-small .highlight, .heading-small .highlight-alt { color: #00dd95; } .ps-page-title { color: #212338; font-size: 92px; text-align: center; line-height: 1; margin-bottom: 32px; } .ps-page-title .highlight { color: #00dd95; } @media screen and (max-width: 800px) { .ps-page-title { font-size: 66px; } } .ps-page-subtitle { font-family: AvertaStandard, sans-serif; font-size: 22px; text-align: center; text-transform: uppercase; margin-bottom: 4px; letter-spacing: 3px; } @media screen and (max-width: 800px) { .ps-page-subtitle { font-size: 18px; } } .ps-page-subtitle .highlight { color: #00dd95; } .ps-page-subtitle--partner { margin-bottom: 50px; letter-spacing: 0; font-size: 30px; font-weight: 700; } @media (max-width: 799px) { .ps-page-subtitle--partner { margin-bottom: 16px; } } .material-icons { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 16px; width: 16px; height: 16px; line-height: 16px; transform: rotate(0.03deg); display: inline-flex; align-items: center; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; vertical-align: middle; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .material-icons.icon-18 { font-size: 18px; width: 18px; height: 18px; line-height: 18px; } .material-icons.icon-20 { font-size: 20px; width: 20px; height: 20px; line-height: 20px; } .material-icons.icon-24 { font-size: 24px; width: 24px; height: 24px; line-height: 24px; } .material-icons.icon-32 { font-size: 32px; width: 32px; height: 32px; line-height: 32px; } @media (max-width: 799px) { .material-icons.icon-32--mobile { font-size: 32px !important; width: 32px !important; height: 32px !important; line-height: 32px !important; } } .material-icons.icon-48 { font-size: 48px; width: 48px; height: 48px; line-height: 48px; } .material-icons.icon-64 { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .material-icons.icon-96 { font-size: 96px; width: 96px; height: 96px; line-height: 96px; } .material-icons.strong { font-weight: 700; } .mr-alex-font { font-family: MrAlex, Impact; } *, :after, :before { box-sizing: inherit; -webkit-tap-highlight-color: white; } :root { font: 400 16px/26px AvertaStandard, sans-serif; box-sizing: border-box; } body { color: #212338; } body, html { max-width: 100%; } .bold, .text-bold, b, strong { font-weight: 700 !important; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #0d59fc; text-decoration: none; } a:focus, a:hover { color: #0d50ce; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a[href^="tel:"] { white-space: nowrap; } a.dark { color: #212338; transition: color, 0.2s; } a.dark, a.dark:hover { text-decoration: none; } a.dark:hover { color: #0d50ce; } @media (max-width: 799px) { a.dark--white-mobile { color: #fff; } a.dark--white-mobile:hover { text-decoration: none; color: #0d59fc; } } a.int-blue { color: #0d59fc; } a.int-blue:active, a.int-blue:focus, a.int-blue:hover { color: #0d54e5; } a.link { color: #0d59fc; font-weight: 700; line-height: 1.3em; transition: color 0.2s; text-decoration: none; border: none; } a.link:active, a.link:hover, a.link:visited { text-decoration: none; color: #0d54e5; } a.link-grey { color: #212338; } a.link-grey:active, a.link-grey:hover { text-decoration: none; color: #0d59fc; } a.link-grey:visited { text-decoration: none; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } @media (max-width: 1224px) and (min-width: 800px) { .img-responsive--tablet { display: block; max-width: 100%; height: auto; } } .img-160 { width: 160px; height: 160px; } @media (max-width: 799px) { .img-160 { width: 120px; height: 120px; } } .img-96 { width: 96px !important; height: 96px !important; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #d4d9dd; } .indent { padding-left: 16px; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } [role="button"] { cursor: pointer; } .euclidflex-bold { font-family: SofiaProNumbers, EuclidFlexBold, system-ui, sans-serif !important; line-height: 48px !important; } .btn { display: inline-block; margin-bottom: 0; font-weight: 700; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: none; white-space: nowrap; text-transform: none; transition: all 0.2s; padding: 16px 40px; font-size: 16px; line-height: 26px; border-radius: 100px; -webkit-user-select: none; user-select: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: thin dotted; outline-offset: -2px; outline: 0; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; outline: 0; } .btn.active, .btn:active { background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); outline: 0; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { border: 1px solid #d4d9dd; color: #5c6172; background: #fff; } .btn-default:hover { background: #fafbfc; } .btn-primary { outline: 0 !important; color: #fff !important; background: #337ab7; } .btn-primary.focus, .btn-primary:focus { color: #fff; background: #285f8f; } .btn-primary:hover { color: #fff; background: #2d6da3; } .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #285f8f; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover { color: #fff; background-color: #204d73; } .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; } .btn-primary .badge { color: #337ab7; } .btn-primary-v2 { outline: 0 !important; color: #fff !important; background: #4680fc; border-radius: 4px !important; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08), 0 0 2px 0 rgba(0, 0, 0, 0.04); } .btn-primary-v2.focus, .btn-primary-v2:focus { color: #fff; background: #145efb; } .btn-primary-v2:hover { color: #fff; background: #2d6ffc; } .btn-primary-v2.active, .btn-primary-v2:active, .open > .btn-primary-v2.dropdown-toggle { color: #fff; background-color: #145efb; } .btn-primary-v2.active.focus, .btn-primary-v2.active:focus, .btn-primary-v2.active:hover, .btn-primary-v2:active.focus, .btn-primary-v2:active:focus, .btn-primary-v2:active:hover, .open > .btn-primary-v2.dropdown-toggle.focus, .open > .btn-primary-v2.dropdown-toggle:focus, .open > .btn-primary-v2.dropdown-toggle:hover { color: #fff; background-color: #044ce8; } .btn-primary-v2.active, .btn-primary-v2:active, .open > .btn-primary-v2.dropdown-toggle { background-image: none; } .btn-primary-v2.disabled.focus, .btn-primary-v2.disabled:focus, .btn-primary-v2.disabled:hover, .btn-primary-v2[disabled].focus, .btn-primary-v2[disabled]:focus, .btn-primary-v2[disabled]:hover, fieldset[disabled] .btn-primary-v2.focus, fieldset[disabled] .btn-primary-v2:focus, fieldset[disabled] .btn-primary-v2:hover { background-color: #4680fc; } .btn-primary-v2 .badge { color: #4680fc; } .btn-success-v2 { outline: 0 !important; color: #fff !important; background: #00ca87; border-radius: 4px !important; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08), 0 0 2px 0 rgba(0, 0, 0, 0.04); } .btn-success-v2.focus, .btn-success-v2:focus { color: #fff; background: #009765; } .btn-success-v2:hover { color: #fff; background: #00b176; } .btn-success-v2.active, .btn-success-v2:active, .open > .btn-success-v2.dropdown-toggle { color: #fff; background-color: #009765; } .btn-success-v2.active.focus, .btn-success-v2.active:focus, .btn-success-v2.active:hover, .btn-success-v2:active.focus, .btn-success-v2:active:focus, .btn-success-v2:active:hover, .open > .btn-success-v2.dropdown-toggle.focus, .open > .btn-success-v2.dropdown-toggle:focus, .open > .btn-success-v2.dropdown-toggle:hover { color: #fff; background-color: #00734d; } .btn-success-v2.active, .btn-success-v2:active, .open > .btn-success-v2.dropdown-toggle { background-image: none; } .btn-success-v2.disabled.focus, .btn-success-v2.disabled:focus, .btn-success-v2.disabled:hover, .btn-success-v2[disabled].focus, .btn-success-v2[disabled]:focus, .btn-success-v2[disabled]:hover, fieldset[disabled] .btn-success-v2.focus, fieldset[disabled] .btn-success-v2:focus, fieldset[disabled] .btn-success-v2:hover { background-color: #00ca87; } .btn-success-v2 .badge { color: #00ca87; } .btn-info { outline: 0 !important; color: #fff !important; background: #01c68c; } .btn-info.focus, .btn-info:focus { color: #fff; background: #019368; } .btn-info:hover { color: #fff; background: #01ad7a; } .btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #019368; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { color: #fff; background-color: #01704f; } .btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #01c68c; } .btn-info .badge { color: #01c68c; } .btn-white, .btn-white:hover { border: 4px solid #eef0f2; } .btn-white:hover { transition: border 0.2s ease-in-out; background-color: #fafbfc; } .btn-white:active, .btn-white:focus { transition: border 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; border: 4px solid #00dd95; background-color: #00dd95; } .btn-success { outline: 0 !important; color: #fff !important; background: #01c68c; } .btn-success.focus, .btn-success:focus { color: #fff; background: #019368; } .btn-success:hover { color: #fff; background: #01ad7a; } .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #019368; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover { color: #fff; background-color: #01704f; } .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #01c68c; } .btn-success .badge { color: #01c68c; } .btn-success-o { border: 1px solid #00dd95; color: #00dd95 !important; background: none; } .btn-success-o--light { border: 1px solid #00dd95; color: #fff !important; background: none; } .btn-success2 { outline: 0 !important; color: #fff !important; background: #01c68c; border-radius: 4px !important; min-width: 114px; } .btn-success2.focus, .btn-success2:focus { color: #fff; background: #019368; } .btn-success2:hover { color: #fff; background: #01ad7a; } .btn-success2.active, .btn-success2:active, .open > .btn-success2.dropdown-toggle { color: #fff; background-color: #019368; } .btn-success2.active.focus, .btn-success2.active:focus, .btn-success2.active:hover, .btn-success2:active.focus, .btn-success2:active:focus, .btn-success2:active:hover, .open > .btn-success2.dropdown-toggle.focus, .open > .btn-success2.dropdown-toggle:focus, .open > .btn-success2.dropdown-toggle:hover { color: #fff; background-color: #01704f; } .btn-success2.active, .btn-success2:active, .open > .btn-success2.dropdown-toggle { background-image: none; } .btn-success2.disabled.focus, .btn-success2.disabled:focus, .btn-success2.disabled:hover, .btn-success2[disabled].focus, .btn-success2[disabled]:focus, .btn-success2[disabled]:hover, fieldset[disabled] .btn-success2.focus, fieldset[disabled] .btn-success2:focus, fieldset[disabled] .btn-success2:hover { background-color: #01c68c; } .btn-success2 .badge { color: #01c68c; } @media (min-width: 800px) { .btn-success2--quoteform { min-width: 288px; } } .btn-shadow { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.06), 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 3px 1px -2px rgba(0, 0, 0, 0.1); } .btn-secondary2 { outline: 0 !important; color: #5c6172 !important; background: #eef0f2; border-radius: 4px !important; } .btn-secondary2.focus, .btn-secondary2:focus { color: #5c6172; background: #d1d7dc; } .btn-secondary2:hover { color: #5c6172; background: #e0e3e7; } .btn-secondary2.active, .btn-secondary2:active, .open > .btn-secondary2.dropdown-toggle { color: #5c6172; background-color: #d1d7dc; } .btn-secondary2.active.focus, .btn-secondary2.active:focus, .btn-secondary2.active:hover, .btn-secondary2:active.focus, .btn-secondary2:active:focus, .btn-secondary2:active:hover, .open > .btn-secondary2.dropdown-toggle.focus, .open > .btn-secondary2.dropdown-toggle:focus, .open > .btn-secondary2.dropdown-toggle:hover { color: #5c6172; background-color: #bdc5cc; } .btn-secondary2.active, .btn-secondary2:active, .open > .btn-secondary2.dropdown-toggle { background-image: none; } .btn-secondary2.disabled.focus, .btn-secondary2.disabled:focus, .btn-secondary2.disabled:hover, .btn-secondary2[disabled].focus, .btn-secondary2[disabled]:focus, .btn-secondary2[disabled]:hover, fieldset[disabled] .btn-secondary2.focus, fieldset[disabled] .btn-secondary2:focus, fieldset[disabled] .btn-secondary2:hover { background-color: #eef0f2; } .btn-secondary2 .badge { color: #eef0f2; } @media (min-width: 800px) { .btn-secondary2--quoteform { min-width: 288px; } } .btn-tertiary { color: #fff; background-color: #00c483; border-radius: 4px !important; display: flex; align-items: center; justify-content: center; height: 56px; font-size: 18px; border: 0; outline: none; padding: 0; } .btn-tertiary > span { color: #fff !important; } .btn-tertiary:active, .btn-tertiary:focus, .btn-tertiary:hover { color: #fff; background-color: #01a972; } .btn-tertiary i.material-icons { display: flex; align-items: center; } @media (min-width: 800px) { .btn-tertiary--quoteform { min-width: 288px; } } @media (max-width: 799px) { .btn-tertiary { width: 100%; } } .btn-tertiary--transparent { background-color: initial; border: 1px solid #00dd95; } .btn-tertiary--bold { font-weight: 700; } .btn-custom-white { border-radius: 4px !important; background-color: #fff; border: 2px solid #01c68c; color: #01c68c; padding: 12px; min-width: 100px; } .btn-custom-white:active, .btn-custom-white:focus, .btn-custom-white:hover { border: 2px solid #01a972; color: #fff; background-color: #01a972; outline: 0 !important; box-shadow: none; } @media (max-width: 799px) { .btn-block-mobile { display: block; width: 100%; } } .btn-red { outline: 0 !important; color: #fff !important; background: #c51738; } .btn-red.focus, .btn-red:focus { color: #fff; background: #97122b; } .btn-red:hover { color: #fff; background: #ae1432; } .btn-red.active, .btn-red:active, .open > .btn-red.dropdown-toggle { color: #fff; background-color: #97122b; } .btn-red.active.focus, .btn-red.active:focus, .btn-red.active:hover, .btn-red:active.focus, .btn-red:active:focus, .btn-red:active:hover, .open > .btn-red.dropdown-toggle.focus, .open > .btn-red.dropdown-toggle:focus, .open > .btn-red.dropdown-toggle:hover { color: #fff; background-color: #770e22; } .btn-red.active, .btn-red:active, .open > .btn-red.dropdown-toggle { background-image: none; } .btn-red.disabled.focus, .btn-red.disabled:focus, .btn-red.disabled:hover, .btn-red[disabled].focus, .btn-red[disabled]:focus, .btn-red[disabled]:hover, fieldset[disabled] .btn-red.focus, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:hover { background-color: #c51738; } .btn-red .badge { color: #c51738; } .btn-dark { outline: 0 !important; color: #fff !important; background: #212338; } .btn-dark.focus, .btn-dark:focus { color: #fff; background: #0e0f18; } .btn-dark:hover { color: #fff; background: #181928; } .btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle { color: #fff; background-color: #0e0f18; } .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .btn-dark.dropdown-toggle.focus, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle:hover { color: #fff; background-color: #010101; } .btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle { background-image: none; } .btn-dark.disabled.focus, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled].focus, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover { background-color: #212338; } .btn-dark .badge { color: #212338; } .btn-on { color: #fff; background: #00dd95; border: 1px solid #00dd95; } .btn-on.active, .btn-on.focus, .btn-on:active, .btn-on:focus, .btn-on:hover, .open > .btn-on.dropdown-toggle { color: #fff; background-color: #00aa73; } .btn-on.active.focus, .btn-on.active:focus, .btn-on.active:hover, .btn-on:active.focus, .btn-on:active:focus, .btn-on:active:hover, .open > .btn-on.dropdown-toggle.focus, .open > .btn-on.dropdown-toggle:focus, .open > .btn-on.dropdown-toggle:hover { color: #fff; background-color: #00865b; } .btn-on.active, .btn-on:active, .open > .btn-on.dropdown-toggle { background-image: none; } .btn-on.disabled.focus, .btn-on.disabled:focus, .btn-on.disabled:hover, .btn-on[disabled].focus, .btn-on[disabled]:focus, .btn-on[disabled]:hover, fieldset[disabled] .btn-on.focus, fieldset[disabled] .btn-on:focus, fieldset[disabled] .btn-on:hover { background-color: #00dd95; } .btn-on .badge { color: #00dd95; } .btn-close { position: absolute; right: 0; top: 5px; background: none; } .btn-close2 { background: none; padding: 0; } .btn-outline { color: #fff; border: 1px solid #fff; } .btn-outline:focus { color: #fff; } .btn-outline:hover { background: #fff; color: #212338; } .btn-horizontal-form { width: 100%; padding: 18px; font-size: 18px; line-height: 18px; border-radius: 4px; } .btn-home-dark { display: flex; align-items: center; justify-content: center; outline: 0 !important; color: #00dd95 !important; background: #212338; padding: 32px 30px; font-size: 28px; line-height: 26px; border-radius: 100px; } .btn-home-dark.focus, .btn-home-dark:focus { color: #00dd95; background: #0e0f18; } .btn-home-dark:hover { color: #00dd95; background: #181928; } .btn-home-dark.active, .btn-home-dark:active, .open > .btn-home-dark.dropdown-toggle { color: #00dd95; background-color: #0e0f18; } .btn-home-dark.active.focus, .btn-home-dark.active:focus, .btn-home-dark.active:hover, .btn-home-dark:active.focus, .btn-home-dark:active:focus, .btn-home-dark:active:hover, .open > .btn-home-dark.dropdown-toggle.focus, .open > .btn-home-dark.dropdown-toggle:focus, .open > .btn-home-dark.dropdown-toggle:hover { color: #00dd95; background-color: #010101; } .btn-home-dark.active, .btn-home-dark:active, .open > .btn-home-dark.dropdown-toggle { background-image: none; } .btn-home-dark.disabled.focus, .btn-home-dark.disabled:focus, .btn-home-dark.disabled:hover, .btn-home-dark[disabled].focus, .btn-home-dark[disabled]:focus, .btn-home-dark[disabled]:hover, fieldset[disabled] .btn-home-dark.focus, fieldset[disabled] .btn-home-dark:focus, fieldset[disabled] .btn-home-dark:hover { background-color: #212338; } .btn-home-dark .badge { color: #212338; } @media screen and (max-width: 992px) { .btn-home-dark { padding: 20px 30px; font-size: 22px; line-height: 26px; border-radius: 100px; } } .btn-home-dark:hover .ps-arrow { margin-left: 25px; } .btn-home-dark .ps-arrow { transition: all 0.2s; transform: translateY(2px); background: url(./images/arrow.svg) no-repeat; background-size: contain; width: 61px; height: 24px; margin-left: 15px; } @media screen and (max-width: 992px) { .btn-home-dark .ps-arrow { width: 49px; height: 18px; } } .btn-home-highlight { display: flex; align-items: center; justify-content: center; outline: 0 !important; color: #212338 !important; background: #00dd95; padding: 20px 30px; font-size: 28px; line-height: 26px; border-radius: 100px; } .btn-home-highlight.focus, .btn-home-highlight:focus { color: #212338; background: #00aa73; } .btn-home-highlight:hover { color: #212338; background: #00c484; } .btn-home-highlight.active, .btn-home-highlight:active, .open > .btn-home-highlight.dropdown-toggle { color: #212338; background-color: #00aa73; } .btn-home-highlight.active.focus, .btn-home-highlight.active:focus, .btn-home-highlight.active:hover, .btn-home-highlight:active.focus, .btn-home-highlight:active:focus, .btn-home-highlight:active:hover, .open > .btn-home-highlight.dropdown-toggle.focus, .open > .btn-home-highlight.dropdown-toggle:focus, .open > .btn-home-highlight.dropdown-toggle:hover { color: #212338; background-color: #00865b; } .btn-home-highlight.active, .btn-home-highlight:active, .open > .btn-home-highlight.dropdown-toggle { background-image: none; } .btn-home-highlight.disabled.focus, .btn-home-highlight.disabled:focus, .btn-home-highlight.disabled:hover, .btn-home-highlight[disabled].focus, .btn-home-highlight[disabled]:focus, .btn-home-highlight[disabled]:hover, fieldset[disabled] .btn-home-highlight.focus, fieldset[disabled] .btn-home-highlight:focus, fieldset[disabled] .btn-home-highlight:hover { background-color: #00dd95; } .btn-home-highlight .badge { color: #00dd95; } @media screen and (max-width: 992px) { .btn-home-highlight { padding: 20px 30px; font-size: 22px; line-height: 26px; border-radius: 100px; } } .btn-home-highlight:hover .ps-arrow { margin-left: 25px; } .btn-home-highlight .ps-arrow { transition: all 0.2s; transform: translateY(2px); background: url(./images/arrow.svg) no-repeat; background-size: contain; width: 61px; height: 24px; margin-left: 15px; } @media screen and (max-width: 992px) { .btn-home-highlight .ps-arrow { width: 49px; height: 18px; } } .btn-home-quotes { outline: 0 !important; color: #212338 !important; background: #00dd95; padding: 24px 70px; font-size: 24px; line-height: 26px; border-radius: 100px; display: table; margin: 0 auto; } .btn-home-quotes.focus, .btn-home-quotes:focus { color: #212338; background: #00aa73; } .btn-home-quotes:hover { color: #212338; background: #00c484; } .btn-home-quotes.active, .btn-home-quotes:active, .open > .btn-home-quotes.dropdown-toggle { color: #212338; background-color: #00aa73; } .btn-home-quotes.active.focus, .btn-home-quotes.active:focus, .btn-home-quotes.active:hover, .btn-home-quotes:active.focus, .btn-home-quotes:active:focus, .btn-home-quotes:active:hover, .open > .btn-home-quotes.dropdown-toggle.focus, .open > .btn-home-quotes.dropdown-toggle:focus, .open > .btn-home-quotes.dropdown-toggle:hover { color: #212338; background-color: #00865b; } .btn-home-quotes.active, .btn-home-quotes:active, .open > .btn-home-quotes.dropdown-toggle { background-image: none; } .btn-home-quotes.disabled.focus, .btn-home-quotes.disabled:focus, .btn-home-quotes.disabled:hover, .btn-home-quotes[disabled].focus, .btn-home-quotes[disabled]:focus, .btn-home-quotes[disabled]:hover, fieldset[disabled] .btn-home-quotes.focus, fieldset[disabled] .btn-home-quotes:focus, fieldset[disabled] .btn-home-quotes:hover { background-color: #00dd95; } .btn-home-quotes .badge { color: #00dd95; } @media screen and (max-width: 992px) { .btn-home-quotes { padding: 20px 35px; font-size: 20px; line-height: 26px; border-radius: 100px; display: block; width: 100%; font-size: 18px; max-width: 400px; } } .btn-home-quotes:hover .ps-arrow-tarmac { margin-left: 25px; } .btn-home-quotes .ps-arrow-tarmac { transition: all 0.2s; background: url(./images/arrow-tarmac.svg) no-repeat; background-size: contain; display: inline-block; width: 41px; height: 24px; margin-left: 15px; } @media screen and (max-width: 992px) { .btn-home-quotes .ps-arrow-tarmac { width: 40px; height: 18px; } } .btn-header-home { border: 3px solid #00dd95; color: #212338 !important; background: none; } .btn-header-home span { font-size: 20px; } .btn-secondary { border-radius: 100px; border: 4px solid #eef0f2; background-color: #fff; color: #0d59fc; } .btn-secondary, .btn-secondary:hover { height: 48px; line-height: 1.5; padding: 0 20px; } .btn-secondary:hover { border-radius: 100px; background-color: #0d59fc; border: 4px solid #0d59fc; color: #fff; } .ps-arrow-tarmac { transition: all 0.2s; background: url(./images/arrow-tarmac.svg) no-repeat; background-size: contain; display: inline-block; width: 31px; height: 24px; margin-left: 40px; vertical-align: middle; } @media screen and (max-width: 992px) { .ps-arrow-tarmac { width: 49px; height: 18px; } } .btn-1 { border: 1px solid #d4d9dd; min-width: 96px; height: 48px; border-radius: 4px; color: #484c5f !important; font-weight: 700; padding: 12px; display: flex; align-items: center; justify-content: center; } .btn-1:hover { background-color: #fafbfc; border: 1px solid #8f95a1; } .btn-1:active, .btn-1:focus { background-color: #eef0f2; border: 1px solid #6c7283; } .btn-2 { min-width: 96px; height: 48px; border-radius: 4px; color: #fff !important; background-color: #01c68c; border: 1px solid #03af83; font-weight: 700; padding: 12px; display: flex; align-items: center; justify-content: center; } .btn-2:hover { background-color: #03af83; border: 1px solid #05987a; } .btn-2:active, .btn-2:focus { background-color: #05987a; border: 1px solid #078171; } .btn-link { color: #0d59fc; font-weight: 400; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: initial; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #0d50ce; text-decoration: none; background-color: initial; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #6c7283; text-decoration: none; } .btn-group-sm > .btn, .btn-sm { padding: 4px 16px; font-size: 14px; line-height: 1.5; border-radius: 100px; } .btn-md { padding: 0 24px; font-size: 16px; line-height: 52px; border-radius: 100px; height: 52px; } .btn-group-xs > .btn, .btn-xs { padding: 5px 15px; font-size: 12px; line-height: 1.5; border-radius: 100px; text-transform: uppercase; } @media (min-width: 800px) { .btn-group-lg > .btn, .btn-lg { padding: 20px 100px; font-size: 24px; line-height: 26px; border-radius: 100px; } } @media (max-width: 799px) { .btn-group-lg > .btn, .btn-lg { padding: 18px 60px; font-size: 18px; line-height: 26px; border-radius: 100px; } } .btn-block { display: block; width: 100%; } .btn-inline { display: inline-flex; } .btn-block + .btn-block { margin-top: 20px; } input[type="button"], input[type="reset"], input[type="submit"] { outline: 0 !important; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .uib-datepicker .btn { border-radius: 0; } .uib-datepicker .btn[disabled] { opacity: 0.2; } .uib-title { opacity: 1 !important; border: 0 !important; } .uib-clear { display: none; } .btn-step-container { height: 41px; overflow: hidden; position: relative; } @media (max-width: 799px) { .btn-step-container { height: 51px; margin-bottom: 30px; } } .btn-step { height: 100%; position: absolute; font-size: 16px; padding: 8px 15px; border-radius: 0; bottom: 0; background: #eef0f2; transition: all 0.2s; } .btn-step:active, .btn-step:hover, .btn-step:visited { background: #d4d9dd; } .btn-step--disabled { color: #d4d9dd; } .btn-step--active { background: #078171; color: #fff; } .btn-step--active:active, .btn-step--active:focus, .btn-step--active:hover, .btn-step--active:visited { background: #01c68c; color: #fff; } .btn-step--right { width: 70%; right: 0; } .btn-step--left { width: 30%; left: 0; } .btn-debug { position: fixed; z-index: 3; right: 10px; bottom: 10px; } .invis-btn { background: none; border: none; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:after, .btn-toolbar:before { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0; } .btn-group-lg > .btn .caret, .btn-lg .caret { border-width: 5px 5px 0; } .dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 100px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 100px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: initial; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .home header.large { height: 73px; } .home header.large .phone { font-weight: 700; } .home header.small { position: fixed; top: 0; left: 0; z-index: 500; height: 73px; width: 100%; background: none; text-align: center; transition: transform 0.5s ease, background 1s; } .home header.small.scrolled { background: #e12e28; transition: transform 0.5s ease, background 0s; } header.small { position: fixed; top: 0; left: 0; z-index: 500; height: 73px; width: 100%; background: #212338; text-align: center; transition: transform 0.5s ease, background 1s; background: #fff; border-bottom: 1px solid #eef0f2; } header.small.nav-up { transform: translateY(-150%); } header.small.nav-down { transform: translateY(0); } header.small .right { display: none; } header .logo { display: inline-block; font-size: 0; background-image: url(./images/ps-otto-reverse-tarmac.svg); background-size: contain; background-repeat: no-repeat; height: 40px; width: 48px; margin-top: 20px; } #panel:before { content: ""; position: absolute; top: -80px; width: 100%; height: 80px; background: #212338; } @media (max-width: 799px) { .mobile-sticky-header { padding-top: 73px; } } @media (min-width: 800px) { #panel:before { content: ""; position: absolute; top: 0; width: 0; height: 0; background: #212338; } header .logo { display: inline-block; font-size: 0; background: url(./images/ps-wordmark.svg) no-repeat; background-size: contain; height: 17px; width: 106px; position: absolute; margin-top: 0; top: 24px; } header.small { position: relative; height: 70px; width: 100%; background: #fff; border-bottom: 1px solid #eef0f2; text-align: left; } header.small .right { display: block; position: absolute; right: 0; top: 0; } header.small .date { float: left; font-size: 14px; margin-top: 22px; } header.small .phone { padding-right: 15px; margin-top: 14px; text-align: right; } header.small .phone a { color: #212338; text-decoration: none; font-size: 16px; } } .ps-nav { padding: 20px !important; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #eef0f2; } @media (max-width: 1359px) { .ps-nav { align-items: center; } } @media (max-width: 799px) { .ps-nav { position: fixed; width: 100%; background-color: #fff; z-index: 999; min-height: 73px; } } .ps-nav-lhs-menu { display: flex; align-items: center; } @media (max-width: 1500px) { .ps-nav-lhs-menu { align-items: flex-start; flex-direction: column; } .ps-nav-lhs-menu > ul:last-child { padding-top: 16px; } } .ps-nav__items { margin: 0; padding: 0; list-style: none; display: flex; } .ps-nav__items--right { align-items: center; } .ps-nav__items li { padding-right: 32px; line-height: 24px; font-size: 14px; color: #212338; } .ps-nav__items li a { font-family: AvertaStandard; font-weight: 500; color: #484c5f; transition: all 0.2s; color: #212338; } .ps-nav__items li a:hover { color: #0d50ce; } .ps-nav__items li:last-child { padding-right: 0; } @media (max-width: 650px) { .ps-nav .user-profile-phone { margin-right: 0 !important; } } .ps-nav + #panel { overflow: auto; } @media (max-width: 650px) { .ps-nav + #panel { overflow: hidden !important; } } .ps-nav__btns { margin-top: -8px; margin-bottom: -8px; } .ps-nav__btns:last-child { margin-right: -8px; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .ps-logo { font-size: 0; display: inline-block; background: url(./images/ps-wordmark.svg) no-repeat; background-size: contain; width: 106px; height: 17px; margin-top: 4px; } .dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 176px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 2px 8px 0 rgba(0, 0, 0, 0.12); z-index: 1; list-style: none; padding-left: 0; } .dropdown-content.active { display: block; margin-top: 16px; margin-left: -80px; z-index: 9; } .dropdown-content li { padding: 16px; } .dropdown-content li:first-child { border-bottom: 1px solid #eef0f2; } .dropdown-content li a { margin: -16px; padding: 16px; display: block; color: #212338; text-decoration: none; } .dropdown-content li a:hover { color: #0d59fc; } .header-sidebar { padding: 16px; border-bottom: 1px solid #eef0f2; display: flex; justify-content: space-between; } .header-sidebar__cta { color: #5c6172; display: flex; align-items: flex-start; padding-top: 8px; line-height: 24px; flex-direction: row; font-weight: 700; } .header-sidebar__cta--desktop { color: #212338; } .header-sidebar__cta--mobile { color: #5c6172; font-size: 18px; line-height: 24px; } .header-sidebar__logo { display: flex; align-items: center; cursor: pointer; } .header-sidebar__logo .ps-logo { background: url(./images/ps-master-logo.svg) no-repeat 50%; width: 39px; height: 39px; background-size: contain !important; } .header-sidebar__help { display: flex; align-items: flex-start; font-size: 18px; color: #6c7283; cursor: pointer; } .header-sidebar__phone { font-size: 18px; } .header-sidebar-expanded { overflow: hidden; } @media (min-width: 800px) { .header-sidebar-expanded body { min-height: 100vh; } } .header-sidebar__link:focus, .header-sidebar__link:hover { color: #0d59fc; } .sidebar { position: relative; display: block; min-height: 100%; overflow-y: auto; overflow-x: hidden; background-color: #fff; width: 300px; padding: 16px; transform: translate3d(-300px, 0, 0); } .sidebar, .sidebar-overlay { transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); } .sidebar-overlay { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000; z-index: 9998; transform: translateZ(0); } .sidebar-overlay.active { opacity: 0.5; visibility: visible; transition-delay: 0; } .sidebar.open { min-width: 300px; width: 300px; transform: translateZ(0); } .sidebar-fixed-left, .sidebar-fixed-right { position: fixed; top: 0; bottom: 0; z-index: 9999; } .sidebar-fixed-left { left: 0; } .sidebar-fixed-right { right: 0; transform: translate3d(300px, 0, 0); } .sidebar-fixed-right.open { transform: translateZ(0); } .sidebar__menu-list { margin: 0 -16px; width: 100%; position: absolute; } .sidebar__menu-list li { padding: 0 !important; cursor: pointer; } .sidebar__menu-list li:active, .sidebar__menu-list li:focus, .sidebar__menu-list li:hover { background-color: #eef0f2; } .sidebar__menu-list li:active a, .sidebar__menu-list li:focus a, .sidebar__menu-list li:hover a { color: #0d59fc; outline: none; } .sidebar__menu-list li a { display: flex; padding: 20px; color: #5c6172; } .sidebar__link:focus, .sidebar__link:hover { color: #212338; } .sidebar-nav-close { cursor: pointer; } .sidebar__faq { border-bottom: 1px solid #eef0f2; } .sidebar__faq:last-child { border: none; } .sidebar__faq__icon { position: absolute; width: 22px; margin-left: -6px; } .sidebar__faq p { font-size: 16px; } .quote-details .ns-logo { background: url(./images/ag-otto-sm.svg) no-repeat 50%; width: 39px; height: 39px; background-size: contain!important; font-size: 0; display: inline-block; } .container { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; max-width: 1170px; } .container:after, .container:before { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 800px) { .container { width: 752px; } } @media (min-width: 992px) { .container { width: 972px; } } @media (min-width: 1200px) { .container { width: 1172px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; } .container-fluid:after, .container-fluid:before { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -16px; margin-right: -16px; } .row:after, .row:before { content: " "; display: table; } .row:after { clear: both; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 16px; padding-right: 16px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 800px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } .fp-container { margin-right: auto; margin-left: auto; padding-left: 24px; padding-right: 24px; max-width: 1248px; position: relative; } .fp-container:after, .fp-container:before { content: " "; display: table; } .fp-container:after { clear: both; } @media (min-width: 800px) { .fp-container--no-padding { padding: 0; } } .fp-container--small { max-width: 1170px; } .fp-container--smallest { max-width: 1000px; } .fp-container-flex { padding-left: 24px; padding-right: 24px; max-width: 1248px; } .fp-container-flex, .fp-container-large { margin-right: auto; margin-left: auto; position: relative; } .fp-container-large { padding-left: 16px; padding-right: 16px; max-width: 1400px; } .fp-container-large:after, .fp-container-large:before { content: " "; display: table; } .fp-container-large:after { clear: both; } .fp-container-fluid { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; } .fp-container-fluid:after, .fp-container-fluid:before { content: " "; display: table; } .fp-container-fluid:after { clear: both; } .fp-row { margin-left: -15px; margin-right: -15px; } .fp-row:after, .fp-row:before { content: " "; display: table; } .fp-row:after { clear: both; } .wa-container { margin-right: auto; margin-left: auto; max-width: 1100px; position: relative; } .wa-container:after, .wa-container:before { content: " "; display: table; } .wa-container:after { clear: both; } .wa-container-wrap-title { padding: 0 20px; } @media (min-width: 1360px) { .wa-container-grid { display: grid; grid-template-columns: minmax(auto, 621px) minmax(auto, 383px); grid-gap: 96px; margin-right: auto; } } @media (max-width: 799px) { .wa-container-flex { display: flex; flex-direction: column; } } @media (max-width: 799px) { .wa-container-flex .wa-container__left { order: 1; } } @media (max-width: 1359px) { .wa-container__left { width: 621px; margin: 0 auto; } } @media (max-width: 799px) { .wa-container__left { width: 100%; } } @media (min-width: 1360px) { .wa-container__right { order: 1; } } @media (max-width: 1359px) { .wa-container__right { width: 621px; margin: 0 auto 24px; order: 0; } } @media (max-width: 799px) { .wa-container__right { width: 100%; } } .ratio-image { position: relative; overflow: hidden; } .ratio-image > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; } table { background-color: initial; } caption { padding-top: 8px; padding-bottom: 8px; color: #6c7283; } caption, th { text-align: left; } th { font-weight: 700; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 26px; vertical-align: top; border-top: 1px solid #ddd; } .table > tbody > tr > td .pagination, .table > tbody > tr > th .pagination, .table > tfoot > tr > td .pagination, .table > tfoot > tr > th .pagination, .table > thead > tr > td .pagination, .table > thead > tr > th .pagination { margin-bottom: 0; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-fixed { table-layout: fixed; } .table > caption .badge { font-weight: 400; vertical-align: initial; } .table tbody.loading tr { opacity: 0.5; } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 4px; } .table-invisible > tbody > tr > td, .table-invisible > tbody > tr > th, .table-invisible > tfoot > tr > td, .table-invisible > tfoot > tr > th, .table-invisible > thead > tr > td, .table-invisible > thead > tr > th { border: 0; } .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5; } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6; } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #d9edf7; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 799px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } } fieldset { margin: 0; min-width: 0; } fieldset, legend { padding: 0; border: 0; } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 24px; line-height: inherit; color: #212338; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .lush-ui-modal-host label, .vnext-content label { font-weight: inherit; } input[type="search"] { box-sizing: border-box; } input[type="checkbox"], input[type="radio"] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { padding-top: 8px; } .form-control, output { display: block; font-size: 16px; line-height: 26px; color: #212338; } .form-control { width: 100%; min-height: 44px; height: 44px; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #d4d9dd; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control:focus { border-color: #0d59fc; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(13, 89, 252, 0.6); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eef0f2; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } .form-control--readonly { background: #fff !important; } .form-control--thickstroke { border: 4px solid #eef0f2; min-height: 54px; } textarea.form-control { height: auto; } select.form-control { appearance: none; position: relative; background: #fff url(./images/caret-down.svg) no-repeat 100% !important; } input[type="search"], select.form-control { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control, input[type="time"].form-control { line-height: 38px; } .input-group-sm > .input-group-btn > input.btn[type="date"], .input-group-sm > .input-group-btn > input.btn[type="datetime-local"], .input-group-sm > .input-group-btn > input.btn[type="month"], .input-group-sm > .input-group-btn > input.btn[type="time"], .input-group-sm > input.form-control[type="date"], .input-group-sm > input.form-control[type="datetime-local"], .input-group-sm > input.form-control[type="month"], .input-group-sm > input.form-control[type="time"], .input-group-sm > input.input-group-addon[type="date"], .input-group-sm > input.input-group-addon[type="datetime-local"], .input-group-sm > input.input-group-addon[type="month"], .input-group-sm > input.input-group-addon[type="time"], .input-group-sm input[type="date"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"], .input-group-sm input[type="time"], input[type="date"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, input[type="time"].input-sm { line-height: 31px; } .input-group-lg > .input-group-btn > input.btn[type="date"], .input-group-lg > .input-group-btn > input.btn[type="datetime-local"], .input-group-lg > .input-group-btn > input.btn[type="month"], .input-group-lg > .input-group-btn > input.btn[type="time"], .input-group-lg > input.form-control[type="date"], .input-group-lg > input.form-control[type="datetime-local"], .input-group-lg > input.form-control[type="month"], .input-group-lg > input.form-control[type="time"], .input-group-lg > input.input-group-addon[type="date"], .input-group-lg > input.input-group-addon[type="datetime-local"], .input-group-lg > input.input-group-addon[type="month"], .input-group-lg > input.input-group-addon[type="time"], .input-group-lg input[type="date"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"], .input-group-lg input[type="time"], input[type="date"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, input[type="time"].input-lg { line-height: 49px; } } .form-group { margin-bottom: 16px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox-inline input[type="checkbox"], .checkbox input[type="checkbox"], .radio-inline input[type="radio"], .radio input[type="radio"] { position: absolute; margin-left: -20px; margin-top: 4px\9; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="radio"], input[type="checkbox"].disabled, input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="radio"][disabled] { cursor: not-allowed; } .form-control-static { padding-top: 8px; padding-bottom: 8px; margin-bottom: 0; min-height: 36px; } .form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm { height: 31px; padding: 4px 16px; font-size: 14px; line-height: 1.5; border-radius: 0; } .input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm { height: 31px; min-height: 31px; } .input-group-sm > .input-group-btn > select.btn[multiple], .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select.form-control[multiple], .input-group-sm > select.input-group-addon[multiple], .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 31px; padding: 4px 16px; font-size: 14px; line-height: 1.5; border-radius: 0; } .form-group-sm select.form-control { height: 31px; line-height: 31px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 31px; min-height: 34px; padding: 5px 16px; font-size: 14px; line-height: 1.5; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-lg { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.33333; border-radius: 0; } .input-group-lg > .input-group-btn > select.btn, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, select.input-lg { height: 49px; min-height: 49px; } .input-group-lg > .input-group-btn > select.btn[multiple], .input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > select.form-control[multiple], .input-group-lg > select.input-group-addon[multiple], .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.33333; border-radius: 0; } .form-group-lg select.form-control { height: 49px; line-height: 49px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 49px; min-height: 40px; padding: 11px 16px; font-size: 20px; line-height: 1.33333; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; pointer-events: none; } .form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-lg + .form-control-feedback { width: 49px; height: 49px; line-height: 49px; } .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-sm + .form-control-feedback { width: 31px; height: 31px; line-height: 31px; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #5c6172; } @media (min-width: 800px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 8px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 28px; } .form-horizontal .form-group { margin-left: -16px; margin-right: -16px; } .form-horizontal .form-group:after, .form-horizontal .form-group:before { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 800px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 8px; } } .form-horizontal .has-feedback .form-control-feedback { right: 16px; } @media (min-width: 800px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33333px; font-size: 20px; } } @media (min-width: 800px) { .form-horizontal .form-group-sm .control-label { padding-top: 5px; font-size: 14px; } } .checkbox { position: absolute; opacity: 0; } .checkbox + label { position: relative; left: 40px; font-weight: 700; margin: 15px 0; padding-right: 40px; text-align: left; } .checkbox + label:hover { cursor: pointer; } .checkbox + label:before { content: ""; position: absolute; left: -40px; top: 0; background-image: url(/Content/images/icons/checkbox.jpg); background-size: cover; height: 25px; width: 25px; display: inline-block; padding: 0; } .checkbox:checked + label:before { background-image: url(/Content/images/icons/checkbox-checked.jpg); } .checkbox[disabled] + label { cursor: not-allowed; } .checkbox-sm { font-size: 14px !important; } .checkbox-sm:before { left: -36px !important; width: 16px !important; height: 16px !important; margin-top: 2px; } select.form-control optgroup, select.form-control option:disabled { font-weight: 700 !important; color: #00dd95; } select.form-control optgroup option { font-weight: 400; color: #212338; } .form-control--readonly-date { background-color: #fff !important; } .form-control--short-number { width: 100px; } .braintree-hosted-fields-valid, .is-valid .form-control { border-color: #00dd95; } .form-control { border-radius: 5px; } .angucomplete-holder { position: relative; } .angucomplete-dropdown { border: 1px solid #d4d9dd; border-radius: 2px; width: 250px; padding: 6px; cursor: pointer; z-index: 9999; position: absolute; margin-top: -6px; background-color: #fff; overflow-y: scroll; max-height: 280px; } .angucomplete-searching { color: #8f95a1; font-size: 14px; } .angucomplete-description { font-size: 14px; } .angucomplete-row { padding: 5px; color: #212338; margin-bottom: 4px; clear: both; } .angucomplete-selected-row { background-color: #add8e6; color: #fff; } .angucomplete-image-holder { padding-top: 2px; float: left; margin-right: 10px; margin-left: 5px; } .angucomplete-image { height: 34px; width: 34px; border-radius: 50%; border: 1px solid #d4d9dd; } .angucomplete-image-default { background-position: 50%; background-size: contain; height: 34px; width: 34px; } .angucomplete-input-not-empty { border-color: #00dd95; } .braintree-hosted-fields-invalid, .form-control.ng-invalid.ng-dirty, .form-control.ng-invalid.ng-dirty ~ .input-group-btn button, .form-control.ng-invalid.ng-touched, .form-control.ng-invalid.ng-touched ~ .input-group-btn button, .ng-submitted .form-control.ng-invalid, .ng-submitted .form-control.ng-invalid ~ .input-group-btn button, .show-validation-errors .form-control.ng-invalid, .show-validation-errors .form-control.ng-invalid ~ .input-group-btn button { border: 1px solid #e12e28 !important; background-color: #fdf4f4 !important; } .label-button, .radio-box__item, .whats-important-selector { border: 1px solid #d4d9dd; padding: 10px; text-align: left; } .label-button:hover, .radio-box__item:hover, .whats-important-selector:hover { cursor: pointer; background: #fafbfc; } .fourteen-day-date-selector-container { display: flex; flex-direction: row; flex-flow: row wrap; width: 100%; } .fourteen-day-date-selector { color: #6c7283; width: 14.28571%; border: 1px solid #eef0f2; text-align: center; margin-left: -1px; margin-bottom: -1px; font-size: 14px; background: #eef0f2; opacity: 0.5; position: relative; } .fourteen-day-date-selector label { display: flex; flex-direction: column; justify-content: center; position: relative; padding: 8px; top: 0; bottom: 0; left: 0; width: 100%; margin: 0; } .fourteen-day-date-selector label:hover { cursor: not-allowed; } .fourteen-day-date-selector label.active:hover { cursor: pointer; } .fourteen-day-date-selector input[type="radio"] { display: none; } .fourteen-day-date-selector.active { background: #fff; opacity: 1; } .fourteen-day-date-selector.active:hover { cursor: pointer; background: #00dd95; color: #fff; } .fourteen-day-date-selector.active:hover .fourteen-day-date-selector__date, .fourteen-day-date-selector.active:hover .fourteen-day-date-selector__day, .fourteen-day-date-selector.active:hover .fourteen-day-date-selector__month { color: #fff; cursor: pointer; } .fourteen-day-date-selector.selected { background: #00dd95; color: #fff; } .fourteen-day-date-selector.selected .fourteen-day-date-selector__date, .fourteen-day-date-selector.selected .fourteen-day-date-selector__day, .fourteen-day-date-selector.selected .fourteen-day-date-selector__month { color: #fff; cursor: pointer; } .fourteen-day-date-selector:first-child, .fourteen-day-date-selector:nth-child(8) { margin-left: 0; } .fourteen-day-date-selector__date { font-size: 30px; line-height: 30px; color: #212338; } @media (max-width: 799px) { .fourteen-day-date-selector__date { font-size: 20px; line-height: 20px; } } input[type="radio"]:checked + label.active { background: #00dd95; } input[type="radio"]:checked + label.active .fourteen-day-date-selector__date, input[type="radio"]:checked + label.active .fourteen-day-date-selector__day, input[type="radio"]:checked + label.active .fourteen-day-date-selector__month { color: #fff; } .radio-box-icon, .radio-box__item .clipboard, .radio-box__item .mobile-mechanic, .radio-box__item .oil-can, .radio-box__item .repair, .radio-box__item .workshop { display: block; width: 30px; height: 30px; margin-right: 5px; } .radio-box { display: flex; flex-direction: row; width: 100%; } .radio-box__container { width: 50%; display: inline-block; } .radio-box__item:before { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 16px; width: 16px; height: 16px; line-height: 16px; transform: rotate(0.03deg); display: inline-flex; align-items: center; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; vertical-align: middle; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .radio-box__item:before.icon-18 { font-size: 18px; width: 18px; height: 18px; line-height: 18px; } .radio-box__item:before.icon-20 { font-size: 20px; width: 20px; height: 20px; line-height: 20px; } .radio-box__item:before.icon-24 { font-size: 24px; width: 24px; height: 24px; line-height: 24px; } .radio-box__item:before.icon-32 { font-size: 32px; width: 32px; height: 32px; line-height: 32px; } @media (max-width: 799px) { .radio-box__item:before.icon-32--mobile { font-size: 32px !important; width: 32px !important; height: 32px !important; line-height: 32px !important; } } .radio-box__item:before.icon-48 { font-size: 48px; width: 48px; height: 48px; line-height: 48px; } .radio-box__item:before.icon-64 { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .radio-box__item:before.icon-96 { font-size: 96px; width: 96px; height: 96px; line-height: 96px; } .radio-box__item:before.strong { font-weight: 700; } @-moz-document url-prefix() { .radio-box__item { display: block; text-align: left; } .radio-box__item span { display: inline-block !important; } } .radio-box__item--quoteresults { border: none; background: #fff !important; color: #212338; padding: 4px 0 4px 32px; } .radio-box__item--quoteresults:active, .radio-box__item--quoteresults:focus, .radio-box__item--quoteresults:hover { background: #fff; } .radio-box__item--quoteresults:before { left: 0; } .radio-box__item .oil-can { background: url(/Content/images/oil-can.svg) 50% no-repeat; } .radio-box__item .clipboard { background: url(/Content/images/clipboard.svg) 50% no-repeat; } .radio-box__item .repair { background: url(/Content/images/repair-inspection-icon.svg) 50% no-repeat; } .radio-box__item .mobile-mechanic { background: url(/Content/images/mobile-mechanic-icon.svg) 50% no-repeat; } .radio-box__item .workshop { background: url(/Content/images/workshop-icon.svg) 50% no-repeat; } .radio-box--quote-selector { display: block; } .radio-box--quote-selector .radio-box__item { display: block; width: 100%; margin-bottom: 0; position: relative; } .isRepairInspection .radio-box__item { width: 33.333%; } input[type="checkbox"] + label.radio-box__item i { color: #8f95a1; } input[type="checkbox"] + label.radio-box__item:before { font-family: Material Icons; content: "check_box_outline_blank"; position: absolute; border: none; top: 18px; color: #eef0f2; } input[type="checkbox"]:checked + label.radio-box__item { background: #71edc2; border-color: #00dd95; } input[type="checkbox"]:checked + label.radio-box__item:before { font-family: Material Icons; content: "check_box"; position: absolute; border: none; top: 18px; color: #00dd95; } .whats-important-selector { float: left; width: 33.3333%; background: #fff; } @media (max-width: 799px) { .whats-important-selector { font-size: 14px; } } .whats-important-selector .wiLabel { width: 30px; height: 30px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px; } input[type="radio"]:checked + label.whats-important-selector { background: #71edc2; border-color: #00dd95; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-radius: 0; } .uib-button-bar { display: none; } @media (max-width: 395px) { .uib-datepicker-popup .btn { font-size: 14px; padding: 4px 12px; } } .validation-popup-container { position: relative; } .validation-popup { position: absolute; right: -300px; width: 250px; background: #e12e28; color: #fff; padding: 20px; z-index: 2; font-size: 14px; top: 15px; } @media (max-width: 799px) { .validation-popup { position: relative; right: 0; width: 100%; top: 0; margin-bottom: 15px; margin-top: 20px; padding: 15px; } } .validation-popup:after { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #e12e28; position: absolute; content: ""; top: calc(50% - 20px); left: -20px; z-index: 2; } @media (max-width: 799px) { .validation-popup:after { border: 20px solid transparent; border-top: none; border-bottom: 20px solid #e12e28; top: -20px; left: calc(50% - 20px); } } .info-popup { position: absolute; right: -300px; width: 250px; background: #0d59fc; color: #fff; padding: 20px; z-index: 2; font-size: 14px; top: 15px; } @media (max-width: 799px) { .info-popup { position: relative; right: 0; width: 100%; top: 0; margin-bottom: 15px; margin-top: 20px; padding: 15px; } } .info-popup:after { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #0d59fc; position: absolute; content: ""; top: calc(50% - 20px); left: -20px; z-index: 2; } @media (max-width: 799px) { .info-popup:after { border: 20px solid transparent; border-top: none; border-bottom: 20px solid #0d59fc; top: -20px; left: calc(50% - 20px); } } .dark-control-container { position: relative; } @media (min-width: 800px) { .dark-control-container:before { position: absolute; top: 0; bottom: 0; left: -9999px; height: 52px; background: #212338; content: ""; width: 9999px; box-shadow: 0 8px 6px -6px #d4d9dd; } } .dark-control-container:after { position: absolute; top: 14px; left: 0; content: ""; background: url(/Content/images/icons/search_icon_white.svg) 50% no-repeat; width: 25px; height: 25px; } @media (max-width: 799px) { .dark-control-container:after { left: 15px; } } .form-control-search { display: block; width: 100%; padding: 20px 20px 20px 60px; border: 1px solid #eef0f2; background: #fff; height: 66px; font-size: 18px; } .dark-control { display: block; width: 100%; padding: 15px 15px 15px 45px; border: 0; background: #212338; color: #fff; } .form-control--search { height: 66px; border: 1px solid #eef0f2; padding: 20px; font-size: 18px; } .switch { background: #fff; border: 1px solid #d4d9dd; position: relative; display: inline-block; box-sizing: initial; overflow: visible; width: 52px; height: 30px; padding: 0; margin: 0; border-radius: 20px; cursor: pointer; box-shadow: inset 0 0 0 0 #dfdfdf; transition: all 0.3s ease-out; top: -1px; } .switch.wide { width: 80px; } .switch small { background: #fff; border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); width: 30px; height: 30px; position: absolute; top: 0; left: 0; transition: all 0.3s ease-out; } .switch.checked { background: #00dd95; border-color: #00dd95; } .switch.checked small { left: 22px; } .switch.wide.checked small { left: 52px; } .switch .switch-text { font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .switch .off { display: block; right: 10%; color: #8f95a1; } .switch .off, .switch .on { position: absolute; top: 25%; z-index: 0; } .switch .on { color: #fff; left: 9%; } .switch.checked .off, .switch .on { display: none; } .switch.checked .on { display: block; } .switch.disabled { opacity: 0.5; cursor: not-allowed; } @media (min-width: 800px) { .interval-selector-select { border-radius: 0; box-shadow: none; border: 1px solid #eef0f2; border-top: none; border-bottom: none; } } .field-validation-error { color: #e12e28; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.5s; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown, .dropup { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #fff; border: 1px solid #d4d9dd; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 26px; color: #34384c; white-space: nowrap; } @media screen and (max-width: 360px) { .workshop .dropdown-menu { margin-left: -12px !important; } } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: #212338; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #6c7283; } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; background-color: initial; background-image: none; cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 14px; line-height: 26px; color: #6c7283; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 800px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .input-group { position: relative; display: table; border-collapse: initial; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 8px 12px; font-size: 16px; font-weight: 400; line-height: 1; color: #212338; text-align: center; background-color: #d4d9dd; border: 1px solid #d4d9dd; border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 4px 16px; font-size: 14px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 20px; border-radius: 6px; } .input-group-addon input[type="checkbox"], .input-group-addon input[type="radio"] { margin-top: 0; } .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; padding-top: 6px; padding-bottom: 6px; height: 44px; border-radius: 5px; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .breadcrumb { padding: 8px 16px; margin-bottom: 20px; list-style: none; background-color: #fafbfc; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/ "; padding: 0 4px; color: #d4d9dd; } .breadcrumb > .active { color: #8f95a1; } .breadcrumb--seo { padding: 0 0 24px !important; } .breadcrumb--bundle a { color: #6c7283; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > button, .pagination > li > span { position: relative; float: left; padding: 8px 12px; line-height: 26px; text-decoration: none; color: #0d59fc; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > button, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > button, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > button:focus, .pagination > li > button:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #0d50ce; background-color: #d4d9dd; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > button, .pagination > .active > button:focus, .pagination > .active > button:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > button, .pagination > .disabled > button:focus, .pagination > .disabled > button:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #8f95a1; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager:after, .pager:before { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #d4d9dd; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #8f95a1; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: initial; border-radius: 0.25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label-alt { display: inline-block; font-size: 53%; font-weight: 400; line-height: 21px; color: #000; text-align: center; white-space: nowrap; vertical-align: initial; border-radius: 0.25em; text-transform: uppercase; padding: 0 8px; position: relative; top: -4px; letter-spacing: 0.5px; } .label-quote { background-color: #aff5dc; color: #05987a; } .label-estimate { background-color: #d4d9dd; color: #03af83; } .label-inspection { background-color: #ffde79; color: #e85f5b; } .label-more-info { background-color: #f6c2c1; color: #e12e28; } .label-default { background-color: #8f95a1; } .label-default[href]:focus, .label-default[href]:hover { background-color: #737b8a; } .label-primary { background-color: #337ab7; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #285f8f; } .label-success { background-color: #01c68c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #019368; } .label-info { background-color: #01c68c; } .label-info[href]:focus, .label-info[href]:hover { background-color: #019368; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #c51738; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #97122b; } .badge { padding: 4px; font-weight: 700; color: #000; white-space: nowrap; background-color: #d4d9dd; min-width: 20px; height: 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 12px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge { color: #0d59fc; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .badges { color: #fff; padding: 0 8px; border-radius: 4px; font-size: 14px; height: 24px; display: inline-flex; align-items: center; } .badges--gray600 { background-color: #5c6172; } .badges--small { font-size: 12px; } .badges--green600 { background-color: #01c68c; } .badges--red600 { background-color: #d42b26; } .badges--estimated { color: #fff; background-color: #6c7283; text-transform: uppercase; font-weight: 700; font-size: 12px; padding: 2px 8px; border-radius: 4px; line-height: 1.9; } @media (max-width: 650px) { .badges--estimated { line-height: 1.5; } } .badges--exclusive { background-color: #f38e29; text-transform: uppercase; font-weight: 700; font-size: 12px; padding: 0 4px; border-radius: 4px; } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 26px; background-color: #fff; border: 1px solid #d4d9dd; border-radius: 4px; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 8px; color: #212338; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #0d59fc; } .alert { padding: 16px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert a { text-decoration: underline; } .alert ol li, .alert ul li { color: inherit; } .alert-dismissable, .alert-dismissible { padding-right: 32px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #aff5dc; color: #01c68c; } .alert-success hr { border-top-color: #98f2d2; } .alert-success .alert-link { color: #019368; } .alert-info { background-color: #d9edf7; border-color: #b9cefe; color: #31708f; } .alert-info hr { border-top-color: #a0bcfe; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #ffedb5; color: #8a6d3b; } .alert-warning hr { border-top-color: #ffe79c; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #f6c2c1; color: #a94442; } .alert-danger hr { border-top-color: #f3acab; } .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { 0% { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #eef0f2; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 14px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition: width 0.6s ease; } .progress-bar.active, .progress.active .progress-bar { animation: progress-bar-stripes 2s linear infinite; } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #eef0f2; line-height: 1.2; } .list-group-item a { font-size: 16px; color: #5c6172; transition: all 0.2s; } .list-group-item a:hover { color: #0d59fc; } .list-group-item--flex { display: flex; justify-content: space-between; align-items: center; } .list-group-item__content { flex-basis: calc(100% - 85px); padding-right: 15px; } @media (min-width: 800px) { .list-group-item__content { display: flex; align-items: center; } .list-group-item__content-title { padding-right: 10px; white-space: nowrap; } .list-group-item__content select { padding-left: 15px; } } .list-group-item__cta { flex-basis: 86px; } .list-group-item--alt { border-left: 0; border-radius: 0; border-right: 0; background: none; padding: 8px 0; } .list-group-item--alt:first-child { border-top: 0; } .list-group-item--alt:last-child { border-bottom: none; } .list-group-item__item { flex-basis: calc(100% - 54px); padding-right: 15px; } .list-group-item__switch { flex-basis: 54px; } a.list-group-item, button.list-group-item { color: #484c5f; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #212338; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { text-decoration: none; color: #212338; background-color: #0d59fc; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { background-color: #d4d9dd; color: #6c7283; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #6c7283; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #b9cefe; } .list-group-item-success { border: 1px solid #00dd95; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } .list-group-item-info { border: 1px solid #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } .list-group-item-warning { border: 1px solid #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } .list-group-item-danger { border: 1px solid #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:after, .panel-body:before { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-heading__title { margin: 0; font-weight: 100; font-size: 24px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; } .panel-title, .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .panel-collapse > .table caption, .panel > .table-responsive > .table caption, .panel > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #212338; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #212338; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-warning { border-color: #ffedb5; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #ffedb5; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ffedb5; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .close { float: right; font-size: 24px; font-weight: 700; line-height: 1; color: #212338; opacity: 0.2; } .close:focus, .close:hover { color: #212338; text-decoration: none; cursor: pointer; opacity: 0.5; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } ul.check { padding-left: 0; } ul.check li { list-style: none; position: relative; font-size: 14px; padding-bottom: 15px; padding-left: 25px; padding-right: 10px; } ul.check li:after { content: "-"; position: absolute; top: 0; left: 0; height: 12px; width: 16px; } ul.no-list { list-style: none; padding-left: 0; display: inline-block; } ul.no-list li { list-style: none; padding-bottom: 15px; padding-right: 10px; } ul.no-list--last-noborder li:last-child { border-bottom: none; } ul.no-list-simple { list-style: none; } ul.list-ticked, ul.no-list-simple { padding-left: 0; display: inline-block; } ul.list-ticked { clear: both; padding-bottom: 8px; } ul.list-ticked li { list-style: none; position: relative; font-size: 14px; padding-bottom: 16px; padding-left: 24px; padding-right: 8px; } ul.list-ticked li:after { content: ""; position: absolute; top: 4px; left: 0; background-image: url(/Content/images/icons/icon-tick.svg); background-size: cover; height: 12px; width: 16px; } ul.list-ticked--indented { padding-left: 24px; } ul.list-ticked--small li { font-size: 14px; padding-bottom: 8px; } ul.list-ticked--medium li { padding-bottom: 4px; } ul.list-ticked--large li { font-size: 16px; } ul.list-ticked--largest li { font-size: 18px; } ul.info { padding-left: 0; clear: both; display: inline-block; } ul.info li { list-style: none; position: relative; font-size: 14px; padding-bottom: 16px; padding-left: 24px; padding-right: 8px; } ul.info li:after { content: ""; position: absolute; top: 4px; left: 0; background-image: url(/Content/images/icons/Info_circle.svg); background-size: contain; height: 16px; width: 16px; } ul.info--small li { font-size: 14px; padding-bottom: 8px; } .ul-tick ul { padding-left: 0; clear: both; display: inline-block; } .ul-tick li { list-style: none; position: relative; font-size: 14px; padding-bottom: 8px; padding-left: 24px; padding-right: 8px; } .ul-tick li:after { content: ""; position: absolute; top: 4px; left: 0; background-image: url(/Content/images/icons/icon-tick.svg); background-size: cover; height: 12px; width: 16px; } ul.half { display: inline-block; width: 100%; } ul.half li { width: 50%; float: left; } @media (max-width: 480px) { ul.full--mobile li { width: 100%; float: left; } } .link-list { list-style: none; padding: 0; margin-left: -8px; column-count: 4; } @media screen and (max-width: 800px) { .link-list { column-count: 2; } } .link-list li a { padding: 4px 8px; color: #212338; display: inline-block; transition: all 0.2s; } .link-list li a:hover { background: #eef0f2; color: #0d59fc; border-radius: 4px; text-decoration: none; } .wrap-list { background-color: #fff; border: 1px solid #eef0f2; border-radius: 5px; } ul.list-flex { display: flex; align-items: center; list-style: none; text-align: center; font-size: 18px; margin: 0; padding: 0; } @media (max-width: 799px) { ul.list-flex { flex-direction: column; } } ul.list-flex li { flex: 1; padding: 8px 16px; } @media (min-width: 800px) { ul.list-flex li { border-right: 1px solid #eef0f2; } ul.list-flex li:last-child { border-right: none; } } @media (max-width: 799px) { ul.list-flex li { border-bottom: 1px solid #eef0f2; width: 100%; } ul.list-flex li:last-child { border-bottom: none; } } .accordion-tabs-minimal { line-height: 1.5; padding: 0; } .accordion-tabs-minimal:after, .accordion-tabs-minimal:before { content: " "; display: table; } .accordion-tabs-minimal:after { clear: both; } .accordion-tabs-minimal .tab-header-and-content { list-style: none; } @media screen and (min-width: 40em) { .accordion-tabs-minimal .tab-header-and-content { display: inline; } } .accordion-tabs-minimal .tab-link { border-top: 1px solid #d4d9dd; color: #5c6172; display: block; padding: 0.75em 15px; text-decoration: none; } @media screen and (min-width: 40em) { .accordion-tabs-minimal .tab-link { border-top: 0; display: inline-block; } } .accordion-tabs-minimal .tab-link:hover { border-bottom: 2px solid #5c6172; color: #5c6172; } .accordion-tabs-minimal .tab-link:focus { outline: none; } .accordion-tabs-minimal .tab-link.is-active { border-bottom: 0; color: #212338; } .accordion-tabs-minimal .tab-link.is-active + .tab-content { display: inherit; } @media screen and (min-width: 40em) { .accordion-tabs-minimal .tab-link.is-active { border-bottom: 2px solid #5c6172; color: #5c6172; } } .accordion-tabs-minimal .tab-content { display: none; padding: 1.5em 15px; width: 100%; } @media screen and (min-width: 40em) { .accordion-tabs-minimal .tab-content { border-top: 1px solid #d4d9dd; float: left; } } .ps-launcher-container { padding: 0 0 64px; } .ps-launcher-container--spacing { padding: 24px 0; } @media screen and (max-width: 800px) { .ps-launcher-container { padding-top: 16px; padding-bottom: 16px; } } @media screen and (max-width: 800px) { .ps-launcher-container--partner { margin-top: 0; } } @media screen and (max-width: 800px) { .ps-launcher-otto-container { display: none; } } .ps-launcher { display: flex; align-items: center; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0 12px 48px 0 rgba(0, 0, 0, 0.08); margin-bottom: 32px; border: 1px solid #d4d9dd; } @media (max-width: 799px) { .ps-launcher { flex-direction: column; } } .ps-launcher--vertical { align-items: left; flex-direction: column; padding: 16px 0; } .ps-launcher--vertical #cxo-launcher-form { width: 100%; } .ps-launcher--vertical .ps-launcher-title { font-size: 36px; } .ps-launcher--vertical .ps-launcher-subtitle { font-size: 20px; } .ps-launcher--vertical .ps-launcher__group { width: 100%; border-right: none; border-bottom: 1px solid #eef0f2; height: auto; } .ps-launcher--vertical .ps-launcher__group--btn { border-bottom: none; padding-bottom: 0; max-width: 100%; } .ps-launcher--vertical .ps-launcher__group--btn button { width: 100%; } @media (min-width: 800px) { .ps-launcher--partner .ps-launcher__group--location { border-right: 1px solid #eef0f2 !important; } } @media (max-width: 799px) { .ps-launcher--partner .ps-launcher__group--location { border-bottom: 1px solid #eef0f2 !important; } } @media (max-width: 799px) { .ps-launcher--partner .ps-launcher__group--btn { padding-top: 12px; } } .ps-launcher-title { color: #212338; font-weight: 700; margin-bottom: 0; } @media (min-width: 800px) { .ps-launcher-title { font-size: 36px; } } @media (max-width: 799px) { .ps-launcher-title { font-size: 36px; } } .ps-launcher-title--vertical { font-size: 24px; margin-bottom: 4px; padding: 0 16px; } .ps-launcher-subtitle { color: #5c6172; } @media (min-width: 800px) { .ps-launcher-subtitle { font-size: 24px; } } @media (max-width: 799px) { .ps-launcher-subtitle { font-size: 20px; } } .ps-launcher-subtitle--vertical { font-size: 20px; margin-bottom: 16px; line-height: 24px; padding: 0 16px; } .ps-launcher__group { display: flex; flex-direction: column; justify-content: center; flex: 1; padding: 12px; margin-bottom: 0; height: 90px; } @media (min-width: 800px) { .ps-launcher__group { border-right: 1px solid #d4d9dd; } .ps-launcher__group #make-selector, .ps-launcher__group #model-selector, .ps-launcher__group #suburb-selector, .ps-launcher__group .suburb-selector { font-size: 18px; } .ps-launcher__group--location { border-right: none; } } @media (max-width: 799px) { .ps-launcher__group { width: 100%; height: auto; border-bottom: 1px solid #d4d9dd; } } .ps-launcher__group--location { border-bottom: none !important; } .ps-launcher__group--location #suburb-selector { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 799px) { .ps-launcher__group--wrap { border: 1px solid #d4d9dd; } } @media (max-width: 799px) { .ps-launcher__group--wrap input#suburb-selector { border: none !important; width: calc(100% - 36px); } } .ps-launcher__group > .form-control { height: 40px; min-height: 40px; padding: 0 48px 0 8px; left: -8px; -webkit-appearance: none; appearance: none; position: relative; } .ps-launcher__group.ng-invalid { background-color: #fdf4f4 !important; } .ps-launcher__group.ng-invalid #make-selector.ng-invalid, .ps-launcher__group.ng-invalid #model-selector.ng-invalid, .ps-launcher__group.ng-invalid #promotion-selector.ng-invalid, .ps-launcher__group.ng-invalid #suburb-selector.ng-invalid { border: none !important; } .ps-launcher__group--btn { flex-shrink: 0; border-right: none; flex: 0; } @media (max-width: 799px) { .ps-launcher__group--btn { max-width: 100%; padding-top: 0; } } .ps-launcher__group--btn button { height: 64px; font-size: 18px; padding: 0 16px; } @media (max-width: 799px) { .ps-launcher__group--btn button { width: 100%; height: 56px; } } .ps-launcher__group select { padding: 0 32px 0 8px; left: -8px; color: #212338; } .ps-launcher__group select:invalid { color: #8f95a1; } .ps-launcher__group select#promotion-selector { font-size: 20px; } .ps-launcher__group input { padding: 0; color: #212338; } .ps-launcher__group input::-webkit-input-placeholder { color: #8f95a1; } .ps-launcher__group input::-moz-placeholder { color: #8f95a1; } .ps-launcher__group input:-ms-input-placeholder { color: #8f95a1; } .ps-launcher__group input:-moz-placeholder { color: #8f95a1; } .ps-launcher__group input, .ps-launcher__group select { border: none; } .ps-launcher__group input:active, .ps-launcher__group input:focus, .ps-launcher__group input:hover, .ps-launcher__group select:active, .ps-launcher__group select:focus, .ps-launcher__group select:hover { box-shadow: none; border: none; outline: 0; } .ps-launcher__group .select-icon-dropdown { position: absolute; top: 12px; right: 10px; } .ps-launcher-usp { display: flex; justify-content: center; } @media (max-width: 799px) { .ps-launcher-usp { flex-direction: column; align-items: center; } } .ps-launcher-usp .usp { display: flex; width: 250px; margin: 0 16px; align-items: center; } @media (max-width: 799px) { .ps-launcher-usp .usp { margin-bottom: 24px; } } .ps-launcher-usp .usp__text { color: #212338; line-height: 20px; } .ps-launcher-usp .usp--repairs { width: 280px; align-items: flex-start; } .ps-launcher-usp .usp--repairs-2 { width: inherit; align-items: center; } .ps-launcher-usp .usp--ppc { width: 300px; } .ps-launcher.show-validation-errors .is-invalid { background-color: #fdf4f4 !important; } .ps-launcher.show-validation-errors .is-invalid input.ng-invalid { border: none !important; } .ps-launcher-header { display: flex; align-items: flex-start; justify-content: center; } .ps-launcher-header__otto-container { width: 90px; height: 90px; margin: -12px 32px 0 0; } @media (max-width: 799px) { .ps-launcher-header__otto-container { display: none; } } .ps-launcher-header__seo-title { display: flex; flex-direction: column; flex: 1; line-height: 1.1; } @media (min-width: 800px) { .ps-launcher .ps-launcher-header--3 { width: 760px; margin: 0 auto; } } .ps-launcher .ps-launcher-header--3 .ps-launcher-header__otto-container { width: 70px; margin: 0 16px 0 0; } .ps-launcher .ps-launcher--3 { position: relative; } @media (min-width: 800px) { .ps-launcher .ps-launcher--3 { width: 800px; margin: 0 auto 48px; } } @media (max-width: 799px) { .ps-launcher .ps-launcher--3 { flex-direction: row; } } .ps-launcher .ps-launcher--3 .ps-launcher__group--btn { border-bottom: 0; padding: 12px; } .ps-launcher .ps-launcher--3 .ps-launcher__group #suburb-selector { height: 32px; min-height: 32px; } .ps-launcher .ps-launcher--3 .ps-launcher__group #suburb-selector::-ms-clear { width: 0; height: 0; } @media (max-width: 799px) { .ps-launcher .ps-launcher--3 .ps-launcher__group #compare-and-book-button { min-width: 56px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; } } @media (max-width: 799px) { .ps-launcher-repairs .ps-launcher__group--btn { max-width: 100%; } } .ps-launcher-repairs .ps-launcher__group--btn button { min-width: 136px; } @media (max-width: 799px) { .ps-launcher-repairs .ps-launcher__group--location.ng-invalid { background-color: #fff !important; } } .promo-offer, .sponsorships { width: 100%; text-align: center; } .promo-offer__banner, .sponsorships__banner { max-width: 100%; height: auto; } @media (min-width: 2400px) { .promo-offer__banner, .sponsorships__banner { margin: 0 auto; max-width: 1900px; } } .promo-offer__wrap, .promo-offer__zest-wrap, .sponsorships__wrap, .sponsorships__zest-wrap { width: 100%; height: 103px; position: absolute; z-index: -9; } .promo-offer__zest-wrap, .sponsorships__zest-wrap { background: #ffc001; } .promo-offer__afterpay-wrap-heading, .sponsorships__afterpay-wrap-heading { background-color: #f4f4f4; display: block; } .promo-offer__afterpay-wrap, .sponsorships__afterpay-wrap { background-color: #f4f4f4; width: 100%; height: 103px; position: absolute; z-index: -9; } .promo-offer__banner-center, .sponsorships__banner-center { max-width: 320px; max-height: 122px; margin: 0 auto; } .promo-offer__banner-full, .sponsorships__banner-full { max-width: 100%; height: auto; object-fit: cover; } @media (min-width: 2400px) { .promo-offer__banner-full, .sponsorships__banner-full { margin: 0 auto; max-width: 1900px; } } .sponsorships__banner { height: 86px; } .sponsorships-header { padding-top: 48px; } @media (max-width: 799px) { .sponsorships-header { padding-top: 16px; } } .sponsorships-header-repairs { margin-top: -48px; } @media (max-width: 799px) { .sponsorships-header-repairs { margin-top: -32px; } } @media (max-width: 679px) { .hide-promo-mobile { display: none !important; } } @media (min-width: 680px) { .hide-promo-desktop { display: none !important; } } .ql-green-bg { background-color: #00dd95; margin-bottom: 48px; } @media (min-width: 800px) { .ql-green-bg { height: 480px; padding: 72px 0; } } .ql-green-bg .text-highlight { color: #212338 !important; } .ql-green-bg .category-repairs { margin-top: 0 !important; } .ql-green-bg .cxo-launcher { width: 100%; } .ql-green-bg .ps-launcher { background-color: #fff; border-radius: 8px; width: 100%; } @media (max-width: 799px) { .ql-green-bg .ps-launcher { border-radius: 4px; background-color: #00dd95; border: none; align-items: start; box-shadow: none; margin-bottom: 12px; } } .ql-green-bg .ps-launcher-header { display: block; } @media (min-width: 800px) { .ql-green-bg .ps-launcher-header { margin-left: 100px; } } @media screen and (max-width: 992px) { .ql-green-bg .ps-launcher-header { margin-left: 0; } } .ql-green-bg .ps-launcher-header__otto-container { margin: 0 16px 0 0; } @media screen and (max-width: 992px) { .ql-green-bg .ps-launcher-header__otto-container { display: none; } } @media (max-width: 799px) { .ql-green-bg .ps-launcher-container, .ql-green-bg .ps-launcher-container--spacing { padding-bottom: 0; } } .ql-green-bg .ps-launcher__group { border-right: 2px solid #00dd95; } @media (max-width: 799px) { .ql-green-bg .ps-launcher__group { border-radius: 4px; background-color: #fff; margin-bottom: 12px; border-bottom: none; padding: 12px 12px 4px; } } @media (max-width: 799px) { .ql-green-bg .ps-launcher__group p { line-height: 16px; } } .ql-green-bg .ps-launcher__group--btn, .ql-green-bg .ps-launcher__group--location { border-right: none; } @media (max-width: 799px) { .ql-green-bg .ps-launcher__group--btn { background-color: initial; border: none; width: 100%; padding-left: 0; padding-right: 0; padding-top: 4px; } } .ql-green-bg .ps-launcher__group input::placeholder, .ql-green-bg .ps-launcher__group select, .ql-green-bg .ps-launcher__group select:invalid { color: #212338; } .ql-green-bg .ps-launcher__group input::-webkit-input-placeholder { color: #212338; } .ql-green-bg .ps-launcher__group input::-moz-placeholder { color: #212338; opacity: 1; } .ql-green-bg .ps-launcher__group input:-ms-input-placeholder { color: #212338; } .ql-green-bg .ps-launcher__group input:-moz-placeholder { color: #212338; opacity: 1; } @media (max-width: 799px) { .ql-green-bg .ps-launcher-usp { background-color: #fff; margin-left: -16px; margin-right: -16px; padding: 24px 0 0; } } .ql-green-bg .btn { color: #fff !important; background-color: #212338 !important; min-width: 180px !important; } .ql-green-bg .btn:focus, .ql-green-bg .btn:hover { background-color: #34384c !important; } .ql-green-bg .btn:active { background-color: #484c5f !important; box-shadow: inset 0 3px 5px #000; } .ps-footer { font-size: 15px; padding: 50px 0; background: #212338; color: #fff; } @media (max-width: 768px) { .ps-footer { padding: 25px 8px; } } .ps-footer__small-logo a { transition: all 0.2s; } .ps-footer__small-logo a:hover { opacity: 0.8; } .ps-footer__link-container { display: flex; flex-flow: row nowrap; justify-content: space-between; } @media screen and (min-width: 800px) { .ps-footer__link-container { margin-bottom: 48px; } } .ps-footer__link-container > * { margin-right: 16px; } @media screen and (max-width: 1100px) { .ps-footer__link-container > * { flex: 1; flex: 1 1 auto; } } .ps-footer__link-container > :last-child { margin-right: 0; } @media screen and (max-width: 1100px) { .ps-footer__link-container > :last-child { display: flex; align-items: center; flex: 0 0 100%; } .ps-footer__link-container > :last-child > a:first-child { order: 1; margin-left: 12px; } .ps-footer__link-container > :last-child > a:last-child { margin-top: 0; } } @media (max-width: 768px) { .ps-footer__link-container > :last-child { flex-direction: column; margin-top: 20px; flex: 0 0 100%; } .ps-footer__link-container > :last-child > a:first-child { order: 0; margin-left: 0; } .ps-footer__link-container > :last-child > a:last-child { margin-top: 12px; } } @media screen and (max-width: 1100px) { .ps-footer__link-container { flex-wrap: wrap; } } @media screen and (max-width: 800px) { .ps-footer__link-container { flex-direction: column; } } .ps-footer .switch-env { position: fixed; bottom: 5px; left: 5px; color: #000; border-radius: 5px; padding: 5px 10px; border: 1px solid #ccc; background: #fcf8e3; } .ps-footer__social { float: right; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; } @media (max-width: 799px) { .ps-footer__social { display: flex; justify-content: center; float: none; margin-bottom: 48px; } } .ps-footer__social li { display: inline-block; padding-right: 8px; line-height: 0; } .ps-footer__social li a { transition: all 0.2s; padding: 4px; } .ps-footer__social li a:hover { opacity: 0.8; } .ps-footer__social li:last-child { padding-right: 0; } .has-disclaimer .logo-disclaimer-content { display: block; } .ps-footer__quote { font-size: 14px; color: #8f95a1; } @media (max-width: 799px) { .ps-footer__quote { margin-top: 48px; } } .ps-footer__list { padding-left: 0; } .ps-footer__list-title { color: #fff; text-transform: uppercase; font-family: AvertaStandard, sans-serif; font-size: 14px; letter-spacing: 1px; } @media (max-width: 799px) { .ps-footer__list { margin-bottom: 48px; } } @media (min-width: 800px) { .ps-footer__list-directories { display: inline-grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 24px; margin-bottom: 24px !important; } } .ps-footer__list-item { list-style: none; font-size: 14px; } .ps-footer__list-item a { color: #fff; padding: 4px 0; display: block; transition: all 0.2s; } .ps-footer__list-item a:hover { text-decoration: none; color: #01c68c; } .ps-footer__list-item h6 { color: #fff; text-transform: uppercase; font-family: AvertaStandard, sans-serif; font-size: 14px; letter-spacing: 1px; } .ps-footer__details { text-align: center; } .ps-footer__logo { float: left; } @media screen and (max-width: 1100px) { .ps-footer__logo { float: none !important; } } .ps-footer__extra { float: right; } @media (max-width: 768px) { .ps-footer__extra { float: none !important; } } .ps-footer__workshop { text-align: right; } @media (max-width: 768px) { .ps-footer__workshop { text-align: left; } } .ps-footer__workshop ul { padding-left: 0; margin-bottom: 0; } .ps-footer__workshop ul li { list-style: none; display: inline-block; padding: 5px; color: #8f95a1; } @media (max-width: 768px) { .ps-footer__workshop ul li:first-child { padding-left: 0; } } .ps-footer__workshop ul li.ps-footer__list-item--second { border-right: 1px solid #d4d9dd; padding-right: 10px; } .ps-footer__workshop ul li.ps-footer__list-item--third { padding-left: 10px; } .logo-disclaimer-content { display: none; } .ps-trustpilot { background: #212338; } @media screen and (max-width: 800px) { #logo-disclaimer { margin: 48px 0 24px; text-align: center; } } @media screen and (min-width: 651px) { .sidebar-overlay-help { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000; z-index: 9998; transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transform: translateZ(0); } .sidebar-overlay-help.active { opacity: 0.5; visibility: visible; transition-delay: 0; } } .sidebar-faq { position: fixed; visibility: hidden; width: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 100vh; box-shadow: 0 0 transparent; background: #fff; } @media (max-width: 650px) { .sidebar-faq { display: none; } } @media (max-width: 799px) { .nav-show-faq-mobile + .sidebar-faq { z-index: 999; } } @media (max-width: 650px) { .nav-show-faq-mobile + .sidebar-faq { display: block; width: 100%; } } .modal, .modal-open { overflow: hidden; } .modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { transform: translateY(-25%); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #212338; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { padding: 16px; border-bottom: 1px solid #d4d9dd; } .modal-header:after, .modal-header:before { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.5; } .modal-body { position: relative; padding: 30px; } .modal-footer { padding: 16px; text-align: right; border-top: 1px solid #d4d9dd; } .modal-footer:after, .modal-footer:before { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 800px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 500px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .modal__list-header { border-bottom: 2px solid #00dd95; padding-bottom: 10px; font-size: 20px; font-weight: 100; color: #00dd95; } .modal--height { max-height: 60vh; overflow-y: scroll; padding-right: 20px; } .modal__list { padding: 0; margin-top: 10px; } .modal__list-item { list-style: none; background: #fff; padding: 10px; position: relative; } .modal__list-item:nth-child(2n) { background: #eef0f2; } .modal__parts-title { text-transform: uppercase; padding: 0 0 5px; border-bottom: 1px solid #eef0f2; margin-bottom: 10px; font-weight: 700; } .modal__parts-list { padding: 10px 0; margin-top: 10px; } .modal__checkbox-only-print { display: none !important; } .modal__checkbox-container { position: absolute; right: 15px; } .tooltip { position: absolute; z-index: 1070; display: block; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 26px; text-align: left; text-align: start; text-decoration: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; opacity: 0; } .tooltip.in { opacity: 0.9; } .tooltip.top { margin-top: -3px; padding: 4px 0; } .tooltip.right { margin-left: 3px; padding: 0 4px; } .tooltip.bottom { margin-top: 3px; padding: 4px 0; } .tooltip.left { margin-left: -3px; padding: 0 4px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #212338; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #212338; } .tooltip.top-left .tooltip-arrow { right: 4px; } .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom: 0; margin-bottom: -4px; border-width: 4px 4px 0; border-top-color: #212338; } .tooltip.top-right .tooltip-arrow { left: 4px; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -4px; border-width: 4px 4px 4px 0; border-right-color: #212338; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -4px; border-width: 4px 0 4px 4px; border-left-color: #212338; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -4px; border-width: 0 4px 4px; border-bottom-color: #212338; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 4px; margin-top: -4px; border-width: 0 4px 4px; border-bottom-color: #212338; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 4px; margin-top: -4px; border-width: 0 4px 4px; border-bottom-color: #212338; } .tooltip-shadowed .tooltip-inner { box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.25); } .tooltip-white.in { opacity: 1; } .tooltip-white.top-left .tooltip-arrow, .tooltip-white.top-right .tooltip-arrow, .tooltip-white.top .tooltip-arrow { border-top-color: #fff; } .tooltip-white.right .tooltip-arrow { border-right-color: #fff; } .tooltip-white.left .tooltip-arrow { border-left-color: #fff; } .tooltip-white.bottom-left .tooltip-arrow, .tooltip-white.bottom-right .tooltip-arrow, .tooltip-white.bottom .tooltip-arrow { border-bottom-color: #fff; } .tooltip-white .tooltip-inner { background: #fff; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 26px; text-align: left; text-align: start; text-decoration: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 16px; background-color: #fff; background-clip: padding-box; border: 1px solid #d4d9dd; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 16px; background-color: #fff; border-bottom: 1px solid #eef0f2; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #d4d9dd; bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #d4d9dd; } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #d4d9dd; top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #d4d9dd; } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } #menu.hide { display: none; } .slideout-menu { position: fixed; height: 100vh; z-index: 0; width: 300px; max-width: 100%; -webkit-overflow-scrolling: touch; visibility: hidden; background-color: #fff; overflow: hidden; overflow-y: auto; padding-bottom: 40px; } .nav-close-trigger { padding: 20px; display: inline-block; } .slideout-panel { position: relative; z-index: 1; min-height: 100vh; } .slideout-panel:after { content: ""; transition: background 0.5s; } .slideout-panel.active:after { content: ""; background: #212338; opacity: 0.1; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 500; } .slideout-panel.active:hover { cursor: pointer; } .slideout-open, .slideout-open body { overflow: hidden; } .slideout-open .slideout-menu { display: block; overflow: auto; } .mobile-nav-toggle { position: absolute; top: 0; left: 0; width: 70px; height: 75px; padding: 30px 20px; } .mobile-nav-toggle:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(./images/mobile-nav-burger-tarmac.svg); background-size: cover; height: 22px; width: 30px; } .mobile-nav-toggle.active:after { background-image: url(/Content/images/icons/nav-close-dark.svg); background-size: cover; } .mobile-nav-toggle.active { background-color: #fff; } .mobile-nav-toggle:hover { cursor: pointer; } .mobile-phone-toggle { position: absolute; top: 0; right: 0; width: 70px; height: 75px; padding: 30px 20px; } .mobile-phone-toggle:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(./images/mobile-nav-call-tarmac.svg); background-size: cover; height: 30px; width: 30px; } .mobile-phone-toggle:hover { cursor: pointer; } .slideout-menu ul { margin: 0; padding: 0; } .slideout-menu li { list-style: none; padding-left: 12px; position: relative; } .slideout-menu li.nav-search { border: 2px solid #e12e28; border-left-width: 10px; margin-right: 40px; margin-left: 0; } .slideout-menu li a, .slideout-menu li button { position: relative; color: #484c5f; display: inline-block; width: 100%; padding: 20px 10px; font-size: 16px; transition: background 0.5s; background: #fff; } .slideout-menu li a:active, .slideout-menu li a:focus, .slideout-menu li a:hover, .slideout-menu li button:active, .slideout-menu li button:focus, .slideout-menu li button:hover { text-decoration: none; color: #0d59fc; background: #eef0f2; outline: none; } .slideout-menu li:hover, .slideout-menu li:hover a, .slideout-menu li:hover button { background: #eef0f2; } .slideout-menu .workshops { color: #fff; padding-left: 10px; margin-top: 50px; } .slideout-menu .workshops h2 { color: #fff; } @media (min-width: 800px) { .mobile-nav-toggle, .mobile-phone-toggle { display: none; } } .slideout-menu .nav-toggle__options:not(.active) { display: none; } .slideout-menu .nav-toggle:hover .nav-toggle__link { color: #212338; } .slideout-menu .nav-toggle--divider { border-bottom: 1px solid #eef0f2; } .slideout-menu .heading-user { display: flex; align-items: center; padding: 16px; border-bottom: 1px solid #eef0f2; } .slideout-menu .heading-user__img { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 48px; background-color: orange; font-size: 24px; margin-right: 16px; } .slideout-menu .heading-user__subtitle { font-size: 14px; padding: 0; } .workshop .slideout-panel.no-scroll { position: fixed !important; overflow: hidden; width: 100%; } body { background-color: #fff; } .showbox { display: flex; z-index: 999; width: calc(66% - 48px); margin-top: 48px; } @media (max-width: 799px) { .showbox { width: 100%; } } .inline-spinner--padding { padding: 30px 0; } @media (max-width: 799px) { .inline-spinner--padding { padding-top: 115px; padding-bottom: 20px; } } .loader { position: relative; margin: 0 auto; width: 50px; padding-top: 64px; } .loader:before { content: ""; display: block; padding-top: 100%; } .loader--sml { position: absolute; width: 12px; } .circular { animation: rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .circular--sml { width: 18px; height: 18px; position: relative; } .path { animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; } .path, .path-sml { stroke-dasharray: 1, 200; stroke-dashoffset: 0; stroke-linecap: round; } .path-sml-tarmac { animation: dash 1.5s ease-in-out infinite, colorTarmac 6s ease-in-out infinite; } .path-sml-white { animation: dash 1.5s ease-in-out infinite, colorWhite 6s ease-in-out infinite; } @keyframes rotate { to { transform: rotate(1turn); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } to { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes color { 0%, to { stroke: #00dd95; } } @keyframes colorTarmac { 0%, to { stroke: #212338; } } @keyframes colorWhite { 0%, to { stroke: #fff; } } .quote-results .notification-container { display: none; } .notification-container { background-color: #078171; padding: 15px 0; } @media screen and (max-width: 992px) { .notification-container { position: fixed; bottom: 0; width: 100%; z-index: 99; } } .notification-container.is_stuck { z-index: 999; opacity: 0.9; } .notification-container ol { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 0; } @media screen and (max-width: 992px) { .notification-container ol { margin-right: 50px; } } .notification-content { color: #212338; padding-bottom: 10px; padding-top: 10px; } .notification-content a { color: #0d59fc; } .notification-acknowledge { position: absolute; right: 0; top: 10px; } .acknowledge-button { border: none; border-radius: 30px; font-weight: 400; font-size: 18px; color: #212338; background: none; transition: all 0.2s; } @media screen and (max-width: 992px) { .acknowledge-button { position: absolute; top: 15px; right: 15px; } } .acknowledge-button:hover { color: #5c6172; } @media screen and (max-width: 992px) { .acknowledge-button__content { display: none; } } @media (max-width: 799px) { .notification-content { margin-right: 0; } .notification-acknowledge { position: static; margin-top: 10px; } .notification-acknowledge input { width: 100%; } } ul.no-list li { position: relative; padding: 0 10px 15px 0; } .logo { display: inline-block; font-size: 0; background-size: contain; margin-top: 15px; } .form-input { width: 100%; padding: 10px; } .or-spacer { margin: 30px 0; width: 100%; position: relative; } .or-spacer .mask { overflow: hidden; height: 20px; } .or-spacer .mask:after { content: ""; display: block; margin: -25px auto 0; width: 100%; height: 25px; border-radius: 0; box-shadow: 0 0 1px 1px #8f95a1; } .or-spacer span { width: 50px; height: 50px; position: absolute; bottom: 100%; margin-bottom: -25px; left: 50%; margin-left: -25px; border-radius: 100%; border: 1px solid #6c7283; background: #fff; } .or-spacer span i { position: absolute; top: 4px; bottom: 4px; left: 4px; right: 4px; border-radius: 100%; text-align: center; line-height: 40px; font-style: normal; color: #6c7283; } star-rating { display: inline-flex; } star-rating div { line-height: 0; } .average-rating-module h4 { line-height: 1.2; } .star-rating-module__num-reviews { display: block; font-size: 14px; line-height: 1.2; } .helper-tick { width: 42px; height: 42px; position: absolute; top: 28px; right: 30px; } .helper-tick--full { width: 50%; height: auto; position: static; margin: 0 auto; } .helper-tick .circ { opacity: 0; stroke-dasharray: 130; stroke-dashoffset: 130; transition: all 0.7s; } .helper-tick .tick { stroke-dasharray: 50; stroke-dashoffset: 50; transition: stroke-dashoffset 0.7s ease-out 0.35s; } .helper-tick .drawn + svg .path { opacity: 1; stroke-dashoffset: 0; } .item-selector { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eef0f2; padding: 10px 0; } .item-selector--highlight { padding-top: 15px; padding-bottom: 15px; } .item-selector:last-child { border-bottom: none; } .item-selector__content { flex-basis: calc(100% - 148px); padding-right: 15px; padding-left: 15px; } @media (max-width: 799px) { .item-selector__content { flex-basis: calc(100% - 100px); } } .item-selector__content--alt { flex-basis: 100%; width: 100%; } .item-selector__content--no-padding-left { padding-left: 0; } .item-selector__content--quoteform { display: flex; justify-content: space-between; margin: -15px -25px -15px 0; padding: 16px; } .item-selector__content--quoteform:hover { background-color: #fafbfc; transition: background 0.2s ease-in-out; } .item-selector__cta { flex-basis: 148px; padding-right: 15px; } @media (max-width: 799px) { .item-selector__cta { flex-basis: 100px; } } .item-dropdown { border: 1px solid #eef0f2; border-top: none; } .item-dropdown__item { padding: 8px; border-bottom: 1px solid #eef0f2; display: flex; justify-content: space-between; align-items: center; font-size: 0.9em; } .item-selector-expandable .item-selector { margin-bottom: 0; } .line-items { list-style: none; padding: 0; margin: 0 0 20px; } .line-items__item { display: flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; padding: 10px 0; border-top: 1px solid #eef0f2; } .line-items__item:last-child { border-bottom: 1px solid #eef0f2; } .line-items__item > :last-child { padding-left: 10px; } @media (min-width: 800px) { .line-items__item--text { width: 100%; } } @media (min-width: 800px) { .line-items__item--currency-input-text { width: calc(100% - 320px); } } .line-items__item--currency-input { width: 100%; max-width: 320px; } .line-items__item--currency-amount { text-align: right; } .line-items__item--currency-amount .form-group { margin-bottom: 0; } .line-items__breakdown { white-space: pre-line; margin-left: -10px; } @media (max-width: 799px) { .line-items--stack-mobile .line-items__item { flex-direction: column; } .line-items--stack-mobile .line-items__item--currency-input { max-width: 100%; padding: 5px 0 0; } .line-items--stack-mobile .line-items__item--total { text-align: right; } .line-items--stack-mobile .line-items__item > * { width: 100%; } } .line-items--wrap .line-items__item { flex-flow: row wrap; } .spinner-item-added { background: #212338; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; z-index: 3; padding: 20px; display: flex; align-items: center; align-content: center; } @media (min-width: 800px) { .spinner-item-added { display: none; } } .spinner-item-added__content { font-size: 30px; text-align: center; font-weight: 100; color: #fff; } .spinner-item-added__tick { max-width: 50%; margin: 0 auto; } .datepicker-inline table { width: 100%; } .datepicker-inline .btn-group-sm .btn, .datepicker-inline .btn-group-sm > .btn, .datepicker-inline .btn-sm { padding: 5px !important; } .text-heading-font { font-weight: 700; } .ps-container-seo { padding: 0 96px; max-width: 1800px; margin: 0 auto 96px; } .ps-container-seo:last-child { margin-bottom: 0; } @media (max-width: 800px) { .ps-container-seo { margin-bottom: 48px; padding: 0 16px; } } .ps-container-seo__no-gutter { margin: 0 -12px; } .ps-container-seo__header { margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 800px) { .ps-container-seo__header { flex-direction: column; align-items: flex-start; } } @media (max-width: 800px) { .ps-container-seo__header--spacing-mobile { margin-left: 12px; align-items: flex-start; } } .ps-container-seo__header > * { flex: 1 1 auto; } @media (max-width: 480px) { .ps-container-seo__header > :last-child { margin-top: 8px; } } @media (max-width: 480px) { .ps-container-seo__header > * { text-align: left; margin-bottom: 16px; } } .grid-seo { display: flex; flex-wrap: wrap; width: 100%; } .grid-seo a:active, .grid-seo a:focus, .grid-seo a:hover { color: #0d59fc; } .card { padding: 12px; } .card, .card__image { margin-bottom: 16px; position: relative; } .card__image { overflow: hidden; border-radius: 4px; } .card__image img { width: 100%; height: 100%; transition: opacity 0.5s linear; } .card__link { color: #212338; } .card__link:active, .card__link:focus, .card__link:hover { color: #0d59fc; } .card__address { color: #6c7283; line-height: 20px; margin-bottom: 4px; display: flex; align-items: center; } .card__review { display: flex; justify-content: space-between; } .card__rating { display: flex; justify-content: flex-end; align-items: center; color: #212338; } .card__rating--left-aligned { justify-content: flex-start; } .card__rating:hover { color: #0d59fc; } @media (max-width: 480px) { .card__rating { justify-content: flex-start; } } .card__rating--no-link:hover { color: #212338; } .card__stars { display: flex; margin-right: 8px; } .card__feedback { line-height: 20px; } .card__bullet:before { content: "•"; display: inline; } .card-avg { border: 4px solid #eef0f2; padding: 20px; height: 100%; } @media (max-width: 480px) { .card-avg { margin: 0 24px; } } .card-avg__img { margin-bottom: 16px; height: 100px; max-width: 186px; object-fit: contain; } @media (max-width: 1200px) { .card-avg__img { width: 100%; } } @media (max-width: 800px) { .card-avg__img { width: 100%; } } @media (max-width: 480px) { .card-avg__img { width: 100%; } } .card-avg__text { font-weight: 700; font-size: 20px; color: #212338; margin: 0; } .card-avg__text--sml { font-size: 14px; } .card-avg__text--lrg { font-size: 28px; } .card-avg__rating { display: flex; align-items: center; } .card-avg__rating--col-md { flex-direction: column; } .card-avg__comment { color: #5c6172; margin: 0; } .card-avg__task-title { font-weight: 700; color: #6c7283; margin: 0; } .card-avg__task-link { font-weight: 700; color: #212338; margin: 0; } .card-avg__task-link:active, .card-avg__task-link:focus, .card-avg__task-link:hover { color: #0d59fc; } .callout { display: flex; flex-direction: column; } @media (max-width: 800px) { .callout__img { height: 300px; width: 280px; } } .popular-tasks { display: flex; } @media (max-width: 800px) { .popular-tasks { flex-direction: column; } } .popular-tasks__wrap { flex: 1; padding-bottom: 16px; } .popular-tasks__content { display: flex; flex-wrap: wrap; } .popular-tasks__btn { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; width: 100%; color: #34384c; font-size: 14px; -webkit-column-break-inside: avoid; } .popular-tasks__btn:not(:last-child) { border-bottom: 1px solid #d4d9dd; } .popular-tasks__icon { background-color: #f3f6ff; border-radius: 48px; display: flex; align-items: center; width: 24px; height: 24px; padding: 4px; color: #0d59fc; } .comma-no-spacing { margin-left: -0.25em; } .directory { padding-left: 12px; padding-right: 12px; max-width: 624px; margin: 0 auto; } .directory.grid { display: grid; grid-template-columns: 292px 624px 292px; grid-column-gap: 96px; max-width: 1400px; } @media (min-width: 1365px) and (max-width: 1460px) { .directory.grid { grid-column-gap: 48px; } } @media (min-width: 1099px) and (max-width: 1365px) { .directory.grid { grid-template-columns: 624px 292px; grid-column-gap: 48px; } } @media (max-width: 1100px) { .directory.grid { display: flex; grid-template-columns: 100%; } } @media (max-width: 1100px) { .directory { order: 0; padding: 0 16px; width: 100%; display: flex; flex-direction: column; } } @media (min-width: 1099px) and (max-width: 1365px) { .directory__left, .directory__right { grid-column-start: 2; grid-column-end: 3; padding: 0; margin-left: 48px; margin-right: -48px; } } @media (max-width: 1100px) { .directory__left, .directory__right { order: 1; padding: 0; } } @media (min-width: 1099px) and (max-width: 1365px) { .directory__main { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 5; } } @media (min-width: 1099px) and (max-width: 1365px) { .directory__left { margin-bottom: 16px; } } @media (max-width: 1100px) { .directory__left, .directory__main, .directory__right { max-width: 624px; width: 100%; margin: 0 auto 20px; } } .directory__breadcrumb { grid-column-start: 1; grid-column-end: 4; } @media (min-width: 1099px) and (max-width: 1365px) { .directory__breadcrumb { grid-row-start: 5; } } @media (max-width: 1100px) { .directory__breadcrumb { order: 2; } } .directory .link-list li a { padding: 12px 8px; } @media (max-width: 650px) { .directory-heading-img { width: 96px; height: 96px; } } .card-listing { padding: 24px 0; margin: 0 auto 4px; width: 100%; } @media (max-width: 1100px) { .card-listing { padding: 16px 0; } } .card-listing:not(:last-child) { border-bottom: 1px solid #d4d9dd; } .card-listing__specialist { font-size: 12px; } .card-listing__btn-secondary { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); background: #fff; border: 1px solid #d4d9dd; border-radius: 4px; display: flex; align-items: center; outline: 0; font-weight: 700; color: #5c6172; margin-left: 0; margin-right: 16px; } .card-listing__btn { height: 36px; padding: 8px; min-width: auto; } .card-listing__btn-quote { border: 1px solid #03af83; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.06), 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.1); line-height: 1.3; } .card-listing__text { line-height: 20px !important; } .card-listing__img { border-radius: 8px; max-width: 232px; height: 148px; } @media (max-width: 1100px) { .card-listing__img { width: 86px; height: 64px; object-fit: cover; } } .card-listing__img-round { display: none; width: 64px; height: 64px; border-radius: 64px; } @media (max-width: 1100px) { .card-listing__img-round { display: block; } } .card-listing__moreinfo { background-color: #fafbfc; border-radius: 8px; padding: 16px; } .card-listing__moreinfo .moreinfo__review-divider { border-top: 1px solid #d4d9dd; } @media (max-width: 799px) { .card-listing__review-date { font-size: 12px; } } @media (min-width: 1366px) { .show-mobile-directories { display: none; } } @media (min-width: 1099px) and (max-width: 1365px) { .hide-tablet-directories, .show-mobile-directories { display: none; } } @media (max-width: 1100px) { .hide-mobile-directories { display: none; } } .campaign-banner { display: inline-flex; background-color: #d42b26; padding: 0 8px; border-radius: 4px; color: #fff; } .showcase-header__content { display: flex; } @media (max-width: 799px) { .showcase-header__content { flex-direction: column; } } .showcase-header__media { max-width: 444px; height: 288px; margin-right: 24px; object-fit: cover; } @media (max-width: 799px) { .showcase-header__media { margin-bottom: 24px; margin-right: 0; object-fit: cover; min-width: 100%; height: 320px; } } @media (max-width: 799px) { .showcase-header__media-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 24px; } } @media (max-width: 799px) { .showcase-header__media-iframe { position: absolute; top: 0; left: 0; width: 100%; min-width: 100%; height: 100%; } } .directory-reviews { margin-bottom: 48px; padding: 0 16px; } @media (max-width: 651px) { .directory-reviews { padding: 0 16px; } } .directory-reviews__wrap-cards { margin-top: 32px; padding: 0; column-count: 4; } @media (max-width: 1100px) { .directory-reviews__wrap-cards { column-count: 2; } } @media (max-width: 651px) { .directory-reviews__wrap-cards { column-count: 1; } } .directory-reviews__wrap-cards.requires-grid-layout { display: grid; grid-column-gap: 16px !important; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); } @media (max-width: 1100px) { .directory-reviews__wrap-cards.requires-grid-layout { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } } .directory-reviews .card-review { border: 1px solid #d4d9dd; padding: 12px; display: inline-block; margin-bottom: 16px; width: 100%; } .directory-reviews .card-review p { line-height: 1.6; } .directory-reviews .card-review__vehicle-img { -webkit-backface-visibility: hidden; transform: translateZ(0); } @media (min-width: 1099px) and (max-width: 1365px) { .directory-reviews .card-review__vehicle-img { width: 128px; height: auto; } } @media (max-width: 1100px) { .directory-reviews .card-review__vehicle-img { width: 128px; height: auto; } } @media (max-width: 799px) { .directory-reviews .card-review__vehicle-img { margin: 0 auto 12px; } } @media (max-width: 1100px) { .directory-reviews .card-review:nth-child(n + 12) { display: none; } } @media (max-width: 651px) { .directory-reviews .card-review:nth-child(n + 10) { display: none; } } .banner-bnpl { display: flex; width: 100%; padding: 20px 0; background-color: #f4f4f4; } @media (max-width: 799px) { .banner-bnpl { flex-direction: column; } } .banner-bnpl--text, .banner-bnpl--text:active, .banner-bnpl--text:focus, .banner-bnpl--text:hover { color: #f4f4f4; } .bg-confetti { object-fit: cover; } @media (max-width: 1100px) { .bg-confetti { width: 100%; height: 90%; } } .category-repairs { width: 1248px; margin-right: auto; margin-left: auto; padding-left: 24px; padding-right: 24px; } @media (max-width: 1247px) { .category-repairs { max-width: 100%; } } @media (max-width: 799px) { .category-repairs--sponsorship-banners { padding: 0; } } .category-repairs .article { margin: 48px 0; } .category-repairs .article__title { font-size: 30px; line-height: 32px; } .category-repairs .article__container { flex-flow: row wrap; } .category-repairs .article__wrap { margin: 0 8px; flex-basis: 354px; } @media (max-width: 1247px) { .category-repairs .article__wrap { flex-basis: 48%; margin: 0 4px; } } @media (max-width: 799px) { .category-repairs .article__wrap { width: 100%; flex-basis: auto; } } .category-repairs .article__img { width: 100%; object-fit: cover; } .category-repairs .article__heading { font-size: 12px; } .category-repairs .article__subheading { color: #212338; font-size: 20px; min-height: 52px; } .category-repairs__common-repairs { display: block; column-count: 2; } @media (max-width: 799px) { .category-repairs__common-repairs { column-count: 1; } } .category-repairs__container-reviews { display: flex; flex-flow: row wrap; } .category-repairs__review { margin: 0 8px 20px; padding: 24px; flex: 1; flex-basis: 354px; max-width: 547px; } .tiny-slider { position: relative; } .tiny-slider button[aria-controls] { display: flex; justify-content: center; border-radius: 40px !important; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0 12px 48px 0 rgba(0, 0, 0, 0.08); border: 1px solid #d4d9dd; width: 40px; height: 40px !important; background-color: #fff !important; font-size: 24px; outline: 0; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); } .tiny-slider button[aria-controls][data-controls="prev"] { left: -12px; } @media (max-width: 1200px) { .tiny-slider button[aria-controls][data-controls="prev"] { left: 0; } } .tiny-slider button[aria-controls][data-controls="next"] { right: -12px; } @media (max-width: 1200px) { .tiny-slider button[aria-controls][data-controls="next"] { right: 0; } } .tiny-slider button[aria-controls]:disabled { visibility: hidden; } .tns-controls[hidden] ~ button { display: none; } .tns-outer { padding: 0 12px; } @media (max-width: 1200px) { .tns-outer { padding: 0 24px; } } @media (max-width: 800px) { .tns-outer { padding: 0 24px; } } @media (max-width: 480px) { .tns-outer { padding: 0; } } .tns-outer [hidden] { display: none !important; } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; } .tns-outer.ms-touch { overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; -ms-scroll-chaining: none; -ms-scroll-snap-type: mandatory; -ms-scroll-snap-points-x: snapInterval(0, 100%); } .tns-slider { display: flex; transition: all 0s; } .tns-slider > .tns-item { box-sizing: border-box; } .tns-horizontal.tns-subpixel { white-space: nowrap; } .tns-horizontal.tns-subpixel > .tns-item { display: inline-block; vertical-align: top; white-space: normal; } .tns-horizontal.tns-no-subpixel:after { content: ""; display: table; clear: both; } .tns-horizontal.tns-no-subpixel > .tns-item { float: left; margin-right: -100%; } .tns-gallery, .tns-no-calc { position: relative; left: 0; } .tns-gallery { min-height: 1px; } .tns-gallery > .tns-item { position: absolute; left: -100%; transition: transform 0s, opacity 0s; } .tns-gallery > .tns-moving { transition: all 0.25s; } .tns-lazy-img { transition: opacity 0.6s; opacity: 0.6; } .tns-lazy-img.loaded { opacity: 1; } .tns-ah { transition: height 0s; } .tns-ovh { overflow: hidden; width: 100%; } .tns-hdx { overflow-x: hidden; } .tns-hdy { overflow-y: hidden; } .tns-visually-hidden { position: absolute; left: -10000em; } .tns-transparent { opacity: 0; visibility: hidden; } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; } .tns-fadeOut, .tns-normal { opacity: 0; filter: alpha(opacity=0); z-index: -1; } div[aria-hidden="true"] * { visibility: hidden; } .fp-cxo-header { background: #212338; padding: 30px 0 70px; position: relative; overflow: visible; } @media (max-width: 768px) { .fp-cxo-header { padding-top: 100px; } } .fp-cxo-header__title { color: #fff; font-size: 26px; margin-bottom: 20px; text-align: center; font-weight: 700; } @media (max-width: 440px) { .fp-cxo-header__title { font-size: 20px; margin-top: 0; } } @media (max-width: 799px) { .fp-cxo-header__title { display: none; } } .fp-usp { margin-top: 50px; } .fp-usp__icon { max-width: 90px; margin: 0 auto 10px; } .fp-usp__icon img { margin: 0 auto; } .expander .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.2s; transition-timing-function: ease; } .expander .expander-trigger { -webkit-user-select: none; user-select: none; color: #0d59fc; border-bottom: 2px solid #d4d9dd; font-weight: 700; cursor: pointer; display: inline-block; margin-bottom: 1em; text-decoration: none; } .expander .expander-trigger--alt { color: #212338; border-bottom: 0; margin-bottom: 10px; font-weight: 400; } .expander .expander-trigger--no-margin-bottom { margin-bottom: 0; } .expander .expander-trigger:before { font-size: 0.7em; content: "\25BC"; margin-right: 0.5em; } .expander .expander-trigger--faq { color: #212338; border-bottom: 0; padding-bottom: 12px; padding-top: 12px; display: block; margin-bottom: 0; font-weight: 700; } .expander .expander-hidden:before { font-size: 0.7em; content: "\25BA"; } .expander .expander-hidden + .expander-content { display: none; } .expander--faq { border: 1px solid #d4d9dd; background: #fff; margin-bottom: -1px; padding: 0 12px; } .expander__row { background-color: #f3f6ff; margin-bottom: 8px; padding: 12px; } .expander__row .expander-trigger { display: flex; justify-content: space-between; padding: 0; } .expander__row .expander-trigger:before { display: none; } .expander__row .expander-trigger:after { font-size: 20px; font-family: Material Icons; content: "chevron_right"; } .expander__row .expander-trigger.expander-hidden:before { display: none; } .expander__row .expander-trigger.expander-hidden:after { font-size: 20px; font-family: Material Icons; content: "keyboard_arrow_down"; } .expander__row p { font-size: 16px; margin-bottom: 0; } @media (min-width: 800px) { .booking-confirmation-page .b-confirmation__img { width: 190px; margin-right: 20px; } } @media (max-width: 799px) { .booking-confirmation-page .b-confirmation__img { margin: -16px -16px 24px; } } @media (min-width: 800px) { .booking-confirmation-page .b-confirmation__col { width: 190px; margin-right: 20px; } } .booking-confirmation-page .confirmation-widget { display: flex; flex-direction: column; margin: 48px 0; } .booking-confirmation-page .confirmation-widget__header { display: flex; justify-content: space-between; background-color: #ffc001; padding: 0 24px; height: 130px; } @media (max-width: 799px) { .booking-confirmation-page .confirmation-widget__header { padding: 16px; height: auto; min-height: 200px; position: relative; } } .booking-confirmation-page .confirmation-widget__text { display: flex; align-items: center; } @media (min-width: 800px) { .booking-confirmation-page .confirmation-widget__text > * { margin-bottom: 0; margin-right: 12px; } } @media (max-width: 799px) { .booking-confirmation-page .confirmation-widget__text { flex-direction: column; align-items: flex-start; justify-content: center; width: calc(100% - 178px); } .booking-confirmation-page .confirmation-widget__text > * { margin-bottom: 12px; } } @media (max-width: 480px) { .booking-confirmation-page .confirmation-widget__text { width: auto; } } @media (min-width: 800px) { .booking-confirmation-page .confirmation-widget__img { margin-top: -8px; margin-right: -36px; } } @media (max-width: 799px) { .booking-confirmation-page .confirmation-widget__img { margin-top: -24px; position: absolute; top: 0; right: 0; } } @media (max-width: 480px) { .booking-confirmation-page .confirmation-widget__img { display: none; } } .booking-confirmation-page .confirmation-widget__subheader { display: flex; padding: 24px; } @media (min-width: 800px) { .booking-confirmation-page .confirmation-widget__subheader { margin-right: 150px; } } @media (max-width: 799px) { .booking-confirmation-page .confirmation-widget__subheader { padding: 24px 0 0; } } .accordion .submenu { border: 1px solid transparent; display: none; } .accordion .is-expanded { display: block; } .cxo-social-proof-item { border: 1px solid #d4d9dd; padding: 24px 20px; margin-bottom: 20px; transition: all 0.4s; background: none; text-align: left; } .cxo-social-proof-item--invis { background: none; } .cxo-social-proof-item hr { border-color: #d4d9dd; margin-bottom: 10px; } @media (max-width: 1100px) { .cxo-social-proof-item--column-tablet { flex-direction: column; } } .cxo-social-proof-item h4 { font-size: 20px; color: #212338; text-align: left; font-weight: 700; margin-bottom: 20px; } .usp--dark { background: #212338; color: #fff; } .trustpilot-testimonials { background: #fafbfc; } .test-icon-width { max-width: 140px; margin-bottom: 10px; } .testimonials-table { border-spacing: 30px 0; width: 100%; table-layout: fixed; border-collapse: initial; } .testimonial-link { color: #212338 !important; } .testimonial-link:active, .testimonial-link:focus, .testimonial-link:hover { color: #212338; text-decoration: none; } .testimonial-content { background: #fff; padding: 30px; text-align: center; position: relative; transition: all 0.4s; } .testimonial-content:hover { box-shadow: 0 4px 22px 0 rgba(51, 54, 56, 0.25); } .testimonial-content:after { height: 0; width: 0; content: ""; border-top: 15px solid #fff; border-right: 15px solid transparent; border-left: 15px solid transparent; position: absolute; bottom: -15px; left: 50%; margin-left: -15px; } .testimonial-content--grey { background: #fafbfc; } .testimonial-content--grey:after { border-top-color: #fafbfc; } .testimoninal-review { font-size: 18px; color: #fcb30b; margin-bottom: 15px; } .testimonial-author { padding-top: 30px; font-size: 14px; text-align: center; } .testimonial-author img { max-width: 150px; } .profile-details { padding-top: 25px; max-width: 225px; position: relative; margin: 0 auto 10px; } .profile-picture { width: 90px; height: 90px; border-radius: 60px; overflow: hidden; margin-top: 20px; position: absolute; top: 0; right: 0; border: 4px solid #fff; } .profile-picture img { max-width: 100%; min-width: 100%; } .rating-stars { unicode-bidi: bidi-override; direction: rtl; text-align: left; font-size: 24px; color: #eef0f2; display: inline-block; } .rating-stars > span { display: inline-block; position: relative; } .rating-stars:not(:hover) > input:checked ~ span, .rating-stars > :hover, .rating-stars > :hover ~ span { color: transparent; } .rating-stars:not(:hover) > input:checked ~ span:before, .rating-stars > :hover:before, .rating-stars > :hover ~ span:before { content: "\2605"; position: absolute; left: 0; color: #ffc001; } .rating-stars > input { margin-left: -24px; margin-right: 0; top: 3px; width: 24px; height: 24px; position: relative; z-index: 2; opacity: 0; } .rating-stars > input:hover { cursor: pointer; } .vehicle-thumbnail { display: flex; align-items: center; justify-content: center; height: 135px; } .repairs-inspections .ps-footer { padding-bottom: 96px; } .sticky-footer-repair-inspections { position: fixed; background-color: #fff; width: 100%; bottom: 0; transform: translateY(72px); padding: 12px 24px; z-index: 999; height: 72px; transition: all 0.2s linear; } @media screen and (max-width: 650px) { .sticky-footer-repair-inspections { padding: 12px; } } .sticky-footer-repair-inspections.active { border-top: 1px solid #eef0f2; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.02), 0 -8px 32px 0 rgba(0, 0, 0, 0.04); transform: translateY(0); } .sticky-footer-repair-inspections__wrap { display: flex; justify-content: space-between; align-items: center; max-width: 1400px; margin: 0 auto; } @media screen and (min-width: 1099px) and (max-width: 1399px) { .sticky-footer-repair-inspections__wrap { width: 1012px; } } @media screen and (max-width: 1100px) { .sticky-footer-repair-inspections__wrap { max-width: 624px; width: 100%; } } .ps-wrap__list { column-count: 1; } @media screen and (min-width: 651px) and (max-width: 1200px) { .ps-wrap__list { column-count: 2; } } @media screen and (min-width: 1200px) { .ps-wrap__list { column-count: 3; } } .workshop .button.saved { background: green !important; color: #fff; border-color: green; } .workshop.list .content article h2 { padding-bottom: 0; border-bottom: none; } .workshop.list .content a:hover { text-decoration: none !important; } .workshop.list .content article { margin: 0 auto 20px; } .workshop.list .content article:hover { background-color: #fff; } .workshop.list h2 small.address { color: #212338; margin-left: 40px; display: none; } div#errors { display: none; max-width: 61.5%; position: relative; top: 150px; padding: 10px; margin-top: 20px; border: 1px solid #e12e28 !important; background-color: #fdf4f4 !important; } div#errors li { list-style: none !important; } article.validation-summary { background: none !important; padding: 0 0 10px !important; border: none !important; margin-bottom: 0 !important; z-index: 999; } .field-validation-error, fieldset .field-validation-error { font-size: 14px; color: #e12e28; } div#errors li { margin-left: 16px; list-style-type: disc; } fieldset label.error, label.error { font-size: 14px; display: block !important; padding: 4px !important; font-weight: 400 !important; color: #e12e28; } fieldset label.error { color: #e12e28; } ul.error input { color: #5c6172 !important; } .input-validation-error, input.error, select.error, span.error, textarea.error, ul.error { border: 1px solid #e12e28 !important; background-color: #fdf4f4 !important; } li.error { list-style-type: none; color: red; font-weight: 400; } .workshop td.price { text-align: right; } .workshop td span.output { font-weight: 700; padding-right: 70px; } .workshop .content form .extras .row { height: 80px; } .workshop .content form .extras input.price { top: 34px; } .workshop .content form .extras fieldset label:before { top: -5px; } .workshop .content form .extras fieldset label { font-size: 14px; font-weight: 400 !important; padding-right: 20px; top: 24px; } .workshop .content form .extras fieldset label.no-checkbox { position: relative; } .workshop .content form .extras span.price { float: right; width: 25%; position: relative; top: -13px; background: url(/Content/images/icons/icon-dollar.png) no-repeat 0; background-size: 10px 17px; background-position: 15px 11px; height: 41px; font-size: 14px; padding: 10px 10px 10px 75px; border: 1px solid #8f95a1; margin-right: 20px; } .workshop .content form input.output.readonly { background-color: #d4d9dd; } div.row { margin: 10px 0; clear: left; } section.container .form-label { color: #6c7283; display: inline; font-family: Open Sans, sans-serif; font-size: 14px; font-weight: 700; margin-right: 20px; } section.container input[type="password"], section.container input[type="text"] { margin-right: 20px; } .generic .button.submit, .workshop .button.submit { background: #e12e28 !important; color: #fff; border-color: #e12e28; margin-top: 20px; padding: 10px; width: 100%; min-width: 160px; transition: background 0.4s; text-transform: uppercase; } .generic .button.submit:hover, .workshop .button.submit:hover { background: #780502 !important; color: #fff; border-color: #e12e28; margin-top: 20px; } .col-two .row { height: inherit; } .generic fieldset { border: none; padding: 0; margin: 0; } .generic fieldset .field-validation-error { display: block; } div.authentication { display: flex !important; align-items: center; } div.authentication .container { max-width: 1400px; margin: 0 auto; } div.authentication .logout { display: none; position: relative; } .slideout-menu li.nav-logout:after { background: none; width: 38px; height: 38px; } .seo-positioning-helper-container select.fifth-position--full-width, .seo-positioning-helper-container select.first-position--full-width, .seo-positioning-helper-container select.fourth-position--full-width, .seo-positioning-helper-container select.second-position--full-width, .seo-positioning-helper-container select.sixth-position--full-width, .seo-positioning-helper-container select.third-position--full-width, select.full-width { width: 100%; } header.large { display: none; } .home header.large { display: none; position: fixed; top: 0; left: 0; z-index: 2; height: 76px; width: 100%; } .home header.large .right { display: block; position: absolute; right: 0; top: 0; margin-top: 60px; } .home header.large .date { float: right; font-family: Open Sans, sans-serif; font-size: 14px; color: #fff; } .home header.large .phone { font-weight: 600; font-size: 28px; color: #fff; margin-top: 20px; text-align: right; } .workshop .checkbox + label:before { top: 0; } .workshop-buttons { position: relative; float: right; } .add .add-button, .attributes, .button-small { width: 160px; margin: 0 auto; } div.tooltip { text-align: right; font-size: 14px; } .generic a.view-in-browser { display: none; } h1 small { font-size: 10pt; } @media (max-width: 1366px) and (min-width: 768px) { .home header.large .right { margin-top: 30px; } } .landing-content { z-index: 5; position: relative; } @media (max-width: 813px) { .slideout-panel { min-height: 0; } .landing-content .container { margin-bottom: 30px; } } .service-select { overflow: hidden; width: 50%; float: left; } .slideout-panel .landing-content { margin-top: 0; padding-top: 0; } .landing-content .container { overflow: hidden; } .content { padding-bottom: 40px; } .home header.large { position: absolute; } .home #panel { padding-top: 0; position: relative; } .content { padding-bottom: 0; } .landing-content .container { margin-bottom: 40px; } .confirmation article .map { float: left; } .confirmation article .another-car form .right { float: left; width: 50%; position: relative !important; left: 0 !important; top: 0 !important; } @media (max-width: 1230px) { .confirmation article .another-car form .right { float: none; width: 100%; margin-top: 20px; } } .validation-summary { z-index: 10; } .submit { text-align: center; } .mechanics header.large .right { margin-top: 60px; } .review--title { font-size: 24px; margin: 0; } @media (max-width: 350px) { .review-complaint { position: static; display: block; } } ul.blank { margin-top: 10px; padding-left: 0; list-style: none; } ul.blank li { padding: 3px 0; } a.primary { font-weight: 700; color: #4680fc; border-bottom: 1px solid #4680fc; } a.primary:hover { color: #0d54e5; text-decoration: none !important; } .workshop-comments { margin-top: 30px; } .workshop-profile-image { position: absolute; left: 25px; width: 60px; height: 60px; overflow: hidden; border-radius: 100%; } @media screen and (max-width: 800px) { .workshop-profile-image { left: 10px; } } .workshop-profile-image .workshop-profile-image--img, .workshop-profile-image img { height: 100%; display: block; margin-left: -15px; } .workshop-comments--title { margin-left: 80px; color: #6c7283; font-size: 14px; font-weight: 700; margin-bottom: 0; } .workshop-comments--content { margin-left: 80px; margin-top: 5px; } .writing-tips-popup { text-align: left; } .writing-tips-popup ul li { margin-bottom: 10px; list-style-position: outside; } .autocomplete-suggestions { left: 0; margin: 0; top: 0; background: none repeat scroll 0 0 #fff; border: 1px solid #8f95a1; max-height: 350px; overflow: auto; } .captured-images { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); grid-gap: 10px; } .captured-image { position: relative; width: 100%; } .captured-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 2px; } .captured-image .fullscreen { position: absolute; right: 8px; top: 8px; height: 42px !important; } @media (min-width: 800px) { .workshop.list h2 small.address { display: inline-block; } .terms-and-conditions-container { height: 400px; width: 100%; overflow-y: scroll; margin-bottom: 40px; padding: 20px; border: 1px solid #eef0f2; } main.slideout-panel { min-height: 100vh; } .review-complaint { position: absolute; right: 20px; top: 0; font-size: 14px; } .generic textarea { width: 100%; padding: 10px; font-size: 14px; margin-top: 10px; transform: translateX(0); transition: transform 0.4s; } .highlight { color: #0d59fc; } .workshop .content form .row input { margin-bottom: 0; } .workshop .content fieldset { margin-bottom: 10px; } .sweet-alert p { color: #212338; } .workshop .content form .extras .row { height: 60px; } .workshop .content form .extras input.price { top: -13px; } .generic .button.submit, .workshop .button.submit { width: auto; } div.authentication .logout { display: block; } .workshop-buttons { position: relative; float: right; margin-top: 0; } header.large { display: none; } .home header.large, div.authentication { display: block; } .col-two .row { height: 100px; } .col-two .last { height: 270px; } .finalise-booking .category input.half { width: calc(50% - 20px); float: left; } .workshop .content form .extras fieldset label { padding-right: 40px; width: 50%; display: inline-block; margin: 0; } .workshop .content form .sliders fieldset { position: relative; } .workshop .content form .extras fieldset label { position: absolute; left: 40px; top: 5px; } .workshop .content form .sliders.extras fieldset .rangeslider { top: 18px; } .workshop .content form .extras fieldset label.no-checkbox { position: absolute; top: -5px; } } @media (max-width: 799px) { .no-nav { margin-top: 75px; } .workshop.list .no-nav { margin-top: 0; } .comments--date { margin-bottom: 0; font-size: 16px; color: grey; margin-top: 5px; } .review-complaint { font-size: 14px; position: absolute; right: 0; top: 0; } .workshop-profile-image { left: 0; } .workshop .content form .extras fieldset label, .workshop .content form .extras input.price { top: 0; } .workshop .content form .extras .row { height: auto !important; } .workshop .content form .extras input.price { width: 99%; } } .service-inclusions h3 { margin-top: 15px; } @supports (-ms-accelerator: true) { [disabled].form-control, fieldset[disabled] .form-control { cursor: default !important; } } .availability .field-validation-error { display: block; } .tcs-container ol, .tcs-container p, .terms-and-conditions-container ol, .terms-and-conditions-container p { font-size: 16px !important; } .center-content { align-items: center; height: 100%; } .center-content, .discount-banner { display: flex; justify-content: center; } .discount-banner { background: #e12e28; color: #fff; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } @media (min-width: 651px) { .discount-banner { position: absolute; width: auto; bottom: 0; right: 0; height: auto; display: flex; align-items: center; justify-content: center; padding: 8px 12px; border-radius: 0; } } .discount-banner a { color: #fff; } .discount-banner a [tooltip-class] { -webkit-user-select: none; user-select: none; } .discount-banner a :focus, .discount-banner a :hover { color: #fff; } .discount-banner__content { margin: 0; font-size: 14px; text-transform: uppercase; text-align: right; color: #fff; font-weight: 700; } @media (min-width: 651px) { .discount-banner__content { font-weight: 400; } } .discount-banner--small { padding: 5px 8px; } @media (min-width: 1200.02px) { .discount-banner--small { padding: 10px 16px; } } .discount-banner--small .discount-banner__content { font-size: 14px; } .discount-banner--youirewards { background: #000; color: #fff; font-size: 14px; } .discount-banner--youirewards .discount-banner__content { font-size: 16px; } .discount-banner--youirewards .discount-banner__content a, .discount-banner--youirewards .discount-banner__content img, .discount-banner--youirewards .discount-banner__content span { font-size: 13px; vertical-align: middle; } .discount-banner--youirewards .discount-banner__content img { height: 16px !important; width: auto !important; } .discount-banner--youirewards .discount-banner__content a { display: inline-block; } .discount-banner--youirewards .discount-banner__content i { opacity: 0.9; margin-bottom: 5px; font-size: 20px; width: 20px; height: 20px; } @media (min-width: 992.02px) { .discount-banner--youirewards .discount-banner__content { font-size: 12px; } .discount-banner--youirewards .discount-banner__content img { height: 12px !important; } .discount-banner--youirewards .discount-banner__content i { margin-bottom: 4px; font-size: 16px; width: 16px; height: 16px; } } @media (min-width: 1200.02px) { .discount-banner--youirewards .discount-banner__content { font-size: 14px; } .discount-banner--youirewards .discount-banner__content img { height: 14px !important; } .discount-banner--youirewards .discount-banner__content i { font-size: 20px; width: 20px; height: 20px; } } .discount-banner__text { font-size: 12px; } @media (min-width: 800px) { .discount-banner--youirewards-small .discount-banner__content { font-size: 12px; } .discount-banner--youirewards-small .discount-banner__content img { height: 12px !important; } } @media (min-width: 992.02px) { .discount-banner--youirewards-small .discount-banner__content { font-size: 10px; } .discount-banner--youirewards-small .discount-banner__content img { height: 10px !important; } } @media (min-width: 1200.02px) { .discount-banner--youirewards-small .discount-banner__content { font-size: 12px; } .discount-banner--youirewards-small .discount-banner__content img { height: 12px !important; } } .discount-banner .tooltip--youirewards.bottom { margin-top: 0; margin-left: -1px; } .discount-banner .tooltip--youirewards .tooltip-inner { padding: 10px; } .discount-banner .tooltip--youirewards .tooltip-title { color: #212338; text-transform: uppercase; } .discount-banner .tooltip--youirewards .tooltip-content, .discount-banner .tooltip--youirewards .tooltip-content a { color: #000; } .container-search-results--condensed-view .discount-banner__img { width: 100%; } @media screen and (max-width: 650px) { .container-search-results--condensed-view .discount-banner__content { font-size: 12px; text-align: left; } .container-search-results--condensed-view .discount-banner--desktop, .container-search-results--condensed-view .discount-banner--youirewards { position: relative; padding: 0 8px; border-radius: 4px; font-size: 12px; line-height: 20px; margin-bottom: 4px; } .container-search-results--condensed-view .discount-banner--desktop i.material-icons, .container-search-results--condensed-view .discount-banner--youirewards i.material-icons { font-size: 14px; width: 14px; height: 14px; } .container-search-results--condensed-view .discount-banner--youirewards .discount-banner__full-text { display: inline-flex !important; text-transform: none; color: #fff; font-size: 11px; margin-bottom: 0; margin-right: 4px; } .container-search-results--condensed-view .discount-banner--youirewards .discount-banner__img, .container-search-results--condensed-view .discount-banner--youirewards .discount-banner__text { display: none; } } .clearfix:after, .clearfix:before { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .pull-right_left-xs { float: right; } @media screen and (max-width: 800px) { .pull-right_left-xs { float: left; } } .hidden, .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .affix { position: fixed; } textarea { resize: none; } .line-height-0 { line-height: 0; } .line-height-1 { line-height: 1; } .line-height-20px { line-height: 20px; } .height-auto { min-height: auto !important; } .height-auto, .height-auto-2 { height: auto !important; } .height-40 { height: 40px !important; } .height-min-460 { min-height: 460px !important; } .flex { display: flex; } .flex-inline { display: inline-flex; } .flex-2 { flex: 2; } .flex-3 { flex: 3; } .flex-1 { flex: 1; } @media (max-width: 799px) { .flex-1--mobile { flex: 1; } } @media (min-width: 800px) { .flex-1--desktop { flex: 1; } } .flex-align-edges { justify-content: space-between; } .flex-alignitems-center, .flex-center { align-items: center; } .flex-baseline { align-items: baseline !important; } .flex-alignitems-start { align-items: flex-start !important; } @media (max-width: 799px) { .flex-alignitems-start--mobile { align-items: flex-start !important; } } .flex-alignitems-center { align-items: center !important; } .flex-alignitems-end { align-items: flex-end !important; } .flex-justify-center { justify-content: center; } .flex-justifycontent-start { justify-content: flex-start; } .flex-justifycontent-spacebetween { justify-content: space-between; } .flex-justifycontent-center { justify-content: center; } @media (max-width: 799px) { .flex-justifycontent-center--mobile { justify-content: center !important; } } .flex-center { align-items: center; } .flex-column { flex-direction: column; } @media (max-width: 799px) { .flex-column--mobile { flex-direction: column; } } @media (max-width: 799px) { .flex-row-reverse--mobile { flex-direction: row-reverse !important; justify-content: flex-end; text-align: left !important; } } .flex-wrap { flex-wrap: wrap !important; } .flex-justifycontent-end { justify-content: flex-end; } @media (max-width: 992px) { .flex-column-md { flex-direction: column; } } @media (max-width: 1200px) { .flex-column-lg { flex-direction: column; } } .flex-wrap { flex-wrap: wrap; } .flex-shrink-0 { flex-shrink: 0; } .flex-grow-1 { flex-grow: 1; } .flex-flow-row-wrap { flex-flow: row wrap; } @media (max-width: 799px) { .flex-break-col--mobile { flex-basis: 100%; } } @media (max-width: 799px) { .order-0-mobile { order: 0; } } @media (max-width: 799px) { .order-1-mobile { order: 1; } } .width-100 { width: 100% !important; } .width-200 { width: 200px; } .width-300 { width: 300px; } .width-auto { min-width: auto !important; } .letter-spacing { letter-spacing: 3.2px; } .validation-message { width: 270px; line-height: 1.43; } .validation-message-block { line-height: 1.43; } .zindex-99 { z-index: 99; } @media screen and (max-width: 650px) { .bottom-auto-mobile { bottom: auto !important; } } .icon-tick { display: flex; flex-shrink: 0; background-image: url(/Content/images/icons/tick.svg); background-size: cover; background-repeat: no-repeat; width: 24px; height: 24px; } .disabled-link { pointer-events: none; } @media (max-width: 799px) { .input-radio { margin-left: -16px; } } .input-radio__input[type="checkbox"] + label { position: relative; cursor: pointer; width: 100%; } .input-radio__input[type="checkbox"] + label:before { content: "check_box_outline_blank"; position: absolute; font-family: Material Icons; font-size: 24px; font-weight: 400; height: auto; top: 50%; transform: translateY(-50%); color: #d4d9dd; } .input-radio__input[type="checkbox"]:checked + label:before { content: "check_box"; color: #01c68c; } .input-radio__tooltip { padding: 8px; } .input-radio__tooltip:hover { color: #0d50ce; } .input-radio.disabled:hover { background-color: none; } .input-radio.disabled .icon-info-tooltip, .input-radio.disabled .input-radio__label { cursor: not-allowed; opacity: 0.2; } .input-radio.disabled .icon-info-tooltip:hover { color: #6c7283; } .input-radio__label { padding: 14px 0 14px 64px; color: #212338; font-weight: 700; font-size: 18px; } .input-radio__label--sml { font-size: 16px; border: 1px solid #eef0f2; } .input-radio__label:before { font-family: Material Icons; font-weight: 400; font-style: normal; font-size: 16px; width: 16px; height: 16px; line-height: 16px; transform: rotate(0.03deg); display: inline-flex; align-items: center; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; vertical-align: middle; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; left: 16px; } .input-radio__label:before.icon-18 { font-size: 18px; width: 18px; height: 18px; line-height: 18px; } .input-radio__label:before.icon-20 { font-size: 20px; width: 20px; height: 20px; line-height: 20px; } .input-radio__label:before.icon-24 { font-size: 24px; width: 24px; height: 24px; line-height: 24px; } .input-radio__label:before.icon-32 { font-size: 32px; width: 32px; height: 32px; line-height: 32px; } @media (max-width: 799px) { .input-radio__label:before.icon-32--mobile { font-size: 32px !important; width: 32px !important; height: 32px !important; line-height: 32px !important; } } .input-radio__label:before.icon-48 { font-size: 48px; width: 48px; height: 48px; line-height: 48px; } .input-radio__label:before.icon-64 { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .input-radio__label:before.icon-96 { font-size: 96px; width: 96px; height: 96px; line-height: 96px; } .input-radio__label:before.strong { font-weight: 700; } .input-radio__label:hover { background-color: #fafbfc; transition: background 0.2s ease-in-out; } @media (max-width: 799px) { .input-radio__label { padding-left: 52px; } } .input-radio__label .car__descrip1 { font-size: 20px; position: absolute; margin-left: 108px; margin-top: -16px; } .input-radio__label .car__descrip2 { font-size: 16px; position: absolute; margin-left: 108px; margin-top: 14px; } .input-radio.checkbox-disabled { z-index: -9; opacity: 0.5; } input[type="radio"] + label { position: relative; font-weight: 700; width: 100%; cursor: pointer; } input[type="radio"] + label:before { position: absolute; font-family: Material Icons; font-size: 24px; font-weight: 400; height: auto; top: 50%; transform: translateY(-50%); } input[type="radio"]:checked + label.input-radio__label:before, input[type="radio"]:checked + label.radio-box__item:before { content: "radio_button_checked"; color: #01c68c; } input[type="radio"]:checked + label.radio-box__item { background: #f2fdf9; border-color: #00dd95; z-index: 5; } input[type="radio"]:not(:checked) + label.input-radio__label:before, input[type="radio"]:not(:checked) + label.radio-box__item:before { content: "radio_button_unchecked"; color: #d4d9dd; } input[type="radio"]:disabled + label.radio-box__item { opacity: 0.8; background: #fff; } input[type="radio"]:disabled + label.radio-box__item:hover { cursor: not-allowed; } input[type="radio"] + .radio-box__left { min-height: 55px; line-height: 24px; padding: 16px 16px 16px 52px; margin-bottom: -1px; } input[type="radio"] + .radio-box__left:before { left: 12px; } @media (min-width: 800px) { input[type="radio"] + .radio-box__left { display: flex; justify-content: space-between; align-items: center; } } @media (max-width: 799px) { input[type="radio"] + .radio-box__left { line-height: normal; } } @media (min-width: 800px) { input[type="radio"] + .radio-box__left--left-align { justify-content: flex-start; } } .input-text { transition: border 0.2s ease-in-out; border: 4px solid #d4d9dd; border-radius: 8px; width: 100%; padding: 20px; font-weight: 700; box-shadow: none !important; -webkit-appearance: none; } .input-text--card-digits { width: 96px; padding: 16px; text-align: center; } .input-text::placeholder { overflow: visible; } .input-text::-webkit-input-placeholder { overflow: visible; } .input-text::-moz-placeholder { overflow: visible; } .input-text:-ms-input-placeholder { overflow: visible; } .input-text:-moz-placeholder { overflow: visible; } .input-text:placeholder-shown { text-align: left; } .input-text--highlight { transition: border 0.2s ease-in-out; border: 4px solid #00dd95 !important; } .input-text:active, .input-text:focus { transition: border 0.2s ease-in-out; border: 4px solid #212338; outline: 0; } .input-text:active i, .input-text:focus i { color: #00dd95; } .input-text:active.ng-dirty.ng-valid, .input-text:focus.ng-dirty.ng-valid { transition: border 0.2s ease-in-out; border: 4px solid #00dd95; } .input-text:active.ng-dirty.ng-valid:hover, .input-text:focus.ng-dirty.ng-valid:hover { transition: border 0.2s ease-in-out; border: 4px solid #05987a; } .input-text:active.ng-dirty.ng-invalid, .input-text:focus.ng-dirty.ng-invalid { transition: border 0.2s ease-in-out; border: 4px solid #e12e28; } .input-text:active.ng-dirty.ng-invalid:hover, .input-text:focus.ng-dirty.ng-invalid:hover { transition: border 0.2s ease-in-out; border: 4px solid #780502; } .input-text.ng-touched.ng-valid { transition: border 0.2s ease-in-out; border: 4px solid #00dd95; } .input-text.ng-touched.ng-valid:hover { transition: border 0.2s ease-in-out; border: 4px solid #05987a; } .input-text.ng-touched.ng-invalid { transition: border 0.2s ease-in-out; border: 4px solid #e12e28; } .input-text.ng-touched.ng-invalid:hover { transition: border 0.2s ease-in-out; border: 4px solid #780502; } .input-text.ng-touched.ng-empty.ng-pristine { transition: border 0.2s ease-in-out; border: 4px solid #d4d9dd; } .input-text.ng-touched.ng-empty.ng-pristine:hover { transition: border 0.2s ease-in-out; border: 4px solid #212338; } .input-text::-webkit-input-placeholder { color: #8f95a1; } .input-text::-moz-placeholder { color: #8f95a1; } .input-text:-ms-input-placeholder { color: #8f95a1; } .input-text:-moz-placeholder { color: #8f95a1; } .input-dropdown { padding: 16px; background: #fff url(./images/caret-down.svg) no-repeat center right 12px; } .input-dropdown--tarmac { background: #fff url(./images/caret-down-tarmac.svg) no-repeat center right 12px; } .ng-submitted .input-text.ng-valid { transition: border 0.2s ease-in-out; border: 4px solid #00dd95; } .ng-submitted .input-text.ng-valid:hover { transition: border 0.2s ease-in-out; border: 4px solid #05987a; } .ng-submitted .input-text.ng-invalid { transition: border 0.2s ease-in-out; border: 4px solid #e12e28; } .ng-submitted .input-text.ng-invalid:hover { transition: border 0.2s ease-in-out; border: 4px solid #780502; } .input-icon-search { position: absolute; right: 20px; top: 20px; } .input-icon-down { position: absolute; right: 20px; top: 50px; } .input-icon-down--center { position: absolute; right: 20px; top: 55px; } .ng-remote-validate-pending { position: absolute; right: 7px; opacity: 0.5; bottom: 2px; font-size: 14px; } .workshop-profile, .workshop-profile #panel:before { background: #fff; } .workshop-profile .review { background: #fff; position: relative; text-align: center; } .workshop-profile .review h2 { text-align: left; } .workshop-profile .review article { width: 100%; max-width: 1200px; text-align: left; border-bottom: 1px solid #eef0f2; margin-bottom: 20px; } .workshop-profile .review article:last-child, .workshop-profile .review article:nth-child(5n) { border-bottom: none; margin-bottom: 20px; } .workshop-profile .review .profile-details { width: 128px; float: left; position: relative; padding-top: 25px; } .workshop-profile .review .profile-picture { width: 70px; height: 70px; border-radius: 60px; overflow: hidden; margin-top: 20px; position: absolute; top: 0; right: 0; border: 4px solid #fff; } .workshop-profile .review .profile-picture img { max-width: 100%; min-width: 100%; } .workshop-profile .review .comment-container { float: left; width: 90%; width: calc(100% - 128px); margin-top: 0; position: relative; padding: 20px 0 20px 25px; } @media screen and (max-width: 800px) { .workshop-profile .review .comment-container { clear: left; width: 100%; padding: 0 0 0 10px; } } .workshop-profile .review .comment-container .comments p { line-height: 25px; } .workshop-profile .review .comment-container .comments--title { margin-bottom: 0; font-size: 20px; margin-top: 10px; } .workshop-profile .review .comment-container .comments--title .large { font-size: 20px; color: #212338; margin-bottom: 0; } .workshop-profile .review .comment-container h3 { font-size: 16px; color: #00dd95; margin-top: 0; } .workshop-profile .review .comment-container h3 span { color: #212338; } .workshop-profile .review-complaint { font-size: 14px; } .workshop-profile__rating { color: #5c6172; font-size: 20px; font-weight: 400; } @media (max-width: 799px) { .workshop-profile__rating { margin: 0 auto; flex: 0 0 auto !important; font-size: 13px; } } .workshop-profile__rating__each { display: flex; align-items: center; margin: 0 auto; width: 100%; } @media screen and (max-width: 800px) { .workshop-profile__rating__each { padding: 0; } } .workshop-profile__rating__each span { font-size: 14px; color: #5c6172; min-width: 45px; } @media screen and (max-width: 800px) { .workshop-profile__rating__each span { padding-right: 0; } } .workshop-profile__rating__each .rating-bar-grey { width: 100px; background-color: #eef0f2; height: 5px; border-radius: 4px; margin-top: 8px; } .workshop-profile__rating__each .rating-bar-green { background-color: #00dd95; max-width: 100px; height: 5px; border-radius: 4px; } .workshop-profile__menu { list-style: none; padding: 0; margin-top: 50px; height: 40px; border-bottom: 1px solid #d4d9dd; } .workshop-profile__menu li { height: 40px; float: left; margin-right: 20px; cursor: pointer; } .workshop-profile__menu li a { color: #212338; } .workshop-profile__menu li a:hover { color: #484c5f; } .workshop-profile__menu li.active { border-bottom: 2px solid #212338; font-weight: 700; } .workshop-profile__menu li.active a { color: #212338; } .workshop-profile__menu--sr2 { margin: 0; border-bottom: 0; height: auto; padding: 0; } .workshop-profile__menu--sr2 li { height: auto; padding: 8px; margin-right: 0; } .workshop-profile__menu--sr2 li:first-child { padding-left: 16px; } .workshop-profile__extrainfo { min-width: 220px; max-width: 320px; margin: 0 auto; font-size: 18px; text-align: left; } @media (max-width: 799px) { .workshop-profile__extrainfo { flex: 0 0 auto !important; } } .workshop-profile__extrainfo p { color: #212338; margin-bottom: 8px; } .workshop-profile .workshop-details__about-team { font-size: 20px !important; font-weight: 700; color: #212338; } .workshop-profile .highlight-current-day { font-weight: 700; } .workshop-profile .icon-credit-card:before { content: url(/Content/images/payments/icon-credit-card.svg); } .workshop-profile .icon-cc-amex:before { content: url(/Content/images/payments/icon-cc-amex.svg); } .workshop-profile .icon-cc-diners-club:before { content: url(/Content/images/payments/icon-cc-diners-club.svg); } .workshop-profile .icon-fleet:before { content: url(/Content/images/payments/icon-fleet.svg); } .workshop-profile__header__content p { color: #212338; } .workshop-profile__header__content p.details { font-size: 20px; color: #fff; } .workshop-profile__header__content p.details:first-child { margin-top: 100px; } .workshop-profile__header__content__full-width { background-color: #00dd95; padding: 20px; width: 100%; margin-left: 0; height: auto; } .workshop-profile__header__content__full-width p { color: #212338; } .workshop-profile__header__content__full-width p.details { font-size: 18px; color: #fff; } .workshop-profile__header--mobile { background-color: #00dd95; padding: 20px; position: absolute; top: -130px; left: 16px; right: 16px; } .workshop-profile__subheader { display: flex; flex-wrap: wrap; align-items: center; margin-top: 12px; } @media (max-width: 799px) { .workshop-profile__subheader { margin-top: 380px; } .workshop-profile__subheader.header-nomanagername { margin-top: 275px; } .workshop-profile__subheader.header-noimg { margin-top: -32px !important; } } .workshop-profile__subheader > div { padding: 0 8px; flex: 1 1 auto; margin-bottom: 8px; } @media (max-width: 799px) { .workshop-profile__subheader > div { margin-bottom: 12px; } } .workshop-profile__subheader--certificate { min-width: 200px; } @media screen and (max-width: 800px) { .workshop-profile__subheader--certificate { width: 100%; } } .workshop-profile__subheader--certificate img { margin: 0 auto; } @media screen and (max-width: 800px) { .workshop-profile__subheader--certificate img { width: 120px; } } .workshop-profile .workshop-comments { margin-top: 30px; } .workshop-profile .workshop-comments--title { margin-left: 80px; color: #8f95a1; font-size: 14px; margin-bottom: 0; font-weight: 700; } .workshop-profile .workshop-comments--content { margin-left: 80px; } .workshop-profile .ps-footer { padding-bottom: 130px; } .workshop-profile .btn-success-mobile { border-radius: 8px; } .truncate-text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cxo-form { border: 1px solid #d4d9dd; overflow: visible; position: relative; background-color: #fff; margin-bottom: 15px; border-radius: 4px; padding: 30px 30px 15px; } .cxo-form hr { margin: 15px 0; } @media (max-width: 799px) { .cxo-form { padding: 15px 15px 1px; margin-left: -15px; margin-right: -15px; border-radius: 0; } } .contact-info-form { border: 1px solid #d4d9dd; padding: 24px; } @media (max-width: 799px) { .contact-info-form { border: none; padding: 0; } } .contact-info-form .form-control { color: #212338; } @media (max-width: 799px) { .contact-info-form label { font-size: 14px; } } .contact-info-form input, .contact-info-form select { height: 56px; } .contact-info-form .arrival-time { width: 100%; } .contact-info-form input, .contact-info-form select, .contact-info-form textarea { border: 4px solid #eef0f2 !important; border-radius: 8px; } .contact-info-form input.ng-invalid.ng-dirty, .contact-info-form select.ng-invalid.ng-dirty, .contact-info-form textarea.ng-invalid.ng-dirty { border: 4px solid #e12e28 !important; background-color: #f6c2c1 !important; } .contact-info-form textarea { padding-top: 12px; } .contact-info-form select { color: #212338; padding-left: 16px; } .contact-info-form select option { color: #212338; } .contact-info-form select option:first-child { color: #6c7283; } .contact-info-form .input-group-btn .btn-default { height: 56px; border: 4px solid #eef0f2; border-left: none; } .show-validation-errors input.ng-invalid, .show-validation-errors select.ng-invalid, .show-validation-errors textarea.ng-invalid { border: 4px solid #e12e28 !important; background-color: #f6c2c1 !important; } .divider-exclusive-lead { margin-left: -20px; margin-right: -20px; padding: 20px 20px 0 !important; border-top: 1px solid #eef0f2; } #paypal-button .zoid-outlet { width: 100% !important; } #cb-agree-label { margin-top: 16px; } @media (max-width: 799px) { #cb-agree-label { margin-top: 24px; } } .header-f { margin: 0 auto; max-width: 1096px; width: 100%; display: -webkit-flex !important; padding: 0 96px; } .header-f .title { max-width: 544px; } .cart-summary__item { white-space: normal !important; } .cart-summary__price { flex: 1; align-self: flex-start; text-align: right; } .progress-step .provider-image { width: 137px; height: auto; border-radius: 3px; } @media screen and (max-width: 800px) { .progress-step .provider-image { width: 90px; } } .circular-mask { border-radius: 50%; } .modal-generic { display: flex; width: 800px; margin: 0 auto; background-color: #fff; position: fixed; top: 96px; left: 0; right: 0; z-index: 9999; min-height: 500px; max-height: calc(100vh - 192px); overflow-y: auto; } @media screen and (max-width: 800px) { .modal-generic { width: 100%; height: 100%; max-height: 100%; top: 0; animation: bounce-animation 0.3s ease-in-out; } } .modal-generic__container { width: 100%; } .modal-generic__header { display: flex; justify-content: space-between; width: 800px; position: fixed; border-bottom: 1px solid #d4d9dd; padding: 16px; background-color: #fff; z-index: 1; } @media screen and (max-width: 800px) { .modal-generic__header { width: 100%; } } .modal-generic__content { padding: 64px 16px; } .modal-generic__btn-bottom { position: fixed; bottom: 0; width: 100%; left: 0; height: 54px; background: #01c68c; color: #fff !important; } .modal-generic__btn-bottom:disabled { opacity: 1; } @media (min-width: 800px) { .is_stuck { -webkit-backface-visibility: hidden; backface-visibility: hidden; } } .booking-summary { border: 1px solid #d4d9dd; padding: 24px; } @media (max-width: 799px) { .booking-summary { border: none; padding: 0; } } @media (max-width: 799px) { .booking-summary--items { border-top: 1px solid #eef0f2; } } .booking-summary > ul { margin-bottom: 0; } .booking-summary > ul > li { border-top: none; border-bottom: 1px solid #eef0f2; align-items: normal; } .booking-summary > ul > li:last-child { border-bottom: none; padding-bottom: 0; } .booking-summary > ul > li > div { width: 100%; } .booking-summary > ul > li > div:last-child { padding-left: 0; } .booking-summary ul.list-service-parts > li { margin-bottom: 12px; } .booking-summary__title { font-size: 20px; color: #212338; margin-right: 8px; font-weight: 700; } @media (max-width: 799px) { .booking-summary__title { font-size: 18px; } } .booking-summary__description { clear: left; font-size: 16px; color: #5c6172; white-space: normal; } .booking-title { padding: 16px; font-size: 14px; color: #fff; font-weight: 700; margin-bottom: 48px; } @media (max-width: 799px) { .booking-title { padding-top: 90px; margin-bottom: 0; } } .booking-title-success { background-color: #078171; } .booking-title-pending { background-color: #e12e28; } .booking-title-warning { background-color: #ffc001; } #bt-pp-email { font-weight: 400 !important; } .payment-options > div:first-child label { border-radius: 4px 4px 0 0; } .payment-options > div:last-child label { border-radius: 0 0 4px 4px; } .dropdown-arrow:invalid { color: #6c7283; } .preheader__finalise { background-color: #00dd95; height: 102px; } .preheader__finalise .fp-container { height: 100%; } .preheader__picture { margin-left: auto; } .preheader__img { height: 50px; } .preheader__finalise--youirewards { background: #000; color: #fff; } .preheader__finalise--youirewards__title { color: #fff; margin: 0; padding: 0; } .preheader__finalise--youirewards .fp-container { display: flex; align-items: center; } .icon-uber-box { background: url(/Content/images/payments/icon-sm-uber-box.svg) no-repeat 50%; background-size: contain; width: 20px; height: 20px; } .icon-visa { background: url(/Content/images/payments/cc-visa.svg) no-repeat 50%; background-size: contain; } .icon-visa-sm { content: ""; background-image: url(/Content/images/payments/cc-visa.svg); } .icon-mastercard { background: url(/Content/images/payments/cc-mastercard.svg) no-repeat 50%; background-size: contain; } .icon-mastercard-sm { content: ""; background-image: url(/Content/images/payments/cc-mastercard.svg); } .icon-paypal { background: url(/Content/images/payments/cc-paypal.svg) no-repeat 50%; background-size: contain; } .icon-paypal-sm { content: ""; background-image: url(/Content/images/payments/cc-paypal.svg); } .icon-afterpay { background: url(/Content/images/afterpay/cc-afterpay.svg) no-repeat 50%; background-size: contain; } .icon-afterpay-full { background: url(/Content/images/afterpay/afterpay-logo.svg) no-repeat 50%; background-size: contain; display: inline-flex; width: 106px; height: 22px; } .icon-cc { display: inline-flex; width: 48px; height: 30px; } .icon-cc-sm { background-size: 36px 25px; background-repeat: no-repeat; display: inline-block; width: 36px; height: 25px; } .icon-cc-addon { position: absolute; top: 10px; right: 8px; } .finalise-booking-extra { display: flex; flex: 0 1 100%; justify-content: space-between; align-items: center; padding: 8px 0; } .finalise-booking-extra.items-extra { border-top: 1px solid #eef0f2; } .finalise-booking-extra.items-extra:first-child { border-top: 0; padding-top: 0; } .finalise-booking-extra.items-extra:last-child { padding-bottom: 0; } .finalise-booking-extra__cta .btn-perk { background-color: #fff; border-radius: 4px; border: 1px solid #d4d9dd; padding: 4px 12px; font-size: 14px; color: #212338; text-transform: capitalize; min-width: 64px; box-shadow: none; } .finalise-booking-extra__cta .btn-perk:hover { background-color: #fafbfc; } .finalise-booking-extra__cta .btn-perk:active, .finalise-booking-extra__cta .btn-perk:focus { background-color: #eef0f2; } .finalise-booking-extra__cta .btn-on { border-radius: 4px; border: 1px solid #01c68c; padding: 4px 12px; font-size: 14px; color: #fff; text-transform: capitalize; background: #01c68c; min-width: 64px; } .finalise-booking-extra__cta .btn-on:hover { background-color: #03af83 !important; border: 1px solid #03af83 !important; } .finalise-booking-extra__cta .btn-on:active { background-color: #05987a !important; border: 1px solid #05987a !important; } .finalise-booking-extra__cta [disabled] { background-color: #fff; opacity: 0.7; cursor: default; border: 1px solid #d4d9dd; color: #212338; } .finalise-booking-extra__cta [disabled]:active, .finalise-booking-extra__cta [disabled]:focus, .finalise-booking-extra__cta [disabled]:hover { color: #212338; border: 1px solid #d4d9dd !important; background-color: #fff !important; } .finalise-booking-extra__cta [disabled].btn-on { opacity: 0.7; cursor: default; border: 1px solid #d4d9dd; color: #fff; background-color: #03af83 !important; border: 1px solid #03af83 !important; } .finalise-booking-extra .tooltip-layer { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .grid-2-col { display: grid; padding: 0; grid-template-columns: 624px 380px; grid-column-gap: 96px; max-width: 1100px; margin: 0 auto; } @media (min-width: 1000px) and (max-width: 1199px) { .grid-2-col { grid-column-gap: 48px; grid-template-columns: 560px 312px; padding: 0 20px; max-width: 960px; } } @media (min-width: 800px) and (max-width: 999px) { .grid-2-col { grid-template-columns: 100%; padding: 0 96px; } } @media (max-width: 799px) { .grid-2-col { grid-template-columns: 100%; max-width: 542px; padding: 0 20px; } } .grid-2-col__title { grid-column-start: 1; grid-column-end: 3; } @media (min-width: 800px) and (max-width: 999px) { .grid-2-col__title { grid-template-columns: 100%; grid-column-end: 2; } } @media (max-width: 799px) { .grid-2-col__title { grid-column-end: 1; } } @media (min-width: 1200px) { .grid-2-col__sidebar #sidebar-fixed { width: 380px; } } @media (min-width: 1000px) and (max-width: 1199px) { .grid-2-col__sidebar #sidebar-fixed { width: 312px; } } @media (min-width: 1000px) { .hide-desktop-sm-grid2col { display: none !important; } } @media (min-width: 1200px) { .hide-desktop-grid2col { display: none !important; } } @media (min-width: 1000px) and (max-width: 1199px) { .hide-tablet-grid2col { display: none !important; } } @media (min-width: 800px) and (max-width: 999px) { .hide-tablet-portrait-grid2col { display: none !important; } } @media (max-width: 799px) { .hide-mobile-grid2col { display: none !important; } } .modal-price-breakdown { top: 76px; border-radius: 12px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 2px 8px 0 rgba(0, 0, 0, 0.12); transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; transform: translateY(100vh); will-change: transform; } .modal-price-breakdown.open { transform: translateY(0); } .modal-price-breakdown .modal-generic__header { padding: 16px 8px; width: 100%; } @media (max-width: 799px) { .modal-price-breakdown .modal-generic__header { width: calc(100% - 24px); left: 8px; } } .booking-finalise-page header.small { position: relative; } @media (max-width: 799px) { .booking-finalise-page .mobile-sticky-header { padding-top: 0; } } .booking-finalise-page.overflow-true { overflow: hidden; } .windscreens-mobile { width: 100%; height: auto; object-fit: contain; } .finalise-booking-header, .finalise-header, .finalise-main-content-width, .finalise-product-container { width: 100%; margin: 0 auto; max-width: 1096px; } .finalise-header .desktop-gap { width: 360px; } img.glass-hero { width: 100%; } .finalise-product-container { display: flex !important; min-height: 100vh; } .finalise-product-container .price-icon { width: 32px; height: 32px; object-fit: contain; } .finalise-product-container .pay-later-option-logo { height: 18px; width: auto; } .finalise-product-container .tip-bulb { width: 40px; height: 40px; object-fit: contain; } .finalise-product-container .windscreens-desktop { background-image: url(/Content/images/products/windscreen/windscreens@2x.jpg); } .finalise-product-container .direct-product-mm, .finalise-product-container .windscreens-desktop { width: 182px; height: 137px; object-fit: contain; background-repeat: no-repeat; background-size: cover; flex-shrink: 0; } .finalise-product-container .direct-product-mm { background-image: url(/Content/images/products/ag_mm_profile.jpg); } .finalise-product-container #sidebar-f { display: flex; flex: 1 1 auto; max-width: 360px; position: relative; } @media (min-width: 800px) { .finalise-product-container #sidebar-f #sidebar-fixed { width: 360px; } } .finalise-product-container #column-f { flex-wrap: wrap; flex: 1; } @media (min-width: 800px) { .finalise-product-container #column-f { max-width: 624px; } } .finalise-product-container .banner-bnpl--sidebar { max-height: 280px !important; height: 280px !important; } .finalise-product-container .banner-bnpl--sidebar a { text-align: center; } .finalise-product-container #finalise-details-form { display: flex; flex-direction: column; flex: 1 1 auto; } .finalise-product-container .contact-info-form { padding: 0 !important; border: none !important; } .finalise-product-container .contact-info-form__customer { flex: 1; } .finalise-product-container .contact-info-form label { font-size: 14px !important; color: #6c7283 !important; } .finalise-product-container .contact-info-form select { font-size: 16px !important; } .finalise-product-container .contact-info-form input, .finalise-product-container .contact-info-form select, .finalise-product-container .contact-info-form textarea { border: 1px solid #d4d9dd !important; border-radius: 4px !important; font-size: 18px !important; height: 52px; padding-left: 16px !important; padding-right: 32px !important; } .finalise-product-container .contact-info-form input:focus, .finalise-product-container .contact-info-form select:focus, .finalise-product-container .contact-info-form textarea:focus { outline: none !important; box-shadow: none !important; border: 1px solid #0d59fc !important; transition: all 0.3s ease-in-out !important; } .finalise-product-container .contact-info-form input::placeholder, .finalise-product-container .contact-info-form select::placeholder, .finalise-product-container .contact-info-form textarea::placeholder { color: #8f95a1 !important; } .finalise-product-container .contact-info-form textarea { height: 104px !important; } .finalise-product-container .contact-info-form input.ng-invalid.ng-dirty, .finalise-product-container .contact-info-form select.ng-invalid.ng-dirty, .finalise-product-container .contact-info-form textarea.ng-invalid.ng-dirty { border: 1px solid #e12e28 !important; border-radius: 4px !important; background-color: #fff !important; } .finalise-product-container .show-validation-errors#finalise-details-form input[type="radio"].ng-invalid ~ label, .finalise-product-container .show-validation-errors .contact-info-form .form-control.ng-invalid, .finalise-product-container .show-validation-errors .contact-info-form .form-control.ng-invalid ~ .input-group-btn button, .finalise-product-container .show-validation-errors .contact-info-form select.ng-invalid { border: 1px solid #e12e28 !important; background-color: #fff !important; } .header-f { display: flex !important; } @media (max-width: 1200px) { .header-f { padding: 0 24px; } } @media (max-width: 992px) { .header-f { margin-top: 24px !important; margin-bottom: 24px !important; } } .pos-fixed { position: fixed; top: 24px; } .dropdown-arrow { -webkit-appearance: none; appearance: none; position: relative; background: #fff url(./images/caret-down.svg) no-repeat right 4px top 56% !important; } .icon-uber-square, .perk-uber-ride { width: 36px; height: 36px; background: url(/Content/images/icons/uber/uber-square.svg) no-repeat 50%; background-size: contain; } .icon-uber-rectangle { width: 37px; height: 18px; background: url(/Content/images/icons/uber/uber-rectangle.svg) no-repeat 50%; background-size: contain; } .perk-drop-off { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-dropoff.svg) no-repeat 50%; background-size: contain; } .perk-courtesy-car { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-loancar.svg) no-repeat 50%; background-size: contain; } .perk-front-wheel-alignment { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-alignment.svg) no-repeat 50%; background-size: contain; } .perk-tyre-rotation { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-rotation.svg) no-repeat 50%; background-size: contain; } .perk-wiper-blade { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-wiper.svg) no-repeat 50%; background-size: contain; } .perk-aircon { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-regas.svg) no-repeat 50%; background-size: contain; } .perk-puncture-repair { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-tyrepuncture.svg) no-repeat 50%; background-size: contain; } .perk-car-wash { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-carwash.svg) no-repeat 50%; background-size: contain; } .perk-car-vacuum { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-vacuum.svg) no-repeat 50%; background-size: contain; } .perk-pickup-service { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-pickup.svg) no-repeat 50%; background-size: contain; } .perk-breakdown-assist { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-breakdown.svg) no-repeat 50%; background-size: contain; } .perk-roadworthy { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-pinkslip.svg) no-repeat 50%; background-size: contain; } .perk-roadside-assistance { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-roadside-assistance.svg) no-repeat 50%; background-size: contain; } .perk-scantool-diagnostic { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-scantool-diagnostic.svg) no-repeat 50%; background-size: contain; } .perk-vehicle-pickup-dropoff { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-vehicle-pickup-dropoff.svg) no-repeat 50%; background-size: contain; } .perk-basic-service-plus { width: 40px; height: 40px; background: url(/Content/images/icons/perks/perk-basic-service-plus.svg) no-repeat 50%; background-size: contain; } .perk-uber-ride { width: 40px; height: 40px; } @media (max-width: 799px) { .afterpay-landing-page { margin-top: -16px; } } .afterpay-landing-page .afterpay-autoshops { background-color: #ffcf3d; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-autoshops { padding-top: 32px; } } .afterpay-landing-page .afterpay-autoshops__content { max-width: 1004px; margin: 0 auto; padding: 0 32px; } .afterpay-landing-page .afterpay-autoshops__title { font-size: 40px; font-weight: 700; margin-bottom: 24px; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-autoshops__title { margin-bottom: 12px; font-size: 24px; } } .afterpay-landing-page .afterpay-autoshops__subtitle { margin-bottom: 32px; font-size: 16px; font-weight: 400; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-autoshops__subtitle { margin-bottom: 20px; font-size: 16px; } } @media (max-width: 799px) { .afterpay-landing-page .afterpay-autoshops__img { width: 200px; height: 210px; } } .afterpay-landing-page .afterpay-usp { max-width: 1004px; margin: 0 auto; padding: 122px 32px; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-usp { padding: 48px 32px; } } .afterpay-landing-page .afterpay-usp__title { font-size: 20px; color: #212338; font-weight: 700; margin-bottom: 0; } .afterpay-landing-page .afterpay-marketing-ad { position: relative; max-width: 1004px; margin: 0 auto; padding: 48px 32px; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-marketing-ad { padding: 0 32px; margin-bottom: 32px; } } .afterpay-landing-page .afterpay-marketing-ad__blob { position: absolute; z-index: -9; top: -24px; height: 460px; left: 0; right: 0; width: 100%; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-marketing-ad__blob { top: -64px; height: 562px; width: 70%; left: 0; right: 0; margin: 0 auto; transform: rotate(90deg); } } .afterpay-landing-page .afterpay-marketing-ad__container { display: flex; box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.03), 0 16px 24px 2px rgba(0, 0, 0, 0.03), 0 8px 10px -5px rgba(0, 0, 0, 0.05); background-color: #fff; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-marketing-ad__container { box-shadow: none; flex-direction: column; padding: 0; } } .afterpay-landing-page .afterpay-marketing-ad__video { flex: 1; background-color: #f4f4f4; border-top-left-radius: 8px; border-bottom-left-radius: 8px; width: 100%; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-marketing-ad__video { flex: auto; height: 224px; border-top-right-radius: 8px; border-bottom-left-radius: 0; } } .afterpay-landing-page .afterpay-marketing-ad__content { flex: 1; border: 1px solid #d4d9dd; border-left: none; border-top-right-radius: 8px; border-bottom-right-radius: 8px; padding: 64px; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-marketing-ad__content { flex: auto; border-top: none; border-left: 1px solid #d4d9dd; border-bottom-left-radius: 8px; border-top-right-radius: 0; padding: 24px 20px; } } .afterpay-landing-page .afterpay-marketing-ad__thumbnail { object-fit: cover; object-position: left; } .afterpay-landing-page .afterpay-reviews { position: relative; max-width: 1004px; margin: 0 auto; padding: 48px 32px 0; display: flex; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-reviews { flex-direction: column; } } .afterpay-landing-page .afterpay-reviews__container { margin-right: 76px; flex: 1; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-reviews__container { margin-right: 0; } } .afterpay-landing-page .afterpay-reviews__img { position: relative; flex: 1; } .afterpay-landing-page .afterpay-reviews__blob { position: absolute; z-index: -9; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-reviews__blob { width: 100%; } } .afterpay-landing-page .afterpay-reviews__customer { margin-left: 54px; } .afterpay-landing-page .afterpay-get-started { background-color: #fafbfc; position: relative; margin-top: -84px; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-get-started { padding: 32px 0; } } .afterpay-landing-page .afterpay-get-started__container { max-width: 1004px; margin: 0 auto; padding: 32px; display: flex; justify-content: space-between; } @media (max-width: 799px) { .afterpay-landing-page .afterpay-get-started__container { padding: 0 32px; flex-direction: column; } } .afterpay-landing-page .afterpay-get-started__subtitle { font-size: 20px; } .overflow-true header#mobile-header { z-index: -9; } .content-workshop-signup { margin-top: -16px; } .workshop-signup .row { padding: 96px 0; margin: 0; } @media (max-width: 799px) { .workshop-signup .row { padding: 48px 6px; } } .workshop-signup .row__howwehelp .howwehelp__wrap { width: 25%; float: left; padding-right: 16px; } @media (min-width: 600px) and (max-width: 1000px) { .workshop-signup .row__howwehelp .howwehelp__wrap { width: 50%; min-height: 360px; } .workshop-signup .row__howwehelp .howwehelp__wrap:nth-of-type(-n + 2) { margin-bottom: 24px; } } @media (max-width: 600px) { .workshop-signup .row__howwehelp .howwehelp__wrap { width: 100%; } .workshop-signup .row__howwehelp .howwehelp__wrap:nth-of-type(-n + 3) { margin-bottom: 24px; } } .workshop-signup .row__howwehelp .howwehelp__wrap__item { max-width: 216px; margin: 0 auto; } .workshop-signup input, .workshop-signup select { box-shadow: none !important; -webkit-appearance: none; } .workshop-signup input:active, .workshop-signup input:focus, .workshop-signup select:active, .workshop-signup select:focus { transition: border 0.2s ease-in-out; border: 4px solid #6c7283; outline: 0; } .workshop-signup input:hover, .workshop-signup select:hover { transition: border 0.2s ease-in-out; border: 4px solid #d4d9dd; } .workshop-signup input:hover:hover, .workshop-signup select:hover:hover { transition: border 0.2s ease-in-out; border: 4px solid #6c7283; } .workshop-signup input.input-validation-error, .workshop-signup select.input-validation-error { transition: border 0.2s ease-in-out; border: 4px solid #e12e28; margin-bottom: 6px; } .workshop-signup input.valid, .workshop-signup select.valid { transition: border 0.2s ease-in-out; border: 4px solid #078171; } .workshop-signup input.input--noborder:active, .workshop-signup input.input--noborder:focus, .workshop-signup input.input--noborder:hover, .workshop-signup select.input--noborder:active, .workshop-signup select.input--noborder:focus, .workshop-signup select.input--noborder:hover { border: 0; } .workshop-signup .field-validation-error { color: #e12e28; font-weight: 700; font-size: 14px; } .confirmation-signup__body { padding-top: 32px; } @media (min-width: 800px) { .confirmation-signup__body { min-height: 550px; } } @media (max-width: 799px) { .confirmation-signup__body { min-height: 250px; } } .overlay-modal { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000; z-index: 9998; transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transform: translateZ(0); } .overlay-modal.active { opacity: 0.5; visibility: visible; } .modal-signup { position: fixed; width: 632px; top: 20px; left: 0; right: 0; margin: 0 auto; z-index: 9999; background-color: #fff; display: none; overflow-y: auto; transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); box-shadow: 0 12px 48px 12px rgba(0, 0, 0, 0.08); } @media (min-width: 800px) { .modal-signup { padding: 32px; max-height: 100%; overflow-y: auto; } } @media (max-width: 799px) { .modal-signup { position: fixed; padding: 20px; width: 100%; height: 100vh; top: 0; } } .modal-signup.open { display: block; } .modal-signup__header { margin-bottom: 20px; display: flex; justify-content: space-between; } .modal-signup__row { margin-bottom: 20px; } @media (max-width: 799px) { .modal-signup__row { flex-direction: column; } } @media (max-width: 799px) { .modal-signup__row > div:first-child { margin-bottom: 20px; } } @media (min-width: 800px) { .modal-signup__item { margin-right: 16px; } } .modal-signup__btn-submit { position: fixed; bottom: 0; left: 0; border-radius: 0 !important; } .sign-up-confirmation { margin-top: 20px; font-size: 20px; } @media screen and (max-width: 800px) { .sign-up-confirmation { font-size: 18px; } } .sign-up-confirmation h1 { text-align: center; } .heading-memberships { font-size: 42px; line-height: 60px; } .green-blob { position: absolute; background-size: contain; background-repeat: no-repeat; background-position: bottom; width: 900px; height: 400px; bottom: -50px; left: -300px; z-index: -1; } .message-phone { box-shadow: inset 0 0 300px hsla(0, 0%, 100%, 0.5); width: 350px; left: -20px; opacity: 0.95; height: 86px; } .message-phone-1 { top: 175px; } .message-phone-2 { top: 286px; } .message-phone-3 { top: 398px; } @media (min-width: 800px) { .width-550 { width: 550px; } } @media (max-width: 799px) { .auto-expert { margin-left: -24px; margin-right: -24px; } } .auto-expert__wrap { width: 140px; } .auto-expert__partners { width: 170px; height: 114px; } .btn-group-membership { display: flex; border-radius: 24px; width: 380px; } .btn-group-membership__child.active, .btn-group-membership__child:active, .btn-group-membership__child:focus, .btn-group-membership__child:hover { border: 1px solid #212338 !important; background-color: #212338 !important; color: #fff !important; } .btn-zest { background-color: #ffc001; border: 1px solid #fcb30b; } .btn-zest:focus, .btn-zest:hover { background-color: #fcb30b; border: 1px solid #f9a715; } .memberships-bg-workshop { background-image: url(/Content/images/partnerships/bg-workshop.jpg); background-size: cover; background-repeat: no-repeat; background-position: bottom; } @media (min-width: 800px) { .memberships-bg-workshop { padding-top: 136px; height: 520px; } } @media (max-width: 799px) { .memberships-bg-workshop { padding: 48px 0; margin-top: -12px; } } .memberships-modal { position: absolute; background-color: #fff; margin: auto; overflow: overlay; } .memberships-modal::-webkit-scrollbar, .memberships-modal::-webkit-scrollbar-thumb, .memberships-modal::-webkit-scrollbar-track { width: 8px; border: none; margin: 12px 0; } .memberships-modal::-webkit-resizer, .memberships-modal::-webkit-scrollbar-button, .memberships-modal::-webkit-scrollbar-corner, .memberships-modal::-webkit-scrollbar-track-piece { display: none; } .memberships-modal::-webkit-scrollbar-thumb { border-radius: 96px; background-color: #8f95a1; } @media (min-width: 800px) { .memberships-modal { width: 650px; height: 530px; top: 0; left: 0; right: 0; bottom: 0; } } @media (max-width: 799px) { .memberships-modal { height: 660px; top: 0; left: 35px; right: 35px; bottom: 0; } } @media (max-width: 650px) { .memberships-modal { top: 0; left: 12px; right: 12px; } } .memberships-usp { padding: 64px 48px; } @media (max-width: 799px) { .memberships-usp { padding: 64px 8px; flex-wrap: wrap; } } @media (max-width: 799px) { .memberships-usp__wrap { flex: 0 0 50%; } } .memberships-usp__text { text-align: center; } .memberships-testimonial { position: relative; height: 405px; overflow: hidden; opacity: 1; transition: all 0.3s ease-out; padding: 230px 20px 20px; max-width: 720px; } @media (max-width: 799px) { .memberships-testimonial { margin-left: 12px; } } @media (max-width: 650px) { .memberships-testimonial { margin-left: 0; } } .memberships-testimonial__img-layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; background: linear-gradient( 0deg, rgba(0, 0, 0, 0.8), #000 7%, rgba(0, 0, 0, 0.4) 31%, transparent 51%, transparent ); } @media (hover: hover) and (pointer: fine) { .memberships-testimonial:hover .memberships-testimonial__content { transform: translateY(-220px); -webkit-transform: translateY(-220px); } } @media (hover: hover) and (pointer: fine) and (max-width: 992px) { .memberships-testimonial:hover .memberships-testimonial__content { transform: translateY(-260px); -webkit-transform: translateY(-260px); } } @media (hover: hover) and (pointer: fine) and (max-width: 799px) { .memberships-testimonial:hover .memberships-testimonial__content { transform: translateY(-180px); -webkit-transform: translateY(-180px); } } @media (hover: hover) and (pointer: fine) and (max-width: 650px) { .memberships-testimonial:hover .memberships-testimonial__content { transform: translateY(-252px); -webkit-transform: translateY(-252px); } } @media (hover: hover) and (pointer: fine) { .memberships-testimonial:hover .icon-hover { transform: scale(1.2); transform: rotate(0deg) scale(1); opacity: 1; } .memberships-testimonial:hover .icon-default { transform: scale(1.2); transform: rotate(180deg) scale(0.5); opacity: 0; } } .memberships-testimonial.tap-mobile .memberships-testimonial__content { transform: translateY(-220px); -webkit-transform: translateY(-220px); } @media (max-width: 992px) { .memberships-testimonial.tap-mobile .memberships-testimonial__content { transform: translateY(-260px); -webkit-transform: translateY(-260px); } } @media (max-width: 799px) { .memberships-testimonial.tap-mobile .memberships-testimonial__content { transform: translateY(-180px); -webkit-transform: translateY(-180px); } } @media (max-width: 650px) { .memberships-testimonial.tap-mobile .memberships-testimonial__content { transform: translateY(-252px); -webkit-transform: translateY(-252px); } } .memberships-testimonial.tap-mobile .icon-hover { transform: scale(1.2); transform: rotate(0deg) scale(1); opacity: 1; } .memberships-testimonial.tap-mobile .icon-default { transform: scale(1.2); transform: rotate(180deg) scale(0.5); opacity: 0; } .memberships-testimonial:first-child { background: url(/Content/images/testimonial1_michael_mobile.jpg) no-repeat 50%; } .memberships-testimonial:last-child { background: url(/Content/images/testimonial2_raul_mobile.jpg) no-repeat 50%; } .memberships-testimonial__content { position: absolute; opacity: 1; transition-delay: 0.1s; transition-duration: 0.4s; left: 0; padding: 20px; } .memberships-testimonial .icon-default { transition: opacity 0.3s, transform 0.3s; } .memberships-testimonial .icon-hover { transition: opacity 0.3s, transform 0.3s; transform: rotate(-180deg) scale(0.5); opacity: 0; } .bg-overlay { position: absolute; background-color: #8f95a1; opacity: 0.5; left: 0; right: 0; top: 0; bottom: 0; } .blur-bg { filter: blur(8px); } @media (max-width: 799px) { .usp-feature-filter.blur { -webkit-mask-image: linear-gradient(0deg, transparent 50%, #000); mask-image: linear-gradient(0deg, transparent 50%, #000); } } @media (max-width: 799px) { .partners-container-carousel { box-shadow: none !important; border: none !important; background-color: #fafbfc !important; } } .partners-container-carousel .active { animation: fadeInAnimation 3s ease; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes fadeInAnimation { 0% { opacity: 0; } to { opacity: 1; } } .partners-container-carousel .carousel-indicator { width: 9px; height: 9px; padding: 0; margin: 0 5px; border-radius: 50%; background: #eef0f2; border: 0; } .partners-container-carousel .carousel-indicator.active { background: #34384c; } .my-64 { margin-top: 64px; margin-bottom: 64px; } @media (max-width: 799px) { .my-64--mobile { margin-top: 64px; margin-bottom: 64px; } } .mb-64 { margin-bottom: 64px; } .py-64 { padding-top: 64px; padding-bottom: 64px; } @media (max-width: 799px) { .pb-64--mobile { padding-bottom: 64px; } } .grecaptcha-badge { z-index: 99; } @media (max-width: 600px) { .block-sml-mobile { display: block; } } .workshop { min-height: 100vh; line-height: 22px; } .workshop p:last-child { margin-bottom: 0; } .workshop .content { padding: 40px 0; } .workshop .content form input[type="file"] { display: none; } .workshop .content form .left { width: 50%; display: inline-block; padding-right: 20px; } .workshop .content form .right { width: 50%; float: right; display: inline-block; padding-left: 20px; margin-top: 0; } .workshop .content form .right article { background: #eef0f2; padding: 10px 25px 25px; overflow: hidden; } .workshop .content form .right fieldset .checkbox + label:before { top: 0; } .workshop .content form fieldset { border: none; width: 45%; float: left; } .workshop .content form fieldset .checkbox + label { font-size: 14px; font-weight: 700; } .workshop .content form fieldset .checkbox + label:before { top: -5px; } .workshop .content form article p a { margin-left: 20px; } .workshop .content form article p a:hover { cursor: pointer; } .workshop .content form article hr { display: inline-block; width: 100%; clear: both; border: 0; height: 1px; background: #fff; padding: 0; margin: 0; position: relative; top: 10px; } .workshop .content form .availability fieldset { width: 100%; display: block; position: relative; margin: 10px 0; } .workshop .content form .availability fieldset.active:after { content: ""; background: none; display: none; } .workshop .content form .availability .select-time { position: absolute; top: 0; left: 170px; } @media (max-width: 799px) { .workshop .content form .availability .select-time { position: relative; left: 0; } } .workshop .content form textarea { background: #fff; padding: 10px; border: 1px solid #8f95a1; width: 100%; margin-bottom: 10px; font-size: 16px; min-height: 205px; } .workshop .content form p.pricing { background: #eef0f2; padding: 10px 10px 10px 50px; position: relative; } .workshop .content form p.pricing:after { content: ""; position: absolute; top: 50%; left: 25px; transform: translate(-50%, -50%); background-image: url(/Content/images/icons/icon-pricing.svg); background-size: cover; height: 16px; width: 20px; } .workshop .content form input.price { text-align: center; color: #212338; background: url(/Content/images/icons/icon-dollar.png) no-repeat 0; background-size: 10px 17px; background-position: 15px 11px; padding-left: 35px; text-align: right; } .workshop .content form input.percent { text-align: center; color: #212338; background: url(/Content/images/icons/icon-percent.png) no-repeat 0; background-size: 15px 26px; background-position: 15px 8px; padding-left: 35px; } .workshop .content form input.output { float: right; width: 25%; position: relative; top: -13px; } .workshop .content form .sliders fieldset { width: 100%; } .workshop .content form .sliders fieldset .rangeslider { width: 45%; position: relative; left: 100px; top: 12px; } .workshop .content form .sliders fieldset p { float: left; position: relative; } .workshop .content form .sliders fieldset p span { padding-left: 5px; } .workshop .content form .sliders table { width: 100%; } .workshop .content form .sliders table td { width: 25%; } .workshop .content form .sliders.rates fieldset .rangeslider { width: 55%; position: relative; left: 50px; top: 12px; } .workshop .content form .sliders.fluids fieldset .rangeslider { width: 45%; position: relative; left: 25%; top: 12px; } .workshop .content form .sliders.extras fieldset .rangeslider { width: 40%; position: relative; left: 32%; top: 12px; } .workshop .content form table { font-size: 16px; margin-bottom: 20px; } .workshop .content form table th { text-align: left; font-weight: 700; padding-bottom: 10px; } .workshop .content form table tr { border-bottom: 1px solid #eef0f2; } .workshop .content form table tr:last-child { border-bottom: none; } .workshop .content form table tr td:not(.uib-day) { padding: 10px 0; } .workshop .content form table tr td.uib-day .btn { vertical-align: top; } .workshop .content form article { max-width: 1160px; overflow: hidden; background: #fff; padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #d4d9dd; } .workshop .content form article h2 { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #eef0f2; } .workshop .content form article .intro p { padding-bottom: 15px; padding-top: 10px; } .workshop .content .button.select-all { border: 1px solid #d4d9dd; border-radius: 0; margin-bottom: 20px; padding: 10px 30px; } .workshop .content .col-two fieldset { padding: 0 3% 0 0; } .workshop .content p.intro { width: 80%; position: relative; top: -15px; } .workshop .content .sidebar-right { margin-top: 10px; z-index: 9; border: 1px solid #d4d9dd; } @media (max-width: 1359px) { .workshop .content .sidebar-right { display: none; } } .workshop .content article.location-details { position: relative; } .workshop .content article.location-details .map { display: inline-block; float: right; height: 300px; background-size: cover; } .workshop .content .gallery .image-wrap { width: 48%; height: 280px; margin: 0 12px 20px 0; transition: background 0.4s; float: left; } @media (max-width: 799px) { .workshop .content .gallery .image-wrap { width: 100%; height: auto; } } .workshop .content .gallery .image-wrap .image { height: 190px; } @media (max-width: 799px) { .workshop .content .gallery .image-wrap .image { height: 260px; } } .workshop .content .gallery .image-wrap img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .workshop .content .gallery .image-wrap:first-of-type { width: 100%; height: 500px; margin: 0 8px 12px 0; transition: background 0.4s; float: left; } @media (max-width: 799px) { .workshop .content .gallery .image-wrap:first-of-type { height: auto; } } .workshop .content .gallery .image-wrap:first-of-type .image { height: 388px; } @media (max-width: 799px) { .workshop .content .gallery .image-wrap:first-of-type .image { height: auto; } } .workshop .content .gallery .image-container-empty:hover { cursor: pointer; background: #6c7283; } .workshop .content .gallery .image-container-empty:hover p { background: #6c7283; } .workshop .content .profile-gallery .image { width: 130px; height: 130px; transition: background 0.4s; } .workshop .content .profile-gallery .image img { width: 100%; height: 100%; } .workshop .content .gallery-text { font-size: 26px; color: #fff; } .workshop .btn-secondary2, .workshop .btn-success2 { height: 48px; padding: 10px 16px; } .workshop .headless { padding: 0; margin: 0; background: none; } .workshop .headless form table { font-size: 16px !important; } .workshop .headless form table td { padding: 8px !important; } .workshop .headless form p { font-size: 16px !important; } @media (max-width: 799px) { .workshop .headless form table.show-mobile { display: table !important; } } .workshop .workshop-autocomplete-container__content { display: grid; grid-template-columns: auto 43%; grid-gap: 20px; } .workshop .workshop-autocomplete-container .map { height: 300px; } .workshop .workshop-autocomplete-container .maybe-error { color: red; } .workshop .workshop-autocomplete-container .save.btn { margin-top: 16px; } .workshop .generic .validation-summary-errors, .workshop .login-overlay .validation-summary-errors, .workshop .validation-summary-errors { border: 1px solid #e85f5b; background-color: #fdf4f4; font-size: 14px; padding-top: 12px; } @media (max-width: 799px) { .workshop .content form .sliders fieldset { padding: 0; } .workshop .content form .sliders fieldset .rangeslider { display: none; } .workshop .content form input.output { float: none; width: 100%; position: relative; top: 0; } .workshop .content form fieldset { border: none; float: none; width: 100%; } .workshop .content form fieldset .checkbox + label { padding-right: 15px; } .workshop .content form .left { display: inline-block; margin: 0; padding-right: 0; width: 100%; } .workshop .content form .right { display: inline-block; float: none; margin-top: 20px; padding-left: 0; width: 100%; } .workshop .content form input[type="submit"] { width: 100%; } .workshop .content .container { margin: 0; padding: 0; } .workshop .content h1 { font-size: 20px; margin: 20px 0; } .workshop .content article { background: none repeat scroll 0 0 #fff; margin: 0 0 20px; padding: 10px 20px; } .workshop .content article h2 { border-bottom: 1px solid #eef0f2; padding-bottom: 8px; width: 100%; font-size: 18px; } .workshop .content.register { margin-top: 75px; } .workshop .update-password fieldset:first-of-type { float: none; width: 100%; } .workshop p.intro { width: 100%; position: relative; top: 0; font-size: 14px; padding: 0 20px; } .workshop article.location-details .map, input[type="range"] { display: none; } } @media (min-width: 800px) { .workshop .content article { max-width: 1100px; overflow: hidden; background: #fff; margin-bottom: 24px; } .workshop .content article h2 { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #eef0f2; } .workshop .content article .intro p { padding-bottom: 15px; padding-top: 5px; } .workshop .content form .left { width: 50%; display: inline-block; padding-right: 20px; } .workshop .content form .left.availability { margin-bottom: 20px; } .workshop .content form .right { width: 50%; float: right; display: inline-block; padding-left: 20px; margin-top: 0; } .workshop .content form .right article { background: #eef0f2; padding: 10px 25px 25px; overflow: hidden; margin-right: 0; } .workshop .content form .right fieldset .checkbox + label:before { top: 0; } .workshop .content form fieldset { border: none; width: 45%; float: left; } .workshop .content form fieldset:last-of-type { margin-bottom: 5px; } .workshop .content form fieldset .checkbox + label { font-size: 14px; padding-right: 40px; } .workshop .content form fieldset .checkbox + label:before { top: -5px; } .workshop .content form article p a { margin-left: 20px; } .workshop .content form article p a:hover { cursor: pointer; } .workshop .content form .availability fieldset { width: 100%; display: block; position: relative; margin: 10px 0; } .workshop .content form .availability fieldset.active:after { content: ""; background: none; display: none; } .workshop .content form p.pricing { background: #eef0f2; padding: 10px 10px 10px 50px; position: relative; } .workshop .content form p.pricing:after { content: ""; position: absolute; top: 50%; left: 25px; transform: translate(-50%, -50%); background-image: url(/Content/images/icons/icon-pricing.svg); background-size: cover; height: 16px; width: 20px; } .workshop .content form .col-one fieldset { border: none; float: none; width: 100%; } .workshop .content form .col-one fieldset.half { border: none; float: left; width: 41%; } .workshop .content form input.small { width: 200px; } .workshop .content form .sliders fieldset p span { position: absolute; top: 18px; left: 0; font-size: 14px; } .workshop .sidebar-right article { padding: 20px; } .workshop .sidebar-right article h2 { padding: 0; margin: 0; border: 0 solid #fff; font-size: 17px; } .workshop .sidebar-right article h3 { margin: 0; border: 0 solid #fff; font-size: 14px; font-weight: 700; padding: 4px 0 20px; } .workshop .sidebar-right article img { max-width: 100%; min-width: 100%; } .workshop .sidebar-right nav ul { margin: 0; padding: 24px 8px; } .workshop .sidebar-right nav li { list-style: none; } .workshop .sidebar-right nav li a { display: flex; align-items: center; padding: 12px 12px 12px 50px; width: 100%; transition: background 0.3s; position: relative; font-weight: 15px; } .workshop .sidebar-right nav li a:before { content: "keyboard_arrow_left"; position: absolute; left: 15px; font-family: Material Icons; z-index: 5; font-feature-settings: "liga"; } .workshop .col-one { width: 50%; } } @media (min-width: 1360px) { .hide-desktop-workshop { display: none; } } @media (max-width: 1359px) { .hide-mobile-workshop { display: none; } } .workshop #panel { overflow: initial !important; } .rhs-sticky { display: flex; justify-content: space-around; align-items: flex-start; height: 100%; } .rhs-sticky__nav { position: -webkit-sticky; position: sticky; top: 60px; flex-basis: 383px; } .supplier-heading { font-size: 36px; line-height: 40px; font-weight: 700; } @media (max-width: 799px) { .supplier-heading { font-size: 32px; line-height: 40px; } } .details-grid-fix { display: grid; grid-template-columns: 1fr auto; grid-gap: 10px; } .form-control#cardholder-name:focus { border-color: #d4d9dd; box-shadow: none; } .box-log { border: 1px solid #d4d9dd; padding: 8px; border-radius: 4px; height: 148px; overflow-y: scroll; } .fp-rating { padding: 20px 0; } @media (min-width: 800px) { .fp-rating { float: right; } } @media (max-width: 799px) { .fp-rating { padding: 0; float: left; clear: left; } } .fp-rating .fp-rating__title { font-size: 14px; color: #484c5f; text-align: right; } @media (max-width: 799px) { .fp-rating .fp-rating__title { text-align: left !important; } } .fp-rating .fp-rating__numreviews { font-size: 14px; color: #212338; } @media (min-width: 800px) { .btn-car-directory { padding: 16px 30px !important; } } @media (max-width: 799px) { .btn-car-directory { padding: 16px 0 !important; } } .car-directory-list { list-style: none; padding: 0; margin-left: -8px; column-count: 5; } @media screen and (max-width: 800px) { .car-directory-list { column-count: 2; } } .car-directory-list li { margin-bottom: 15px; } @media (min-width: 800px) { .car-directory-list li { width: 90%; } } .car-directory-list li a { display: flex; align-items: center; justify-content: center; padding: 4px 8px; color: #212338; transition: all 0.2s; } .intervals-list { list-style: none; padding: 0; column-count: 3; column-gap: 0; } @media (max-width: 1248px) { .intervals-list { column-count: 2; } } @media (max-width: 799px) { .intervals-list { column-count: 3; } } @media (max-width: 640px) { .intervals-list { column-count: 2; } } @media (max-width: 480px) { .intervals-list { column-count: 1; } } .intervals-list li { font-size: 14px; } .intervals-list li .text-interaction-blue, .intervals-list li a { padding: 4px 8px; display: inline-block; transition: all 0.2s; } .intervals-list li .text-interaction-blue:hover, .intervals-list li a:hover { background: #eef0f2; color: #0d59fc; border-radius: 4px; text-decoration: none; } .intervals-list__wide { column-count: 4; } @media (max-width: 1248px) { .intervals-list__wide { column-count: 3; } } @media (max-width: 799px) { .intervals-list__wide { column-count: 2; } } @media (max-width: 640px) { .intervals-list__wide { column-count: 2; } } @media (max-width: 480px) { .intervals-list__wide { column-count: 1; } } .intervals-list__wide li { font-size: 16px; } .repairs-list { list-style: none; padding: 0; column-count: 2; } @media (max-width: 480px) { .repairs-list { column-count: 1; } } .repairs-list li a { padding: 4px 8px; color: #212338; display: inline-block; transition: all 0.2s; } .repairs-list li a:hover { background: #eef0f2; color: #0d59fc; border-radius: 4px; text-decoration: none; } .csg-module-recentreviews__review__image { position: absolute; width: 128px; left: 0; } .csg-module-recentreviews__review__content { margin-left: 145px; } .csg-module-recentservices__service, .csg-module-recentservices h4 { color: #212338; } .csg-module-recentservices__price { color: #212338; font-size: 14px; } .csg-module-notmodelname { border-radius: 4px; border: 1px solid #d4d9dd; padding: 24px; margin-bottom: 20px; transition: all 0.4s; background: none; } .csg-module-notmodelname:hover { box-shadow: 0 4px 22px 0 rgba(51, 54, 56, 0.25); } .csg-module-notmodelname hr { border-color: #d4d9dd; margin-bottom: 10px; } .csg-module-notmodelname h4 { font-weight: 700; font-size: 14px; color: #212338; text-align: left; text-transform: uppercase; } .csg-module-notmodelname__list { list-style: none; padding-left: 0; } .csg-module-notmodelname__list li { font-size: 14px; border-bottom: 1px solid #eef0f2; padding: 10px 0; } .csg-module-notmodelname__list li:last-child { border-bottom: none; } .csg-module-notmodelname__list li a { color: #5c6172; } .csg-module-notmodelname__list li a:hover { color: #0d59fc; } .bundle-landing-heading { padding: 30px 0; background: url(/Content/images/bundle/landing-page-header.jpg) no-repeat 50%; background-size: cover; background-position: top; position: relative; } @media (min-width: 800px) { .bundle-landing-heading { height: 280px; } } @media (max-width: 1170px) { .bundle-landing-heading { height: 200px; } } @media (max-width: 799px) { .bundle-landing-heading { padding: 60px 0 20px; margin-top: 73px; } } .bundle-landing-heading .fp-container { position: relative; height: 100%; } .bundle-landing-heading__title { color: #fff; position: absolute; bottom: 0; font-size: 60px; text-transform: uppercase; font-weight: 700; } @media (max-width: 799px) { .bundle-landing-heading__title { font-size: 30px; text-align: center; width: 100%; left: 0; } } .bundle-landing-heading:after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient( 180deg, transparent 0, rgba(0, 0, 0, 0.55) 85%, rgba(0, 0, 0, 0.65) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0); z-index: 1; } @media (min-width: 800px) { .bundle-landing-heading--product { height: 220px; } } @media (max-width: 799px) { .bundle-landing-heading--product { padding: 133px 0 20px; } } .bundle-landing-heading--product .bundle-landing-heading__title { font-size: 45px; } @media (max-width: 799px) { .bundle-landing-heading--product .bundle-landing-heading__title { font-size: 25px; } } .bundle-h1 { font-size: 34px; margin-top: 0; text-transform: uppercase; font-weight: 700; } .bundle-fixed-sidebar { float: left; width: 300px; margin-left: 30px; } @media (max-width: 799px) { .bundle-fixed-sidebar { width: 100%; float: none; margin-left: 0; } } .bundle-fixed-sidebar--cxo-portal { margin-left: 0; } .faq { margin-bottom: 15px; } .faq dt { font-size: 18px; margin-bottom: 10px; } .faq dd, .faq dt { color: #5c6172; } .breadcrumb--bundle { background: none; margin-bottom: 0; padding: 20px 0; } .breadcrumb--bundle li { color: #5c6172; } .breadcrumb--bundle li.small { font-size: 14px; } .breadcrumb--bundle a { color: #212338; transition: all 0.2s; } .breadcrumb--bundle a:hover { color: #0d59fc; } .bundle-product-nav-container { float: left; width: 240px; } @media (max-width: 1023px) { .bundle-product-nav-container { display: none; } } @media (max-width: 1023px) { .bundle-product-nav-container--show-mobile .bundle-product-nav-container { display: block; float: none; margin-bottom: 20px; width: 100%; } } .bundle-product-nav, .hover-shadow--light { transition: all 0.4s; } .bundle-product-nav:hover, .hover-shadow--light:hover { box-shadow: 0 4px 14px 0 rgba(51, 54, 56, 0.25); } .bundle-product-nav { background: #fafbfc; border-radius: 4px; } .bundle-product-nav__title { padding: 15px 15px 0; } .bundle-product-nav__menu { padding: 0; margin: 0; font-size: 14px; } .bundle-product-nav__menu li { display: block; padding: 0; list-style: none; border-left: 5px solid transparent; } .bundle-product-nav__menu li:first-child a { border-top: 0; } .bundle-product-nav__menu li a { border-top: 1px solid #eef0f2; padding: 10px 15px; display: block; color: #212338; transition: all 0.2s; margin: 0 15px; } .bundle-product-nav__menu li a:hover { text-decoration: none; color: #0d59fc; } .bundle-product-nav__menu li.active { border-left: 5px solid #00dd95; } .bundle-product-nav__menu li.active a { font-weight: 700; } .bundle-product-nav__menu li.active a:hover { color: #212338; cursor: default; } .bundle-product-nav__menu li:last-child { padding-bottom: 0; } .bundle-product-nav__menu--dark { background: #eef0f2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .bundle-product-nav__menu--dark li a { border-color: #eef0f2; } .bundle-product-main { float: left; width: calc(100% - 570px); padding: 0 30px 30px; } .bundle-product-main ul.tick li { padding-bottom: 10px; } @media (max-width: 1023px) { .bundle-product-main { width: calc(100% - 330px); padding: 0 15px 15px; } } @media (max-width: 799px) { .bundle-product-main { float: none; width: 100%; padding: 0; } } #braintree-paypal-loggedin { max-width: 100% !important; display: block; max-width: 500px; overflow: hidden; padding: 16px; background-image: url(https://checkout.paypal.com/pwpp/2.32.1/images/paypal-small.svg), none; background-position: 20px 50%; background-repeat: no-repeat; background-size: 13px 15px; border-top: 1px solid #d4d9dd; border-bottom: 1px solid #d4d9dd; } #braintree-paypal-loggedin #bt-pp-name { color: #212338; font-size: 14px; font-weight: 800; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; margin-left: 36px; -webkit-font-smoothing: antialiased; } #braintree-paypal-loggedin #bt-pp-email { color: #6c7283; font-size: 14px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; margin-left: 4px; } #braintree-paypal-loggedin #bt-pp-cancel { margin-top: 4px !important; color: #4680fc; font-size: 11px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 20px; margin: 0 0 0 24px; padding: 0; background-color: initial; border: 0; cursor: pointer; text-decoration: underline; float: right; } .unsubscribe-box { border: 2px solid #8f95a1; padding: 48px; margin: 48px auto; width: 600px; } @media (max-width: 799px) { .unsubscribe-box { width: auto; padding: 80px 24px; border: none; } } #panel:before { background: #fff; } html.quote-details { overflow-x: initial; } .quote-details #mobile-header { display: none; } .quote-form__main { width: 66%; opacity: 0; } .quote-form__main--full-width { width: 100%; } .quote-form__main.animate-out { transition: opacity 0.2s ease-in-out; opacity: 0 !important; } .quote-form__main.animate-in { transition: opacity 0.2s ease-in-out; opacity: 1; } @media (min-width: 800px) { .quote-form__main { margin-top: 48px; padding-right: 48px; } } @media (max-width: 799px) { .quote-form__main { padding-top: 24px; width: 100%; } } @media (max-width: 799px) { .quote-form__main.task-01-homepage { margin-top: 0; } } @media (min-width: 800px) { .quote-form__main .main__title { margin-bottom: 32px; } } .quote-form__main .main__subtitle { font-weight: 700; font-size: 18px; color: #5c6172; } .quote-form__main .main-opt { display: flex; flex-shrink: 1; } .quote-form__main .main-opt__btn { background: #fff; display: flex; align-items: center; border-radius: 8px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0 12px 48px 0 rgba(0, 0, 0, 0.08); flex-shrink: 1; flex-basis: 50%; padding: 16px; position: relative; margin-right: 16px; border: 4px solid transparent; } .quote-form__main .main-opt__btn[disabled] { cursor: not-allowed !important; opacity: 0.2; outline: 0; } .quote-form__main .main-opt__btn[disabled]:hover { border: 4px solid transparent; } .quote-form__main .main-opt__btn[disabled]:active, .quote-form__main .main-opt__btn[disabled]:focus { background-color: initial; border: 4px solid transparent; outline: 0; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .quote-form__main .main-opt__btn > span { font-size: 18px; } } @media (max-width: 799px) { .quote-form__main .main-opt__btn { flex-direction: column; text-align: center; } .quote-form__main .main-opt__btn:last-child { margin-right: 0; } } @media (min-width: 800px) { .quote-form__main .main-opt__btn:last-child { margin-right: 0; } } .quote-form__main .main-opt__btn .badge-popular { position: absolute; top: -10px; right: 20px; background-color: #00dd95; border-radius: 4px; height: 24px; line-height: 24px; padding: 0 8px; font-weight: 700; } @media (max-width: 799px) { .quote-form__main .main-opt__btn .badge-popular { margin-left: auto; margin-right: auto; left: 0; right: 0; width: 90px; } } .quote-form__main .main-opt__btn:hover { cursor: pointer; transition: border 0.2s ease-in-out; border: 4px solid #00dd95; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0 12px 48px 0 rgba(0, 0, 0, 0.08); } .quote-form__main .main-opt__btn:active { transition: border 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; background-color: #00dd95; border: 4px solid #00dd95; } .quote-form__main .main-opt__btn:active .badge-popular { transition: background-color 0.2s ease-in-out; background-color: #000; } .quote-form__main .main-opt--services-only { margin-bottom: 16px; } .quote-form__main .main-opt--services-only .main-opt__btn { justify-content: center; flex-direction: column; padding: 48px; } @media (max-width: 799px) { .quote-form__main .main-opt--services-only .main-opt__btn { padding: 24px; } } .quote-form__main .main-opt--services-only .main-opt__btn i { margin-right: 0; margin-bottom: 8px; } .quote-form__main .main-list { list-style: none; padding-left: 0; width: 100%; column-count: 2; } @media (max-width: 799px) { .quote-form__main .main-list { column-count: 1; } } .quote-form__main .main-list li button { background: #fff; border: none; font-size: 18px; color: #212338; padding: 20px; width: 100%; cursor: pointer; display: inline-flex; align-items: center; font-weight: 700; } @media (max-width: 799px) { .quote-form__main .main-list li button { padding: 12px 0; } } .quote-form__main .main-list li button:hover { background-color: #fafbfc; transition: background 0.2s ease-in-out; } .quote-form__main .main-list li button:active { background-color: #00dd95; } .quote-form__main .main-list__icons { width: 32px !important; height: 32px !important; margin-right: 8px; } @media (max-width: 799px) { .quote-form__main .main-list__icons { margin-left: 8px; } } .quote-form__main .main-list__title { line-height: 24px; } .quote-form__main .main-list button[disabled] { cursor: not-allowed; opacity: 0.2; } .quote-form__main .main-list button[disabled]:active, .quote-form__main .main-list button[disabled]:focus, .quote-form__main .main-list button[disabled]:hover { background-color: initial; outline: 0; } .quote-form__main .main-search { padding: 32px; } @media (max-width: 799px) { .quote-form__main .main-search { padding: 24px 0; } } @media (max-width: 799px) { .quote-form__main .main-search--pricechecking { padding: 0; } } .quote-form__main .main__photos-container { padding: 24px; background-color: #f7f7fa; border: 1px solid #d4d9dd; } .quote-form__main .main__photos-container .interactive { cursor: pointer; } .quote-form__main .main__photos-container .info-circle { padding-left: 24px; position: relative; } .quote-form__main .main__photos-container .info-circle:before { content: ""; position: absolute; top: 4px; left: 0; background-image: url(/Content/images/icons/Info_circle.svg); background-size: contain; height: 18px; width: 18px; } .quote-form__main .main__photos-container .photo-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); grid-auto-rows: minmax(90px, 0.75fr); grid-gap: 16px; } @media (max-width: 799px) { .quote-form__main .main__photos-container .photo-list { grid-gap: 8px; } } .quote-form__main .main__photos-container .image-preview-container { position: relative; width: 100%; } .quote-form__main .main__photos-container .image-preview-container .image-preview { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; } .quote-form__main .main__photos-container .image-preview-container .image-preview.failed, .quote-form__main .main__photos-container .image-preview-container .image-preview.rejected { border: 6px solid #d42b26; } .quote-form__main .main__photos-container .image-preview-container .delete { padding: 6px; position: absolute; right: 8px; top: 8px; } .quote-form__main .main__photos-container .photo-drop-zone { border-radius: 16px; background-color: #fff; border: 2px dashed #d4d9dd; } .quote-form__main .main__photos-container .photo-drop-zone .camera-icon { background: url(/Content/images/icons/camera.svg) no-repeat; background-size: cover; width: 30px; height: 27px; } .quote-form__main .main__photos-container .photo-drop-zone.dragging { border-color: #6c7283; } .quote-form__main .main__photos-container .btn-1--quoteForm { height: unset; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); background-color: #fafbfc; } .quote-form__main .main__photos-container .terms { line-height: normal; } .quote-form__main .main__car-directory-list { display: flex; align-items: center; flex-flow: row wrap; justify-content: center; list-style: none; padding: 0; } .quote-form__main .main__car-directory-list--make { flex-basis: 185px; padding: 0 10px; margin-bottom: 15px; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .quote-form__main .main__car-directory-list--make { flex-basis: 165px; } } .quote-form__main .main__car-directory-list--model { flex-basis: 185px; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .quote-form__main .main__car-directory-list--model { flex-basis: 165px; } } .quote-form__main .main__car-directory-list--model a { display: block; padding: 8px; } .quote-form__main .main__car-directory-list--model a:hover { background-color: #fafbfc; transition: background 0.2s ease-in-out; border-radius: 8px; } .quote-form__main .main__car-makemodel { column-count: 3; margin-right: -16px; } @media (max-width: 1200px) and (min-width: 800px) { .quote-form__main .main__car-makemodel { column-count: 2; } } @media (max-width: 799px) { .quote-form__main .main__car-makemodel { column-count: 1; } } @media (min-width: 800px) { .quote-form__main .main__wrap-editjob { border: 4px solid #fafbfc; padding: 48px; } } .quote-form__main .main__wrap-editjob .editjob__title { font-size: 20px; margin-bottom: 8px; } .quote-form__main .main__img-pricechecking { height: 160px; } .quote-form__main .main__widget-datepicker { display: flex; } @media (max-width: 1200px) and (min-width: 800px) { .quote-form__main .main__widget-datepicker { flex-direction: column; } } @media (min-width: 800px) { .quote-form__main .main__widget-datepicker.ng-dirty { border: 4px solid #00dd95; } } .quote-form__main .main__widget-datepicker.ng-dirty .widget-datepicker__left { background-color: #00dd95; } .quote-form__main .main__widget-datepicker.ng-dirty .widget-datepicker__left .left__title, .quote-form__main .main__widget-datepicker.ng-dirty .widget-datepicker__left .left__today { color: #212338; } @media (min-width: 800px) { .quote-form__main .main__widget-datepicker { border: 4px solid #eef0f2; } } .quote-form__main .main__widget-datepicker .widget-datepicker__left { background-color: #eef0f2; padding: 24px; width: 45%; } @media (max-width: 1200px) and (min-width: 800px) { .quote-form__main .main__widget-datepicker .widget-datepicker__left { width: 100%; } } .quote-form__main .main__widget-datepicker .widget-datepicker__left .left__today { color: #5c6172; } .quote-form__main .main__widget-datepicker .widget-datepicker__left .left__title { margin-bottom: none; font-size: 36px; color: #5c6172; line-height: 1.2; font-weight: 700; } @media (max-width: 1200px) and (min-width: 800px) { .quote-form__main .main__widget-datepicker .widget-datepicker__left .left__title { margin-top: 0; } } .quote-form__main .main__widget-datepicker .widget-datepicker__right { margin: auto; } @media (min-width: 800px) { .quote-form__main .main__widget-datepicker .widget-datepicker__right { padding: 24px; } } .quote-form__main .main__widget-datepicker .widget-datepicker__right .uib-daypicker { outline: 0; } .quote-form__main .main__widget-datepicker .widget-datepicker__right thead tr > th { padding-bottom: 24px; } .quote-form__main .main__widget-datepicker .widget-datepicker__right thead button { border: none; } .quote-form__main .main__widget-datepicker .widget-datepicker__right tbody tr td { width: 40px; height: 40px; } .quote-form__main .main__widget-datepicker .widget-datepicker__right tbody tr td button { border: none; width: 40px; height: 40px; } .quote-form__main .main__widget-datepicker .widget-datepicker__right tbody tr td button.uib-title { width: 100%; } .quote-form__main .main__widget-datepicker .widget-datepicker__right tbody tr td button.btn-info { border-radius: 100px; background-color: #00dd95 !important; width: 40px; height: 40px; } .quote-form__main .main__widget-datepicker .widget-datepicker__right tbody tr td button.active { box-shadow: none; } .quote-form__main .main__widget-datepicker .widget-datepicker__right tbody tr td:first-child button, .quote-form__main .main__widget-datepicker .widget-datepicker__right tbody tr td:last-child button { background-color: #fafbfc; } @media (min-width: 800px) { .quote-form__v2 { margin-top: 48px; } } @media (max-width: 799px) { .quote-form__v2 { padding-top: 16px; } } @media (max-width: 799px) { .quote-form__v2 .main__title { margin-bottom: 16px; } } @media (max-width: 799px) { .quote-form__v2 .input-radio__label { padding: 12px 0 12px 48px; line-height: 18px; } } .main__cart-items { display: flex; justify-content: space-between; padding: 16px 0; box-shadow: inset 0 -2px 0 0 #fafbfc; } .main__cart-items:last-child { box-shadow: none; } .main__cart-items .cart-items__list { display: flex; align-items: center; } .main__cart-items .cart-items__list .yellow { color: #f59a23; } .main__cart-items .cart-items__btn { border: none; background: none; } .main__cart-items .cart-items__btn:active, .main__cart-items .cart-items__btn:focus, .main__cart-items .cart-items__btn:hover { outline: 0; } .main__cart-items .cart-items__btn:hover i { color: #8f95a1; } .main__cart-items .cart-items__btn:active i, .main__cart-items .cart-items__btn:focus i { color: #6c7283; } .btn-group-quote { display: flex; } @media (max-width: 480px) { .btn-group-quote { flex-direction: column; } } .btn-group-quote__cta { padding: 15px 20px; min-width: 160px; } @media (max-width: 799px) { .btn-group-quote__cta { height: 52px; } } .btn-group-quote__cta:first-child { margin-right: 8px; } @media (max-width: 480px) { .btn-group-quote__cta:first-child { margin-right: 0; margin-top: 8px; order: 2; } } .input-checkbox__label .car__descrip1, .input-radio__label .car__descrip1 { font-size: 20px; position: absolute; margin-left: 108px; margin-top: -16px; } .input-checkbox__label .car__descrip2, .input-radio__label .car__descrip2 { font-size: 16px; position: absolute; margin-left: 108px; margin-top: 14px; } .service-basic--img { background: url(./images/basic-alt.svg) no-repeat; background-size: cover; width: 64px; height: 64px; } @media (min-width: 800px) { .service-basic--img { margin-right: 20px; } } .service-logbook--img { background: url(./images/logbook-alt.svg) no-repeat; background-size: cover; width: 64px; height: 64px; } @media (min-width: 800px) { .service-logbook--img { margin-right: 20px; } } .quote-progress-bar { height: 8px; display: flex; } .quote-progress-bar__step { display: flex; flex-grow: 1; background-color: #eef0f2; } .quote-progress-bar__step .step__substep { display: flex; flex-grow: 1; } .quote-progress-bar__step.completed, .quote-progress-bar__step .step__substep.completed { background-color: #00dd95; transition: background 0.2s ease-in-out; } @media (max-width: 799px) { .fixed-bottom--mobile { padding: 16px; margin: -16px; width: 100%; background-color: #fff; border-top: 1px solid #eef0f2; position: absolute; } } @media (max-width: 799px) { .fixed-bottom--mobile.fixed-active { position: fixed; bottom: 16px; } } @media (min-width: 800px) { .wrap-confirmation { max-width: 600px; border: 4px solid #fafbfc; padding: 48px; margin: 0 auto 48px; } } @media (max-width: 799px) { .wrap-confirmation { margin-top: 24px; } } @media (max-width: 799px) { .wrap-confirmation .heading-large { font-size: 24px; } } .wrap-confirmation__text { margin: 24px 0; } .wrap-confirmation__usp { display: flex; flex-direction: column; } .wrap-confirmation__row { display: flex; } .ns-look { display: flex; justify-content: space-between; } @media (max-width: 1000px) { .ns-look { flex-direction: column; } } .ns-look__left-col { flex: 1; position: relative; padding-right: 24px; } @media (max-width: 1000px) { .ns-look__left-col { padding-right: 0; } } .ns-look__left-col-2 { flex: 1; position: relative; } @media (min-width: 1001px) { .ns-look__left-col-2 { padding-right: 24px; } } @media (max-width: 1000px) { .ns-look__left-col-2 { border-bottom: 2px solid #eef0f2; padding-bottom: 24px; } } .ns-look__right-col { flex: 1; } @media (min-width: 1001px) { .ns-look__right-col { padding-left: 48px; } } .ns-look__title { font-size: 20px; font-weight: 700; color: #212338; margin-bottom: 24px; } .ns-look__input-group { position: relative; } .ns-look__input-group input { transition: border 0.2s ease-in-out; border: 2px solid #00dd95 !important; } .ns-look__input-group button { display: flex; align-items: center; justify-content: center; background-color: #00dd95; color: #fff !important; position: absolute; top: 6px; right: 6px; padding: 8px 24px; height: 58px; } .quote-details__input-group button:active, .ns-look__input-group button:focus, .ns-look__input-group button:hover { outline: 0 !important; } @media (max-width: 1000px) { .ns-look__input-group button { width: 48px; height: 59px; padding: 4px; min-width: auto; } } @media (min-width: 1001px) { .ns-look__input-group button .circular { margin-right: 8px; } } .ns-look__select-state { position: absolute; top: 2px; left: 2px; height: 66px !important; border: none !important; width: 80px; background-color: #f2fdf9; color: #212338; } @media (max-width: 1000px) { .ns-look__select-state { height: 66px !important; } } .ns-look__input-rego { font-size: 20px; padding-left: 92px; font-weight: 400; } @media (max-width: 1000px) { .ns-look__input-rego { font-size: 18px; } } .ns-look__details { display: flex; align-items: center; } .ns-look select { -webkit-appearance: none; appearance: none; font-weight: 400; } .ns-look select[disabled] { opacity: 0.4; cursor: not-allowed; } .ns-look select[disabled].ng-empty:active, .ns-look select[disabled].ng-empty:active:hover, .ns-look select[disabled].ng-empty:focus, .ns-look select[disabled].ng-empty:focus:hover, .ns-look select[disabled].ng-empty:hover, .ns-look select[disabled].ng-empty:hover:hover { transition: border 0.2s ease-in-out; border: 2px solid #d4d9dd; } .ns-look select[disabled].ng-valid-required { border: 2px solid #d4d9dd; } .ns-look select[disabled].ng-valid { opacity: 1; } .ns-look select[disabled].ng-valid, .ns-look select[disabled].ng-valid:active, .ns-look select[disabled].ng-valid:active:hover, .ns-look select[disabled].ng-valid:focus, .ns-look select[disabled].ng-valid:focus:hover, .ns-look select[disabled].ng-valid:hover, .ns-look select[disabled].ng-valid:hover:hover { transition: border 0.2s ease-in-out; border: 2px solid #00dd95; } @media (max-width: 1000px) { .ns-look .hide-mobile-rego { display: none; } } @media (min-width: 1001px) { .ns-look .hide-desktop-rego { display: none; } } .tooltip-quote-description { width: 300px; top: 64px; right: -6px; } .outline-desktop { border: 4px solid #eef0f2; padding: 96px; } @media (max-width: 799px) { .outline-desktop { border: none; padding: 0; } } .img-illustration { margin-bottom: 20px; width: 100%; height: auto; max-width: 160px; } .quote-back-button:hover span { text-decoration: underline; } .quote-add-tasks-button { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); background-color: #fff; min-width: 320px; } .quote-cart-aside { position: absolute; width: calc(34% - 16px); right: 24px; top: 64px; border: 1px solid #d4d9dd; box-shadow: 0 12px 48px 0 rgba(0, 0, 0, 0.08); } .quote-cart-aside .cart-contents { padding: 20px 24px; position: relative; } .quote-cart-aside .cart-contents .quote-cart__change { position: absolute; top: 16px; right: 16px; height: auto; padding: 2px 10px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); font-size: 14px; background-color: #fff; min-width: unset; } .quote-cart-aside .cart-contents .main__cart-items { padding: 12px 0; box-shadow: none; } .quote-cart-aside .cart-contents .main__cart-items p { font-size: 16px; } .quote-cart-footer { border-top: 1px solid #d4d9dd; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 2px 8px 0 rgba(0, 0, 0, 0.12); padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; position: fixed; bottom: 0; width: 100%; background-color: #fff; transform: translateY(130%); transition: 0.15s; transition-timing-function: ease-out; } .quote-cart-footer.is-shown { transition: 0.15s; transition-timing-function: ease-in; transform: translateY(0); } .quote-vehicle__cta-change { height: auto; padding: 2px 10px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); font-size: 14px; background-color: #fff; min-width: unset; height: 36px; } @media (min-width: 800px) { .quote-vehicle__cta-change { height: auto; position: absolute; right: 16px; top: 16px; } } .quote-vehicle__summary { display: flex; padding: 16px; background-color: #f7f7fa; border-bottom: 1px solid #eef0f2; gap: 16px; } @media (max-width: 799px) { .quote-vehicle__summary { justify-content: space-between; align-items: center; } } .quote-vehicle__summary .image-disclaimer { margin-top: 8px; font-size: 9px; line-height: normal; } .quote-vehicle__description { line-height: normal; } .quote-promote-savings { position: absolute; width: calc(34% - 16px); right: 24px; top: 0; border: 1px solid #d4d9dd; padding: 20px 16px; } .quote-promote-savings--v2 { padding: 8px 16px 20px; } .quote-promote-savings__mssg { border-bottom: 1px solid #d4d9dd; margin: 16px 0; } .quote-promote-savings__mssg:last-child { border-bottom: none; } .quote-promote-savings__header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .quote-promote-savings__customer { font-size: 22px; padding: 8px 12px; color: #fff; background-color: #212338; box-shadow: 8px 8px 0 #00dd95; min-width: 200px; margin: 0 8px 12px 0; font-weight: 700; } .quote-promote-savings__text { margin-top: 20px; font-size: 16px; } .offer-optin { padding: 16px; border: 1px solid #d4d9dd; } @media (max-width: 799px) { .offer-optin { padding: 0; border: none; } } .offer-optin__logo { height: 24px; } .offer-optin__mobile-offer { margin-bottom: 16px; } .offer-optin__mobile-offer__title { text-transform: uppercase; font-size: 16px; line-height: 20px; font-weight: 700; } .usp-promote-savings { display: flex; justify-content: center; font-size: 14px; height: 40px; overflow: hidden; position: relative; width: 100%; padding: 0; } .usp-promote-savings__link { display: block; } .usp-promote-savings__item { position: absolute; display: flex; align-items: center; justify-content: center; margin: auto; top: 0; left: 0; bottom: 0; right: 0; animation-duration: 10s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .usp-promote-savings__item--1 { animation-name: anim-1; } .usp-promote-savings__item--2 { animation-name: anim-2; } .usp-promote-savings__item--3 { animation-name: anim-3; } @keyframes anim-1 { 0%, 2% { top: 90px; } 2%, 30.33% { top: 0; } 33.33%, to { top: -90px; } } @keyframes anim-2 { 0%, 33.33% { top: 90px; } 35.33%, 63.66% { top: 0; } 66.66%, to { top: -90px; } } @keyframes anim-3 { 0%, 66.66% { top: 90px; } 68.66%, 97% { top: 0; } to { top: -90px; } } .usp-promote-savings__item img { max-width: 320px !important; } .usp-promote-savings__customer { background-color: #00dd95; padding: 4px 8px; color: #212338; font-size: 14px; font-weight: 700; } .tyre-selection .input-text:invalid { color: #8f95a1; } .cart-item { width: 64px !important; height: 64px !important; } .cart-item.cartitem-airconditioning { background: url(./images/cartitem-aircon.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-basic { background: url(./images/cartitem-basic.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-batteries { background: url(./images/cartitem-battery.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-body { background: url(./images/cartitem-body.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-brakes { background: url(./images/cartitem-brakes.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-clutch { background: url(./images/cartitem-clutch.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-cooling { background: url(./images/cartitem-cooling.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-electrical { background: url(./images/cartitem-electrical.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-engine { background: url(./images/cartitem-engine.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-logbook { background: url(./images/cartitem-logbook.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-pre-purchaseinspections { background: url(./images/cartitem-prepurchase.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-na { background: url(./images/cartitem-n-a.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-suspensionsteering { background: url(./images/cartitem-suspension.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-timingbelt { background: url(./images/cartitem-timingbelt.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-transmission { background: url(./images/cartitem-transmission.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-tyre { background: url(./images/cartitem-tyre.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-autoglass { background: url(./images/cartitem-autoglass.svg) no-repeat 50%; background-size: contain; } .cart-item.cartitem-windowtint { background: url(./images/cartitem-windowtint.svg) no-repeat 50%; background-size: contain; } .finalise-booking { box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.08), 0 0 12px 0 rgba(0, 0, 0, 0.04); background: #fff; } .finalise-booking--shoppingcart { position: fixed; width: 300px; right: 16px; z-index: 9999; top: 76px; } @media screen and (max-width: 1120px) { .finalise-booking--shoppingcart { top: 124px; } } .finalise-booking--spacing { margin-bottom: 64px; } @media (max-width: 799px) { .finalise-booking--spacing { margin-bottom: 24px; } } .finalise-booking-section { padding: 24px 0; } .finalise-booking__main-header { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #eef0f2; } @media (max-width: 799px) { .finalise-booking__main-header { padding-top: 76px; margin-bottom: 0; } } .finalise-booking__main-header__left-col { width: calc(100% - 380px); float: left; } @media (max-width: 799px) { .finalise-booking__main-header__left-col { width: 100%; float: none; } } .finalise-booking__main-header__left-col--title { font-size: 36px; margin-top: 24px; } @media (max-width: 799px) { .finalise-booking__main-header__left-col--title { font-size: 20px; margin-top: 16px; } } .finalise-booking__main-header__right-col { width: 356px; padding-bottom: 20px; position: absolute; right: 24px; bottom: 0; } @media (max-width: 799px) { .finalise-booking__main-header__right-col { position: relative; clear: left; width: 100%; right: 0; padding-bottom: 0; } } .finalise-booking__main-header__right-col--premium { display: inline; } @media (max-width: 799px) { .finalise-booking__main-header__right-col--premium { font-size: 14px; } } .finalise-booking__main-header__rating { display: flex; align-items: center; font-size: 18px; line-height: 24px; } @media (max-width: 799px) { .finalise-booking__main-header__rating { margin-bottom: 8px; } } .finalise-booking__main-header__location { margin-right: 16px; font-size: 18px; line-height: 24px; } @media (max-width: 799px) { .finalise-booking__main-header__location { margin-bottom: 4px; } } .finalise-booking__main-header__location--text { font-size: 18px; } @media (max-width: 799px) { .finalise-booking__main-header__phone-number { width: 100%; } } .finalise-booking__panel { width: 356px; float: right; padding-bottom: 20px; } @media (max-width: 799px) { .finalise-booking__panel { width: 100%; display: block; min-height: 250px; height: auto !important; } } .finalise-booking__panel.is_stuck { padding-top: 20px; } .finalise-booking__bottom-widget { background-color: #01c68c; padding: 24px; font-size: 18px; font-weight: 700; } .finalise-booking__bottom-widget-squiggleline { background: url(/Content/images/backgrounds/squiggle-divider-green600.svg) repeat-x bottom; height: 12px; } @media (max-width: 799px) { .finalise-booking__bottom-widget { font-size: 18px; } } .finalise-booking__card-items { row-gap: 8px; } .finalise-booking__header { background: #212338; padding: 20px; } .finalise-booking__header--sr { height: 170px; } .finalise-booking__header--workshop { height: 116px; } .finalise-booking__header-title { width: 100%; color: #fff; word-break: break-word; } .finalise-booking__header-title i { color: #ffc001; } .finalise-booking__content { padding: 20px; } @media (max-width: 799px) { .finalise-booking__content { padding: 20px; } } .finalise-booking__content-vehicle { width: 75%; margin: -80px auto 40px; transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; max-width: 300px; } @media (max-width: 799px) { .finalise-booking__content-vehicle { max-width: 220px; } } .finalise-booking__content-vehicle--confirmation { margin-top: -50px; } @media (max-width: 799px) { .finalise-booking__content-vehicle--confirmation { margin-top: -40px; } } .finalise-booking__content-vehicle--workshop { width: 40%; margin-right: 24px; transform: scaleX(1); margin-top: -40px; margin-bottom: 16px; } .finalise-booking__content__title-service { font-size: 14px; } .finalise-booking__content-subprice { font-size: 18px; font-weight: 700; } .finalise-booking__content-price { font-size: 20px; font-weight: 700; } .finalise-booking__content-summary { border-top: 1px solid #d4d9dd; padding: 20px 0; } .finalise-booking__content-summary-title { color: #5c6172; } .finalise-booking__details, .finalise-booking__details--no-margin { margin-bottom: 0; } @media (max-width: 799px) { .finalise-booking__details { margin-top: 0; margin-bottom: 0; } } @media (min-width: 800px) { .finalise-booking__details { float: left; width: calc(100% - 380px); } } .photo-tips-1 { background-image: url(./images/photo-guide-1.png); } .photo-tips-2 { background-image: url(./images/photo-guide-2.png); } .photo-tips-3 { background-image: url(./images/photo-guide-3.png); } .photo-tips-1, .photo-tips-2, .photo-tips-3 { background-size: contain; width: 220px; height: 220px; } .asset-local-workshop { background: url(./images/type-workshop.svg) no-repeat; background-size: cover; width: 64px; height: 64px; } .asset-mobile-mechanic { background: url(./images/type-mobile.svg) no-repeat; background-size: cover; width: 64px; height: 64px; } .asset-roadside-assistance { background: url(/Content/images/regional/mobile-mechanic.svg) no-repeat; background-size: cover; width: 156px; height: 150px; } @media (max-width: 799px) { .asset-roadside-assistance { width: 116px; height: 110px; } } .asset-dealership { background: url(./images/type-dealership.svg) no-repeat; background-size: cover; width: 64px; height: 64px; } .asset-valet { background: url(./images/type-valet.svg) no-repeat; background-size: cover; width: 64px; height: 64px; } .tooltip-seo-review { visibility: hidden; position: absolute; right: 12px; background-color: #fff; z-index: 9; border-radius: 4px; box-shadow: 0 24px 96px 0 rgba(0, 0, 0, 0.12), 0 0 32px 0 rgba(0, 0, 0, 0.08); opacity: 0; transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); padding: 16px; width: 80%; } .tooltip-seo-review.active { opacity: 1; visibility: visible; } .quote-results.overflow-true { overflow-y: hidden; } .quote-results #mobile-header { display: none !important; } .quote-results .dropdown { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); -webkit-appearance: none; appearance: none; display: flex; align-items: center; justify-content: space-between; width: 100%; background: #fff; border: 1px solid #d4d9dd; border-radius: 4px; height: 46px; padding: 0 12px; background: #fff url(./images/caret-down.svg) no-repeat right 6px top 12px; } .quote-results .dropdown i { font-size: 20px; line-height: 44px; } .quote-results .dropdown span { display: flex; flex: 1; font-size: 14px; line-height: 44px; } .quote-results .dropdown:active, .quote-results .dropdown:hover { color: #212338; background-color: #fafbfc; outline: 0; } .quote-results-usp__wrap { margin-bottom: 24px; column-gap: 8px; column-count: 3; } @media (max-width: 799px) { .quote-results-usp__wrap { margin-bottom: 0; column-count: 1; } } .quote-results-usp__wrap--youirewards { background: #000; column-gap: normal; column-count: 1; } @media (max-width: 799px) { .quote-results-usp__wrap--youirewards { column-count: 1; } } .quote-results-usp__wrap__items { position: relative; background-color: #212338; padding: 18px; } .quote-results-usp__wrap__items > div { display: table; margin: 0 auto; } @media (max-width: 799px) { .quote-results-usp__wrap__items { padding: 24px 16px; } } .quote-results-usp__wrap__items--youirewards { background-color: #000; display: flex; align-items: center; } .quote-results-usp__wrap__items--youirewards-2 { max-width: 1600px; margin: 0 auto; } .quote-results-usp__wrap__items__img--youirewards { margin: 0 0 0 auto; } .quote-results-usp__wrap__items__img--youirewards img { height: 50px; } @media only screen and (min-width: 450px) { .quote-results-usp__wrap__items__img--youirewards img { height: 40px; } } .quote-results-usp__wrap__items__title { font-size: 16px; color: #fff; margin-bottom: 0; line-height: 22px; margin-left: 56px; font-weight: 700; } @media (min-width: 601px) and (max-width: 960px) { .quote-results-usp__wrap__items__title { font-size: 14px; } } .quote-results-usp__wrap__items__title--youirewards { margin: 0; display: block; } @media (min-width: 601px) and (max-width: 960px) { .quote-results-usp__wrap__items__title--youirewards { font-size: medium; } } .header__top-right span, .t-body { font-size: 18px; line-height: 26px; color: #484c5f; } .add .add-button, .attributes, .button-small, .cart-button span, .map .view-map span, .subheader__subtitle, .t-detail-sml { font-size: 14px; line-height: 18px; color: #484c5f; } .inputs span, .t-detail-lrg { font-size: 16px; line-height: 20px; color: #484c5f; } .add .add-button, .attributes, .button-small { height: 32px; line-height: 30px; padding: 0 12px; border: 1px solid #d4d9dd; background-color: #fff; border-radius: 4px; } .add .add-button:hover, .attributes:hover, .button-small:hover { background-color: #eef0f2; } .add .add-button:active, .attributes:active, .button-small:active { background-color: #078171; color: #fff; } .button-medium, .cart-button { padding: 0 12px; background: #fff; border: 1px solid #d4d9dd; border-radius: 4px; } .header { padding: 8px 16px; display: flex; flex-direction: column; top: 0; width: 100%; z-index: 99; position: -webkit-sticky; position: sticky; } .header__top { justify-content: space-between; height: 64px; } .header__top, .header__top-left { display: flex; align-items: center; } .header__top-left { flex: 1 0 200px; } .header__top-left .menu { display: flex; align-items: center; } .header__top-left .menu__logo { height: 48px; width: 147px; background-size: 100% 100%; } .header__top-left .menu__logo--mobile { height: 48px; width: 48px; margin-right: 12px; } .header__top-left .menu i { font-size: 24px; color: #6c7283; } .header__top-right, .header__top-right .call { display: flex; align-items: center; } .header__top-right .call { padding-left: 16px; } .header__top-right .call a:hover { color: #0d59fc; } .header__top-right span { color: #212338; margin-left: 4px; } .header__bottom { justify-content: space-between; padding: 8px 0; } .header__bottom, .header__bottom-left { display: flex; align-items: center; } .header__bottom-right { display: flex; } .header__bottom-right .cart-button i { font-size: 20px; } .header__bottom-right .cart-button span { align-items: center; margin-left: 4px; } .cart-button { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); height: 46px; margin-left: 16px; display: flex; align-items: center; outline: 0; } @media (min-width: 651px) and (max-width: 1120px) { .cart-button { display: none; } } @media (max-width: 650px) { .cart-button { padding: 0 !important; } } @media (min-width: 651px) and (max-width: 1120px) { .cart-button-subheader { display: flex; } } .cart-button:hover { background-color: #fafbfc; } .cart-button__icon:after { display: inline-block; content: ""; height: 8px; width: 8px; background-color: #00dd95; position: absolute; left: 14px; z-index: 1000; border-radius: 4px; } .cart-button span { max-width: 190px !important; display: inline-block; position: relative; } .attributes { margin-right: 8px; } .inputs { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); background: #fff; border: 1px solid #d4d9dd; border-radius: 4px; height: 48px; min-width: 10px; max-width: 640px; margin-left: 8px; display: flex; flex: 1 1 auto; align-items: center; } .inputs i { z-index: 9; } .inputs.scrolled .location, .inputs.scrolled .location input { height: 46px; } .inputs .location { display: flex; align-items: center; flex: 1 1 auto; border-right: 1px solid #d4d9dd; padding: 0 12px; position: relative; height: 62px; } @media screen and (max-width: 1120px) { .inputs .location { height: 46px; } .inputs .location input:active, .inputs .location input:hover { color: #212338; background-color: #fafbfc !important; outline: 0; } } .inputs .location input { position: absolute; top: 0; left: 0; padding-left: 36px; border: 0 !important; height: 62px; border-radius: 4px 0 0 4px; box-shadow: none; min-height: auto; } @media screen and (max-width: 1120px) { .inputs .location input { height: 46px; } } .inputs span { line-height: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inputs-combined { width: calc(100% - 48px); display: flex; align-items: center; height: 46px; padding: 0 12px; flex-shrink: 1; border: 1px solid #d4d9dd; margin-top: 0 !important; position: relative; border-radius: 4px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); } .inputs-combined.expanded { width: 100%; transition: width 0.05s ease-out; } .inputs-combined__location { position: absolute; top: 0; left: 0; width: 100%; } .inputs-combined__location input { padding-left: 36px; border: none; box-shadow: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: width 2.8s ease-out; } .inputs-combined__location input:active, .inputs-combined__location input:hover { color: #212338; background-color: #fafbfc !important; outline: 0; } .inputs-combined__icon { z-index: 9; } .inputs-selection-mobile { margin-top: 24px; } .inputs-selection-mobile__location { display: flex; align-items: center; border: 1px solid #d4d9dd; border-radius: 4px; height: 46px; } .inputs-selection-mobile__location input { box-shadow: none !important; position: absolute; top: 0; left: 0; border: 0 !important; padding-left: 36px; } .inputs-selection-mobile__icon { z-index: 9; } .subheader { display: flex; flex-direction: column; justify-content: center; margin: 0 auto; width: 100%; } .subheader input { border: 0; color: #484c5f; padding: 0; } .subheader__subtitle { flex: 1 1 auto; } .subheader__subtitle .link { color: #0d59fc; } .ad-listing { background-color: #f4f4f4; } .ad-listing__banner { width: 100%; height: auto; } .sr-sidebar { flex: 1; max-width: 280px; margin-right: 48px; } .map { display: flex; align-items: center; justify-content: center; background-image: url(./images/map.svg); background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 120px; width: 100%; } .btn-view-location-details-map, .btn-view-map { display: none; } .map-is-collapsed .btn-view-location-details-map, .map-is-collapsed .btn-view-map { display: initial; } .map-is-collapsed .map { display: none !important; } .map .view-map { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: space-between; background: #fff; border: 1px solid #d4d9dd; border-radius: 4px; height: 46px; padding: 0 16px 0 12px; } .map .view-map i { color: #01c68c; font-size: 16px; line-height: 44px; margin-right: 4px; } .map .view-map span { display: flex; color: #05987a; line-height: 44px; } .map .view-map:active, .map .view-map:hover { background-color: #fafbfc; } .map .view-map:active { color: #212338; outline: 0; box-shadow: none; } .filter { padding-top: 24px; margin-top: 24px; border-top: 2px solid #eef0f2; } .filter:nth-child(2) { border-top: none; margin-top: 0; } .filter__header { margin-bottom: 16px; font-size: 18px; color: #212338; font-weight: 700; } .filter__type { padding: 4px 8px; } .filter__type:hover { background-color: #fafbfc; } .filter__type:hover label { background-color: #fafbfc !important; } .add { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .add:first-child { margin-top: -4px; } .add .add-button { display: flex; align-items: center; border-radius: 100px; } .add .add-button span { line-height: 14px; } .add .add-button i { color: #484c5f; margin-right: 4px; margin-left: -4px; } .add .add-button:hover { background-color: #eef0f2; } .add .add-button:active { background-color: #078171; color: #fff; border: 1px solid #078171; } .add .add-button:active i { color: #fff; } .supplier-card__review-rating.new { height: 20px; line-height: 20px; background-color: #f3f6ff; padding: 0 4px; border-radius: 4px; color: #0d54e5; font-size: 12px; } .btn-group { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); display: flex; border-radius: 24px; width: 280px; } @media screen and (max-width: 650px) { .btn-group { border-radius: 8px; width: auto; } } .btn-group__child { display: flex; flex: 1; justify-content: center; border: 1px solid #d4d9dd; height: 38px; font-size: 14px; line-height: 36px; text-align: center; } @media screen and (max-width: 650px) { .btn-group__child { font-size: 13px; height: 34px; line-height: 34px; padding: 8px; } .btn-group__child.first-item { max-width: 50px; } } .btn-group__child:first-child { border-radius: 24px 0 0 24px; border-right: none; } @media screen and (max-width: 650px) { .btn-group__child:first-child { border-radius: 4px 0 0 4px; } } .btn-group__child:last-child { border-radius: 0 24px 24px 0; border-left: none; } @media screen and (max-width: 650px) { .btn-group__child:last-child { border-radius: 0 4px 4px 0; } } .btn-group__child:focus, .btn-group__child:hover { background-color: #fafbfc; } @media screen and (max-width: 650px) { .btn-group__child:focus, .btn-group__child:hover { background-color: #01c68c; color: #fff; } } .btn-group__child.active { border: 1px solid #00c483; background-color: #00c483; color: #fff; } @media screen and (max-width: 650px) { .btn-group__child.active { background-color: #01c68c; color: #fff; } } .btn-group__label { cursor: pointer; margin-bottom: 0; width: 100%; font-weight: 400; } .btn-group.disabled { opacity: 0.4; } .btn-group.disabled .btn-group__label { cursor: auto; } .container-search-results { max-width: 1600px; width: 100%; display: flex; padding: 0 48px; margin: 8px auto 0; background-color: #fff; } .column { flex-wrap: wrap; flex: 1; max-width: 1200px; } .supplier-card { padding: 36px 0; border-bottom: 2px solid #eef0f2; display: flex; } @media (max-width: 650px) { .supplier-card { border-bottom: 1px solid #d4d9dd; } } .supplier-card__img-wrap { flex: 0.9; margin-right: 24px; } .supplier-card__img-wrap img { width: 100%; } .supplier-card__img-cdn { position: relative; display: block; } .supplier-card__info { display: flex; flex: 2; } .supplier-card__details { display: flex; flex-direction: column; padding-right: 24px; margin-right: 24px; border-right: 2px solid #eef0f2; flex-grow: 1; min-width: 280px; align-items: flex-start; } .supplier-card__address { margin-bottom: 0; display: flex; flex-direction: column; } .supplier-card__new-badge { font-size: 12px; padding: 0 8px; color: #fff; background-color: #212338; box-shadow: 6px 6px 0 #00dd95; margin: 8px 0 16px; text-transform: uppercase; display: inline-flex; font-weight: 700; } .supplier-card__other { display: flex; flex-wrap: wrap; margin-bottom: 16px; } .supplier-card__preferred { font-size: 14px; line-height: 16px; display: flex; align-items: center; margin-right: 16px; margin-bottom: 8px; } .supplier-card__preferred i { color: #f38e29; } .supplier-card__perks, .supplier-card__verified { font-size: 14px; line-height: 16px; display: flex; margin-right: 16px; margin-bottom: 8px; } .supplier-card__perks { align-items: center; } @media screen and (max-width: 650px) { .supplier-card__perks { margin-bottom: 0; } } @media (min-width: 651px) and (max-width: 1200px) { .supplier-card__cta-details { background-color: #fafbfc; padding: 16px; } } @media (min-width: 1201px) { .supplier-card__cta-details { background-color: #fafbfc; padding: 16px; } } @media (min-width: 800px) { .supplier-card__available-from { font-size: 22px; } } @media screen and (max-width: 650px) { .supplier-card__available-from { font-size: 16px; } } .supplier-card__pricing { display: flex; flex-direction: column; } .supplier-card__old-price { font-size: 14px; color: #e12e28; font-weight: 700; } .supplier-card__price { font-size: 34px; line-height: 34px; margin-bottom: 0; font-weight: 700; } .supplier-card__review { display: flex; align-items: center; margin-bottom: 8px; } .supplier-card__review-stars { display: flex; align-items: center; margin-right: 4px; } .supplier-card__review-rating { line-height: 20px; color: #212338; } .supplier-card__review-rating:active, .supplier-card__review-rating:focus, .supplier-card__review-rating:hover { color: #0d59fc; } .supplier-card__user-icon { display: flex; align-items: center; justify-content: center; border-radius: 20px; background-color: purple; height: 20px; width: 20px; margin-right: 4px; color: #fff; font-size: 14px; line-height: 1; text-transform: uppercase; } .supplier-card__cta { max-width: 300px; min-width: 300px; } .supplier-card__cta, .supplier-card__cta-outer { display: flex; flex-direction: column; } .supplier-card__cta .btn-book { font-size: 18px; color: #fff; line-height: 46px; height: 48px; padding: 18px; background-color: #00c483; border: 1px solid #03af83; border-radius: 8px; margin: 0; outline: 0 !important; font-weight: 700; } .supplier-card__cta .btn-book:hover { background-color: #03af83; } @media (max-width: 650px) { .supplier-card__cta .btn-book { margin-bottom: 0; margin-top: 0; padding: 18px 10px; } } .opening { display: flex; flex-wrap: wrap; margin-bottom: 8px; margin-right: 24px; align-items: center; } .opening__time { line-height: 20px; margin-bottom: 2px; font-size: 14px; color: #484c5f; font-weight: 400; } .close { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); top: 16px; left: 544px; border: 1px solid #d4d9dd; height: 38px; width: 38px; padding: 8px; border-radius: 36px; } .close i { color: #212338; font-size: 20px; line-height: 20px; margin: 0; padding: 0; } .tabs { display: flex; } .tab { font-size: 14px; color: #5c6172; text-transform: uppercase; min-width: 96px; font-weight: 700; } .tab.selected { color: #212338; } .show-mobile-sr, .show-sm-mobile-sr, .show-tablet-sr { display: none; } .scrolled { display: flex; } .scrolled-more { border-bottom: 1px solid #eef0f2; background-color: #fff; } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .scrolled-more { background-color: hsla(0, 0%, 100%, 0.9); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); } } .scrolled-stickyad { top: 80px; position: fixed; } @media screen and (max-width: 1996px) { .container-search-results { padding: 0 24px; } } @media screen and (max-width: 1360px) { .container-search-results { padding: 0 24px; } .column { flex: 3 1 auto; } .sr-sidebar { flex: 1 1 auto; margin-right: 24px; } } @media screen and (max-width: 1120px) { .show-tablet-sr { display: flex; } .hide-tablet-sr { display: none !important; } .header { border-bottom: 1px solid #eef0f2; background-color: #fff; } .container-search-results { margin-top: 0; } .column { width: 100%; } .subheader .inputs { display: none; } .subheader { padding-bottom: 24px; } } @media screen and (max-width: 800px) { .supplier-card__image-wrap, .supplier-card__info { flex: 1; } .supplier-card__info { flex-direction: column; } .supplier-card__cta { max-width: 100%; } .supplier-card__price { font-size: 24px; } .supplier-card__cta .btn-book { font-size: 16px; } .supplier-card__cta-outer { flex-direction: row; align-items: center; order: 2; margin-top: 8px; } .supplier-card__cta-details { flex: 2; width: 100%; } .btn-book { width: auto; } .supplier-card__details { padding-right: 0; margin-right: 0; border: none; } .header__bottom-right { display: flex; } } @media screen and (min-width: 650px) { .hide-desktop-sr { display: none !important; } } @media screen and (max-width: 650px) { .header { border-bottom: none; padding-bottom: 4px; } .hide-mobile-sr { display: none !important; } .show-mobile-sr { display: flex !important; } .container-search-results { padding: 0 16px; } .subheader { padding: 0; } .subheader__title { font-size: 24px; } .attributes { width: auto; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 2px 8px 0 rgba(0, 0, 0, 0.12); } .attributes--no-shadow, .cart-button { box-shadow: none; } .cart-button { display: flex; align-items: center; border: none; border-radius: 0; height: 46px; margin-left: 16px; padding: 8px; border-radius: 8px; } .supplier-card { flex-direction: column; margin: 36px 0; padding: 0 0 36px; } .supplier-card__img-wrap { margin-right: 0; margin-bottom: 24px; } .supplier-card__cta-outer { flex-direction: column; align-items: flex-start; } .supplier-card__cta .btn-book { max-width: 100%; margin-top: 8px; } #overlay { width: 100%; top: 0; height: 100vh; left: 0; } } @media screen and (max-width: 360px) { .hide-sm-mobile-sr { display: none !important; } .show-sm-mobile-sr { display: flex !important; } } @keyframes bounce-animation { 0% { opacity: 0; top: 100vh; } to { opacity: 1; top: 0; } } .modal-retail { width: 800px; margin: 0 auto; background-color: #fff; position: fixed; top: 96px; left: 0; right: 0; z-index: 9999; display: none; min-height: 500px; max-height: calc(100vh - 192px); overflow-y: auto; overflow-x: hidden; } @media (min-width: 800px) { .modal-retail--align-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } } @media screen and (max-width: 800px) { .modal-retail { width: 100%; height: 100%; max-height: 100%; top: 0; animation: bounce-animation 0.3s ease-in-out; } } .modal-retail--map { width: calc(100% - 192px); height: 100%; } @media screen and (max-width: 800px) { .modal-retail--map { width: 100%; } } .modal-retail--map .modal-retail__container { overflow-y: hidden; } .modal-retail__container { width: 100%; } .modal-retail__header { display: flex; justify-content: space-between; width: 800px; position: fixed; border-bottom: 1px solid #d4d9dd; padding: 16px; background-color: #fff; z-index: 9; } @media screen and (max-width: 800px) { .modal-retail__header { width: 100%; } } .modal-retail__header--map { width: calc(100% - 192px); } @media screen and (max-width: 800px) { .modal-retail__header--map { width: 100%; } } .modal-retail__content { padding: 64px 16px; } .modal-retail__content--map { padding: 60px 0; } .modal-retail__content-scrollable { height: 80vh; overflow-y: auto; } @media (max-width: 799px) { .modal-retail__content-scrollable { height: 100vh; } } .modal-retail__content-booking { margin-top: 59px; padding: 16px; } .modal-retail__map { height: calc(100vh - 252px); } @media screen and (max-width: 800px) { .modal-retail__map { height: calc(100vh - 60px); } } .modal-retail__map .angular-google-map { height: 100%; } .modal-retail__map .angular-google-map .angular-google-map-container { min-height: 300px; height: 100%; } .modal-retail__btn-bottom { position: fixed; bottom: 0; width: 100%; left: 0; height: 54px; background: #01c68c; color: #fff !important; z-index: 9; } .modal-retail__btn-bottom:disabled { opacity: 1; } .modal-retail.active { display: flex; } .modal-retail__footer-moreinfo { position: absolute; bottom: 0; border-top: 1px solid #d4d9dd; padding: 16px; display: flex; justify-content: space-between; background-color: #fff; width: 100%; z-index: 9; } .modal-retail__footer { border-top: 1px solid #eef0f2; background-color: #fff; position: absolute; bottom: 0; left: 0; right: 0; } .btn-close-modal { padding: 0; border-radius: 0; background: #fff; } .btn-close-modal:active, .btn-close-modal:focus, .btn-close-modal:hover { outline: 0 !important; box-shadow: none; } .marker-label { text-align: center; line-height: 35px; border-radius: 4px; background: #fff; color: #212338; box-shadow: none; font-size: 20px; width: 90px; height: 35px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12), 0 0 8px 0 rgba(0, 0, 0, 0.04); overflow: visible !important; z-index: 10000 !important; font-weight: 700; font-family: AvertaStandard, sans-serif; } .marker-label:after { position: absolute; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; bottom: -6px; left: 39px; } .marker-label--focus { background: #0d59fc; color: #fff; cursor: pointer; animation-name: hvr-bob-float, hvr-bob; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; z-index: 10003 !important; transition: all 0.2s ease-in-out; } .marker-label--focus:after { border-top: 6px solid #0d59fc; transition: border-color 0.2s ease-in-out; } .marker-label--premium { padding-left: 0; } .marker-label--premium:before { background: none; display: none; } .gm-style { overflow: hidden; } .gm-style > div:first-child > div:last-child > div > div:last-child > div { width: 288px !important; box-shadow: 0 24px 64px 0 rgba(0, 0, 0, 0.12), 0 0 32px 0 rgba(0, 0, 0, 0.08); } .gm-style-iw, .gm-style > div:first-child > div:last-child > div > div:last-child > div > div:first-child > div:nth-child(2n) { width: 288px !important; } .gm-style-iw { top: 0 !important; left: 0 !important; min-width: 288px !important; } .gm-style-iw > div { width: 280px; display: inline-flex; } .popover-workshop { width: 264px; overflow: hidden; position: relative; } .popover-workshop__header img { width: 100%; } .popover-workshop__body { position: relative; margin: 16px 0; } .popover-workshop__body .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .popover-workshop__body .qr-workshop-details__badge { width: 22px; height: 22px; right: 0; left: auto; } .popover-workshop__body .ispremium { margin-right: 24px; } .popover-workshop__body .qr-workshop-details__details--rating { font-size: 14px; flex-wrap: wrap; } .popover-workshop__body .qr-workshop-details__details--info__verified { font-size: 14px; margin-top: 0; } .service-inclusions { margin: 16px; } .service-inclusions .line-items__item { display: block; } .service-inclusions .line-items__item:first-child { border-top: none; } .service-inclusions .line-items__item:last-child, .service-inclusions .line-items__item > div { padding-left: 0; } .service-inclusions .line-items ul.tick li { white-space: pre-wrap; } .ps-logo-searchresults { background: url(./images/ps-master-logo.svg) no-repeat 50%; background-size: contain; width: 128px; height: 50px; font-size: 0; display: inline-block; margin-right: 12px; } @media screen and (max-width: 1120px) { .ps-logo-searchresults { width: 36px; height: 36px; background: url(./images/ps-otto-sm.svg) no-repeat 50%; background-size: contain; } } .ps-heading-lrg { font-size: 24px; line-height: 30px; color: #212338; font-weight: 700; } @media (max-width: 799px) { .ps-heading-lrg { font-size: 20px; line-height: 24px; } } .ps-heading-med { font-size: 20px; line-height: 26px; color: #212338; font-weight: 700; } @media (max-width: 799px) { .ps-heading-med { font-size: 18px; line-height: 24px; } } .main-list button { position: relative; } .ps-caret { right: 12px; position: absolute; width: 24px; height: 24px; background: url(./images/caret-down-tarmac.svg) no-repeat 100%; transform: rotate(-90deg); } .ps-caret-adv-left { padding: 12px; position: absolute; width: 18px; height: 18px; background: url(./images/caret-down-adv.svg) no-repeat 100%; transform: rotate(90deg); } @media screen and (max-width: 650px) { .finalise-booking--shoppingcart-quotes2 { top: 0; left: 0; right: 0; width: 100%; height: 100%; position: fixed; overflow-y: scroll; } } @media screen and (max-width: 650px) { .container-search-results--condensed-view .container-search-results__title { font-size: 18px; } .container-search-results--condensed-view .supplier-card { flex-direction: row; margin: 20px 0; padding: 0 0 20px; } .container-search-results--condensed-view .supplier-card__img-wrap { display: flex; padding-right: 16px; height: 104px; flex: 0 0 104px; } .container-search-results--condensed-view .supplier-card__img-wrap.has-blitz img { border-radius: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; } .container-search-results--condensed-view .supplier-card__img-wrap img { border-radius: 4px; object-fit: cover; } .container-search-results--condensed-view .supplier-card__img-cdn { display: flex; height: 106px; } .container-search-results--condensed-view .supplier-card__details { min-width: auto; } .container-search-results--condensed-view .supplier-card__info { width: calc(100% - 104px); } .container-search-results--condensed-view .supplier-card__address { font-size: 12px; color: #6c7283; text-transform: uppercase; line-height: 20px; font-weight: 700; } .container-search-results--condensed-view .supplier-card__name { font-size: 16px; line-height: 20px; } .container-search-results--condensed-view .supplier-card__review-stars i { font-size: 16px; width: 16px; height: 16px; line-height: 16px; } .container-search-results--condensed-view .supplier-card__review-rating { font-size: 13px; color: #484c5f; } .container-search-results--condensed-view .supplier-card__price { line-height: 12px; } .container-search-results--condensed-view .supplier-card__cta { min-width: auto; } .container-search-results--condensed-view .supplier-card__cta-outer { flex-direction: column; } .container-search-results--condensed-view .supplier-card__cta-flex-mobile { display: flex; } .container-search-results--condensed-view .supplier-card__cta .btn-book { font-size: 14px; min-width: 87px; height: 36px; line-height: normal; margin-top: 0; width: auto; } .container-search-results--condensed-view .supplier-card__pricing { flex-direction: column; } .container-search-results--condensed-view .supplier-card__old-price { font-size: 13px; position: relative; top: auto; color: #d42b26; } } .supplier-card__moreinfo { display: flex; align-items: center; font-size: 12px; color: #0d59fc; width: 90px; font-weight: 700; } .modal-retail--lrg { height: calc(100vh - 192px); max-height: 780px; border-radius: 4px; } @media (max-width: 799px) { .modal-retail--lrg { height: calc(100vh - 36px); max-height: 100%; margin-top: 36px; } } .modal-retail__content--moreinfo { position: absolute; top: 0; bottom: 0; left: 6px; right: 6px; overflow-y: auto; } @media (min-width: 800px) { .modal-retail__content--moreinfo { width: 94.5%; padding-right: 96px; box-sizing: initial; } } .modal-retail__content--moreinfo .dir-pagination { padding-bottom: 96px !important; } .modal-retail .btn-book { height: 48px; padding: 0 16px; } @media (max-width: 799px) { .modal-retail .btn-book { flex: 0; flex-basis: 100px; } } .modal-retail__footer-rating i { font-size: 16px !important; width: 16px !important; height: 16px !important; line-height: 16px !important; } .modal-retail .workshop-profile__header { box-sizing: border-box; } @media (min-width: 800px) { .modal-retail .workshop-profile__header__image { position: relative; } } .modal-retail .workshop-profile__header__image img { position: absolute; height: 250px; } @media (max-width: 799px) { .modal-retail .workshop-profile__header__image img { top: 64px; margin: 0 auto; left: 0; right: 0; } } .modal-retail .workshop-profile__header__content { background-color: #00dd95; padding: 48px; margin-left: 390px; min-height: 250px; } @media (max-width: 799px) { .modal-retail .workshop-profile__subheader { margin-top: 320px; } } .modal-retail .workshop-profile__menu li p { color: #8f95a1; } .modal-retail .workshop-profile__menu li.active p { color: #212338; } .modal-retail .workshop-profile__star-rating i.material-icons { font-size: 16px; width: 16px; height: 16px; line-height: 16px; } @media (max-width: 799px) { .modal-retail .workshop-profile__car-img { width: 60%; margin: 0 auto 16px; } } .modal-retail .workshop-profile__paginate .workshop-profile__review { border-bottom: 2px solid #eef0f2; } .modal-retail .workshop-profile__paginate:last-child .workshop-profile__review { border-bottom: none; } .modal-retail__spacing-bottom { margin-bottom: 128px; } @media (min-width: 650px) { .supplier-card__cta .tooltip { left: -24px !important; } } .pagination { display: table; margin: 0 auto 16px; } .qr-workshop-details { position: relative; } .qr-workshop-details__details--rating { font-size: 20px; flex-wrap: wrap; display: flex; align-items: center; font-weight: 700; } @media (max-width: 799px) { .qr-workshop-details__details--rating { font-size: 16px; } } .qr-workshop-details__details--rating a.smaller { color: #0d59fc; font-size: 16px; } @media (max-width: 799px) { .qr-workshop-details__details--rating a.smaller { font-size: 14px; } } .qr-workshop-details__details--rating star-rating { padding: 0 8px; } .qr-workshop-details__details--rating star-rating span { line-height: 0.5; } .qr-workshop-details__details--info { display: inline-flex; flex-direction: column; } .qr-workshop-details__details--info__verified { margin-top: 12px; margin-bottom: 18px !important; color: #212338 !important; font-weight: 700; } .qr-workshop-details__details--info__verified i { color: #0d59fc; } @media (max-width: 799px) { .qr-workshop-details__details--info__verified { font-size: 14px; } } @media (min-width: 800px) { .qr-workshop-details__details--info .tooltip { display: table; left: 0 !important; right: 0 !important; } } .qr-workshop-details__details--info p { margin-bottom: 12px; color: #484c5f; } .qr-workshop-details__details--info p i { padding-right: 8px; } .qr-workshop-details__badge { position: absolute; left: 0; top: 0; background: url(/Content/images/icons/Premium_Rosette.svg) no-repeat; width: 28px; height: 28px; } .qr-workshop-details__badge--calendar { background: url(/Content/images/icons/Calendar.svg) no-repeat; } @media (min-width: 800px) { .qr-workshop-details__badge { top: 2px; } } @media (max-width: 799px) { .qr-workshop-details__badge { left: auto; right: 0; } } .text-no-results { font-size: 20px; color: #5c6172; margin-bottom: 40px; } .workshop-specialist { font-size: 14px; margin: 12px 0; } @media screen and (max-width: 650px) { .workshop-specialist { font-size: 14px; margin: 8px 0; } } .datepicker-v2 { padding: 8px; } .datepicker-v2 .uib-daypicker { outline: 0; } .datepicker-v2 thead tr { border-bottom: none !important; } .datepicker-v2 thead tr > th { padding-bottom: 24px; } .datepicker-v2 thead button { border: none; width: 40px; display: flex; justify-content: center; } .datepicker-v2 thead button.uib-title { width: 100%; } .datepicker-v2 tbody tr { border-bottom: none !important; } .datepicker-v2 tbody tr td { width: 40px; height: 40px; } .datepicker-v2 tbody tr td button { position: relative; border: none; width: 40px; height: 40px; } .datepicker-v2 tbody tr td button:active, .datepicker-v2 tbody tr td button:focus, .datepicker-v2 tbody tr td button:hover { background-color: #fafbfc; border-radius: 100px; box-shadow: none; outline: 0; } .datepicker-v2 tbody tr td button.uib-title { width: 100%; } .datepicker-v2 tbody tr td button.btn-info { border-radius: 100px; background-color: #01c68c !important; width: 40px; height: 40px; } .datepicker-v2 tbody tr td button.active { box-shadow: none; } .datepicker-v2 tbody tr td button span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; position: absolute; top: 0; left: 0; font-weight: 700; } .datepicker-v2 tbody tr td:first-child button, .datepicker-v2 tbody tr td:last-child button { background-color: #eef0f2; } .datepicker-v2 .is-selected-available-date:hover > button { cursor: auto; } .datepicker-v2 .is-selected-available-date:hover > button, .datepicker-v2 .is-selected-available-date > button { background-color: #01c68c !important; border-radius: 100px; color: #fff; } .seo-positioning-helper-container { display: flex; flex-direction: column; } .seo-positioning-helper-container .fifth-position--full-width, .seo-positioning-helper-container .first-position--full-width, .seo-positioning-helper-container .fourth-position--full-width, .seo-positioning-helper-container .full-width, .seo-positioning-helper-container .second-position--full-width, .seo-positioning-helper-container .sixth-position--full-width, .seo-positioning-helper-container .third-position--full-width { width: 100%; } .seo-positioning-helper-container .first-position { order: 1; } .seo-positioning-helper-container .second-position { order: 2; } .seo-positioning-helper-container .third-position { order: 3; } .seo-positioning-helper-container .fourth-position { order: 4; } .seo-positioning-helper-container .fifth-position { order: 5; } .seo-positioning-helper-container .sixth-position { order: 6; } @media only screen and (min-width: 1365px) and (max-width: 1367px) and (max-height: 770px) { .hide-desktop-lrg { display: none !important; } } .home-container { width: 100%; display: grid; grid-template-rows: 1fr 1fr 128px; overflow: hidden; padding: 0 128px; } .home-container.quote-launcher__version-2 { grid-template-rows: 1fr 1fr 196px; } @media (max-width: 799px) { .home-container.quote-launcher__version-2 { grid-template-rows: 1fr auto !important; } } @media (max-width: 799px) { .home-container.quote-launcher__version-2 .cxo-variation__box { min-height: 237px !important; } } @media (min-width: 800px) { .home-container { height: calc(100vh - 66px); grid-gap: 1rem; } } @media only screen and (min-width: 1024px) and (max-width: 1280px) { .home-container { padding: 0 64px; } } @media (max-width: 799px) { .home-container { height: calc(100vh - 124px); grid-template-rows: 1fr auto; padding: 0; min-height: 500px; } } @media screen and (max-width: 350px) { .home-container { height: auto !important; } } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .home-container { height: auto !important; } } @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .home-container { grid-template-rows: 256px 1fr 1fr; } } @media only screen and (min-width: 1365px) and (max-width: 1367px) and (max-height: 770px) { .home-container { grid-template-rows: auto; } } .home-container-carousel { width: 100%; top: 0; } @media (min-width: 800px) { .home-container-carousel { position: absolute; height: calc(100vh - 66px); left: 128px; } } @media (max-width: 799px) { .home-container-carousel { position: absolute; bottom: 0; } } @media screen and (max-width: 350px) { .home-container-carousel { display: none; } } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .home-container-carousel { display: none; } } .home-container .slide-gallery { position: absolute; right: 0; bottom: 0; height: calc(100vh - 204px); object-fit: contain; object-position: bottom right; } @media (max-width: 799px) { .home-container .slide-gallery { height: calc(100% - 40px); width: calc(100% - 40px); } } @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .home-container .slide-gallery { width: 55vh; } } .home-container__row { position: relative; z-index: 1; display: grid; } @media (min-width: 800px) { .home-container__row { align-items: center; } } .home-container__texts { white-space: nowrap; } .home-container .slide-heading { font-size: 64px; line-height: 1.25; z-index: 1; font-weight: 700; } @media only screen and (min-width: 2559px) and (max-width: 2561px) and (max-height: 1441px) { .home-container .slide-heading { font-size: 100px; width: 55%; } } @media only screen and (min-width: 2194px) and (max-width: 2196px) and (max-height: 1236px) { .home-container .slide-heading { font-size: 86px; width: 55%; } } @media only screen and (min-width: 1679px) and (max-width: 1681px) and (max-height: 1051px) { .home-container .slide-heading { font-size: 66px; width: 70%; } } @media only screen and (min-width: 1365px) and (max-width: 1367px) and (max-height: 770px) { .home-container .slide-heading { padding-top: 64px; font-size: 52px; } } @media screen and (max-width: 1200px) { .home-container .slide-heading { font-size: 48px; } } @media (max-width: 799px) { .home-container .slide-heading { margin: 20px; font-size: 32px; width: calc(100% - 40px); } } @media screen and (min-width: 361px) and (max-width: 600px) { .home-container .slide-heading { font-size: 30px; } } @media screen and (min-width: 351px) and (max-width: 360px) { .home-container .slide-heading { max-width: 60%; font-size: 24px; } } @media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) { .home-container .slide-heading { max-width: 55%; font-size: 24px; } } @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { .home-container .slide-heading { font-size: 24px; width: calc(100% - 175px); } } @media only screen and (min-device-width: 375px) and (min-device-height: 737px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .home-container .slide-heading { font-size: 26px; width: calc(100% - 150px); } } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .home-container .slide-heading { font-size: 26px; } } @media (max-width: 799px) { .cxo-variation { align-items: end; } } .cxo-variation .cxo-variation__box { min-height: 160px; } .cxo-variation__box { width: 615px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 2px 8px 0 rgba(0, 0, 0, 0.12); border: 1px solid #eef0f2; background-color: #fff; } @media (max-width: 799px) { .cxo-variation__box { width: 100%; border: none; border-top: 1px solid #eef0f2; } } .cxo-variation__fleet { width: 400px; } @media (max-width: 799px) { .cxo-variation__fleet { width: 100%; } } @media (min-width: 800px) { .mb-9--desktop { margin-bottom: 96px; } } .animated-item > * { pointer-events: none; opacity: 0; visibility: hidden; will-change: opacity; transition: opacity 0.3s ease-in-out; } .animated-item.active > * { pointer-events: auto; opacity: 1; visibility: visible; } .animated-item:not(.active) { display: none; } .font-48 { font-size: 48px; } .font-24 { font-size: 24px; } .font-18 { font-size: 18px; } .inline-block { display: inline-block; } @media only screen and (max-width: 1681px) { .block-desktop-sml { display: block; } } .mb-8 { margin-bottom: 64px; } @media (max-width: 799px) { .mb-8--mobile { margin-top: 64px !important; } } @media (max-width: 799px) { .cxo-spacing-sponsorship { padding-top: 32px !important; } } .widget-customers-ag { background-color: #fafbfc; padding: 48px 20px; margin-bottom: 48px; box-shadow: inset 0 8px 12px -3px #eef0f2; } .ps-container { margin-right: auto; margin-left: auto; padding-left: 24px !important; padding-right: 24px !important; max-width: 1248px; position: relative; } @media screen and (max-width: 800px) { .ps-container.fp-section { padding: 48px 0; } } @media (max-width: 799px) { .ps-container { padding-left: 16px !important; padding-right: 16px !important; } } .home input { box-sizing: border-box; } .ps-partner-branded { padding: 20px 0; color: #fff; } @media (min-width: 800px) { .ps-partner-branded .fp-container { display: flex; justify-content: space-between; align-items: center; } } @media (max-width: 799px) { .ps-partner-branded .fp-container { text-align: center; } } .ps-partner-branded__text { font-size: 16px; } @media (min-width: 800px) { .ps-partner-branded__text { width: calc(100% - 320px); padding-right: 8px; font-size: 18px; } } .ps-partner-branded__logo { width: 320px; max-width: 100%; } @media (min-width: 800px) { .ps-partner-branded__logo { order: 2; } } @media (max-width: 799px) { .ps-partner-branded__logo { margin: 0 auto 16px; } } .ps-launcher-partner-logo { max-width: 320px; margin-top: 12px; } @media (max-width: 799px) { .ps-launcher-partner-logo { max-width: 70%; } } .partnership-about { background: #212338; padding: 0; color: #fff; margin-bottom: 96px; } .partnership-about__text { font-weight: 400; font-size: 18px; line-height: 24px; text-align: center; } @media (max-width: 799px) { .partnership-about { margin-bottom: 32px; } } @media (min-width: 800px) { .partnership-about .fp-container { position: relative; top: 32px; } } @media (max-width: 799px) { .partnership-about .fp-container { padding: 24px; } .partnership-about .fp-container img { display: none; } } @media (min-width: 800px) { .partnership-about ul.tick { padding-top: 70px; } } .partnership-about ul.tick li { color: #fff; font-family: AvertaStandard, sans-serif; font-size: 22px; padding-bottom: 10px; padding-left: 35px; } .partnership-about ul.tick li:after { top: 10px; height: 13px; width: 17px; } @media (min-width: 800px) { .partnership-list { margin-top: 72px; } } .partnership-how-it-works { background: #00dd95; padding: 32px; } @media (max-width: 799px) { .partnership-how-it-works { padding: 24px; } } .partnership-how-it-works h3 { color: #fff; text-align: center; font-size: 60px; margin-bottom: 60px; font-weight: 400; } @media (max-width: 799px) { .partnership-how-it-works h3 { font-size: 40px; } } @media (max-width: 799px) { .partnership-how-it-works .col-sm-4:last-child .partnership-how-it-works__text { margin-bottom: 0; } } .partnership-how-it-works__text { font-size: 20px; font-family: AvertaStandard, sans-serif; text-align: center; max-width: 220px; margin: 0 auto; font-weight: 700; } @media (max-width: 799px) { .partnership-how-it-works__text { margin-bottom: 30px; } } .partnership-how-it-works img { width: 90px; height: 90px; margin-bottom: 20px; } @media (max-width: 799px) { .partnership-how-it-works img { margin-bottom: 10px; } } @media (max-width: 799px) { .partner-footer { display: block; } } .partner-footer__logo { display: flex; align-items: center; } @media (max-width: 799px) { .partner-footer__logo { margin-bottom: 24px; } } .partner-footer__logo img { margin-left: 10px; } .partner-footer__links ul { margin: 0; padding: 0; } .partner-footer__links ul li { display: inline-block; list-style: none; padding: 0 30px 0 0; } .partner-footer__links ul li:last-child { padding-right: 0; } .partner-participating-suppliers h5 { margin-top: 20px; margin-bottom: 8px; } #partner-corporate .header-image__img img { position: relative; width: 100%; height: auto; } #partner-corporate .ps-page-title { font-weight: 700; font-size: 60px; line-height: 64px; color: #fff; } @media (max-width: 799px) { #partner-corporate .ps-page-title { font-size: 36px; line-height: 42px; min-height: 160px; display: flex; align-items: flex-end; padding-bottom: 20px; } } #partner-corporate .ps-page-subtitle { text-transform: none; margin-bottom: 16px; } #partner-corporate .ps-partner-branded__text { margin-bottom: 4px; padding-right: 0; font-size: 16px; line-height: 20px; width: 100% !important; text-align: right; } @media (max-width: 799px) { #partner-corporate .ps-partner-branded__text { text-align: center; } } #partner-corporate .partnership-about__info { max-width: 800px; margin: 0 auto; } @media (max-width: 799px) { #partner-corporate .partnership-about__info { flex-direction: column; } } #partner-corporate #partnership-info { padding: 96px 24px; max-width: 600px; } @media (max-width: 1200px) { #partner-corporate #partnership-info { padding: 48px 24px; } } @media (max-width: 799px) { #partner-corporate .partnership-list { margin: 24px auto 0; } } @media (max-width: 799px) { #partner-corporate .partnership-about .fp-container img { display: block; height: 300px; } } #partner-corporate .ps-partner-branded__logo { order: 0 !important; } #partner-corporate .ps-partner-branded__logo img { height: 36px; } @media (max-width: 799px) { #partner-corporate .ps-partner-branded__logo img { margin: 0 auto; } } #partner-corporate section.ps-partner-branded > div { max-width: 100%; } #partner-corporate .container-small { max-width: 600px !important; } .partnership-auto-width-img { width: auto; } .ps-container-ppc .card__rating { justify-content: center; margin-bottom: 16px; } .ps-container-ppc .card__rating:hover { color: #212338; } .ps-container-ppc .card__rating .card__feedback { cursor: auto; } .ps-container-ppc__ratings { display: flex; margin: 0 12px; } @media (max-width: 650px) { .ps-container-ppc__ratings { flex-direction: column; } } .ps-container-ppc__ratings > .card-avg { flex: 1; border: none; } @media (max-width: 800px) { .ps-container-ppc__ratings > .card-avg .card-avg__img { width: 80px !important; height: 80px !important; } } .ps-container-ppc__ratings > .card-avg:last-child { margin-right: 0 !important; } @media screen and (max-width: 1200px) { .ps-container-ppc__ratings > .card-avg:nth-child(2) { margin-right: 0 !important; } .ps-container-ppc__ratings > .card-avg:last-child { display: none; } } @media (max-width: 650px) { .ps-container-ppc__ratings > .card-avg { margin: 0 !important; } .ps-container-ppc__ratings > .card-avg:first-child { margin-bottom: 20px !important; } .ps-container-ppc__ratings > .card-avg:last-child { display: none; } } .onboarding-spacing { display: block; padding: 64px 0; margin: 0; } .onboarding-spacing:after, .onboarding-spacing:before { content: " "; display: table; box-sizing: inherit; } @media (max-width: 799px) { .onboarding-spacing { padding: 48px 0; } } @media (max-width: 799px) { .onboarding-ampolcard { width: 100%; max-width: 350px; height: auto; } } .onboarding-video { background-image: url(/Content/images/partnerships/onboarding-ampol/video-eden.jpg); width: 100%; max-width: 482px; min-height: 310px; background-size: contain; background-repeat: no-repeat; } @media (max-width: 799px) { .onboarding-video { width: 100%; height: auto; min-height: 160px; } } .onboarding-form { border: 1px solid #d4d9dd; border-radius: 4px; padding: 24px; } @media (min-width: 1000px) { .onboarding-usp { display: flex; } } .onboarding-usp__one { background-image: url(/Content/images/partnerships/onboarding-ampol/ampol-usp-first.svg); width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; margin-bottom: 16px; } @media (max-width: 799px) { .onboarding-usp__one { width: 128px; height: 128px; } } .onboarding-usp__two { background-image: url(/Content/images/partnerships/onboarding-ampol/ampol-usp-second.svg); width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; margin-bottom: 16px; } @media (max-width: 799px) { .onboarding-usp__two { width: 128px; height: 128px; } } .onboarding-usp__three { background-image: url(/Content/images/partnerships/onboarding-ampol/ampol-usp-third.svg); width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; margin-bottom: 16px; } @media (max-width: 799px) { .onboarding-usp__three { width: 128px; height: 128px; } } .onboarding-usp__four { background-image: url(/Content/images/partnerships/onboarding-ampol/ampol-usp-fourth.svg); width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; margin-bottom: 16px; } @media (max-width: 799px) { .onboarding-usp__four { width: 128px; height: 128px; } } .onboarding-usp__search-compare { background-image: url(/Content/images/partnerships/onboarding-ampol/usp-search-compare.svg); width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; margin-bottom: 16px; } @media (max-width: 799px) { .onboarding-usp__search-compare { width: 128px; height: 128px; } } .onboarding-usp__mobile-quote { background-image: url(/Content/images/partnerships/onboarding-ampol/usp-mobile-quote.svg); width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; margin-bottom: 16px; } @media (max-width: 799px) { .onboarding-usp__mobile-quote { width: 128px; height: 128px; } } .onboarding-usp__thumbs-up { background-image: url(/Content/images/partnerships/onboarding-ampol/usp-thumbs-up.svg); width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; margin-bottom: 16px; } @media (max-width: 799px) { .onboarding-usp__thumbs-up { width: 128px; height: 128px; } } .btn-onboarding { border-radius: 4px; border: 1px solid #d4d9dd; background-color: #fff; padding: 12px; color: #484c5f; font-weight: 600; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 2px 8px 0 rgba(0, 0, 0, 0.12); min-width: 148px; } .ampol-primary { color: #18249c; } .ampol-font { font-size: 54px; line-height: 74px; } @media (min-width: 700px) and (max-width: 1000px) { .ampol-font { font-size: 48px; line-height: 68px; } } @media (max-width: 799px) { .ampol-font { font-size: 36px; line-height: 56px; } } .ampol-heading { font-size: 28px; line-height: 28px; } @media (min-width: 800px) { .ampol-heading { font-size: 54px; line-height: 80px; margin-bottom: 48px; } } .btn-primary-ampol { background: #18249c; background-color: #18249c; } .btn-primary-ampol:active, .btn-primary-ampol:focus, .btn-primary-ampol:hover { background: #18249c; } .ampol-primary-bg { background-color: #18249c; } body #fl-launcher-app { margin: 0 auto; width: 400px; } body #fl-launcher-app:empty, body #fl-launcher-app:not(:empty) + #fl-launcher-app-loading { display: none; } @media (max-width: 799px) { body #fl-launcher-app { position: absolute; left: 94px; width: calc(100% + 4px); } } @media (max-width: 799px) { body #fl-launcher-app > div { margin-left: -96px; } } body #fl-launcher-app-loading { display: grid; grid-gap: 16px; grid-template-columns: 1fr; padding: 20px; align-content: flex-start; justify-content: stretch; border: 1px solid #d4d9dd; background-color: #fff; margin: 0 auto; width: 400px; height: 400px; } @media (max-width: 799px) { body #fl-launcher-app-loading { position: absolute; left: 0; width: 100%; } } body #fl-launcher-app-loading:empty { display: none; } body #fl-launcher-app-loading .loading-box { display: block; background-color: #f1f1f1; width: 100%; border-radius: 3px; height: 48px; } body #fl-launcher-app-loading .loading-header { height: 52px; display: grid; grid-template-columns: minmax(70px, 1fr) 150px; grid-gap: 40px; } .deal { display: grid; grid-gap: 20px 8px; grid-template-columns: 1fr auto auto; } @media (max-width: 799px) { .deal { margin-left: -16px; margin-right: -16px; } } @media (min-width: 800px) { .deal { grid-template-columns: auto 1fr auto; } } .deal__logo { grid-column: 1/3; width: 200px; } @media (min-width: 800px) { .deal__logo { grid-row: 1/2; grid-column: 1/2; width: 280px; } } .deal__description { grid-column: 1/4; } @media (min-width: 800px) { .deal__description { grid-row: 1/2; grid-column: 2/3; } } .deal__promo { line-height: 1; text-align: center; color: #03af83; } @media (min-width: 800px) { .deal__promo { grid-row: 1/2; grid-column: 3/4; } } .deal__discount { font-size: 40px; } @media (min-width: 800px) { .deal__discount { font-size: 58px; } } .clear-left { clear: left; } .clear { clear: both; } .flex-start { align-self: flex-start; } .flex-end { align-self: flex-end; } .ml-0 { margin-left: 0 !important; } .ml-1 { margin-left: 4px !important; } .ml-2 { margin-left: 8px !important; } .ml-3 { margin-left: 12px !important; } .ml-4 { margin-left: 16px !important; } .ml-5 { margin-left: 20px !important; } .ml-6 { margin-left: 24px !important; } .ml-7 { margin-left: 32px !important; } .ml-8 { margin-left: 48px !important; } .ml-9 { margin-left: 96px !important; } .mr-0 { margin-right: 0 !important; } .mr-1 { margin-right: 4px !important; } .mr-2 { margin-right: 8px !important; } .mr-3 { margin-right: 12px !important; } .mr-4 { margin-right: 16px !important; } .mr-5 { margin-right: 20px !important; } .mr-6 { margin-right: 24px !important; } .mr-7 { margin-right: 32px !important; } .mr-8 { margin-right: 48px !important; } .mr-9 { margin-right: 96px !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 4px !important; } .mt-2 { margin-top: 8px !important; } .mt-3 { margin-top: 12px !important; } .mt-4 { margin-top: 16px !important; } .mt-5 { margin-top: 20px !important; } .mt-6 { margin-top: 24px !important; } .mt-7 { margin-top: 32px !important; } .mt-8 { margin-top: 48px !important; } .mt-9 { margin-top: 96px !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 4px !important; } .mb-2 { margin-bottom: 8px !important; } .mb-3 { margin-bottom: 12px !important; } .mb-4 { margin-bottom: 16px !important; } .mb-5 { margin-bottom: 20px !important; } .mb-6 { margin-bottom: 24px !important; } .mb-7 { margin-bottom: 32px !important; } .mb-8 { margin-bottom: 48px !important; } .mb-9 { margin-bottom: 96px !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-1 { margin-left: 4px !important; margin-right: 4px !important; } .mx-2 { margin-left: 8px !important; margin-right: 8px !important; } .mx-3 { margin-left: 12px !important; margin-right: 12px !important; } .mx-4 { margin-left: 16px !important; margin-right: 16px !important; } .mx-5 { margin-left: 20px !important; margin-right: 20px !important; } .mx-6 { margin-left: 24px !important; margin-right: 24px !important; } .mx-7 { margin-left: 32px !important; margin-right: 32px !important; } .mx-8 { margin-left: 48px !important; margin-right: 48px !important; } .mx-9 { margin-left: 96px !important; margin-right: 96px !important; } .my-0 { margin-bottom: 0 !important; margin-top: 0 !important; } .my-1 { margin-bottom: 4px !important; margin-top: 4px !important; } .my-2 { margin-bottom: 8px !important; margin-top: 8px !important; } .my-3 { margin-bottom: 12px !important; margin-top: 12px !important; } .my-4 { margin-bottom: 16px !important; margin-top: 16px !important; } .my-5 { margin-bottom: 20px !important; margin-top: 20px !important; } .my-6 { margin-bottom: 24px !important; margin-top: 24px !important; } .my-7 { margin-bottom: 32px !important; margin-top: 32px !important; } .my-8 { margin-bottom: 48px !important; margin-top: 48px !important; } .my-9 { margin-bottom: 96px !important; margin-top: 96px !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 4px !important; } .m-2 { margin: 8px !important; } .m-3 { margin: 12px !important; } .m-4 { margin: 16px !important; } .m-5 { margin: 20px !important; } .m-6 { margin: 24px !important; } .m-7 { margin: 32px !important; } .m-8 { margin: 48px !important; } .m-9 { margin: 96px !important; } .pl-0 { padding-left: 0 !important; } .pl-1 { padding-left: 4px !important; } .pl-2 { padding-left: 8px !important; } .pl-3 { padding-left: 12px !important; } .pl-4 { padding-left: 16px !important; } .pl-5 { padding-left: 20px !important; } .pl-6 { padding-left: 24px !important; } .pl-7 { padding-left: 32px !important; } .pl-8 { padding-left: 48px !important; } .pl-9 { padding-left: 96px !important; } .pr-0 { padding-right: 0 !important; } .pr-1 { padding-right: 4px !important; } .pr-2 { padding-right: 8px !important; } .pr-3 { padding-right: 12px !important; } .pr-4 { padding-right: 16px !important; } .pr-5 { padding-right: 20px !important; } .pr-6 { padding-right: 24px !important; } .pr-7 { padding-right: 32px !important; } .pr-8 { padding-right: 48px !important; } .pr-9 { padding-right: 96px !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 4px !important; } .pt-2 { padding-top: 8px !important; } .pt-3 { padding-top: 12px !important; } .pt-4 { padding-top: 16px !important; } .pt-5 { padding-top: 20px !important; } .pt-6 { padding-top: 24px !important; } .pt-7 { padding-top: 32px !important; } .pt-8 { padding-top: 48px !important; } .pt-9 { padding-top: 96px !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 4px !important; } .pb-2 { padding-bottom: 8px !important; } .pb-3 { padding-bottom: 12px !important; } .pb-4 { padding-bottom: 16px !important; } .pb-5 { padding-bottom: 20px !important; } .pb-6 { padding-bottom: 24px !important; } .pb-7 { padding-bottom: 32px !important; } .pb-8 { padding-bottom: 48px !important; } .pb-9 { padding-bottom: 96px !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-1 { padding-left: 4px !important; padding-right: 4px !important; } .px-2 { padding-left: 8px !important; padding-right: 8px !important; } .px-3 { padding-left: 12px !important; padding-right: 12px !important; } .px-4 { padding-left: 16px !important; padding-right: 16px !important; } .px-5 { padding-left: 20px !important; padding-right: 20px !important; } .px-6 { padding-left: 24px !important; padding-right: 24px !important; } .px-7 { padding-left: 32px !important; padding-right: 32px !important; } .px-8 { padding-left: 48px !important; padding-right: 48px !important; } .px-9 { padding-left: 96px !important; padding-right: 96px !important; } .py-0 { padding-bottom: 0 !important; padding-top: 0 !important; } .py-1 { padding-bottom: 4px !important; padding-top: 4px !important; } .py-2 { padding-bottom: 8px !important; padding-top: 8px !important; } .py-3 { padding-bottom: 12px !important; padding-top: 12px !important; } .py-4 { padding-bottom: 16px !important; padding-top: 16px !important; } .py-5 { padding-bottom: 20px !important; padding-top: 20px !important; } .py-6 { padding-bottom: 24px !important; padding-top: 24px !important; } .py-7 { padding-bottom: 32px !important; padding-top: 32px !important; } .py-8 { padding-bottom: 48px !important; padding-top: 48px !important; } .py-9 { padding-bottom: 96px !important; padding-top: 96px !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 4px !important; } .p-2 { padding: 8px !important; } .p-3 { padding: 12px !important; } .p-4 { padding: 16px !important; } .p-5 { padding: 20px !important; } .p-6 { padding: 24px !important; } .p-7 { padding: 32px !important; } .p-8 { padding: 48px !important; } .p-9 { padding: 96px !important; } @media (max-width: 799px) { .ml-0--mobile { margin-left: 0 !important; } } @media (max-width: 799px) { .ml-1--mobile { margin-left: 4px !important; } } @media (max-width: 799px) { .ml-2--mobile { margin-left: 8px !important; } } @media (max-width: 799px) { .ml-3--mobile { margin-left: 12px !important; } } @media (max-width: 799px) { .ml-4--mobile { margin-left: 16px !important; } } @media (max-width: 799px) { .ml-5--mobile { margin-left: 20px !important; } } @media (max-width: 799px) { .ml-6--mobile { margin-left: 24px !important; } } @media (max-width: 799px) { .ml-7--mobile { margin-left: 32px !important; } } @media (max-width: 799px) { .ml-8--mobile { margin-left: 48px !important; } } @media (max-width: 799px) { .ml-9--mobile { margin-left: 96px !important; } } @media (max-width: 799px) { .mr-0--mobile { margin-right: 0 !important; } } @media (max-width: 799px) { .mr-1--mobile { margin-right: 4px !important; } } @media (max-width: 799px) { .mr-2--mobile { margin-right: 8px !important; } } @media (max-width: 799px) { .mr-3--mobile { margin-right: 12px !important; } } @media (max-width: 799px) { .mr-4--mobile { margin-right: 16px !important; } } @media (max-width: 799px) { .mr-5--mobile { margin-right: 20px !important; } } @media (max-width: 799px) { .mr-6--mobile { margin-right: 24px !important; } } @media (max-width: 799px) { .mr-7--mobile { margin-right: 32px !important; } } @media (max-width: 799px) { .mr-8--mobile { margin-right: 48px !important; } } @media (max-width: 799px) { .mr-9--mobile { margin-right: 96px !important; } } @media (max-width: 799px) { .mt-0--mobile { margin-top: 0 !important; } } @media (max-width: 799px) { .mt-1--mobile { margin-top: 4px !important; } } @media (max-width: 799px) { .mt-2--mobile { margin-top: 8px !important; } } @media (max-width: 799px) { .mt-3--mobile { margin-top: 12px !important; } } @media (max-width: 799px) { .mt-4--mobile { margin-top: 16px !important; } } @media (max-width: 799px) { .mt-5--mobile { margin-top: 20px !important; } } @media (max-width: 799px) { .mt-6--mobile { margin-top: 24px !important; } } @media (max-width: 799px) { .mt-7--mobile { margin-top: 32px !important; } } @media (max-width: 799px) { .mt-8--mobile { margin-top: 48px !important; } } @media (max-width: 799px) { .mt-9--mobile { margin-top: 96px !important; } } @media (max-width: 799px) { .mb-0--mobile { margin-bottom: 0 !important; } } @media (max-width: 799px) { .mb-1--mobile { margin-bottom: 4px !important; } } @media (max-width: 799px) { .mb-2--mobile { margin-bottom: 8px !important; } } @media (max-width: 799px) { .mb-3--mobile { margin-bottom: 12px !important; } } @media (max-width: 799px) { .mb-4--mobile { margin-bottom: 16px !important; } } @media (max-width: 799px) { .mb-5--mobile { margin-bottom: 20px !important; } } @media (max-width: 799px) { .mb-6--mobile { margin-bottom: 24px !important; } } @media (max-width: 799px) { .mb-7--mobile { margin-bottom: 32px !important; } } @media (max-width: 799px) { .mb-8--mobile { margin-bottom: 48px !important; } } @media (max-width: 799px) { .mb-9--mobile { margin-bottom: 96px !important; } } @media (max-width: 799px) { .mx-0--mobile { margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 799px) { .mx-1--mobile { margin-left: 4px !important; margin-right: 4px !important; } } @media (max-width: 799px) { .mx-2--mobile { margin-left: 8px !important; margin-right: 8px !important; } } @media (max-width: 799px) { .mx-3--mobile { margin-left: 12px !important; margin-right: 12px !important; } } @media (max-width: 799px) { .mx-4--mobile { margin-left: 16px !important; margin-right: 16px !important; } } @media (max-width: 799px) { .mx-5--mobile { margin-left: 20px !important; margin-right: 20px !important; } } @media (max-width: 799px) { .mx-6--mobile { margin-left: 24px !important; margin-right: 24px !important; } } @media (max-width: 799px) { .mx-7--mobile { margin-left: 32px !important; margin-right: 32px !important; } } @media (max-width: 799px) { .mx-8--mobile { margin-left: 48px !important; margin-right: 48px !important; } } @media (max-width: 799px) { .mx-9--mobile { margin-left: 96px !important; margin-right: 96px !important; } } @media (max-width: 799px) { .my-0--mobile { margin-bottom: 0 !important; margin-top: 0 !important; } } @media (max-width: 799px) { .my-1--mobile { margin-bottom: 4px !important; margin-top: 4px !important; } } @media (max-width: 799px) { .my-2--mobile { margin-bottom: 8px !important; margin-top: 8px !important; } } @media (max-width: 799px) { .my-3--mobile { margin-bottom: 12px !important; margin-top: 12px !important; } } @media (max-width: 799px) { .my-4--mobile { margin-bottom: 16px !important; margin-top: 16px !important; } } @media (max-width: 799px) { .my-5--mobile { margin-bottom: 20px !important; margin-top: 20px !important; } } @media (max-width: 799px) { .my-6--mobile { margin-bottom: 24px !important; margin-top: 24px !important; } } @media (max-width: 799px) { .my-7--mobile { margin-bottom: 32px !important; margin-top: 32px !important; } } @media (max-width: 799px) { .my-8--mobile { margin-bottom: 48px !important; margin-top: 48px !important; } } @media (max-width: 799px) { .my-9--mobile { margin-bottom: 96px !important; margin-top: 96px !important; } } @media (max-width: 799px) { .m-0--mobile { margin: 0 !important; } } @media (max-width: 799px) { .m-1--mobile { margin: 4px !important; } } @media (max-width: 799px) { .m-2--mobile { margin: 8px !important; } } @media (max-width: 799px) { .m-3--mobile { margin: 12px !important; } } @media (max-width: 799px) { .m-4--mobile { margin: 16px !important; } } @media (max-width: 799px) { .m-5--mobile { margin: 20px !important; } } @media (max-width: 799px) { .m-6--mobile { margin: 24px !important; } } @media (max-width: 799px) { .m-7--mobile { margin: 32px !important; } } @media (max-width: 799px) { .m-8--mobile { margin: 48px !important; } } @media (max-width: 799px) { .m-9--mobile { margin: 96px !important; } } @media (max-width: 799px) { .pl-0--mobile { padding-left: 0 !important; } } @media (max-width: 799px) { .pl-1--mobile { padding-left: 4px !important; } } @media (max-width: 799px) { .pl-2--mobile { padding-left: 8px !important; } } @media (max-width: 799px) { .pl-3--mobile { padding-left: 12px !important; } } @media (max-width: 799px) { .pl-4--mobile { padding-left: 16px !important; } } @media (max-width: 799px) { .pl-6--mobile { padding-left: 24px !important; } } @media (max-width: 799px) { .pl-7--mobile { padding-left: 32px !important; } } @media (max-width: 799px) { .pl-8--mobile { padding-left: 48px !important; } } @media (max-width: 799px) { .pl-9--mobile { padding-left: 96px !important; } } @media (max-width: 799px) { .pr-0--mobile { padding-right: 0 !important; } } @media (max-width: 799px) { .pr-1--mobile { padding-right: 4px !important; } } @media (max-width: 799px) { .pr-2--mobile { padding-right: 8px !important; } } @media (max-width: 799px) { .pr-3--mobile { padding-right: 12px !important; } } @media (max-width: 799px) { .pr-4--mobile { padding-right: 16px !important; } } @media (max-width: 799px) { .pr-5--mobile { padding-right: 20px !important; } } @media (max-width: 799px) { .pr-6--mobile { padding-right: 24px !important; } } @media (max-width: 799px) { .pr-7--mobile { padding-right: 32px !important; } } @media (max-width: 799px) { .pr-8--mobile { padding-right: 48px !important; } } @media (max-width: 799px) { .pr-9--mobile { padding-right: 96px !important; } } @media (max-width: 799px) { .pt-0--mobile { padding-top: 0 !important; } } @media (max-width: 799px) { .pt-1--mobile { padding-top: 4px !important; } } @media (max-width: 799px) { .pt-2--mobile { padding-top: 8px !important; } } @media (max-width: 799px) { .pt-3--mobile { padding-top: 12px !important; } } @media (max-width: 799px) { .pt-4--mobile { padding-top: 16px !important; } } @media (max-width: 799px) { .pt-5--mobile { padding-top: 20px !important; } } @media (max-width: 799px) { .pt-6--mobile { padding-top: 24px !important; } } @media (max-width: 799px) { .pt-7--mobile { padding-top: 32px !important; } } @media (max-width: 799px) { .pt-8--mobile { padding-top: 48px !important; } } @media (max-width: 799px) { .pt-9--mobile { padding-top: 96px !important; } } @media (max-width: 799px) { .pb-0--mobile { padding-bottom: 0 !important; } } @media (max-width: 799px) { .pb-1--mobile { padding-bottom: 4px !important; } } @media (max-width: 799px) { .pb-2--mobile { padding-bottom: 8px !important; } } @media (max-width: 799px) { .pb-3--mobile { padding-bottom: 12px !important; } } @media (max-width: 799px) { .pb-4--mobile { padding-bottom: 16px !important; } } @media (max-width: 799px) { .pb-5--mobile { padding-bottom: 20px !important; } } @media (max-width: 799px) { .pb-6--mobile { padding-bottom: 24px !important; } } @media (max-width: 799px) { .pb-7--mobile { padding-bottom: 32px !important; } } @media (max-width: 799px) { .pb-8--mobile { padding-bottom: 48px !important; } } @media (max-width: 799px) { .pb-9--mobile { padding-bottom: 96px !important; } } @media (max-width: 799px) { .px-0--mobile { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 799px) { .px-1--mobile { padding-left: 4px !important; padding-right: 4px !important; } } @media (max-width: 799px) { .px-2--mobile { padding-left: 8px !important; padding-right: 8px !important; } } @media (max-width: 799px) { .px-3--mobile { padding-left: 12px !important; padding-right: 12px !important; } } @media (max-width: 799px) { .px-4--mobile { padding-left: 16px !important; padding-right: 16px !important; } } @media (max-width: 799px) { .px-5--mobile { padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 799px) { .px-6--mobile { padding-left: 24px !important; padding-right: 24px !important; } } @media (max-width: 799px) { .px-7--mobile { padding-left: 32px !important; padding-right: 32px !important; } } @media (max-width: 799px) { .px-8--mobile { padding-left: 48px !important; padding-right: 48px !important; } } @media (max-width: 799px) { .px-9--mobile { padding-left: 96px !important; padding-right: 96px !important; } } @media (max-width: 799px) { .py-0--mobile { padding-bottom: 0 !important; padding-top: 0 !important; } } @media (max-width: 799px) { .py-1--mobile { padding-bottom: 4px !important; padding-top: 4px !important; } } @media (max-width: 799px) { .py-2--mobile { padding-bottom: 8px !important; padding-top: 8px !important; } } @media (max-width: 799px) { .py-3--mobile { padding-bottom: 12px !important; padding-top: 12px !important; } } @media (max-width: 799px) { .py-4--mobile { padding-bottom: 16px !important; padding-top: 16px !important; } } @media (max-width: 799px) { .py-5--mobile { padding-bottom: 20px !important; padding-top: 20px !important; } } @media (max-width: 799px) { .py-6--mobile { padding-bottom: 24px !important; padding-top: 24px !important; } } @media (max-width: 799px) { .py-7--mobile { padding-bottom: 32px !important; padding-top: 32px !important; } } @media (max-width: 799px) { .py-8--mobile { padding-bottom: 48px !important; padding-top: 48px !important; } } @media (max-width: 799px) { .py-9--mobile { padding-bottom: 96px !important; padding-top: 96px !important; } } @media (max-width: 799px) { .p-0--mobile { padding: 0 !important; } } @media (max-width: 799px) { .p-1--mobile { padding: 4px !important; } } @media (max-width: 799px) { .p-2--mobile { padding: 8px !important; } } @media (max-width: 799px) { .p-3--mobile { padding: 12px !important; } } @media (max-width: 799px) { .p-4--mobile { padding: 16px !important; } } @media (max-width: 799px) { .p-5--mobile { padding: 20px !important; } } @media (max-width: 799px) { .p-6--mobile { padding: 24px !important; } } @media (max-width: 799px) { .p-7--mobile { padding: 32px !important; } } @media (max-width: 799px) { .p-8--mobile { padding: 48px !important; } } @media (max-width: 799px) { .p-9--mobile { padding: 96px !important; } } @media (max-width: 992px) { .pr-0-md { padding-right: 0 !important; } } .ml-auto { margin-left: auto; } .mr-auto { margin-right: auto; } .mb-auto, .mt-auto { margin-top: auto; } .mx-auto { margin-left: auto; margin-right: auto; } .my-auto { margin-top: auto; margin-bottom: auto; } .mt-n1 { margin-top: -4px !important; } .mt-n2 { margin-top: -8px !important; } .mt-n3 { margin-top: -12px !important; } .mt-n4 { margin-top: -16px !important; } .mt-n8 { margin-top: -48px !important; } @media (max-width: 799px) { .mt-n8--mobile { margin-top: -48px; } } .mt-n9 { margin-top: -96px !important; } @media (max-width: 799px) { .mt-n9--mobile { margin-top: -96px; } } .mb-n1 { margin-bottom: -4px !important; } .ml-n1 { margin-left: -4px !important; } .ml-n3 { margin-left: -12px !important; } .ml-n4 { margin-left: -16px !important; } @media (max-width: 799px) { .mx-n4--mobile { margin-left: -16px; margin-right: -16px; } } .grey-divider { padding-top: 20px; border-top: 1px solid #d4d9dd; } @media (max-width: 799px) { .pl-5--mobile { padding-left: 20px !important; } } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #212338; font-weight: 700; margin: 0; text-transform: none; } .h1, h1 { font-size: 36px; line-height: 40px; } @media (max-width: 799px) { .h1, h1 { font-size: 32px; line-height: 40px; } } .h2, h2 { font-size: 28px; line-height: 32px; } @media (max-width: 799px) { .h2, h2 { font-size: 24px; line-height: 30px; } } .h3, h3 { font-size: 24px; line-height: 32px; } @media (max-width: 799px) { .h3, h3 { font-size: 22px; line-height: 28px; } } .h4, h4 { font-size: 22px; line-height: 28px; } @media (max-width: 799px) { .h4, h4 { font-size: 20px; line-height: 24px; } } .h5, h5 { font-size: 18px; line-height: 22px; } .h6, h6 { font-size: 16px; line-height: 18px; color: #484c5f; } div .h6, h1 .h6, h2 .h6, h3 .h6, h4 .h6, h5 .h6, h6, p .h6, span .h6 { text-transform: uppercase; } h6 .h1, h6 .h2, h6 .h3, h6 .h4, h6 .h5, h6 .h6 { text-transform: none !important; } .d1 { font-size: 40px; line-height: 44px; font-family: AvertaStandard; } @media (max-width: 992px) { .d1 { font-size: 34px; line-height: 36px; } } .d2 { font-size: 24px; line-height: 32px; font-weight: 400; } @media (max-width: 992px) { .d2 { font-size: 22px; line-height: 28px; } } .detail-sm { font-size: 14px; line-height: 16px; } .detail-md { font-size: 16px; line-height: 20px; } @media (max-width: 799px) { .detail-md--mobile { font-size: 16px !important; } } .detail-lg { font-size: 18px; line-height: 22px; } .detail-xl { font-size: 20px; line-height: 24px; } .font-normal { font-weight: 400; } .link-sm { color: #212338; font-size: 9px; } .link-muted { color: #212338; transition: all 0.3s; } .link-muted:hover { color: #0d59fc; } .text-yellow { color: #ffc001; } .text-green-900 { color: #078171; } .card-list { padding: 0; margin: 0; list-style: none; } .card-list__item { display: flex; align-items: flex-start; justify-content: space-between; padding: 20px; border: 1px solid #d4d9dd; margin: 12px 0; border-radius: 4px; } .card-list__payment-image { margin-right: 8px; height: 36px; } .card-list__btn { font-family: AvertaStandard, sans-serif; border-radius: 4px; background-color: #fff; color: #212338 !important; border: 1px solid #d4d9dd; padding: 8px 12px; font-size: 14px; } .card-list__btn--danger { color: #fff !important; background: #e12e28; border: none; height: 41px; } .card-list__btn--danger:active, .card-list__btn--danger:focus, .card-list__btn--danger:hover { background: #b51e1a; } .card-list__btn--primary { color: #fff !important; background: #6c7283; border: none; height: 41px; } .card-list__btn--primary:active, .card-list__btn--primary:focus, .card-list__btn--primary:hover { background: #484c5f; } .card-list__btn--rounded { height: 36px; width: 36px; border-radius: 36px; display: flex; justify-content: center; box-shadow: 0 0 9px 5px #eef0f2; } .divider-or { border-bottom: 1px solid #d4d9dd; width: 100%; font-size: 14px; line-height: 14px; position: relative; margin: 48px 0; } .divider-or:after { content: "OR"; padding: 0 8px; color: #6c7283; position: absolute; top: -6px; left: calc(50% - 18px); background: #fff; } .divider-or-v { border-right: 1px solid #d4d9dd; font-size: 14px; line-height: 14px; position: relative; margin: 0 48px; } .divider-or-v:after { content: "OR"; padding: 8px 0; color: #6c7283; position: absolute; top: calc(50% - 15px); left: -10px; background: #fff; } .box-z1 { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.04), 0 2px 16px 0 rgba(0, 0, 0, 0.12); } .box-z1, .box-z2 { background-color: #fff; border: 1px solid #d4d9dd; } .box-z2 { box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0 12px 48px 0 rgba(0, 0, 0, 0.08); } .box-z3 { border: 1px solid #d4d9dd; box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08), 0 24px 96px 0 rgba(0, 0, 0, 0.12); } .box-z0, .box-z3 { background-color: #fff; } .box-z0 { border: 4px solid #eef0f2; } .box-1px { border: 1px solid #d4d9dd; } .box-1px--green500 { border: 1px solid #00dd95; border-radius: 4px; } .box-4px { border: 4px solid #eef0f2; } .box-4px--green500 { border: 4px solid #00dd95; border-radius: 4px; } .box-z0-marketing { background-color: #fff; } .box-light-gray { border: 1px solid #d4d9dd; background-color: #fafbfc; padding: 16px; } .box-4px-zest { border: 4px solid #ffc001; } @media (max-width: 799px) { .mobile-unboxed { border: none !important; padding: 0 !important; } } .box-mailing { margin: 0 auto; max-width: 600px; padding: 48px; } .status-box { box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.08), 0 0 12px 0 rgba(0, 0, 0, 0.04); background: #fff; } .status-box .status-header { padding: 5px 15px; color: #eef0f2; } .status-box .status-header:not(.status-action-required) h5 { text-transform: uppercase; } .status-box .status-header h6 { opacity: 0.8; } .status-box .status-description { padding: 20px; } .status-box .status-completed, .status-box .status-no-action-required { background: #212338; } .status-box .status-action-required, .status-box .status-awaiting-confirmation { background: #f38e29; } .status-box .status-cancelled { background: #e12e28; } .status-box .status-confirmed-or-rescheduled { background: #078171; } .notification-dot-holder { position: relative; } .notification-dot { position: absolute; right: -7px; border-radius: 7px; height: 7px; width: 7px; background-color: #e12e28; } .notification-dot.loading { display: none; } .notification-dot--workshop-profile-nav { top: 30px; } @media (min-width: 800px) { .notification-dot--workshop-profile-nav { top: 35px; } } #youtube-video-launcher-overlay { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000; z-index: 9998; transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transform: translateZ(0); } #youtube-video-launcher-overlay.active { background-color: #212338; opacity: 0.9; visibility: visible; } #youtube-video-launcher-modal { width: 800px; margin: 0 auto; background-color: #fff; position: fixed; top: 96px; left: 0; right: 0; z-index: 9999; display: none; min-height: 500px; max-height: calc(100vh - 192px); overflow-y: auto; } @media screen and (max-width: 800px) { #youtube-video-launcher-modal { padding: 24px; background-color: initial; width: 100%; min-height: 220px; top: 0; animation: bounce-animation 0.3s ease-in-out; } } #youtube-video-launcher-modal__container { width: 100%; } #youtube-video-launcher-modal__header { display: flex; justify-content: space-between; width: 800px; position: fixed; border-bottom: 1px solid #d4d9dd; padding: 16px; background-color: #fff; z-index: 1; } @media screen and (max-width: 800px) { #youtube-video-launcher-modal__header { width: calc(100% - 48px); } } #youtube-video-launcher-modal__content { padding-top: 60px; } #youtube-video-launcher-modal__content .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } #youtube-video-launcher-modal__content .embed-container embed, #youtube-video-launcher-modal__content .embed-container iframe, #youtube-video-launcher-modal__content .embed-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #youtube-video-launcher-modal.active { display: flex; } .img-lazy:not([data-img-lazy-loaded]) { filter: blur(20px); opacity: 0.5; transform: scale(1.5); } .lazyload { visibility: hidden; } .verified-rego-badge { color: #078171; } .verified-rego-badge i, .verified-rego-badge span { vertical-align: middle; } .sidebar-nav ~ .content, .supplier-spacing-sidebar { width: auto; padding: 0 20px; background-color: #fff; } @media (min-width: 1360px) { .sidebar-nav ~ .content, .supplier-spacing-sidebar { margin-left: 256px; } } .sidebar-nav { position: fixed; top: 0; left: 0; bottom: 0; z-index: 500; width: 256px; border-right: 1px solid #d4d9dd; background-color: #fff; z-index: 9999; transform: translate3d(-256px, 0, 0); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); padding: 8px 4px 8px 8px; overflow-y: scroll; overflow-x: hidden; } .sidebar-nav::-webkit-scrollbar, .sidebar-nav::-webkit-scrollbar-thumb, .sidebar-nav::-webkit-scrollbar-track { width: 4px; border: none; background: transparent; } .sidebar-nav::-webkit-resizer, .sidebar-nav::-webkit-scrollbar-button, .sidebar-nav::-webkit-scrollbar-corner, .sidebar-nav::-webkit-scrollbar-track-piece { display: none; } .sidebar-nav::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #eef0f2; } @media (max-height: 720px) { .sidebar-nav { -webkit-overflow-scrolling: touch; overflow-y: scroll; scrollbar-width: thin; } } @media (min-width: 1360px) { .sidebar-nav { transform: translateZ(0) !important; } } .sidebar-nav.open { transform: translateZ(0); } .sidebar-nav__heading { font-size: 12px; color: #8f95a1; padding-bottom: 12px; } .sidebar-nav__items { list-style: none; padding: 0; margin: 0; } .sidebar-nav__items__item { display: flex; border-radius: 4px; } .sidebar-nav__items__item--active > a { transition: all 0.2s; background-color: #eef0f2; color: #212338 !important; } .sidebar-nav__items__item--active > a > i { color: #212338; } .sidebar-nav__items__item--active > a .icon-afterpay-marque { background: url(/Content/images/afterpay/afterpay-marque.svg) no-repeat 50%; background-size: contain; width: 18px; height: 18px; } .sidebar-nav__items__item > a { display: flex; align-items: center; width: 100%; padding: 12px; font-size: 16px; color: #5c6172; height: 48px; border-radius: 4px; } .sidebar-nav__items__item > a:hover { transition: all 0.2s; background-color: #fafbfc; color: #212338; } .sidebar-nav__items__item > a:hover > i { color: #212338; } .sidebar-nav__items__item > a:hover .icon-afterpay-marque { background: url(/Content/images/afterpay/afterpay-marque.svg) no-repeat 50%; background-size: contain; width: 18px; height: 18px; } .sidebar-nav__items__item > a:active { transition: all 0.2s; background-color: #eef0f2; } .sidebar-nav__items__item--highlight { background-color: #d42b26; } .sidebar-nav__items__item--highlight > a { transition: all 0.2s; color: #fff !important; } .sidebar-nav__items__item--highlight > a > i { color: #fff; } .sidebar-nav__items__item--highlight > a:hover { transition: all 0.2s; background-color: #e85f5b; color: #fff; } .sidebar-nav__items__item--highlight > a:hover > i { color: #fff; } .sidebar-nav__items__item--top-seperator { margin-top: 16px; padding-top: 16px; border-top: 1px solid #d5dae8; } .sidebar-nav__items__item.flex-wrap { display: flex; align-items: center; justify-content: space-between; } .sidebar-nav .notification-dot { top: -4px; right: -8px; } .accordion__submenu { overflow: hidden; transition: flex 0.3s ease-out; height: auto; flex: 1; } .accordion__heading { padding: 0 12px 8px; margin-bottom: 0; } .afterpay-marque { background: url(/Content/images/afterpay/afterpay-marque-light-gray.svg) no-repeat 50%; background-size: contain; width: 18px; height: 18px; } .icon-afterpay-marque { background-image: url(/Content/images/afterpay/afterpay-marque-light-gray.svg); } .icon-afterpay-marque, .icon-uber-marque { background-size: cover; width: 18px; height: 18px; } .icon-uber-marque { background-image: url(/Content/images/logos/uber-marque.svg); } .icon-orders-marque { background-image: url(/Content/images/icons/package-variant.svg); } .icon-bnpl, .icon-orders-marque { background-size: cover; width: 18px; height: 18px; } .icon-bnpl { background-image: url(/Content/images/icons/bnpl-icon.svg); } .workshop-header__inner { display: grid; row-gap: 16px; grid-template-columns: auto 400px 1fr; align-items: center; padding: 20px; border-bottom: 1px solid #eef0f2; } @media (min-width: 1360px) { .workshop-header__inner { margin-left: 256px; } } @media (max-width: 799px) { .workshop-header__inner { grid-template-columns: 1fr 1fr; } } @media (max-width: 799px) { .workshop-header__global-search { order: 2; grid-column-start: 1; grid-column-end: 4; } } @media (min-width: 800px) { .workshop-header .notification-container { margin-left: 256px; } .workshop-header .notification-container__error { background-color: #e12e28; } } .workshop-header #help-trigger, .workshop-header #help-trigger:hover { color: #000; } .workshop-header__logo-mobile { background: url(./images/ps-otto-marque.svg) no-repeat 50%; width: 32px; height: 24px; background-size: contain; } .workshop-policies-list { list-style: none; padding: 0; margin: 0; } .workshop-policies-list__list-item { display: block; padding: 20px; border: 1px solid #d4d9dd; } .workshop-policies-list__list-item__body { display: flex; align-content: center; align-items: center; } @media screen and (max-width: 800px) { .workshop-policies-list__list-item__body { flex-direction: column; } } .workshop-policies-list__list-item__left { width: 100%; } @media (min-width: 800px) { .workshop-policies-list__list-item__left { padding-right: 16px; } } .workshop-policies-list__list-item__right { text-align: right; } @media (max-width: 799px) { .workshop-policies-list__list-item__right { margin-top: 16px; } } .workshop-policies-list__modal { display: flex; flex-direction: column; } @media screen and (min-width: 800px) { .workshop-policies-list__modal { height: calc(100vh - 192px); margin-top: 96px; } } .workshop-policies-list__modal header { display: flex; flex-shrink: 0; padding: 16px; border-bottom: 1px solid #d4d9dd; } .workshop-policies-list__modal header span { width: 100%; font-size: 18px; font-weight: 700; } .workshop-policies-list__modal header button { border: none; padding: 0; margin: 0; background: none; width: 24px; height: 24px; font-size: 24px; } .workshop-policies-list__modal main { flex-grow: 1; padding: 16px; overflow-y: scroll; } .workshop .modal-dialog.modal-lrg { width: 800px; margin: 0 auto; } @media screen and (max-width: 800px) { .workshop .modal-dialog.modal-lrg { width: 100%; } } .workshop .modal.fade.in { z-index: 999999 !important; } .workshop .modal-backdrop { z-index: 99999 !important; } .user-profile__descriptor { display: flex; align-items: center; padding: 0; margin: 0; width: auto; border: none; background: none; cursor: pointer; } .user-profile__descriptor:active, .user-profile__descriptor:focus, .user-profile__descriptor:hover { outline: 0; } .user-profile .drill-down { position: absolute; z-index: 600; right: 0; left: auto; top: 48px; margin: 0; width: 280px; box-shadow: 0 0 25px 0 #d4d9dd; border: 1px solid #d4d9dd; background: #fff; } .user-profile .drill-down__top { border-radius: 0; padding: 12px; } .user-profile .drill-down__label { font-size: 12px; } .user-profile__badge { font-weight: 700; display: inline-flex; padding: 0 8px; color: #fff; font-size: 12px; text-transform: uppercase; border-radius: 4px; background-color: #6c7283; line-height: 26px; } .user-profile__workshop-list { display: flex; flex-direction: column; border-top: 1px solid #d4d9dd; background-color: #eef0f2; max-height: 400px; overflow: auto; overflow-x: hidden; } .user-profile__workshop-name { color: #212338; padding: 20px 20px 0; font-weight: 700; } .user-profile__workshop-name:not(:last-child):after { display: flex; content: ""; padding-top: 20px; border-bottom: 1px solid #d4d9dd; } .user-profile__workshop-name:last-child { padding: 24px 20px; } .user-profile__workshop-name:hover { background-color: #fafbfc; color: #212338; } .user-profile__wrap-btn { border-top: 1px solid #d4d9dd; padding: 12px; } .user-profile__btn { display: flex; align-items: center; justify-content: center; width: 100%; font-size: 14px; border: 1px solid #d4d9dd; border-radius: 4px; padding: 4px 0; color: #212338; font-weight: 700; } .user-profile__bubble { width: 32px; height: 32px; border-radius: 32px; } @media (max-width: 650px) { .user-profile__bubble { margin-left: 8px; } } .page-tabs { display: block; width: 100%; border-bottom: 1px solid #eef0f2; margin-bottom: 20px; } .page-tabs__items { display: inline-flex; width: auto; list-style: none; padding: 0; margin: 0; color: #6c7283; } @media (max-width: 650px) { .page-tabs__items { display: flex; flex-direction: column; } } .page-tabs__items:hover .page-tabs__item:not(:hover) { color: inherit; } .page-tabs__items:hover .page-tabs__item:not(:hover):after { background-color: initial; } .page-tabs__item { display: inline-block; font-weight: 700; font-size: 14px; color: inherit; margin-right: 32px; cursor: pointer; } .page-tabs__item:last-child { margin-right: 0; } .page-tabs__item:after { display: block; content: ""; width: 100%; height: 2px; background-color: initial; transform: translateY(-1px); } .page-tabs__item--active, .page-tabs__item.active, .page-tabs__item:hover { color: #078171; } .page-tabs__item--active:after, .page-tabs__item.active:after, .page-tabs__item:hover:after { background-color: #078171; } .page-tabs__item--active .badge, .page-tabs__item.active .badge, .page-tabs__item:hover .badge { background-color: #078171; color: #fff; } .page-tabs__item a { display: flex; padding: 8px 0; align-items: center; height: 100%; width: 100%; color: inherit; } .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1); position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion { position: relative; padding: 10px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #495277; } .autocomplete-suggestion b { font-weight: 400; } .autocomplete-suggestion.selected { background: #f0f0f0; } .ns-caret { right: 12px; position: absolute; width: 24px; height: 24px; background: url(./images/caret-down-tarmac.svg) no-repeat 100%; transform: rotate(-90deg); }