/* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggUykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggQykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggoykkuewkM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggUykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggQykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggoykkuewkM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggUykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggQykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggoykkuewkM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggUykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggQykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggoykkuewkM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggUykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggQykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggoykkuewkM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggUykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggQykkuewkOv-Q.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZXFGj5hxF0EhjimlIhggoykkuewkM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIrsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIqsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIksgg4lWmc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIrsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIqsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIksgg4lWmc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIrsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIqsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIksgg4lWmc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIrsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIqsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIksgg4lWmc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIrsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIqsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIksgg4lWmc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIrsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIqsgg4lWmc8kI.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Epilogue'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/epilogue/v17/O4ZRFGj5hxF0EhjimlIksgg4lWmc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Michroma'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/michroma/v17/PN_zRfy9qWD8fEagAPgzpTn5_PDb9no.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Michroma'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/michroma/v17/PN_zRfy9qWD8fEagAPg9pTn5_PDb.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; margin: auto; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *, *:before, *:after { box-sizing: border-box; } .content-wrapper { margin: 0 auto; padding: 0 20px; max-width: 1120px; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section, .content-wrapper--vertical-spacing { padding: 128px 20px; } .dnd-section.dnd-section_noverflow { overflow: hidden; } .dnd-section > .row-fluid { margin: 0 auto; max-width: 1120px; } .dnd-section .dnd-column { padding: 0 20px; } @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } .dnd-section, .content-wrapper--vertical-spacing { padding: 64.0px 20px; } } .content_dark { color: #FFFFFF; } .content_light, .dnd-section_light { color: #000326; } .dnd-section_contained { overflow: hidden; } .dnd-section_np { padding-top: 0; padding-bottom: 0; } /* Responsive Grid */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } button, .button, .button_cta a { background-color: rgba(231, 255, 164, 1.0); border: none; border-radius: 2px; color: rgba(0, 3, 38, 1.0); padding: 20px 28px; font-family: Epilogue, sans-serif; font-size: 1.125rem; font-weight: 700; display: inline-block; width: auto; height: auto; margin: 0; cursor: pointer; line-height: 1.1; letter-spacing: 0.03em; white-space: normal; word-break: break-word; text-align: center; text-decoration: none; position: relative; transition: all 0.15s linear; text-decoration: none; /* To affect HubSpot CTAs */ } button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .button_cta a:hover, .button_cta a:focus, .button_cta a:active { background-color: rgba(255, 255, 255, 1.0); border-color: rgba(255, 255, 255, 1.0); color: rgba(0, 3, 38, 1.0); text-decoration: none; transform: scale(1.0); } button:disabled, .button:disabled, .button_cta a:disabled { background-color: #D0D0D0; border-color: #D0D0D0; color: #E6E6E6; } button a, .button a, .button_cta a a { color: rgba(0, 3, 38, 1.0); } button a:hover, .button a:hover, .button_cta a a:hover { color: white; text-decoration: none; } /* This class allows the use of CTAS */ .button_cta, .button_cta.button--outlined, .button_cta.button--arrow { padding: 0; border: none; display: inline-block; } .button_cta:after, .button_cta.button--outlined:after, .button_cta.button--arrow:after { display: none; } @media screen and (max-width: 767px) { .button_cta, .button_cta.button--outlined, .button_cta.button--arrow { text-align: center; } } .widget-type-cta { background-color: rgba(231, 255, 164, 1.0); border: 0px solid rgba(231, 255, 164, 1); border-radius: 2px; color: rgba(0, 3, 38, 1.0); padding: 20px 28px; font-family: Epilogue, sans-serif; font-size: 0.75rem; font-weight: bold; display: inline-block; width: auto; height: auto; margin: 0; cursor: pointer; line-height: 1.1; letter-spacing: 0.03em; white-space: normal; word-break: break-word; text-align: center; text-decoration: none; position: relative; transition: all 0.15s linear; /* To affect HubSpot CTAs */ } .widget-type-cta:hover, .widget-type-cta:focus, .widget-type-cta:active { background-color: rgba(255, 255, 255, 1.0); border-color: rgba(255, 255, 255, 1.0); color: rgba(0, 3, 38, 1.0); text-decoration: none; transform: scale(1.0); } .widget-type-cta:disabled { background-color: #D0D0D0; border-color: #D0D0D0; color: #E6E6E6; } .widget-type-cta a { color: rgba(0, 3, 38, 1.0); } .widget-type-cta a:hover { color: white; text-decoration: none; } .widget-type-cta a { color: white; } .widget-type-cta a:hover, .widget-type-cta a:focus, .widget-type-cta a:active { color: white; text-decoration: none; } .button--outlined, .button_cta.button--outlined a { background-color: transparent; color: #E7FFA4; border: 2px solid #E7FFA4; padding-top: 18px; padding-bottom: 18px; font-weight: bold; /* To affect HubSpot CTAs */ } .button--outlined:hover, .button--outlined:active, .button--outlined:focus, .button_cta.button--outlined a:hover, .button_cta.button--outlined a:active, .button_cta.button--outlined a:focus { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } .button--outlined a, .button_cta.button--outlined a a { color: inherit; } .button--arrow, .button_cta.button--arrow a, .button--link, .button_cta.button--link a { color: #E7FFA4; background: none; border: none; padding: 0; transition: none; /* To affect HubSpot CTAs */ } .button--arrow:after, .button_cta.button--arrow a:after { content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%23E7FFA4'/%3E%3C/svg%3E"); width: 36px; margin-left: 6px; margin-right: 4px; display: inline-block; vertical-align: middle; transform: none; transition: transform .15s linear; } .button--arrow:hover, .button--arrow:focus, .button--arrow:active, .button_cta.button--arrow a:hover, .button_cta.button--arrow a:focus, .button_cta.button--arrow a:active, .button--link:hover, .button--link:focus, .button--link:active, .button_cta.button--link a:hover, .button_cta.button--link a:focus, .button_cta.button--link a:active { background: none; border: none; text-decoration: none; color: #FFFFFF; transform: none; } .button--arrow:hover:after, .button--arrow:focus:after, .button--arrow:active:after, .button_cta.button--arrow a:hover:after, .button_cta.button--arrow a:focus:after, .button_cta.button--arrow a:active:after { /* Really nasty way of chaning the color of the arrow */ content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%23FFFFFF'/%3E%3C/svg%3E"); transform: translateX(4px); } .button--arrow:hover a, .button--arrow:focus a, .button--arrow:active a, .button_cta.button--arrow a:hover a, .button_cta.button--arrow a:focus a, .button_cta.button--arrow a:active a { color: inherit; } .button--arrow:disabled, .button_cta.button--arrow a:disabled { background: none; border: none; color: #aeaeae; cursor: auto; } .button--arrow a, .button_cta.button--arrow a a { color: inherit; } .content_light button:not(.button--default), .content_light .button:not(.button--default), .content_light .button_cta:not(.button--default) a, .dnd-section_light .kl-rich-text button:not(.button--default), .dnd-section_light .kl-rich-text__buttons .button:not(.button--default), .dnd-section_light .kl-rich-text .button_cta:not(.button--default) a, .button.button--inverted { background-color: rgba(5, 32, 193, 1.0); color: rgba(255, 255, 255, 1); border-color: rgba(5, 32, 193, 1); text-decoration: none; } .content_light button:not(.button--default):hover, .content_light button:not(.button--default):active, .content_light button:not(.button--default):focus, .content_light .button:not(.button--default):hover, .content_light .button:not(.button--default):active, .content_light .button:not(.button--default):focus, .content_light .button_cta:not(.button--default) a:hover, .content_light .button_cta:not(.button--default) a:active, .content_light .button_cta:not(.button--default) a:focus, .dnd-section_light .kl-rich-text button:not(.button--default):hover, .dnd-section_light .kl-rich-text button:not(.button--default):active, .dnd-section_light .kl-rich-text button:not(.button--default):focus, .dnd-section_light .kl-rich-text__buttons .button:not(.button--default):hover, .dnd-section_light .kl-rich-text__buttons .button:not(.button--default):active, .dnd-section_light .kl-rich-text__buttons .button:not(.button--default):focus, .dnd-section_light .kl-rich-text .button_cta:not(.button--default) a:hover, .dnd-section_light .kl-rich-text .button_cta:not(.button--default) a:active, .dnd-section_light .kl-rich-text .button_cta:not(.button--default) a:focus, .button.button--inverted:hover, .button.button--inverted:active, .button.button--inverted:focus { background-color: #000326; color: #ffffff; border-color: #000326; } .body-container .content_light a:not([class]), .body-container .dnd-section_light a:not([class]), .content_light .button--link:not(.button--default), .content_light .button--arrow:not(.button--default), .content_light .button_cta.button--link:not(.button--default) a, .content_light .button_cta.button--arrow:not(.button--default) a, .dnd-section_light .kl-rich-text .button--link:not(.button--default), .dnd-section_light .kl-rich-text .button--arrow:not(.button--default), .dnd-section_light .kl-rich-text .button_cta.button--link:not(.button--default) a, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a, .dnd-section_light .kl-rich-text__buttons .button--link:not(.button--default), .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default), .dnd-section_light .kl-rich-text__buttons .button_cta.button--link:not(.button--default) a, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a, .button.button--inverted.button--link:not(.button--default), .button.button--inverted.button--arrow:not(.button--default) { color: #0520C1; background: none; border: none; padding: 0; transition: none; } .content_light .button--arrow:not(.button--default):after, .content_light .button_cta.button--arrow:not(.button--default) a:after, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):after, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:after, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):after, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:after, .button.button--inverted.button--arrow:not(.button--default):after { content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%230520C1'/%3E%3C/svg%3E"); } .button--link span, .button--arrow span, .body-container a:not([class]), .button--link:hover span, .button--arrow:hover span, .body-container a:not([class]):hover, .button--link:active span, .button--arrow:active span, .body-container a:not([class]):active, .button--link:focus span, .button--arrow:focus span, .body-container a:not([class]):focus { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; } .body-container .content_light a:not([class]):hover, .body-container .dnd-section_light a:not([class]):hover, .body-container .content_light a:not([class]):active, .body-container .dnd-section_light a:not([class]):active, .body-container .content_light a:not([class]):focus, .body-container .dnd-section_light a:not([class]):focus, .content_light .button--link:not(.button--default):hover, .content_light .button--link:not(.button--default):active, .content_light .button--link:not(.button--default):focus, .content_light .button--arrow:not(.button--default):hover, .content_light .button--arrow:not(.button--default):active, .content_light .button--arrow:not(.button--default):focus, .content_light .button_cta.button--link:not(.button--default) a:hover, .content_light .button_cta.button--link:not(.button--default) a:active, .content_light .button_cta.button--link:not(.button--default) a:focus, .content_light .button_cta.button--arrow:not(.button--default) a:hover, .content_light .button_cta.button--arrow:not(.button--default) a:active, .content_light .button_cta.button--arrow:not(.button--default) a:focus, .dnd-section_light .kl-rich-text .button--link:not(.button--default):hover, .dnd-section_light .kl-rich-text .button--link:not(.button--default):active, .dnd-section_light .kl-rich-text .button--link:not(.button--default):focus, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):hover, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):active, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):focus, .dnd-section_light .kl-rich-text .button_cta.button--link:not(.button--default) a:hover, .dnd-section_light .kl-rich-text .button_cta.button--link:not(.button--default) a:active, .dnd-section_light .kl-rich-text .button_cta.button--link:not(.button--default) a:focus, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:hover, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:active, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:focus, .dnd-section_light .kl-rich-text__buttons .button--link:not(.button--default):hover, .dnd-section_light .kl-rich-text__buttons .button--link:not(.button--default):active, .dnd-section_light .kl-rich-text__buttons .button--link:not(.button--default):focus, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):hover, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):active, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):focus, .dnd-section_light .kl-rich-text__buttons .button_cta.button--link:not(.button--default) a:hover, .dnd-section_light .kl-rich-text__buttons .button_cta.button--link:not(.button--default) a:active, .dnd-section_light .kl-rich-text__buttons .button_cta.button--link:not(.button--default) a:focus, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:hover, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:active, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:focus, .button.button--inverted.button--link:not(.button--default):hover, .button.button--inverted.button--link:not(.button--default):active, .button.button--inverted.button--link:not(.button--default):focus, .button.button--inverted.button--arrow:not(.button--default):hover, .button.button--inverted.button--arrow:not(.button--default):active, .button.button--inverted.button--arrow:not(.button--default):focus { background: none; border: none; color: #000326; transform: none; } .content_light .button--link:not(.button--default):hover, .content_light .button--link:not(.button--default):active, .content_light .button--link:not(.button--default):focus, .content_light .button--arrow:not(.button--default):hover, .content_light .button--arrow:not(.button--default):active, .content_light .button--arrow:not(.button--default):focus, .content_light .button_cta.button--link:not(.button--default) a:hover, .content_light .button_cta.button--link:not(.button--default) a:active, .content_light .button_cta.button--link:not(.button--default) a:focus, .content_light .button_cta.button--arrow:not(.button--default) a:hover, .content_light .button_cta.button--arrow:not(.button--default) a:active, .content_light .button_cta.button--arrow:not(.button--default) a:focus, .dnd-section_light .kl-rich-text .button--link:not(.button--default):hover, .dnd-section_light .kl-rich-text .button--link:not(.button--default):active, .dnd-section_light .kl-rich-text .button--link:not(.button--default):focus, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):hover, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):active, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):focus, .dnd-section_light .kl-rich-text .button_cta.button--link:not(.button--default) a:hover, .dnd-section_light .kl-rich-text .button_cta.button--link:not(.button--default) a:active, .dnd-section_light .kl-rich-text .button_cta.button--link:not(.button--default) a:focus, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:hover, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:active, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:focus, .dnd-section_light .kl-rich-text__buttons .button--link:not(.button--default):hover, .dnd-section_light .kl-rich-text__buttons .button--link:not(.button--default):active, .dnd-section_light .kl-rich-text__buttons .button--link:not(.button--default):focus, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):hover, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):active, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):focus, .dnd-section_light .kl-rich-text__buttons .button_cta.button--link:not(.button--default) a:hover, .dnd-section_light .kl-rich-text__buttons .button_cta.button--link:not(.button--default) a:active, .dnd-section_light .kl-rich-text__buttons .button_cta.button--link:not(.button--default) a:focus, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:hover, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:active, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:focus, .button.button--inverted.button--link:not(.button--default):hover, .button.button--inverted.button--link:not(.button--default):active, .button.button--inverted.button--link:not(.button--default):focus, .button.button--inverted.button--arrow:not(.button--default):hover, .button.button--inverted.button--arrow:not(.button--default):active, .button.button--inverted.button--arrow:not(.button--default):focus { text-decoration: none; } .content_light .button--arrow:not(.button--default):hover:after, .content_light .button--arrow:not(.button--default):active:after, .content_light .button--arrow:not(.button--default):focus:after, .content_light .button_cta.button--arrow:not(.button--default) a:hover:after, .content_light .button_cta.button--arrow:not(.button--default) a:active:after, .content_light .button_cta.button--arrow:not(.button--default) a:focus:after, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):hover:after, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):active:after, .dnd-section_light .kl-rich-text .button--arrow:not(.button--default):focus:after, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:hover:after, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:active:after, .dnd-section_light .kl-rich-text .button_cta.button--arrow:not(.button--default) a:focus:after, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):hover:after, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):active:after, .dnd-section_light .kl-rich-text__buttons .button--arrow:not(.button--default):focus:after, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:hover:after, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:active:after, .dnd-section_light .kl-rich-text__buttons .button_cta.button--arrow:not(.button--default) a:focus:after, .button.button--inverted.button--arrow:not(.button--default):hover:after, .button.button--inverted.button--arrow:not(.button--default):active:after, .button.button--inverted.button--arrow:not(.button--default):focus:after { content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%23000326'/%3E%3C/svg%3E"); } .content_light .button--outlined:not(.button--default), .dnd-section_light .kl-rich-text__buttons .button--outlined:not(.button--default), .dnd-section_light .kl-rich-text .button_cta.button--outlined:not(.button--default) a, .button_cta.button--outlined.button--inverted a, .button--outlined.button--inverted { background-color: transparent; border-color: #0520C1; color: #0520C1; text-decoration: none; } .content_light .button--outlined:not(.button--default):hover, .content_light .button--outlined:not(.button--default):active, .content_light .button--outlined:not(.button--default):focus, .dnd-section_light .kl-rich-text__buttons .button--outlined:not(.button--default):hover, .dnd-section_light .kl-rich-text__buttons .button--outlined:not(.button--default):active, .dnd-section_light .kl-rich-text__buttons .button--outlined:not(.button--default):focus, .dnd-section_light .kl-rich-text .button_cta.button--outlined:not(.button--default) a:hover, .dnd-section_light .kl-rich-text .button_cta.button--outlined:not(.button--default) a:active, .dnd-section_light .kl-rich-text .button_cta.button--outlined:not(.button--default) a:focus, .button--outlined.button--inverted:hover, .button--outlined.button--inverted:active, .button--outlined.button--inverted:focus { background-color: transparent; color: #000326; border-color: #000326; } #hubspot-messages-iframe-container { z-index: 13 !important; } /* Form */ form, .submitted-message { font-family: Epilogue, sans-serif; } .hs-form-field { margin: 0 0 1.5rem; } /* Labels */ form label { color: #FFFFFF; display: block; font-size: 1.125rem; font-weight: normal; line-height: 1.45; padding-top: 0; margin-bottom: 0.25rem; text-align: left; width: auto; } /* Help text - legends */ form legend { color: #FFFFFF; font-size: 0.875rem; } /* Inputs */ .input { position: relative; } input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=file], select, textarea { background-color: transparent; border: 1px solid; border-radius: 2px; display: block; font-size: 1.125rem; line-height: 1; font-weight: normal; padding: 1rem; width: 100%; border-color: #E7FFA4; color: #FFFFFF; } select { appearance: none; padding-right: 34px; background-repeat: no-repeat; background-position: right center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23E7FFA4' stroke-miterlimit='10' d='m16.4 20.2 7.6 7.6 7.6-7.6'/%3E%3C/svg%3E"); } textarea { line-height: 1.2; } input[type=text]:focus, input[type=search]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=file]:focus, select:focus, textarea:focus { outline: none; border: 1px solid #FF9810; } select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23FF9810' stroke-miterlimit='10' d='m16.4 20.2 7.6 7.6 7.6-7.6'/%3E%3C/svg%3E"); } fieldset { max-width: 100% !important; } fieldset.form-columns-0, fieldset.form-columns-1, fieldset.form-columns-2, fieldset.form-columns-3 { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; } fieldset.form-columns-0 > div, fieldset.form-columns-1 > div, fieldset.form-columns-2 > div, fieldset.form-columns-3 > div { width: 100%; } fieldset.form-columns-0 .hs-form-field, fieldset.form-columns-1 .hs-form-field, fieldset.form-columns-2 .hs-form-field, fieldset.form-columns-3 .hs-form-field { flex-grow: 1; flex-basis: 135px; } form fieldset.form-columns-0 .hs-form-field .input, form fieldset.form-columns-1 .hs-form-field .input, form fieldset.form-columns-2 .hs-form-field .input, form fieldset.form-columns-3 .hs-form-field .input { margin-right: 0; } fieldset.form-columns-0 .hs-form-field .hs-input, fieldset.form-columns-1 .hs-form-field .hs-input, fieldset.form-columns-2 .hs-form-field .hs-input, fieldset.form-columns-3 .hs-form-field .hs-input { width: 100% !important; } /* Form placeholder text */ ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::placeholder, .hs-fieldtype-date .input .hs-dateinput:before { color: #E4E4E4; } /* Inputs - checkbox/radio */ form .inputs-list { margin: 0; padding: 0; list-style: none; } .inputs-list > li { display: block; margin: 0.7rem 0; padding: 0; width: 100%; } .inputs-list input, .inputs-list span { font-size: 0.875rem; vertical-align: middle; } .hs-input[type=checkbox], .hs-input[type=radio] { border: none; cursor: pointer; height: auto; line-height: normal; margin-right: 0.35rem; padding: 0; width: auto; } .hs-input[type=checkbox] + label, .hs-input[type=radio] + label { display: inline-block; vertical-align: top; } /* Inputs - datepicker */ .hs-fieldtype-date .input .hs-dateinput:before { color: #E4E4E4; content: '\01F4C5'; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fn-date-picker button, .fn-date-picker .button { min-width: auto; } .fn-date-picker .pika-table thead th { color: #FFF; background-color: #000326; } .fn-date-picker td.is-today .pika-button { color: #000326; } .fn-date-picker td.is-selected .pika-button { background: #000326; border-radius: 0; box-shadow: none; } .fn-date-picker td .pika-button:hover { background: #000326 !important; border-radius: 0 !important; color: #FFF; } /* Inputs - file picker */ input[type=file] { background-color: transparent; border: initial; box-shadow: none; line-height: initial; padding: initial; } /* Headings and text */ form .hs-richtext, form .hs-richtext p { font-size: 0.875rem; margin: 0 0 1.4rem; } form .hs-richtext img { max-width: 100% !important; } form .header { background-color: transparent; border: none; } h3.form-title { color: #FFFFFF; } .dnd-section_light h3.form-title, .dnd-section_light form label { color: inherit; } /* GDPR */ .legal-consent-container { margin: 0; } .legal-consent-container .hs-form-booleancheckbox-display > span, .legal-consent-container .hs-form-booleancheckbox-display > span p { font-size: 0.875rem; } /* Validation */ .hs-form-required { color: inherit; } .content_light .hs-input.invalid.error, .dnd-section_light .hs-input.invalid.error, .hs-input.invalid.error { border-color: #E23A00; } .content_light select.hs-input.invalid.error, .dnd-section_light select.hs-input.invalid.error, select.hs-input.invalid.error { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23E23A00' stroke-miterlimit='10' d='m16.4 20.2 7.6 7.6 7.6-7.6'/%3E%3C/svg%3E"); } .content_light .hs-error-msg, .dnd-section_light .hs-error-msg, .hs-error-msg { color: #E23A00; } .hs-error-msg { margin-top: 0.25rem; font-weight: normal; font-size: inherit; } .hs-error-msgs.inputs-list { font-size: 1rem; } /* Submit button */ form input[type=submit], form .hs-button { background-color: rgba(231, 255, 164, 1.0); border: 0px solid rgba(231, 255, 164, 1); border-radius: 2px; color: rgba(0, 3, 38, 1.0); padding: 20px 28px; font-family: Epilogue, sans-serif; font-size: 1.125rem; font-weight: 700; display: inline-block; width: auto; height: auto; margin: 0; cursor: pointer; line-height: 1.1; letter-spacing: 0.03em; white-space: normal; word-break: break-word; text-align: center; text-decoration: none; position: relative; transition: all 0.15s linear; /* To affect HubSpot CTAs */ } form input[type=submit]:hover, form input[type=submit]:focus, form input[type=submit]:active, form .hs-button:hover, form .hs-button:focus, form .hs-button:active { background-color: rgba(255, 255, 255, 1.0); border-color: rgba(255, 255, 255, 1.0); color: rgba(0, 3, 38, 1.0); text-decoration: none; transform: scale(1.0); outline: none; } form input[type=submit]:disabled, form .hs-button:disabled { background-color: #D0D0D0; border-color: #D0D0D0; color: #E6E6E6; } form input[type=submit] a, form .hs-button a { color: rgba(0, 3, 38, 1.0); } form input[type=submit] a:hover, form .hs-button a:hover { color: white; text-decoration: none; } /* Captcha */ .grecaptcha-badge { margin: 0; max-width: 100%; } body textarea { min-height: 104px; } /* Checkbox */ .hs-form-checkbox-display, .hs-form-radio-display { display: flex; gap: 0.5rem; } .hs-form-checkbox-display .hs-input + span, .hs-form-radio-display .hs-input + span { padding-top: 0.25rem; } .hs-form-checkbox-display .hs-input, .hs-form-radio-display .hs-input { margin-right: 0; } input[type=checkbox], input.hs-input[type=checkbox], input[type=radio], input.hs-input[type=radio] { appearance: none; width: 1.5rem; height: 1.5rem; border: 1px solid; border-color: #E7FFA4; } input[type=radio] { border-radius: 0.75rem; } input[type=checkbox], input.hs-input[type=checkbox] { border-radius: 2px; } input[type=checkbox]:checked, input.hs-input[type=checkbox]:checked { background-color: #E7FFA4; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath fill='none' stroke-width='2' stroke='%23000326' stroke-miterlimit='10' d='m6.5 12.4 3.4 3.4 7.6-7.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } input[type=radio]:checked, input.hs-input[type=radio]:checked { background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Ccircle fill='%23E7FFA4' cx='12' cy='12' r='4'/%3E%3C/svg%3E"); } input[type=checkbox]:focus, input[type=radio]:focus, input.hs-input[type=checkbox]:focus, input.hs-input[type=radio]:focus { border-color: #FF9810; outline: none; border-width: 1px; } input[type=checkbox]:checked:focus, input.hs-input[type=checkbox]:checked:focus { background-color: #FF9810; outline: none; } input[type=radio]:checked:focus, input.hs-input[type=radio]:checked:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Ccircle fill='%23FF9810' cx='12' cy='12' r='4'/%3E%3C/svg%3E"); } fieldset.form-columns-0 .hs-form-field input[type=checkbox], fieldset.form-columns-0 .hs-form-field input[type=radio], fieldset.form-columns-1 .hs-form-field input[type=checkbox], fieldset.form-columns-1 .hs-form-field input[type=radio], fieldset.form-columns-2 .hs-form-field input[type=checkbox], fieldset.form-columns-2 .hs-form-field input[type=radio], fieldset.form-columns-3 .hs-form-field input[type=checkbox], fieldset.form-columns-3 .hs-form-field input[type=radio] { width: 1.5rem!important; } @media (min-width: 768px) { .hs-form-field { margin-bottom: 2rem; } } /* light bg styling */ .content_light input[type=text], .content_light input[type=search], .content_light input[type=email], .content_light input[type=password], .content_light input[type=tel], .content_light input[type=number], .content_light input[type=file], .content_light select, .content_light textarea, .dnd-section_light input[type=text], .dnd-section_light input[type=search], .dnd-section_light input[type=email], .dnd-section_light input[type=password], .dnd-section_light input[type=tel], .dnd-section_light input[type=number], .dnd-section_light input[type=file], .dnd-section_light select, .dnd-section_light textarea { color:#000326; border-color: #000326; } .content_light select, .dnd-section_light select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000326' stroke-miterlimit='10' d='m16.4 20.2 7.6 7.6 7.6-7.6'/%3E%3C/svg%3E"); } .content_light input[type=text]:focus, .content_light input[type=search]:focus, .content_light input[type=email]:focus, .content_light input[type=password]:focus, .content_light input[type=tel]:focus, .content_light input[type=number]:focus, .content_light input[type=file]:focus, .content_light select:focus, .content_light textarea:focus, .dnd-section_light input[type=text]:focus, .dnd-section_light input[type=search]:focus, .dnd-section_light input[type=email]:focus, .dnd-section_light input[type=password]:focus, .dnd-section_light input[type=tel]:focus, .dnd-section_light input[type=number]:focus, .dnd-section_light input[type=file]:focus, .dnd-section_light select:focus, .dnd-section_light textarea:focus { border-color: #0520C1; } .content_light select:focus, .dnd-section_light select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' xml:space='preserve'%3E%3Cpath fill='none' stroke='%230520C1' stroke-miterlimit='10' d='m16.4 20.2 7.6 7.6 7.6-7.6'/%3E%3C/svg%3E"); } .content_light input[type=checkbox], .content_light input.hs-input[type=checkbox], .content_light input[type=radio], .content_light input.hs-input[type=radio], .dnd-section_light input[type=checkbox], .dnd-section_light input.hs-input[type=checkbox], .dnd-section_light input[type=radio], .dnd-section_light input.hs-input[type=radio] { border-color: #000326; } .content_light input[type=checkbox]:focus, .content_light input.hs-input[type=checkbox]:focus, .content_light input[type=radio]:focus, .content_light input.hs-input[type=radio]:focus, .dnd-section_light input[type=checkbox]:focus, .dnd-section_light input.hs-input[type=checkbox]:focus, .dnd-section_light input[type=radio]:focus, .dnd-section_light input.hs-input[type=radio]:focus { border-color: #0520C1; } .content_light input[type=checkbox]:checked, .content_light input.hs-input[type=checkbox]:checked, .dnd-section_light input[type=checkbox]:checked, .dnd-section_light input.hs-input[type=checkbox]:checked { background-color: #000326; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath fill='none' stroke-width='2' stroke='%23FFF' stroke-miterlimit='10' d='m6.5 12.4 3.4 3.4 7.6-7.6'/%3E%3C/svg%3E"); } .content_light input[type=radio]:checked, .content_light input.hs-input[type=radio]:checked, .dnd-section_light input[type=radio]:checked, .dnd-section_light input.hs-input[type=radio]:checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Ccircle fill='%23000326' cx='12' cy='12' r='4'/%3E%3C/svg%3E"); } .content_light input[type=checkbox]:checked:focus, .content_light input.hs-input[type=checkbox]:checked:focus, .dnd-section_light input[type=checkbox]:checked:focus, .dnd-section_light input.hs-input[type=checkbox]:checked:focus { background-color: #0520C1; } .content_light input[type=radio]:checked:focus, .content_light input.hs-input[type=radio]:checked:focus, .dnd-section_light input[type=radio]:checked:focus, .dnd-section_light input.hs-input[type=radio]:checked:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Ccircle fill='%230520C1' cx='12' cy='12' r='4'/%3E%3C/svg%3E"); } .content_light form input[type=submit], .content_light form .hs-button, .dnd-section_light form input[type=submit], .dnd-section_light form .hs-button { background-color: rgba(5, 32, 193, 1.0); color: rgba(255, 255, 255, 1); border-color: rgba(5, 32, 193, 1); } .content_light form input[type=submit]:hover, .content_light form input[type=submit]:focus, .content_light form input[type=submit]:active, .content_light form .hs-button:hover, .content_light form .hs-button:focus, .content_light form .hs-button:active, .dnd-section_light input[type=submit]:hover, .dnd-section_light input[type=submit]:focus, .dnd-section_light input[type=submit]:active, .dnd-section_light .hs-button:hover, .dnd-section_light .hs-button:focus, .dnd-section_light .hs-button:active { background-color: #000326; color: #ffffff; border-color: #000326; } .content_light form input[type=submit]:disabled, .content_light form .hs-button:disabled, .dnd-section_light form input[type=submit]:disabled, .dnd-section_light form .hs-button:disabled { background-color: #D0D0D0; border-color: #D0D0D0; color: #E6E6E6; } .content_light form input[type=submit] a, .content_light form .hs-button a, .dnd-section_light input[type=submit] a, .dnd-section_light .hs-button a { color: #0520C1; } .content_light form input[type=submit] a:hover, .content_light form .hs-button a:hover, .dnd-section_light form input[type=submit] a:hover, .dnd-section_light form .hs-button a:hover { color: #0520C1; } @media (max-width: 480px) { fieldset.form-columns-1 .hs-form-field, fieldset.form-columns-2 .hs-form-field { flex-basis: 100%; } } @media (max-width: 560px) { fieldset.form-columns-3 .hs-form-field { flex-basis: 100%; } } body { scroll-behavior: auto; } /* Table */ table { background-color: rgba(0, 3, 38, 1); border: 1px solid #0520C1; border-collapse: collapse; margin-bottom: 1.4rem; overflow-wrap: break-word; } tbody + tbody { border-top: 2px solid #0520C1; } /* Table Cells */ th, td { border: 1px solid #0520C1; color: #FFFFFF; padding: 0.75rem; vertical-align: top; } /* Table Header */ thead th, thead td { background-color: rgba(5, 32, 193, 1); color: #FFFFFF; vertical-align: bottom; } /* Table footer */ tfoot td { background-color: rgba(0, 3, 38, 1.0); color: #FFFFFF; } .kl-tooltip { position: relative; } .kl-tooltip > div { visibility: hidden; opacity: 0; position: absolute; top: 100%; min-width: 120px; left: -22px; width: max-content; display: block; max-width: 360px; border-radius: 6px; padding: 20px 16px; margin-top: 12px; background-color: white; z-index: 9; box-shadow: 0 8px 40px 0px #e6e6e6; } .kl-tooltip > div:after { content: ' '; position: absolute; bottom: 100%; /* At the top of the tooltip */ left: 32px; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent white transparent; } .kl-tooltip:hover > div { visibility: visible; opacity: 1; } .kl-tooltip--dark > div { background-color: black; } .kl-tooltip--dark > div h1, .kl-tooltip--dark > div h2, .kl-tooltip--dark > div h3, .kl-tooltip--dark > div h4, .kl-tooltip--dark > div h5, .kl-tooltip--dark > div h6, .kl-tooltip--dark > div p { color: white; } .kl-tooltip--dark > div:after { border-color: transparent transparent black transparent; } html { font-size: 18px; } body { font-family: Epilogue, sans-serif; color: #FFFFFF; background-color: #000326; margin: 0; line-height: 1.4; word-break: break-word; } html[lang^="ja"] body, html[lang^="zh"] body, html[lang^="ko"] body { line-break: strict; word-break: break-all; } /* Paragraphs */ p { font-size: 18px; line-height: 1.5; margin: 0 0 1.4rem; } strong { font-weight: 700; } /* Anchors */ a { color: #E7FFA4; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; } a:hover, a:focus { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: Michroma, serif; font-weight: 700; margin: 0 0 1.4rem; } h1, .h1 { font-family: Michroma, sans-serif; font-size: 56px; font-style: normal; font-weight: normal; text-decoration: none; line-height: 1.15; } h2, .h2 { font-family: Michroma, sans-serif; font-size: 42px; font-style: normal; font-weight: normal; text-decoration: none; line-height: 1.3; } h3, .h3 { font-family: Epilogue, sans-serif; font-size: 28px; font-style: normal; font-weight: 600; text-decoration: none; line-height: 1.35; } h4, .h4 { font-family: Epilogue, sans-serif; font-size: 22px; font-style: normal; font-weight: 600; text-decoration: none; } h5, .h5 { font-family: Epilogue, sans-serif; font-size: 22px; font-style: normal; font-weight: normal; text-decoration: none; } h6, .h6 { font-family: Epilogue, sans-serif; font-size: 22px; color: #FFFFFF; font-style: normal; font-weight: normal; text-decoration: none; } h4,h5,h6, .h4,.h5,.h6 { line-height: 1.4; } /* Helper Class */ .kl-helper__content { font-family: Michroma, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; } /* Lists */ ul, ol { margin: 0 0 1.5rem; padding: 0 0 0 1.1rem; } ul ul, ol ul, ul ol, ol ol { margin: 4px 0; } ul.no-list { list-style: none; } /* Code blocks */ code { vertical-align: bottom; } /* Blockquotes */ blockquote { border-left: 2px solid #0520C1; margin: 0 0 1.4rem; padding-left: 15px; } /* Horizontal rules */ hr { background-color: #CCC; border: none; color: #CCC; height: 1px; } /* Subscripts and superscripts */ sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Focus styles */ :focus { outline: auto; outline-color: #000326; } .disable-focus-styles :focus { outline: none; } blockquote.kl-quote p::before, blockquote.kl-quote p::after, .kl-quote blockquote p::before, .kl-quote blockquote p::after { display: inline; } blockquote.kl-quote p::before, .kl-quote blockquote p::before { content: "“"; } blockquote.kl-quote p::after, .kl-quote blockquote p::after { content: "”"; } html[lang*=fr-] blockquote.kl-quote p::before, html[lang*=fr-] .kl-quote blockquote p::before { content: "«"; } html[lang*=fr-] blockquote.kl-quote p::after, html[lang*=fr-] .kl-quote blockquote p::after { content: "»"; } html[lang*=de-] blockquote.kl-quote p::before, html[lang*=de-] .kl-quote blockquote p::before { content: "„"; } html[lang*=de-] blockquote.kl-quote p::after, html[lang*=de-] .kl-quote blockquote p::after { content: "“"; } /* Blog subscribe */ .blog-subscribe { background-color: #F0F5FF; padding: 80px 0; } .blog-subscribe__wrapper { display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .blog-subscribe__wrapper { display: block; } } .blog-subscribe__header { flex-basis: 465px; flex-grow: 1; max-width: 680px; } .blog-subscribe__form { flex-basis: 450px; margin-left: 32px; } .blog-subscribe.content_light .blog-subscribe__form form label { color: inherit; } @media screen and (max-width: 768px) { .blog-subscribe__form { margin: 32px 0 0; } } .kl-movable-wrapper { position: relative; } .kl-movable-wrapper > .kl-movable { position: absolute; width: 100%; left: 50%; border-radius: 2px; box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); background-color: rgba(255, 255, 255, 1.0); } .kl-movable-wrapper > .kl-movable .kl-row { display: flex; padding: 30px 0; justify-content: space-evenly; align-items: center; } @media screen and (max-width: 767px) { .kl-movable-wrapper > .kl-movable .kl-row { flex-wrap: wrap; } } .kl-movable-wrapper > .kl-movable .kl-row .kl-column { padding: 0 20px; } @media screen and (max-width: 767px) { .kl-movable-wrapper > .kl-movable .kl-row .kl-column { flex: 1 1 100%; padding: 20px; } } .kl-card-grid { --kl-grid-spacing: 1rem; } .kl-card-grid--transparent { --kl-grid-spacing: 2rem; } .kl-card-grid > div { display: flex; flex-wrap: wrap; gap: calc( var(--kl-grid-spacing) * 2); } .kl-card-grid__card-wrapper { display: flex; flex-basis: calc(100% / 3 - var(--kl-grid-spacing) * 4 / 3); } @media screen and (max-width: 768px) { .kl-card-grid__card-wrapper { flex-basis: calc(100% / 2 - var(--kl-grid-spacing)); } } @media screen and (max-width: 520px) { .kl-card-grid__card-wrapper { flex-basis: 100%; } } .kl-card-grid__card { width: 100%; overflow: hidden; } .kl-card-grid:not(.kl-card-grid--transparent) .kl-card-grid__card { border: 0.5px solid rgba(5, 32, 193, 0.2); box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); background-color: rgba(255, 255, 255, 1.0); border-radius: 2px; } .kl-card-grid__image { background-position: center; background-size: cover; background-repeat: no-repeat; display: block; height: 260px; width: 100%; } span.kl-card-grid__preheader, div.kl-card-grid__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: 400; display: block; margin: 0 0 1rem; letter-spacing: 0.25em; line-height: 1.15em; text-transform: uppercase; cursor: default; } span.kl-card-grid__preheader a svg[height="19"], div.kl-card-grid__preheader a svg[height="19"] { margin-top: -1px; margin-bottom: -1px; } h4.kl-card-grid__preheader { font-weight: 500; line-height: 1.4; } .kl-card-grid__preheader a:not([class]), .kl-card-grid__preheader a:not([class]):hover, .kl-card-grid__preheader a:not([class]):active, .kl-card-grid__preheader a:not([class]):focus { text-decoration: none; } div.kl-card-grid__preheader a:not([class]) span { display: inline; } .kl-card-grid__preheader a:not([class]):hover span, .kl-card-grid__preheader a:not([class]):active span, .kl-card-grid__preheader a:not([class]):focus span { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; ; } .kl-card-grid__preheader:last-child { margin-bottom: 0; } .kl-card-grid__content { display: block; padding: 2rem 0 0; text-decoration: none; color: inherit; } .kl-card-grid:not(.kl-card-grid--transparent) .kl-card-grid__content { padding: 1.5rem; color: rgba(0, 3, 38, 1.0); } .kl-card-grid__content h3, .kl-card-grid__content h4 { margin: 0 0 1rem; } .kl-card-grid__content p { margin: 0; } .kl-card-grid:not(.kl-card-grid--transparent) .kl-card-grid__content:hover, .kl-card-grid:not(.kl-card-grid--transparent) .kl-card-grid__content:focus { color: rgba(0, 3, 38, 1.0); text-decoration: none; } .kl-card-grid--4-columns > div { gap: calc( var(--kl-grid-spacing) * 2); } .kl-card-grid--4-columns .kl-card-grid__card-wrapper { flex-basis: calc(100% / 4 - var(--kl-grid-spacing) * 6 / 4); } @media screen and (max-width: 920px) { .kl-card-grid--4-columns .kl-card-grid__card-wrapper { flex-basis: calc(100% / 3 - var(--kl-grid-spacing) * 4 / 3); } .kl-card-grid--transparent { --kl-grid-spacing: 1.5rem; } } @media screen and (max-width: 768px) { .kl-card-grid--4-columns .kl-card-grid__card-wrapper { flex-basis: calc(100% / 2 - var(--kl-grid-spacing)); } .kl-card-grid--transparent { --kl-grid-spacing: 1.25rem; } } @media screen and (max-width: 520px) { .kl-card-grid--4-columns .kl-card-grid__card-wrapper { flex-basis: 100%; } .kl-card-grid--transparent { --kl-grid-spacing: 1rem; } } .kl-card-grid--4-columns .kl-card-grid__image { height: auto; padding: 112% 0 0; position: relative; overflow: hidden; } .kl-card-grid__img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate3d(-50%,-50%,0); } @supports (object-fit: cover) { .kl-card-grid--4-columns .kl-card-grid__image .kl-card-grid__img { width: 100%; height: 100%; object-position: center; object-fit: cover; } } a.kl-card-grid__text { cursor: default; } a.kl-card-grid__text[href] { cursor: pointer; } a.kl-card-grid__text, a.kl-card-grid__text:hover, a.kl-card-grid__text:focus, a.kl-card-grid__text:active { text-decoration: none; color: inherit; } a.kl-card-grid__text[href] h2, a.kl-card-grid__text[href] h3, a.kl-card-grid__text[href] h4 { color: #E7FFA4; } .dnd-section_light .kl-card-grid--transparent .kl-card-grid__preheader, .content_light .kl-card-grid--transparent .kl-card-grid__preheader, .content_light .kl-card-grid .kl-card-grid__preheader { color: #000326; } .dnd-section_light .kl-card-grid--transparent a.kl-card-grid__text[href] h2, .content_light .kl-card-grid--transparent a.kl-card-grid__text[href] h2, .content_light .kl-card-grid a.kl-card-grid__text[href] h2, .dnd-section_light .kl-card-grid--transparent a.kl-card-grid__text[href] h3, .content_light .kl-card-grid--transparent a.kl-card-grid__text[href] h3, .content_light .kl-card-grid a.kl-card-grid__text[href] h3, .dnd-section_light .kl-card-grid--transparent a.kl-card-grid__text[href] h4, .content_light .kl-card-grid--transparent a.kl-card-grid__text[href] h4, .content_light .kl-card-grid a.kl-card-grid__text[href] h4 { color: #FF9810; } .kl-cards-slider { position: relative; max-width: 848px; margin: 0 auto; } .kl-cards-slider-wrapper { padding: 0 15px; } .kl-cards-slider__arrow { position: absolute; top: 20px; display: block; width: 30px; height: 30px; padding: 8px; background-color: #fff; border-radius: 50%; box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); cursor: pointer; display: flex; align-items: center; justify-content: center; } .kl-cards-slider__arrow svg { fill: #3A3A3A; display: block; width: 100%; } .kl-cards-slider__arrow--prev { left: 0; transform: translateX(-50%); } .kl-cards-slider__arrow--next { right: 0; transform: translateX(50%); } .kl-cards-slider__card { display: none; overflow: hidden; border: 0.5px solid rgba(5, 32, 193, 0.2); box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); border-radius: 2px; } .kl-cards-slider__card--active { display: block; } .kl-cards-slider__header { display: flex; flex-wrap: wrap; align-items: center; background-color: #F3F3F3; padding: 16px 48px; } @media screen and (max-width: 360px) { .kl-cards-slider__header { display: block; padding: 16px 32px; } } .kl-cards-slider__image { margin: 0 15% 0 0; } .kl-cards-slider__button { display: flex; } @media screen and (max-width: 360px) { .kl-cards-slider__button { margin: 16px 0 0; } } .kl-cards-slider__content { padding: 16px 48px; background-color: rgba(255, 255, 255, 1.0); margin: 0 -22px; display: flex; flex-wrap: wrap; } @media screen and (max-width: 360px) { .kl-cards-slider__content { padding: 16px 32px; } } @media screen and (max-width: 580px) { .kl-cards-slider__content { display: block; } } .kl-cards-slider__content > div { margin: 0 22px; flex-grow: 1; flex-basis: 200px; } .kl-cards-slider__content h5 { color: #000326; } .kl-cards-slider__content ul { padding-inline-start: 1.1em; } .kl-custom-anchor { scroll-margin-top: 106px; } .kl-custom-image { display: block; } .kl-custom-image img { display: block; } .kl-custom-image--center img { margin: 0 auto; } .kl-custom-image--right img { margin: 0 0 0 auto; } .dnd-module > .widget-type-linked_image { line-height: 0; } .kl-rich-text__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: 400; color: #FFFFFF; display: block; margin: 0 0 .75rem; text-transform: uppercase; letter-spacing: 0.25em; background-color: rgb( [0, false, 255] ); } .kl-rich-text img { max-width: 100%; } .kl-rich-text h1 { color: #FFFFFF; } .kl-rich-text p { margin: 0 0 1rem; } .kl-rich-text p:last-child { margin: 0 0 2rem; } .kl-rich-text > div:not([class]):last-child > p:last-child { margin-bottom: 0; } .kl-rich-text__buttons { display: inline-flex; gap: 16px 20px; } .kl-rich-text--center .kl-rich-text__buttons { margin-left: auto; margin-right: auto; width: auto; } .kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta { display: block; } @media screen and (max-width: 420px) { .kl-rich-text__buttons, .kl-rich-text--center .kl-rich-text__buttons { display: flex; } } @media screen and (max-width: 480px) { .kl-rich-text__buttons { flex-direction: column; } .kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta { width: 100%; } } .kl-rich-text__form { max-width: 600px; } .kl-rich-text--center { text-align: center; margin: 0 auto; } .kl-rich-text--center .kl-rich-text__form { max-width: 600px; margin: 0 auto; } .kl-rich-text--right { text-align: right; margin: 0 0 0 auto; } .kl-rich-text--right .kl-rich-text__form { margin: 0 0 0 auto; } .dnd-section_light .kl-rich-text h1 { color: #000326; } .dnd-section_light .kl-rich-text__preheader { color: #000326; } .kl-faq { background: transparent; /* border: 3px solid #F3F3F3; */ /* border-radius: 9px; */ color: #000326; } .kl-faq__entry { background-color: #fff; } .kl-faq__entry + .kl-faq__entry { margin-top: 2px; } .kl-faq__entry--active .kl-faq__icon { /* transform: rotate(90deg); */ } .kl-faq__entry--active .kl-faq__icon:after { height: 0; /* opacity: 0; */ } .kl-faq__header { padding: 24px 42px; display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 480px) { .kl-faq__header { padding: 24px 16px; } } .kl-faq__header:hover { cursor: pointer; } .kl-faq__header h3, .kl-faq__header h4 { margin: 0; } .kl-faq__icon { position: relative; width: 18px; height: 18px; flex-shrink: 0; margin-left: 32px; transition: transform .2s ease-out; } .kl-faq__icon:before { content: ''; display: block; width: 100%; height: 2px; background-color: #000326; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity .2s ease-out, width .2s ease-out; } .kl-faq__icon:after { content: ''; display: block; height: 100%; width: 2px; background-color: #000326; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); transform-origin: center; transition: opacity .2s ease-out, height .2s ease-out; } .kl-faq__description { padding: 0 42px; height: 0; transition: height .25s ease-out; overflow: hidden; } @media screen and (max-width: 480px) { .kl-faq__description { padding: 0 16px; } } .kl-faq__description .kl-faq__inner { margin: 0 0 2rem; } .kl-featured-cards__wrapper { display: flex; flex-direction: column; border-radius: 2px; overflow: hidden; box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); } .kl-featured-cards__column { display: flex; flex-wrap: wrap; } .kl-featured-cards__header { display: flex; justify-content: center; margin-bottom: 4rem; } .kl-featured-cards__header .kl-featured-cards__headline:last-child { margin-bottom: 0; } .kl-featured-cards__footer { display: flex; justify-content: center; margin-top: 4rem; } .kl-featured-cards__footer .button--link, .kl-featured-cards__footer .button--link:hover, .kl-featured-cards__footer .button--link:active, .kl-featured-cards__footer .button--link:focus { color: #E7FFA4; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; ; } .content_light .kl-featured-cards__footer .button--link, .content_light .kl-featured-cards__footer .button--link:hover, .content_light .kl-featured-cards__footer .button--link:active, .content_light .kl-featured-cards__footer .button--link:focus, .dnd-section_light .kl-featured-cards__footer .button--link, .dnd-section_light .kl-featured-cards__footer .button--link:hover, .dnd-section_light .kl-featured-cards__footer .button--link:active, .dnd-section_light .kl-featured-cards__footer .button--link:focus { color: #FF9810; } .kl-featured-cards__footer .button--link span { text-decoration: none; } .kl-featured-card { border: 0.5px solid rgba(5, 32, 193, 0.2); background-color: rgba(255, 255, 255, 1.0); color: rgba(0, 3, 38, 1.0); width: 100%; display: flex; flex-wrap: wrap; overflow: hidden; } .kl-featured-card__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: block; letter-spacing: 0.25em; line-height: 1rem; margin: 0 0 2rem; text-transform: uppercase; } div.kl-featured-card__preheader a:not([class]) { text-decoration: none; } .kl-featured-card__preheader a:not([class]):hover, .kl-featured-card__preheader a:not([class]):active, .kl-featured-card__preheader a:not([class]):focus { text-decoration: underline; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; } .kl-featured-card__preheader:last-child { margin-bottom: 0; } .kl-featured-card__content h1, .kl-featured-card__content h2, .kl-featured-card__content h3, .kl-featured-card__content h4, .kl-featured-card__content h5, .kl-featured-card__content h6 { font-weight: bold; margin: 0 0 1rem; letter-spacing 0.1em; } .kl-featured-card__content p { margin: 0 0 1rem; } .kl-featured-card__content p:last-child { margin: 0 0 2rem; } .kl-featured-card__body { padding: 10%; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; flex-basis: 250px; flex-grow: 99; } .kl-featured-card__text { flex-grow: 1; } .kl-featured-card__image { width: 100%; flex-basis: 360px; flex-grow: 1; } .kl-featured-card__image a { display: block; height: 100%; } .kl-featured-card__image img { width: 100%; height: 100%; object-fit: cover; } .kl-featured-card.kl-featured-card--image { border-width: 0; position: relative; overflow: hidden; padding-top: 85.3571428571%; } .kl-featured-card.kl-featured-card--image .kl-featured-card__image { position: absolute; top: -1px; right: 0; left: 0; bottom: -1px; } .content_light .kl-featured-card__preheader { color: #000326; } @media screen and (min-width: 520px) { .kl-featured-card__body { padding: 3rem; } } @media screen and ( min-width: 768px ) { .kl-featured-cards__wrapper { flex-wrap: nowrap; flex-direction: row; } .kl-featured-cards__column { width: 50%; flex: 0 0 50%; } .kl-featured-card__body { padding: 3.5rem; } } @media screen and ( min-width: 1024px ) { .kl-featured-card__body { padding: 4rem; } } .kl-header { position: fixed; z-index: 12; width: 100%; top: 0; /* box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1); */ background-color: #000326; } .kl-header-placeholder, .kl-header-wrapper-placeholder { height: 106px; } .kl-header-wrapper { position: fixed; z-index: 12; background-color: #000326; } .kl-header-wrapper--with-note ~ .kl-header-wrapper-placeholder { height: 172px; } .kl-header-wrapper--with-note.hide-notes ~ .kl-header-wrapper-placeholder { height: 106px; transition: height 0.3s ease; } .kl-header-wrapper--with-note.hide-notes .kl-header-notes { opacity: 0; transition: opacity 0.3s ease; } .kl-header-wrapper--full .kl-header .kl-navbar { max-width: 100%; padding-left: 20px; padding-right: 20px; } .kl-header-wrapper--with-note .kl-header-notes { height: 66px; overflow: hidden; opacity: 1; } /* .kl-header-wrapper--full .kl-header .kl-navbar > a:first-child { max-width: 100px; } */ img.kl-navbar__logo[src*="xorlab_logo_black"] { filter: invert(); } .kl-header-notes { display: flex; flex-direction: column; background: #DBF2D7; align-items: center; justify-content: center; color: #000326; } .kl-header-notes a { color: #0520C1; font-weight: bold; padding-left: 0.25rem; padding-right: 0.25rem; } .kl-header-notes a:hover, .kl-header-notes a:active, .kl-header-notes a:focus { color: #000326; } .kl-note { min-height: 66px; display: flex; align-items: center; } .kl-note.hide { overflow: hidden; opacity: 0; transition: opacity 0.3s ease, min-height 0.3s ease; min-height: 0; } .kl-note.hide .kl-note-wrapper { margin-top: -100%; transition: margin-top 0.3s ease; } .kl-note-wrapper { max-width: 1120px; padding: 0 24px; display: flex; gap: 0.5rem; justify-contet: space-between; align-items: center; } .kl-note-close, .kl-note-close:hover, .kl-note-close:active, .kl-note-close:focus { background-color: transparent; color: inherit; outline: none; } .kl-note-close { position: relative; padding: 0.8rem; } .kl-note-close::before, .kl-note-close::after { content: ""; width: 12px; height: 3px; border-top: 3px solid #000326; position: absolute; box-sizing: border-box; transform-origin: center; left: 50%; top: 50%; } .kl-note-close::before { transform: translate3d(-50%,-50%,0) rotate(45deg); } .kl-note-close::after { transform: translate3d(-50%,-50%,0) rotate(-45deg); } .kl-note-message { flex: 1 1 auto; text-align: center; } .kl-note p:last-child { margin-bottom: 0; } @media screen and (min-width: 1190.5px){ .kl-header-wrapper--full .kl-header .kl-navbar__content { display: contents; } .kl-header-wrapper--full .kl-header .kl-navbar__content > .kl-navbar__menu { justify-content: center; } .kl-header-wrapper--full .kl-header .kl-navbar { justify-content: space-between; } .kl-header-wrapper--full .kl-header .kl-navbar__mobile { display: none; } .kl-header-wrapper--full .kl-header .kl-navbar__menu { flex-grow: 1; max-width: 1120px; } .kl-header .kl-navbar__item { padding-left: 24px; padding-right: 24px; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1000px) { .kl-header-wrapper--full .kl-header .kl-navbar { padding-right: 2vw; padding-left: 2vw; } } @media screen and (min-width: 2400px) { .kl-header-wrapper--full .kl-header .kl-navbar { padding-right: 48px; padding-left: 48px; } } @supports (position: sticky) { .kl-header-wrapper { position: sticky; top: 0; } .kl-header-wrapper--with-note .kl-header-notes { height: auto; } .kl-header-wrapper-placeholder { display: none; } } .kl-footer { background-color: rgba(0, 3, 38, 1.0); background-image: url(//4762424.fs1.hubspotusercontent-na1.net/hubfs/4762424/raw_assets/public/xorlab_website_theme/images/backgrounds/Gradient-Footer.png); background-size: cover; background-position: bottom center; background-repeat: no-repeat; } .kl-footer h1, .kl-footer h2, .kl-footer h3, .kl-footer h4, .kl-footer h5, .kl-footer h6, .kl-footer p, .kl-footer a, .kl-footer div, .kl-footer span { color: rgba(255, 255, 255, 1.0); } .kl-footer__wrapper { width: 100%; padding-top: 28px; padding-bottom: 28px; } .kl-footer__legal { display: flex; justify-content: center; flex-wrap: wrap; font-size: 0.875rem; margin: 0 -1.25rem; } .kl-footer__legal > span { margin: 0 0.125rem; } .kl-footer__legal a, .kl-footer__legal > span { color: rgba(255, 255, 255, 1.0); text-decoration: none; } .kl-footer__legal a:hover, .kl-footer__legal a:focus, .kl-footer__legal a:active { color: rgba(255, 255, 255, 1.0); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; ; } .kl-footer__byline { display: flex; justify-content: center; flex-wrap: wrap; font-size: 0.75rem; margin: -0.625rem -1.25rem; } .kl-footer__byline > span { margin: 0.625rem 1.25rem; color: rgba(255, 255, 255, 1.0); text-align: center; } .kl-footer__byline a { color: rgba(255, 255, 255, 1.0); } .kl-footer__byline a:hover, .kl-footer__byline a:focus, .kl-footer__byline a:active { color: rgba(255, 255, 255, 1.0); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; ; } .kl-footer__content { display: flex; justify-content: space-between; flex-direction: column; padding: 48px 0; gap: 32px; } .kl-footer__address { margin: 2rem 0; max-width: 288px; } .kl-footer__address p { color: rgba(255, 255, 255, 1.0); } .kl-footer__info { min-width: 250px; width: 66%; } .kl-footer__info img { display: block; width: auto; height: auto; margin: 0; } .kl-footer__info p { font-size: 0.875em; } .kl-footer__info-logo { display: block; max-width: 120px; } .kl-footer__social { display: flex; flex-wrap: wrap; list-style: none; padding: 0; gap: 0.5rem; } .kl-footer__social span { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 0.875rem; } .kl-footer__social svg { display: block; width: 1em; height: 1em; fill: #E7FFA4; transition: all .25s ease-in-out; } .kl-footer__social a:hover svg { fill: #E7FFA4; } .kl-footer__menu { display: flex; flex-wrap: wrap; margin: -16px 0 0; } .kl-footer__menu ul { list-style: none; padding: 0; margin: 0; } .kl-footer__menu h3 { font-size: 1rem; font-family: Epilogue, sans-serif; margin: 0 0 2rem; color: #E7FFA4; text-transform: uppercase; letter-spacing: 0.25em; } .kl-footer__menu a { display: block; font-size: 0.875em; font-weight: 500; line-height: 17px; color: rgba(255, 255, 255, 1.0); margin: 0 0 1.375em; text-decoration: none; } .kl-footer__menu a:hover, .kl-footer__menu a:focus, .kl-footer__menu a:active { color: rgba(255, 255, 255, 1.0); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; ; } .kl-footer__group { margin: 16px 0; } .kl-footer:not(.kl-footer_simple) .kl-footer__legal { padding-bottom: 48px; } @media screen and (max-width: 480px) { .kl-footer__menu { gap: 32px; flex-direction: column; } .kl-footer__menu .kl-footer__group { width: 100%; } } @media screen and (min-width: 480.5px) and (max-width: 579.5px) { .kl-footer__menu { gap: 40px; } .kl-footer__menu .kl-footer__group { flex-basis: calc(50% - 52px); } } @media screen and (min-width: 580px) and (max-width: 620px) { .kl-footer__menu { gap: 48px; } .kl-footer__info { width: 50%; } } @media screen and (max-width: 680px) { .kl-footer__byline { justify-content: center; } .kl-footer__content { display: block; } .kl-footer__menu { margin: 16px -16px 0; } .kl-footer__group { margin: 16px 16px 0; } } @media screen and (min-width: 620.5px) and (max-width: 768px) { .kl-footer__menu { display: flex; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; flex-grow: 1; gap: 40px; } } @media screen and (min-width: 768.5px) { .kl-footer__info { width: 31.428%; } .kl-footer__menu { display: flex; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; flex-grow: 1; } .kl-footer__group { flex-basis: 33%; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; } .kl-footer__content { padding-bottom: 82px; padding-top: 82px; flex-direction: row; } .kl-footer:not(.kl-footer_simple) .kl-footer__legal { padding-top: 28px; padding-bottom: 82px; } } @media screen and (max-width: 1024px) { .kl-footer__content { padding: 0 0 2rem !important; } } @media screen and (min-width: 1024.5px) { .kl-footer__content { padding-top: 100px; padding-bottom: 100px; } .kl-footer:not(.kl-footer_simple) .kl-footer__legal { padding-top: 28px; padding-bottom: 100px; } } .kl-hero-01 { position: relative; display: flex; align-items: center; min-height: 70vh; padding: 70px 0; } .kl-hero-01__content { max-width: 1120px; margin: 0 auto; padding: 0 20px; width: 100%; position: relative; padding: 20px; padding-right: 50%; } .kl-hero-01 h1, .kl-hero-01__text h1 { color: #E7FFA4; } .dnd-section_light .kl-hero-01 h1, .dnd-section_light .kl-hero-01__text h1 { color: inherit; } @media screen and (min-width: 1380px) { .kl-hero-01__content { padding: 0px; } } @media screen and (max-width: 768px) { .kl-hero-01__content { padding: 20px; } } @media screen and (min-width: 1240px) { .kl-hero-01__content { padding: 0; } } .kl-hero-01__content > div { max-width: 430px; } @media screen and (max-width: 768px) { .kl-hero-01__content > div { max-width: none; } } .kl-hero-01__image { position: absolute; width: 45%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: right; right: 0; transition: opacity .2s, width .5s; } @media screen and (max-width: 768px) { .kl-hero-01__image { opacity: .3; width: 100%; } } .kl-hero-02 { display: flex; padding: 64px 0; min-height: 50vh; } .kl-hero-02__content { max-width: 1120px; margin: 0 auto; padding: 0 20px; width: 100%; display: flex; align-items: center; } .kl-hero-02 h1 { color: #E7FFA4; } .dnd-section_light .kl-hero-02 h1 { color: inherit; } @media screen and (min-width: 1380px) { .kl-hero-02__content { padding: 0px; } } @media screen and (max-width: 960px) { .kl-hero-02__content { display: block; } } @media screen and (min-width: 960.5px) { .kl-hero-02_large .kl-hero-02__content { max-width: none; } .kl-hero-02_large .kl-rich-text { max-width: 560.0px; } .kl-hero-02_large .kl-hero-02__text-content { width: 60%; flex: 1 1 auto; display: flex; justify-content: flex-end; } .kl-hero-02_large .kl-hero-02__image { width: 40%; flex: 1 1 auto; } .kl-hero-02_large .kl-hero-02__image img { min-width: 75%; } .kl-hero-02_large div.kl-hero-02__image--left img { max-width: 940.0px; margin-left: 0; } .kl-hero-02_large div.kl-hero-02__image--right img { margin-right: 0; } } .kl-hero-02__content .kl-rich-text { flex-basis: 400px; flex-grow: 1; } .kl-hero-02__image { margin-left: 32px; display: flex; flex-grow: 1; flex-basis: 480px; height: 100%; } @media screen and (max-width: 960px) { .kl-hero-02__image { max-width: 720px; margin: 32px auto 0; height: auto; } } .kl-hero-02__image img { max-width: 100%; display: block; } .kl-hero-02__image--left { justify-content: flex-start; } .kl-hero-02__image--center { justify-content: center; } .kl-hero-02__image--right { justify-content: flex-end; } .kl-hero-02__image--top { align-items: flex-start; } .kl-hero-02__image--middle { align-items: center; } .kl-hero-02__image--bottom { align-items: flex-end; } .kl-hero-03 { padding: 120px 0; overflow: hidden; } @media screen and (max-width: 768px) { .kl-hero-03 { padding: 70px 0; } } .kl-hero-03__content { max-width: 1120px; margin: 0 auto; padding: 0 20px; width: 100%; position: relative; } @media screen and (min-width: 1380px) { .kl-hero-03__content { padding: 0px; } } .kl-hero-03__content .kl-rich-text { max-width: 50%; } @media screen and (max-width: 768px) { .kl-hero-03__content .kl-rich-text { max-width: 100%; } } .kl-hero-03__image { position: absolute; left: calc(50% + 64px); top: 50%; transform: translateY(-50%); } @media screen and (max-width: 768px) { .kl-hero-03__image { position: static; transform: none; margin-top: 32px; } } @media screen and (max-width: 360px) { .kl-hero-03__image { display: none; } } .kl-hero-03__image img { display: block; } .kl-wide-section { margin: 0 auto; max-width: 1920px; } .kl-wide-section__wrapper { display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (max-width: 767px) { .kl-wide-section__wrapper { flex-direction: column; align-items: center; } } .kl-wide-section__image { background-repeat: no-repeat; background-position: center center; } @media screen and (max-width: 767px) { .kl-wide-section__image { min-height: 250px; flex-basis: 98%; width: 98%; } } .kl-wide-section__text-content { width: 80%; margin: 0 auto; } .kl-wide-section__image, .kl-wide-section__text { flex-basis: 49%; width: 49%; flex-grow: 1; flex-shrink: 1; justify-content: center; align-items: center; } @media screen and (max-width: 767px) { .kl-wide-section__image, .kl-wide-section__text { flex-basis: 100%; width: 100%; } } .kl-logo-slider { background-color: transparent; } .kl-logo-slider__headline h4 { text-align: center; font-family: Epilogue, sans-serif; margin-bottom: 2rem; font-size: 1.375rem; } .kl-logo-slider--controls { position: relative; margin-left: -8px; margin-right: -8px; padding-left: 24px; padding-right: 24px; } .dnd-section .kl-logo-slider--invertable .kl-logo-slider__item img, .kl-logo-slider--invert .kl-logo-slider__item img { filter: invert(); } .dnd-section_light .kl-logo-slider--invertable .kl-logo-slider__item img { filter: none; } .kl-logo-slider__slide { display: flex; height: auto !important; } .kl-logo-slider__item { display: flex; justify-content: center; align-items: center; width: 100%; } .kl-logo-slider__item a { width: 100%; display: block; } .kl-logo-slider__item img { width: 100%; display: block; } .kl-logo-slider__navigation { position: absolute; padding: 0; display: flex; justify-content: space-between; align-items: center; height: 0; top: 50%; left: 50%; width: calc(100% + 48px); transform: translate3d(-50%,0,0); } .kl-logo-slider .glide__slides { margin-bottom: 0; } .kl-logo-slider__arrow { background-color: transparent; outline: none; box-shadow: none; border: none; padding: 20px 4px; min-width: 40px; color: #E7FFA4; transition: color 0.3s ease-in; } .kl-logo-slider__arrow:active, .kl-logo-slider__arrow:focus, .kl-logo-slider__arrow:hover { background-color: transparent; outline: none; box-shadow: none; border: none; color: #FFFFFF; } .kl-logo-slider__arrow svg { transition: transform 0.3s ease-out, opacity 0.3 ease-out, color 0.3s ease-out; transform: none; opacity: 0.7; color: inherit; fill: currentColor; } .kl-logo-slider__arrow:active svg, .kl-logo-slider__arrow:focus svg, .kl-logo-slider__arrow:hover svg { transform: none; opacity: 1; } .kl-logo-slider__arrow--prev { text-align: left; justify-content: flex-start; } .kl-logo-slider__arrow--next { text-align: right; justify-content: flex-end; } .kl-logo-slider__button, .kl-logo-slider__button:hover, .kl-logo-slider__button:focus, .kl-logo-slider__button:active { background-color: transparent; padding: 0; } .kl-logo-slider__button { opacity: 0.33; } .kl-logo-slider__button:hover, .kl-logo-slider__button:active, .kl-logo-slider__button:focus { outline: none; } .kl-logo-slider__button.active { opacity: 1; } .kl-logo-slider__arrow--prev svg, .kl-logo-slider__arrow--prev:active svg, .kl-logo-slider__arrow--prev:focus svg, .kl-logo-slider__arrow--prev:hover svg { transform: rotate3d(0,1,0,180deg); } .kl-logo-slider .glide--static .glide__slides { transform: none !important; display: flex; justify-content: center; width: auto !important; } .kl-logo-slider .glide--static .glide__slide--clone { display: none; } @media (min-width:768px) { .kl-logo-slider--controls { padding-left: 30px; padding-right: 30px; margin-left: -4px; margin-right: -4px; } .kl-logo-slider__navigation { width: calc(100% + 60px); } } .content_light .kl-logo-slider__arrow, .dnd-section_light .kl-logo-slider__arrow { color: #0520C1; } .content_light .kl-logo-slider__arrow:hover, .content_light .kl-logo-slider__arrow:active, .content_light .kl-logo-slider__arrow:focus, .dnd-section_light .kl-logo-slider__arrow:hover, .dnd-section_light .kl-logo-slider__arrow:active, .dnd-section_light .kl-logo-slider__arrow:focus { color: #000326; } .kl-logos { display: flex; justify-content: space-around; align-items: center; } .kl-logos__headline h4 { text-align: center; font-family: Epilogue, sans-serif; } @media screen and (max-width: 768px) { .kl-logos { flex-wrap: wrap; } } .kl-logos--1 { flex-wrap: wrap; } .kl-logos--1 .kl-logos__item { flex-basis: calc(100% / 1); } .kl-logos--2 { flex-wrap: wrap; } .kl-logos--2 .kl-logos__item { flex-basis: calc(100% / 2); } .kl-logos--3 { flex-wrap: wrap; } .kl-logos--3 .kl-logos__item { flex-basis: calc(100% / 3); } @media screen and (max-width: 340px) { .kl-logos--3 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos--4 { flex-wrap: wrap; } .kl-logos--4 .kl-logos__item { flex-basis: calc(100% / 4); } @media screen and (max-width: 480px) { .kl-logos--4 .kl-logos__item { flex-basis: calc(100% / 3); } } @media screen and (max-width: 340px) { .kl-logos--4 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos--5 { flex-wrap: wrap; } .kl-logos--5 .kl-logos__item { flex-basis: calc(100% / 5); } @media screen and (max-width: 768px) { .kl-logos--5 .kl-logos__item { flex-basis: calc(100% / 4); } } @media screen and (max-width: 480px) { .kl-logos--5 .kl-logos__item { flex-basis: calc(100% / 3); } } @media screen and (max-width: 340px) { .kl-logos--5 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos--6 { flex-wrap: wrap; } .kl-logos--6 .kl-logos__item { flex-basis: calc(100% / 6); } @media screen and (max-width: 768px) { .kl-logos--6 .kl-logos__item { flex-basis: calc(100% / 4); } } @media screen and (max-width: 480px) { .kl-logos--6 .kl-logos__item { flex-basis: calc(100% / 3); } } @media screen and (max-width: 340px) { .kl-logos--6 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos--7 { flex-wrap: wrap; } .kl-logos--7 .kl-logos__item { flex-basis: calc(100% / 7); } @media screen and (max-width: 920px) { .kl-logos--7 .kl-logos__item { flex-basis: calc(100% / 6); } } @media screen and (max-width: 768px) { .kl-logos--7 .kl-logos__item { flex-basis: calc(100% / 4); } } @media screen and (max-width: 480px) { .kl-logos--7 .kl-logos__item { flex-basis: calc(100% / 3); } } @media screen and (max-width: 340px) { .kl-logos--7 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos--8 { flex-wrap: wrap; } .kl-logos--8 .kl-logos__item { flex-basis: calc(100% / 8); } @media screen and (max-width: 920px) { .kl-logos--8 .kl-logos__item { flex-basis: calc(100% / 6); } } @media screen and (max-width: 768px) { .kl-logos--8 .kl-logos__item { flex-basis: calc(100% / 4); } } @media screen and (max-width: 480px) { .kl-logos--8 .kl-logos__item { flex-basis: calc(100% / 3); } } @media screen and (max-width: 340px) { .kl-logos--8 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos--9 { flex-wrap: wrap; } .kl-logos--9 .kl-logos__item { flex-basis: calc(100% / 9); } @media screen and (max-width: 920px) { .kl-logos--9 .kl-logos__item { flex-basis: calc(100% / 6); } } @media screen and (max-width: 768px) { .kl-logos--9 .kl-logos__item { flex-basis: calc(100% / 4); } } @media screen and (max-width: 480px) { .kl-logos--9 .kl-logos__item { flex-basis: calc(100% / 3); } } @media screen and (max-width: 340px) { .kl-logos--9 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos--10 { flex-wrap: wrap; } .kl-logos--10 .kl-logos__item { flex-basis: calc(100% / 10); } @media screen and (max-width: 920px) { .kl-logos--10 .kl-logos__item { flex-basis: calc(100% / 6); } } @media screen and (max-width: 768px) { .kl-logos--10 .kl-logos__item { flex-basis: calc(100% / 4); } } @media screen and (max-width: 480px) { .kl-logos--10 .kl-logos__item { flex-basis: calc(100% / 3); } } @media screen and (max-width: 340px) { .kl-logos--10 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos--11 { flex-wrap: wrap; } .kl-logos--11 .kl-logos__item { flex-basis: calc(100% / 11); } @media screen and (max-width: 920px) { .kl-logos--11 .kl-logos__item { flex-basis: calc(100% / 6); } } @media screen and (max-width: 768px) { .kl-logos--11 .kl-logos__item { flex-basis: calc(100% / 4); } } @media screen and (max-width: 480px) { .kl-logos--11 .kl-logos__item { flex-basis: calc(100% / 3); } } @media screen and (max-width: 340px) { .kl-logos--11 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos--12 { flex-wrap: wrap; } .kl-logos--12 .kl-logos__item { flex-basis: calc(100% / 12); } @media screen and (max-width: 920px) { .kl-logos--12 .kl-logos__item { flex-basis: calc(100% / 6); } } @media screen and (max-width: 768px) { .kl-logos--12 .kl-logos__item { flex-basis: calc(100% / 4); } } @media screen and (max-width: 480px) { .kl-logos--12 .kl-logos__item { flex-basis: calc(100% / 3); } } @media screen and (max-width: 340px) { .kl-logos--12 .kl-logos__item { flex-basis: calc(100% / 2); } } .kl-logos__item { padding: 10px; } .kl-logos__item a { display: block; } .kl-logos__item img { width: 100%; display: block; } @media screen and (max-width: 768px) { .kl-logos__item { flex-basis: 25%; } } @media screen and (max-width: 480px) { .kl-logos__item { flex-basis: 33%; } } @media screen and (max-width: 340px) { .kl-logos__item { flex-basis: 50%; } } .kl-about-modal { position: fixed; z-index: 12; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: auto; padding: 64px 16px; visibility: hidden; overscroll-behavior: contain; } .kl-about-modal__overlay { content: ''; background-color: black; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 12; opacity: 0; transition: all .25s ease-in-out; visibility: hidden; } .kl-about-modal__close { position: absolute; z-index: 13; top: 25px; right: 25px; display: block; background: white; padding: 4px; } @media screen and (max-width: 768px) { .kl-about-modal__close { top: 0; right: 0; } } .kl-about-modal__close svg { display: block; } .kl-about-modal__wrapper { overflow: hidden; position: relative; background: white; display: flex; } @media screen and (max-width: 768px) { .kl-about-modal__wrapper { display: block; } } .kl-about-modal__container { max-width: 980px; width: 100%; position: relative; left: 50%; transform: translateX(-50%); z-index: 13; transition: top .25s ease-in-out; visibility: hidden; opacity: 0; } .kl-about-modal:target { visibility: visible; } .kl-about-modal:target .kl-about-modal__overlay { opacity: .5; visibility: visible; } .kl-about-modal:target .kl-about-modal__container { visibility: visible; opacity: 1; } .kl-about-modal__image { width: 330px; } @media screen and (max-width: 768px) { .kl-about-modal__image { width: 100%; } } .kl-about-modal__image img { max-width: 100%; width: 100%; height: 100% !important; object-fit: cover; } @media screen and (max-width: 768px) { .kl-about-modal__image img { object-fit: unset; } } .kl-about-modal__content { padding: 42px 50px; flex-basis: 650px; } .kl-about-modal__header { margin: 0 0 30px; } .kl-about-modal__header h1, .kl-about-modal__header h2, .kl-about-modal__header h3, .kl-about-modal__header h4, .kl-about-modal__header h5, .kl-about-modal__header h6 { margin: 0 0 10px; font-weight: bold; } .kl-about-modal__header h4 { color: #000326; } .kl-about-modal__social { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -8px; } .kl-about-modal__social span { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; margin: 8px; } .kl-about-modal__social svg { display: block; width: 25px; height: 25px; fill: #FFFFFF; transition: all .25s ease-in-out; } .kl-about-modal__social a:hover svg { fill: #000326; /*fill: $secondary-color;*/ } .kl-offer-modal { position: fixed; z-index: 12; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: auto; padding: 64px 16px; visibility: hidden; overscroll-behavior: contain; } .kl-offer-modal__overlay { content: ''; background-color: black; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 12; opacity: 0; transition: all .25s ease-in-out; visibility: hidden; } .kl-offer-modal__close { position: absolute; z-index: 13; top: 25px; right: 25px; display: block; background: white; padding: 4px; } @media screen and (max-width: 768px) { .kl-offer-modal__close { top: 0; right: 0; } } .kl-offer-modal__close svg { display: block; } .kl-offer-modal__wrapper { overflow: hidden; position: relative; background: white; display: flex; } @media screen and (max-width: 768px) { .kl-offer-modal__wrapper { display: block; } } .kl-offer-modal__container { max-width: 980px; width: 100%; position: relative; left: 50%; transform: translateX(-50%); z-index: 13; transition: top .25s ease-in-out; visibility: hidden; opacity: 0; } .kl-offer-modal:target { visibility: visible; } .kl-offer-modal:target .kl-offer-modal__overlay { opacity: .5; visibility: visible; } .kl-offer-modal:target .kl-offer-modal__container { visibility: visible; opacity: 1; } @media screen and (max-width: 768px) { .kl-offer-modal__close { top: 8px; right: 8px; } } .kl-offer-modal__wrapper { padding: 48px 64px; } @media screen and (max-width: 480px) { .kl-offer-modal__wrapper { padding: 32px; } } .kl-offer-modal__wrapper--center { align-items: center; } .kl-offer-modal__wrapper--bottom { align-items: flex-end; } .kl-offer-modal__content { flex-basis: 400px; flex-grow: 1; } .kl-offer-modal__form { margin-left: 36px; flex-basis: 50%; flex-grow: 1; } @media screen and (max-width: 768px) { .kl-offer-modal__form { margin: 36px 0 0; } } .kl-header { position: fixed; z-index: 12; width: 100%; /* box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1); */ background-color: rgba(0, 3, 38, 1.0); } .kl-header-placeholder { height: 106px; } .kl-navbar { height: 106px; display: flex; align-items: center; } .kl-header a, .kl-header a:hover, .kl-header a:active, .kl-header a:focus { text-decoration: none; } .kl-navbar__logo, .kl-navbar__logo-btn { width: auto; display: block; margin-right: 42px; color: inherit; } .kl-navbar__logo-btn img.kl-navbar__logo { margin-right: 0; } .kl-navbar__logo-btn { max-width: 150px; } .kl-navbar__logo-btn img.kl-navbar__logo { max-width: 100% !important; } .kl-navbar__logo-btn .kl-navbar__logo--fallback { width: 140px; } .kl-navbar__logo--fallback svg { width: 100%; height: auto; color: inherit; } .kl-navbar__mobile { display: flex; gap: 1.5rem; align-items: center; } .kl-navbar__mobile .hs_cos_wrapper_type_language_switcher { display: none; } .kl-navbar__hamburger { line-height: 0; display: block; } .kl-navbar .kl-navbar__mobile .hamburger-box { display: block; line-height: 0; padding-top: 1.5rem; padding-bottom:1.5rem; } .kl-navbar__content { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: center; } .kl-navbar__menu { list-style: none; display: flex; margin: 0; padding: 0; } .kl-navbar__item { position: relative; margin: 0 32px; } .kl-navbar__item.active .kl-navbar__panel { visibility: visible; opacity: 1; transform: translateY(0); } .kl-navbar__item.active .kl-navbar__button { color: #000326; } .kl-navbar__item.active .kl-navbar__button > span:after { visibility: visible; width: 100%; } .kl-navbar__button { font-weight: normal; font-size: 16px; font-family: Epilogue, sans-serif; line-height: 1.5; word-break: normal; color: #FFFFFF; display: block; position: relative; display: flex; align-items: center; } .kl-navbar__button > span { display: block; margin: auto 0; padding: 8px 0; } .kl-navbar__button > span:after { content: ''; width: 0px; height: 2px; position: absolute; background-color: transparent; left: 0; bottom: 0; visibility: hidden; transition: width .2s ease-in-out; } .kl-navbar__button:hover, .kl-navbar__button:focus { text-decoration: none; color: #E7FFA4; } .kl-navbar__button:active, .kl-navbar__button.active { text-decoration: none; color: #E7FFA4; } .kl-navbar__button:hover > span:after, .kl-navbar__button:focus > span:after, .kl-navbar__button:active > span:after, .kl-navbar__button.active > span:after { visibility: visible; width: 100%; /* background-color: #E7FFA4; */ background-color: #E7FFA4; } .kl-navbar__end { display: flex; align-items: center; } .kl-navbar__end > span + a { margin-left: 25px; } .kl-navbar__end > a + a, .kl-navbar__end > a:not(:first-child) { margin-left: 25px; } .kl-navbar__end > .button_cta:not(:first-child) { margin-left: 25px; } .kl-navbar__panel { background-color: rgba(0, 3, 38, 1.0); visibility: hidden; opacity: 0; transform: translateY(8px); transition: all .25s ease-in-out; position: fixed; top: 106px; left: 0; width: 100%; } .kl-navbar__panel-wrapper { display: flex; flex-wrap: wrap; max-width: 960px; margin: 0 auto; padding: 32px 0; justify-content: space-between; } .kl-navbar__panel-wrapper > div { flex-basis: none; } .kl-navbar__categories { display: flex; justify-content: space-between; flex-wrap: wrap; flex-basis: 650px; } .kl-navbar__description { flex-basis: 250px; margin: 0 16px; color: #FFFFFF; } .kl-navbar__description h1, .kl-navbar__description h2, .kl-navbar__description h3, .kl-navbar__description h4, .kl-navbar__description h5, .kl-navbar__description h6 { color: inherit; } .kl-navbar__description h2 { font-size: 1.125rem; font-weight: bold; margin: 0 0 .5rem; } .kl-navbar__description h3 { font-size: 0.875rem; font-weight: bold; margin: 0 0 .5rem; } .kl-navbar__description p { font-size: 0.875rem; margin: 0 0 1.75rem; } .kl-navbar__description a { color: #FFFFFF; } .kl-navbar__description a:hover, .kl-navbar__description a:focus { text-decoration: none; color: #000326; } .kl-navbar .hamburger { display: none; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; padding: 0; overflow: visible; min-width: auto; } .kl-navbar .hamburger:focus { outline: none; } .kl-navbar .hamburger-box { width: 24px; height: 19px; display: inline-block; position: relative; } .kl-navbar .hamburger-inner { display: block; top: 50%; margin-top: -1.5px; } .kl-navbar .hamburger-inner, .kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after { width: 24px; height: 3px; background-color: #FFFFFF; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after { content: ""; display: block; } .kl-navbar .hamburger-inner::before { top: -8px; } .kl-navbar .hamburger-inner::after { bottom: -8px; } .kl-navbar .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .kl-navbar .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .kl-navbar .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .kl-navbar .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .kl-navbar .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .kl-navbar .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* Navbar submenu */ .kl-navbar-submenu-wrapper { position: absolute; bottom: 2px; left: 0; transform: translateY(100%); visibility: hidden; border-top: 2px solid transparent; } .kl-navbar__item:hover > .kl-navbar-submenu-wrapper { visibility: visible; } .kl-navbar-submenu { background-color: rgba(0, 3, 38, 1.0); /* box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1); */ list-style: none; padding: 0; margin: 0 0 0; width: 240px; } .kl-navbar-submenu .kl-navbar-submenu { position: absolute; top: 0px; left: 100%; transform: translateX(0); margin: 0; visibility: hidden; } .kl-navbar-submenu__item { position: relative; } .kl-navbar-submenu__item:hover > .kl-navbar-submenu { visibility: visible; } .kl-navbar__lang-switcher .lang_switcher_link, .kl-navbar-submenu__item a { display: block; padding: 16px 24px; font-weight: normal; font-size: 16px; font-family: Epilogue, sans-serif; line-height: 1rem; word-break: normal; color: #FFFFFF; } .kl-navbar__lang-switcher .lang_list_class li:first-child, .kl-navbar-submenu__item:first-child { padding-top: 8px; } .kl-navbar__lang-switcher .lang_list_class li:first-child, .kl-navbar-submenu__item:first-child { padding-top: 8px; } .kl-navbar__lang-switcher .lang_list_class li:last-child, .kl-navbar-submenu__item:last-child { padding-bottom: 8px; } .kl-navbar__lang-switcher .lang_switcher_link:hover, .kl-navbar__lang-switcher .lang_switcher_link:focus, .kl-navbar-submenu__item a:hover, .kl-navbar-submenu__item a:focus { color: #E7FFA4; text-decoration: none; } .kl-navbar__parent { cursor: pointer; } .kl-navbar__parent > a { position: relative; display: flex; justify-content: space-between; align-items: center; } .kl-navbar__parent > a:after { content: ''; display: block; width: 5px; height: 5px; margin-left: 16px; margin-top: -3px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; transform: rotate(45deg); transform-origin: 3px 3px; transition: transform .25s ease-in-out; } .kl-navbar__parent > a.active:hover:after { transform: rotate(225deg); } .kl-navbar__parent > a.active{ color: #E7FFA4; } .kl-navbar__parent > a.active:after { border-color: #E7FFA4; } /* language switcher */ .kl-navbar__lang-switcher { color: #FFFFFF; position: relative; font-size: 1.5rem; line-height: 1; padding: 0; } .kl-navbar__lang-switcher:hover, .kl-navbar__lang-switcher:focus-within { color: #E7FFA4; } .kl-navbar__lang-switcher-icon, .kl-navbar__lang-switcher-icon svg { color: inherit; line-height: 0; display: block; padding: 0; } .kl-navbar__lang-switcher-icon:only-child { display: none; } .kl-navbar__lang-switcher-icon svg { fill: currentColor; height: 1em; width: auto; } .kl-navbar__lang-switcher .lang_switcher_class .globe_class { background-image: none; position: absolute; width: 100%; height: 100%; background-color: transparent; } .kl-navbar__lang-switcher .lang_switcher_class { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .kl-navbar__lang-switcher .lang_list_class { top: 50%; bottom: auto; transform: translate3d(-50%, 0, 0); padding-top: 53.0px!important; background-color: transparent; box-shadow: none; } .kl-navbar__lang-switcher .lang_list_class { margin-top: 0!important; display: block; } .kl-navbar__lang-switcher .lang_list_class li { display: none; } .kl-navbar__lang-switcher .lang_list_class::after { content: normal; } .kl-navbar__lang-switcher .lang_list_class::before { transform: none; border: 0 solid #E7FFA4; background-color: #E7FFA4; border-top-width: 2px; top: 51.0px; width: 0; left: 0; height: 2px; transition: width .2s ease-in-out; content: ""; position: absolute; margin: 0; } .kl-navbar__lang-switcher:hover .lang_list_class li { display: block; } .kl-navbar__lang-switcher .lang_list_class:hover::before, .kl-navbar__lang-switcher:hover .lang_list_class::before { width: 100%; } .kl-navbar__lang-switcher .lang_list_class li { background-color: rgba(0, 3, 38, 1.0); padding: 0; } html[lang^="en"] .lang_switcher_link[lang="en"], html[lang^="de"] .lang_switcher_link[lang="de"] { opacity: 0.75; color: #E7FFA4; cursor: :default; } .kl-navbar__parent:hover > a:after { border-color: #E7FFA4; } .kl-navbar-submenu .kl-navbar-submenu__button.active { opacity: 0.75; color: #E7FFA4; } .kl-navbar-submenu .kl-navbar-submenu__button.active:hover, .kl-navbar-submenu .kl-navbar-submenu__button.active:focus { opacity: 1; color: #E7FFA4; } @media screen and (max-width: 1190px) { .kl-navbar { justify-content: space-between; } .kl-navbar--active .kl-navbar__content { visibility: visible; opacity: 1; transform: translateY(0); } .kl-navbar__menu > .kl-navbar__item > .kl-navbar__button { font-weight: bold; } .kl-navbar__mobile .hs_cos_wrapper_type_language_switcher { display: block; position: static; } .kl-navbar__mobile .kl-navbar__hamburger { position: relative; z-index: 2; } .kl-navbar__mobile .lang_switcher_class { z-index: 1; } .kl-navbar__content { background-color: rgba(0, 3, 38, 1.0); position: fixed; width: 100%; height: calc(100% - 106px); left: 0; bottom: 0; padding: 45px 20px; flex-direction: column; justify-content: space-between; overflow-y: auto; visibility: hidden; opacity: 0; transform: translateY(8px); transition: transform .25s ease-in-out, opacity .25s ease-in-out; } .kl-navbar__menu { display: block; margin: 0 0 24px; width: 100%; } .kl-navbar__item.active .kl-navbar__panel { max-height: 100vh; } .kl-navbar__button { font-size: 1rem; } .kl-navbar__end > span + a { margin-left: 0; } .kl-navbar__end .hs_cos_wrapper_type_language_switcher { display: none; } .kl-navbar__end.desktop { display: none; } .kl-navbar__panel { position: static; max-height: 0; overflow: hidden; } .kl-navbar__categories p { display: none; } .kl-navbar__description { margin: 0; flex-basis: 50%; } .kl-navbar__description--full { flex-basis: auto; } .kl-navbar .hamburger { display: block; } .kl-navbar-submenu-wrapper { position: static; visibility: visible; display: none; transform: none; } .kl-navbar-submenu { box-shadow: none; margin: 0; width: auto; padding-left: 1rem; border-left: 2px solid #E7FFA4; } .kl-navbar-submenu .kl-navbar-submenu { position: static; visibility: visible; display: none; margin-left: 20px; } .kl-navbar__button > span:after { width: 100%; opacity: 0; } .kl-navbar__item + .kl-navbar__item { margin-top: 0.5rem; } .kl-navbar-submenu__item:first-child { padding-top: 0.125rem; } .kl-navbar-submenu__item:last-child { padding-bottom: 0.125rem; } .kl-navbar-submenu__item a { padding: 0.75rem 0; } .kl-navbar__parent > a:after { transform: rotate(45deg); } .kl-navbar__parent.kl-navbar__parent--active > a:after { transform: rotate(225deg); } .kl-navbar__parent.kl-navbar__parent--active .kl-navbar-submenu-wrapper, .kl-navbar__parent.kl-navbar__parent--active .kl-navbar-submenu { display: block; } .kl-navbar__parent > a { pointer-events: none; } .kl-navbar__end .kl-navbar__lang-switcher { display: none; } } @media screen and (min-width: 860px ) and (max-width: 1190px) { .kl-navbar__content { max-width: 760px; width: 50%; margin-right: 0; margin-left: auto; left: auto; right: 0; } .kl-navbar::before { content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 0; background-color: transparent; opacity: 0; z-index: -1; transition: opacity 0.3s ease, height 0 0.3s ease, color 0.3s ease; } .kl-navbar.kl-navbar--active::before { transition: opacity 0.3s ease, color 0.3s ease; height: 100%; background-color: rgba(0,0,0,0.5); opacity: 1; } .kl-navbar.kl-navbar--active { background: inherit; } } @media screen and (max-width: 1286px) { .kl-navbar__item { margin: 0 16px; } } @media screen and (min-width: 1190.5px) { .kl-navbar__end.mobile { display: none; } .kl-header > .kl-navbar > .kl-navbar__content > .kl-navbar__menu > .kl-navbar__item { height: 106px; position: relative; } .kl-header > .kl-navbar > .kl-navbar__content > .kl-navbar__menu > .kl-navbar__item > .kl-navbar__button { height: 53.0px; display: flex; align-items: center; margin-top: 26.5px; position: static; } .kl-navbar__item.kl-navbar__parent .kl-navbar__button.active ~ .kl-navbar-submenu-wrapper > .kl-navbar-submenu { display: none; } .kl-navbar__item.kl-navbar__parent .kl-navbar__button.active ~ .kl-navbar-submenu-wrapper::before { opacity: 0; } .kl-navbar__parent > a.active > span:after { visibility: visible; width: 100%; } .kl-navbar__parent > a.active ~ .kl-navbar-submenu-wrapper, .kl-navbar__parent > a.active ~ .kl-navbar-submenu { display: block; } .kl-navbar__item.kl-navbar__parent:hover .kl-navbar__button.active ~ .kl-navbar-submenu-wrapper > .kl-navbar-submenu, .kl-navbar__item.kl-navbar__parent:focus-within .kl-navbar__button.active ~ .kl-navbar-submenu-wrapper > .kl-navbar-submenu, .kl-navbar__item.kl-navbar__parent .kl-navbar__button.active:focus ~ .kl-navbar-submenu-wrapper > .kl-navbar-submenu { display: block; } .kl-navbar__item:hover .kl-navbar__button.active::after, .kl-navbar__item:focus-within .kl-navbar__button.active::after, .kl-navbar__item .kl-navbar__button.active:focus::after, .kl-navbar__item.kl-navbar__parent:hover .kl-navbar__button.active ~ .kl-navbar-submenu-wrapper::before, .kl-navbar__item.kl-navbar__parent:focus-within .kl-navbar__button.active ~ .kl-navbar-submenu-wrapper::before, .kl-navbar__item.kl-navbar__parent .kl-navbar__button.active:focus ~ .kl-navbar-submenu-wrapper::before { opacity: 1; } .kl-navbar__button > span:after { bottom: 0; } .kl-navbar-submenu-wrapper { position: absolute; bottom: 2px; left: 0; transform: translateY(100%); visibility: hidden; border-top: 2px solid transparent; } .kl-navbar-submenu-wrapper:before { content: ''; width: 0px; height: 2px; position: absolute; background-color: transparent; left: 0; top: -2px; visibility: hidden; transition: width .2s ease-in-out; } .kl-navbar__item.kl-navbar__parent:hover .kl-navbar-submenu-wrapper:before, .kl-navbar-submenu-wrapper:hover:before, .kl-navbar__button:hover ~ .kl-navbar-submenu-wrapper:before, .kl-navbar__button:focus ~ .kl-navbar-submenu-wrapper:before, .kl-navbar__button:active ~ .kl-navbar-submenu-wrapper:before, .kl-navbar__button.active ~ .kl-navbar-submenu-wrapper:before { visibility: visible; width: 100%; background-color: #E7FFA4; } } .kl-offer-01 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: row-reverse; padding: 32px 36px 0; border: 1px solid rgba(5, 32, 193, 0.2); border-radius: 2px; background-color: rgba(255, 255, 255, 1.0); box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.0); color: #000326; } .kl-offer-01__content { display: flex; align-items: center; flex-wrap: wrap; flex-basis: 320px; flex-grow: 1; margin-bottom: 32px; } .kl-offer-01__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: block; margin: 0 0 1rem; } .kl-offer-01__text { flex-basis: 420px; flex-grow: 1; margin-right: 50px; } @media screen and (max-width: 480px) { .kl-offer-01__text { margin: 0; } } .kl-offer-01__text h1, .kl-offer-01__text h2, .kl-offer-01__text h3, .kl-offer-01__text h4, .kl-offer-01__text h5, .kl-offer-01__text h6 { margin: 0 0 1.125rem; } .kl-offer-01__button { flex-shrink: 0; } .kl-offer-01__image { flex-basis: 260px; margin: 0 auto; padding-right: 20px; } @media screen and (max-width: 480px) { .kl-offer-01__image { padding: 0; } } .kl-offer-01__image img { display: block; width: 100%; max-width: 420px; } .kl-pricing { display: flex; align-items: flex-start; text-align: center; flex-direction: column; gap: 1.5rem; } .kl-pricing__card { position: relative; padding: 36px 32px; border: 0.5px solid rgba(5, 32, 193, 0.2); box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.0); background-color: rgba(255, 255, 255, 1.0); border-radius: 2px; color: rgba(0, 3, 38, 1.0); flex-basis: 346px; flex-grow: 1; transition: box-shadow .25s ease-in-out; } .kl-pricing__card--featured { box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); } .kl-pricing__card:hover { box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); } /* .kl-pricing__card + .kl-pricing__card { margin-left: 72px; } */ .kl-pricing__badge { font-family: Michroma, sans-serif; font-size: 0.625rem; font-weight: bold; line-height: 1; min-width: 120px; padding: 10px 12px; border-radius: 40px; background-color: #EBF1FF; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } .kl-pricing__icon { height: 28px; display: flex; align-items: flex-end; justify-content: center; margin: 0 0 1.5rem; } .kl-pricing__icon img { max-height: 100%; display: block; } .kl-pricing__price { color: #000326; } .kl-pricing__price h1, .kl-pricing__price h2, .kl-pricing__price h3, .kl-pricing__price h4, .kl-pricing__price h5, .kl-pricing__price h6 { color: inherit; } .kl-pricing__description p { font-size: 0.875rem; margin: 0 0 0.75rem; } .kl-pricing__features { text-align: left; list-style: none; margin: 0 0 2.625rem; padding: 0; } .kl-pricing__features li { font-size: 0.875rem; margin: 0 0 1rem; display: flex; } .kl-pricing__bullet { display: block; width: 1rem; height: 1rem; margin: 2px 0.75rem 0 0; flex-shrink: 0; } .kl-pricing__bullet img { display: block; } .kl-pricing__button .button_cta { width: 100%; } .kl-pricing__button .button_cta a { padding-left: 0; padding-right: 0; } .kl-pricing__button a { width: 100%; } .kl-pricing hr { margin: 1.75rem 0; color: #F3F3F3; background-color: #F3F3F3; height: 2px; } @media screen and (max-width: 768px) { .kl-pricing__card { margin-left: auto; margin-right: auto; } } @media screen and (min-width: 768.5px) { .kl-pricing { flex-direction: row; gap: 1rem 1.5rem; } } @media screen and (min-width: 1024px) { .kl-pricing { gap: 3.25rem; } } .kl-pricing-table { overflow-x: auto; } .kl-pricing-table > table { border: none; margin: 0; background: transparent; table-layout: fixed; height: 100%; width: 100%; } @media screen and (max-width: 920px) { .kl-pricing-table > table { width: 100%; } } .kl-pricing-table__features { position: relative; width: 250px; } @media screen and (max-width: 920px) { .kl-pricing-table__features { width: 50%; } } .kl-pricing-table__plans { text-align: left; padding: 32px; /* This is only for the CTAS */ /* ***** */ } .kl-pricing-table__plans .button_cta a { padding-left: 0; padding-right: 0; width: 100%; } .kl-pricing-table__plans .button { width: 100%; } .kl-pricing-table__plans h3 { font-size: 18px; } .kl-pricing-table__plans h4, .kl-pricing-table__plans h5 { font-weight: bold; color: #000326; } .kl-pricing-table__plans > div { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .kl-pricing-table th, .kl-pricing-table td { vertical-align: middle; border: none; } .kl-pricing-table th { font-weight: normal; background: transparent; text-align: left; } .kl-pricing-table th p { color: #FFFFFF; } .kl-pricing-table th.kl-pricing-table__featured { background: #000326; color: white; border-top-left-radius: 2px; border-top-right-radius: 2px; } .kl-pricing-table th.kl-pricing-table__featured h1, .kl-pricing-table th.kl-pricing-table__featured h2, .kl-pricing-table th.kl-pricing-table__featured h3, .kl-pricing-table th.kl-pricing-table__featured h4, .kl-pricing-table th.kl-pricing-table__featured h5, .kl-pricing-table th.kl-pricing-table__featured p { color: white; } .kl-pricing-table th.kl-pricing-table__featured .button { border-color: white; color: white; } @media screen and (max-width: 920px) { .kl-pricing-table thead .kl-pricing-table__features { display: none; } } .kl-pricing-table tbody tr:first-child .kl-pricing-table__features { border-top-left-radius: 2px; } @media screen and (max-width: 920px) { .kl-pricing-table tbody tr:first-child .kl-pricing-table__features { border-top-left-radius: 0; } } .kl-pricing-table tbody tr:first-child td:before { content: ''; display: block; position: absolute; height: 1px; width: 100%; top: 0; right: 0; background: #E0E9FF; } .kl-pricing-table tbody tr:first-child .kl-pricing-table__featured:before { display: none; } .kl-pricing-table tbody tr:last-child .kl-pricing-table__featured { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } @media screen and (max-width: 920px) { .kl-pricing-table tbody tr:last-child .kl-pricing-table__featured { border-bottom-left-radius: 0; } } .kl-pricing-table tbody tr:last-child .kl-pricing-table__features { border-bottom-left-radius: 2px; } .kl-pricing-table tbody tr + tr .kl-pricing-table__features:after { content: ''; display: block; position: absolute; height: 1px; width: 100%; top: 0; right: 0; background: #E0E9FF; } .kl-pricing-table tbody .kl-pricing-table__features { position: relative; background: #000326; color: white; padding: 12px 38px 12px 32px; } .kl-pricing-table td { position: relative; text-align: center; vertical-align: middle; padding: 12px 16px; } .kl-pricing-table td img { display: block; margin: 0 auto; } .kl-pricing-table td:after { content: ''; display: block; position: absolute; height: 1px; width: 100%; bottom: 0; right: 0; background: #E0E9FF; z-index: -1; } .kl-pricing-table td.kl-pricing-table__featured { background: #000326; color: white; } .kl-pricing-table td.kl-pricing-table__featured h3, .kl-pricing-table td.kl-pricing-table__featured h4, .kl-pricing-table td.kl-pricing-table__featured h5, .kl-pricing-table td.kl-pricing-table__featured p { color: white; } .kl-pricing-table td.kl-pricing-table__featured:after, .kl-pricing-table td.kl-pricing-table__featured:before { display: none; } .kl-pricing-table__navbar { display: none; list-style: none; padding: 0; margin: 0; border-radius: 3px; } @media screen and (max-width: 920px) { .kl-pricing-table__navbar { display: flex; } } @media screen and (max-width: 480px) { .kl-pricing-table__navbar { display: block; } } .kl-pricing-table__navbar .kl-pricing-table__featured { background: #000326; border: none; } .kl-pricing-table__navbar .kl-pricing-table__featured h1, .kl-pricing-table__navbar .kl-pricing-table__featured h2, .kl-pricing-table__navbar .kl-pricing-table__featured h3, .kl-pricing-table__navbar .kl-pricing-table__featured h4, .kl-pricing-table__navbar .kl-pricing-table__featured h5, .kl-pricing-table__navbar .kl-pricing-table__featured p { color: white; } .kl-pricing-table__navbar .kl-pricing-table__featured:hover { background: #000326; } .kl-pricing-table__tab { flex-basis: 200px; flex-grow: 1; display: flex; justify-content: center; align-items: center; padding: 16px 24px; border: 1px solid #e0e9ff; } .kl-pricing-table__tab h1, .kl-pricing-table__tab h2, .kl-pricing-table__tab h3, .kl-pricing-table__tab h4, .kl-pricing-table__tab h5, .kl-pricing-table__tab h6, .kl-pricing-table__tab p { margin: 0; } .kl-pricing-table__tab:hover { background: #e0e9ff; transition: background .25s ease-in-out; cursor: pointer; } @media screen and (max-width: 920px) { .kl-pricing-table__hide { display: none; } } .kl-pricing-table__tooltip { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='info-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-36 344h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'%3E%3C/path%3E%3C/svg%3E%0A"); background-repeat: no-repeat; height: 20px; width: 20px; position: absolute; right: 12px; top: 15px; } .kl-pricing-table-02 { overflow-x: auto; } .kl-pricing-table-02 > table { border: none; margin: 0; background: transparent; table-layout: fixed; height: 100%; width: 100%; } @media screen and (max-width: 920px) { .kl-pricing-table-02 > table { width: 100%; } } .kl-pricing-table-02__features { width: 250px; } @media screen and (max-width: 920px) { .kl-pricing-table-02__features { width: 50%; } } .kl-pricing-table-02__plans { text-align: left; padding: 32px; /* This is only for the CTAS */ /* ***** */ } .kl-pricing-table-02__plans .button_cta a { padding-left: 0; padding-right: 0; width: 100%; } .kl-pricing-table-02__plans .button { width: 100%; } .kl-pricing-table-02__plans h3 { font-size: 18px; } .kl-pricing-table-02__plans h4, .kl-pricing-table-02__plans h5 { font-weight: bold; color: #000326; } .kl-pricing-table-02__plans > div { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .kl-pricing-table-02 th, .kl-pricing-table-02 td { vertical-align: middle; border: 1px solid #000326; } .kl-pricing-table-02 th { font-weight: normal; background: transparent; text-align: center; } .kl-pricing-table-02 th p { color: #FFFFFF; } .kl-pricing-table-02 thead .kl-pricing-table-02__features { border-top: none; border-left: none; } @media screen and (max-width: 920px) { .kl-pricing-table-02 thead .kl-pricing-table-02__features { display: none; } } .kl-pricing-table-02 tbody .kl-pricing-table-02__features { position: relative; padding: 20px 20px 20px 32px; } .kl-pricing-table-02 td { position: relative; text-align: center; vertical-align: middle; padding: 12px 12px; } .kl-pricing-table-02 td img { display: block; margin: 0 auto; } .kl-pricing-table-02__navbar { display: none; list-style: none; padding: 0; margin: 0; border-top: 1px solid #000326; border-left: 1px solid #000326; border-right: 1px solid #000326; } @media screen and (max-width: 920px) { .kl-pricing-table-02__navbar { display: flex; } } @media screen and (max-width: 480px) { .kl-pricing-table-02__navbar { display: block; } } .kl-pricing-table-02__tab { flex-basis: 200px; flex-grow: 1; display: flex; justify-content: center; align-items: center; padding: 16px 24px; } .kl-pricing-table-02__tab h1, .kl-pricing-table-02__tab h2, .kl-pricing-table-02__tab h3, .kl-pricing-table-02__tab h4, .kl-pricing-table-02__tab h5, .kl-pricing-table-02__tab h6, .kl-pricing-table-02__tab p { margin: 0; } .kl-pricing-table-02__tab:hover { cursor: pointer; } .kl-pricing-table-02__tab--active { background-color: #000326; color: white; } .kl-pricing-table-02__tab--active h1, .kl-pricing-table-02__tab--active h2, .kl-pricing-table-02__tab--active h3, .kl-pricing-table-02__tab--active h4, .kl-pricing-table-02__tab--active h5, .kl-pricing-table-02__tab--active p { color: inherit; } .kl-pricing-table-02__tab + .kl-pricing-table-02__tab { border-left: 1px solid #000326; } @media screen and (max-width: 480px) { .kl-pricing-table-02__tab + .kl-pricing-table-02__tab { border-left: none; border-top: 1px solid #000326; } } @media screen and (max-width: 920px) { .kl-pricing-table-02__hide { display: none; } } .kl-pricing-table-02__highlight { background: #F2F5FB; } .kl-pricing-table-02__highlight th { font-weight: bold; } .kl-features-01 { display: flex; justify-content: space-between; } .kl-features--center { text-align: center; } .kl-features--center .kl-features-01__image { justify-content: center; } @media screen and (max-width: 768px) { .kl-features-01 { display: block; } } .kl-features-01__card { flex-basis: 225px; flex-grow: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; } .kl-features--cols-1 { flex-direction: column; } .kl-features--center .kl-features-01__card { align-items: center; } .kl-features-01__card h3, .kl-features-01__card h4 { margin: 0; } .kl-features-01__card .button { margin-top: 0; margin-right: auto; } .kl-features-01__card .button:first-child, .kl-features-01__card .button--link, .kl-features-01__card .button--arrow { margin-top: 0; } .kl-features-01__card p { font-weight: 400; margin-bottom: 0; } .kl-features-01__card + .kl-features-01__card { margin-left: 64px; } .kl-features-01__image { min-height: 48px; align-self: stretch; margin: 0; display: flex; align-items: center; } .kl-features-01__image img { display: block; width: auto; max-height: 48px; margin: 0; } .kl-features-01__image > span { display: block; } .kl-features-01__image svg { max-height: 48px; width: 48px; fill: #000326; } @media screen and (max-width: 767.5px) { .kl-features-01__card + .kl-features-01__card { margin: 32px 0 0; } } .kl-features--cols-1, .kl-features--cols-2, .kl-features--cols-3, .kl-features--cols-4 { flex-wrap: wrap; gap: 2rem; justify-content: flex-start; } .kl-features--cols-1 .kl-features-01__card, .kl-features--cols-2 .kl-features-01__card, .kl-features--cols-3 .kl-features-01__card, .kl-features--cols-4 .kl-features-01__card { flex-grow: 0; flex-basis: 100%; } .kl-features--cols-1 .kl-features-01__card + .kl-features-01__card, .kl-features--cols-2 .kl-features-01__card + .kl-features-01__card, .kl-features--cols-3 .kl-features-01__card + .kl-features-01__card, .kl-features--cols-4 .kl-features-01__card + .kl-features-01__card { margin-left: 0; } @media screen and (min-width: 580px) { .kl-features--cols-3 .kl-features-01__card, .kl-features--cols-4 .kl-features-01__card { flex-basis: calc(50% - 1rem); } } @media screen and (min-width: 768px) { .kl-features--cols-1, .kl-features--cols-2, .kl-features--cols-3, .kl-features--cols-4 { flex-wrap: wrap; gap: 3rem; } .kl-features--cols-2 .kl-features-01__card { flex-basis: calc(50% - 1.5rem); } .kl-features--cols-3 .kl-features-01__card, .kl-features--cols-4 .kl-features-01__card { flex-basis: calc(33.3333% - 2rem); } .kl-features-01__card { gap: 1.5rem; } } @media screen and (min-width: 1024px) { .kl-features--cols-1, .kl-features--cols-2, .kl-features--cols-3, .kl-features--cols-4 { flex-wrap: wrap; gap: 4rem; } .kl-features--cols-2 .kl-features-01__card { flex-basis: calc(50% - 2rem); } .kl-features--cols-3 .kl-features-01__card { flex-basis: calc(33.3333% - 2.6667rem); } .kl-features--cols-4 .kl-features-01__card { flex-basis: calc(25% - 3rem); } .kl-features-01__card { gap: 2rem; } } .kl-features-02 { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -16px; } @media screen and (max-width: 530px) { .kl-features-02 { display: block; } } .kl-features-02-wrapper { overflow: hidden; } .kl-features-02__card { flex-basis: 225px; flex-grow: 1; margin: 16px; display: block; } .kl-features-02__card h4 { margin: 0; display: inline; vertical-align: top; } .kl-features-02__card p { font-weight: 400; margin: 1rem 0 0; } .kl-features-02__card-header { display: flex; } .kl-features-02__image { min-height: 24px; margin: 0 16px 0 0; display: inline-block; } .kl-features-02__image img { display: block; width: auto; max-height: 24px; } .kl-features-02__image > span { display: block; } .kl-features-02__image svg { max-height: 24px; width: 24px; fill: #FFFFFF; } .content_light .kl-features-02__image svg { fill: #000326; } .kl-features-03__titles li.active h4, .kl-features-03__titles li h4:hover, .kl-features-03__titles li h4:focus { cursor: pointer; color: #E7FFA4; } .kl-features-03__titles { list-style: none; padding: 0; margin: 0 0 24px; display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .kl-features-03__titles { display: block; margin: 0; } } @media screen and (max-width: 768px) { .kl-features-03__titles li { background-color: #000326; text-align: center; } .kl-features-03__titles li + li { border-top: 1px solid #dadada; } } .kl-features-03__titles li.active h4:after { visibility: visible; width: 100%; } @media screen and (max-width: 768px) { .kl-features-03__titles li.active h4:after { visibility: hidden; } } .kl-features-03__titles li h4 { position: relative; display: inline-block; padding: 8px 0; margin: 0; } .kl-features-03__titles li h4:after { content: ''; width: 0px; height: 2px; background-color: #000326; position: absolute; left: 0; bottom: 2px; visibility: hidden; transition: width .2s ease-in-out; } .kl-features-03__section { background-color: #000326; color: #FFFFFF; display: none; } .kl-features-03__section .button--arrow, .kl-features-03__section .button_cta.button--arrow a { color: #000326; } .kl-features-03__section .button--arrow::after, .kl-features-03__section .button_cta.button--arrow a::after { content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%23000326'/%3E%3C/svg%3E"); } .kl-features-03__section.active { display: flex; flex-wrap: wrap; } .kl-features-03__image { width: 100%; background-size: cover; background-repeat: no-repeat; flex-basis: 360px; flex-grow: 1; display: flex; } .kl-features-03__image--left { justify-content: flex-start; } .kl-features-03__image--center { justify-content: center; } .kl-features-03__image--right { justify-content: flex-end; } .kl-features-03__image--top { align-items: flex-start; } .kl-features-03__image--middle { align-items: center; } .kl-features-03__image--bottom { align-items: flex-end; } .kl-features-03__image--cover { align-items: unset; } .kl-features-03__image--cover img { width: 100%; height: 100%; max-height: 100%; object-fit: cover; } .kl-features-03__image--contain img { object-fit: contain; } .kl-features-03__content { padding: 54px 78px; flex-basis: 400px; flex-grow: 3; } @media screen and (max-width: 580px) { .kl-features-03__content { padding: 30px; } } .kl-features-03__text h3 { margin: 0 0 28px; max-width: 480px; } .kl-features-03__text p { margin: 0 0 64px; max-width: 600px; } .kl-features-03__buttons { display: flex; align-items: center; } .kl-features-03__primary-cta { margin: 0 35px 0 0; } .kl-features-04 { max-width: 1120px; margin: 0 auto; } .kl-features-04__wrapper { display: flex; align-items: flex-start; justify-content: center; } .kl-features-04__content { flex: 0 1 50%; padding-right: 20px; } .kl-features-04__content-title { margin-bottom: 3rem; } .kl-features-04__content-title:last-child, .kl-features-04__content-title p:last-child { margin-bottom: 0; } .kl-features-04__content-title .kl-rich-text__buttons { display: none; } .kl-features-04__content-list-item { border-radius: 2px; padding: 20px; transition: all 0.2s ease-in-out; margin-bottom: 10px; } .kl-features-04__content-list-item:hover, .kl-features-04__content-list-item.active { background-color: #000326; color: #ffffff; cursor: pointer; } .kl-features-04__content-list-item:not(.active):hover { background-color: rgba(0, 3, 38, 0.4); } .kl-features-04__content-list-item:hover h3, .kl-features-04__content-list-item.active h3 { color: #ffffff; } .kl-features-04__content-list-item:hover .kl-features-04__logo-active, .kl-features-04__content-list-item.active .kl-features-04__logo-active { display: block; } .kl-features-04__content-list-item:hover .kl-features-04__logo-inactive, .kl-features-04__content-list-item.active .kl-features-04__logo-inactive { display: none; } .kl-features-04__content-list-item .kl-features-04__logo-inactive { display: block; } .kl-features-04__content-list-item .kl-features-04__logo-active { display: none; } .kl-features-04__content-list-item__wrapper { display: flex; align-items: center; justify-content: flex-start; } .kl-features-04__content-list-item__text h3 { margin-bottom: 0; } .kl-features-04__content-list-item__image { margin-right: 20px; max-width: 50px; } .kl-features-04__content-list-item__image img { display: block; } .kl-features-04__content-list-item.responsive { padding: 0; flex: 0 0 100%; display: none; } .kl-features-04__card { border: 0.5px solid rgba(5, 32, 193, 0.2); box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); border-radius: 2px; background-color: rgba(255, 255, 255, 1.0); width: 100%; flex: 0 1 50%; overflow: hidden; } .kl-features-04__card__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: block; line-height: 1rem; margin: 0 0 .75rem; } .kl-features-04__card__content h1, .kl-features-04__card__content h2, .kl-features-04__card__content h3, .kl-features-04__card__content h4, .kl-features-04__card__content h5, .kl-features-04__card__content h6 { font-weight: bold; margin: 0 0 1rem; } .kl-features-04__card__content p { margin: 0 0 2rem; } .kl-features-04__content-list { position: relative; border-color: #E7FFA4; } .kl-features-04__content-list-item { border-width: 0 0 0 1px; border-style: solid; border-color: transparent; transition: border-color 0.3s ease-out; } .kl-features-04__content-list-item .kl-features-04__content-list-item__wrapper { display: flex; align-items: center; padding: 0; } .kl-features-04__content-list-item__title { font-size: 1.125rem; font-weight: 400; line-height: 1.45; margin-bottom: 0; } .kl-features-04__content-list-item.active { border-color: inherit; } .kl-features-04__content-list-item.active .kl-features-04__content-list-item__title { font-weight: 600; } .kl-features-04__content-list:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; border-left: 1px solid; z-index: -1; opacity: 0.4; } .kl-features-04__card-wrapper { display: block; } .kl-features-04__card-item { flex: 0 0 100%; flex-direction: column; justify-content: stretch; align-items: stretch; display: none; } .kl-features-04__card-item.active { display: flex; } .kl-features-04__card-image { padding: 20px; } .kl-features-04__card-image img { max-width: 100%; height: auto; display: block; margin: 0; } .kl-features-04__card-text { /* border-top-width: 1px; border-top-style: solid; border-top-color: rgba(5, 32, 193, 0.2); */ padding: 10px 20px 30px; } .kl-features-04__card-buttons a:not(:first-child) { margin-left: 10px; } .kl-features-04--cover .kl-features-04__card { align-self: stretch; display: flex; justify-content: stretch; align-items: stretch; } .kl-features-04--cover .kl-features-04__card-wrapper .kl-features-03__image, .kl-features-04--cover .kl-features-04__card-wrapper .kl-features-03__image img, .kl-features-04--cover .kl-features-04__card-wrapper { min-height: 100%; } .kl-features-04--cover .kl-features-04__card-wrapper { display: flex; } .kl-features-04--cover .kl-features-04__card-wrapper .kl-features-04__card-text { display: flex; flex-direction: column; justify-content: flex-end; align-self: flex-end; margin-bottom: 0; margin-top: auto; } .kl-features-04--cover .kl-features-04__card-wrapper .kl-features-03__image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; z-index: -1; } .kl-features-04--cover .kl-features-04__card-wrapper .kl-features-03__text { display: flex; flex-direction: column; justify-content: flex-end; } .kl-features-04--cover .kl-features-04__card { box-shadow: none; border-radius: 0; border: 0; background: none; overflow: visible; position: relative; min-height: 40vw; } .kl-features-04--cover .kl-features-04__card-image { padding: 0; margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .kl-features-04--cover .kl-features-04__card-wrapper { margin-left: -20px; margin-right: -20px; overflow: hidden; } .kl-features-04--cover .kl-features-04__card-text { position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 2rem 1.25rem; z-index: 1; } .kl-features-04--cover .kl-features-04__card-image::before { top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 1; position: absolute; background: -moz-linear-gradient(0deg, rgba(0, 3, 38,1) 7%, rgba(0, 3, 38,0) 90%); background: -webkit-linear-gradient(0deg, rgba(0, 3, 38,1) 7%, rgba(0, 3, 38,0) 90%); background: linear-gradient(0deg, rgba(0, 3, 38,1) 7%, rgba(0, 3, 38,0) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000326",endColorstr="#000326",GradientType=1); } /* .kl-features-04--cover .kl-features-04__card-text::before, .kl-features-04--cover .kl-features-04__content-list-item.responsive .kl-features-04__content-list-item-text::before { content: ""; position: absolute; top: 100px; left: 0; right: 0; bottom: 0; z-index: -1; background-color: #000326; box-shadow: 0 0 80px 80px #000326; } */ @media screen and (min-width:560px) { .kl-features-04--cover .kl-features-04__card-text { padding: 2rem; } } @media screen and (max-width: 910px) { .kl-features-04__content { flex: 0 1 500px; } .kl-features-04__card { flex: 0 1 660px; } } @media screen and (max-width: 767px) { .kl-features-04__wrapper { flex-wrap: wrap; } .kl-features-04__content { flex: 1 1 100%; padding-right: 0; } .kl-features-04__content-list-item { flex-wrap: wrap; } .kl-features-04__content-list-item.active .responsive { display: block; } .kl-features-04__card, .kl-features-04--cover .kl-features-04__card { flex: 1 1 100%; display: none; } .kl-features-04__content-list-item .kl-features-04__content-list-item__wrapper { margin-bottom: 1.5rem; } .kl-features-04__content-list-item .kl-features-03__image { max-width: 100vw; overflow: hidden; } .kl-features-04__content-list-item .kl-features-03__image img { max-width: 100%; } .kl-features-04--contain .kl-features-04__content-list-item .kl-features-03__image { margin-bottom: 1.25rem; } .kl-features-04--contain .kl-features-04__content-list-item .kl-features-03__image:last-child { margin-bottom: 0; } .kl-features-04--contain .kl-features-04__content-list-item .kl-features-04__content-list-item.content_light { margin: 0.625rem -1.25rem 0.625rem -1.25rem; padding: 1.25rem 1.25rem 1.875rem; background-color: rgba(255, 255, 255, 1.0); color: {color=#000326, opacity=null, rgba=rgba(0, 3, 38, 1), rgb=rgb(0, 3, 38), hex=#000326, css=#000326}; } .kl-features-04--contain .kl-features-04__content-list-item .kl-features-04__content-list-item.content_light h3, .kl-features-04--contain .kl-features-04__content-list-item .kl-features-04__content-list-item.content_light h4, .kl-features-04--contain .kl-features-04__content-list-item .kl-features-04__content-list-item.content_light p { color: inherit; } .kl-features-04--cover .kl-features-04__content-list-item.responsive { margin-left: -20px; margin-right: -40px; position: relative; overflow: hidden; } .kl-features-04--cover .kl-features-04__content-list-item.responsive .kl-features-03__image { position: relative; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; max-height: 460px; overflow: hidden; margin-bottom: 20px; padding-left: 20px; } .kl-features-04--cover .kl-features-04__content-list-item.responsive .kl-features-03__image img { width: 100%; height: 100%; max-height: inherit; position: relative; object-fit: cover; object-position: center; } .kl-features-04--cover .kl-features-04__content-list-item.responsive .kl-features-04__content-list-item-text { padding-right: 40px; padding-left: 20px; position: relative; z-index: 1; } .kl-features-04--cover .kl-features-04__content-list-item.responsive .kl-features-04__content-list-item-text::before { z-index: -1; } .kl-features-04--cover .kl-features-04__content { padding: 64.0px 20px 64.0px 0; } } @media screen and (min-width:767.5px) { .kl-features-04--cover .kl-features-04__content { padding: 96.0px 20px 96.0px 0; } .kl-features-04--cover .kl-features-04__card-wrapper { margin-left: 0; width: calc(100% + 20px); position: relative; } .kl-features-04--cover .kl-features-04__card-text { padding: 3rem; width: 100%; display: flex; } .kl-features-04--cover .kl-features-04__card-text > div { flex-grow: 1; } .kl-features-04--cover .kl-features-04__card-text > div > * { max-width: 404px; } .dnd-section_noverflow .kl-features-04--cover .kl-features-04__card-wrapper { overflow: visible; } .dnd-section_noverflow .kl-features-04--cover .kl-features-04__card-wrapper .kl-features-04__card-image { width: 100%; max-width: 940.0px; } } @media screen and (min-width: 910px) { .kl-features-04--cover .kl-features-04__content { padding: 112.0px 20px 112.0px 0; } .dnd-section_noverflow .kl-features-04--cover .kl-features-04__card-wrapper .kl-features-04__card-image { width: 50vw; } } @media screen and (min-width: 1024px) { .kl-features-04--cover .kl-features-04__content { padding: 128px 20px 128px 0; } .kl-features-04--cover .kl-features-04__card-text { padding: 4rem; } } @media screen and (min-width: 767.5px) { .kl-features-04__content-title { margin-bottom: 4rem; } .kl-features-04__content-title:last-child { margin-bottom: 0; } } .kl-card { width: 100%; padding: 32px 0; color: inherit; } .kl-card:not(.kl-card--transparent) { border: 0.5px solid rgba(5, 32, 193, 0.2); box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); border-radius: 2px; background-color: rgba(255, 255, 255, 1.0); color: rgba(0, 3, 38, 1.0); padding-left: 25px; padding-right: 25px; } .kl-card__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: block; line-height: 1rem; margin: 0 0 .75rem; letter-spacing: 0.25em; line-height: 1rem; text-transform: uppercase; } .kl-card__content h1, .kl-card__content h2, .kl-card__content h3, .kl-card__content h4, .kl-card__content h5, .kl-card__content h6 { font-weight: normal; margin: 0 0 1rem; color: inherit; } .kl-card__content p { margin: 0 0 2rem; } .kl-card__image { margin: 0 0 1.75rem; } .kl-card__form { max-width: 600px; } .kl-card__icon { width: ; } .kl-card--center { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media screen and (max-width: 767px) { .kl-card--center.kl-card--transparent { padding-top: 0; } } .kl-social-sharing { display: flex; } .kl-social-link { margin: 0 2px; } .kl-social-link:hover { transform: scale(1.05); } .kl-social-logos { margin: 0 2px; height: 25px; width: 25px; background-size: cover; } .kl-social-logos.kl-logo-facebook { background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 30.9985C23.7843 30.9985 30.5 24.2828 30.5 15.9985C30.5 7.71426 23.7843 0.998535 15.5 0.998535C7.21573 0.998535 0.5 7.71426 0.5 15.9985C0.5 24.2828 7.21573 30.9985 15.5 30.9985ZM17.2508 6.99854H19.9508V10.5985H17.2508C17.0121 10.5985 16.7832 10.6934 16.6144 10.8621C16.4456 11.0309 16.3508 11.2598 16.3508 11.4985V14.1985H19.9508L19.0508 17.7985H16.3508V24.9985H12.7508V17.7985H10.0508V14.1985H12.7508V11.4985C12.7508 10.3051 13.2249 9.16047 14.0688 8.31655C14.9127 7.47264 16.0573 6.99854 17.2508 6.99854Z' fill='%23000326'/%3E%3C/svg%3E%0A"); } .kl-social-logos.kl-logo-linkedin { background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 30.9985C23.7843 30.9985 30.5 24.2828 30.5 15.9985C30.5 7.71426 23.7843 0.998535 15.5 0.998535C7.21573 0.998535 0.5 7.71426 0.5 15.9985C0.5 24.2828 7.21573 30.9985 15.5 30.9985ZM23.5004 17.0051V22.4801H20.3879V17.6051C20.3879 16.4426 20.3691 14.9614 18.7754 14.9614C17.1629 14.9614 16.9191 16.2177 16.9191 17.5301V22.4989H13.8066V12.4864H16.7879V13.8552H16.8254C17.2379 13.0677 18.2504 12.2427 19.7691 12.2427C22.9191 12.2427 23.5004 14.3052 23.5004 17.0051ZM8.74414 12.4863H11.8566V22.4988H8.74414V12.4863ZM8.5 9.29852C8.5 8.30477 9.30625 7.49853 10.3 7.49853C11.2937 7.49853 12.1 8.30477 12.1 9.29852C12.1 10.2923 11.2937 11.1173 10.3 11.1173C9.30625 11.1173 8.5 10.2923 8.5 9.29852Z' fill='%23000326'/%3E%3C/svg%3E%0A"); } .kl-social-logos.kl-logo-twitter { background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 30.9985C23.7843 30.9985 30.5 24.2828 30.5 15.9985C30.5 7.71426 23.7843 0.998535 15.5 0.998535C7.21573 0.998535 0.5 7.71426 0.5 15.9985C0.5 24.2828 7.21573 30.9985 15.5 30.9985ZM21.2164 11.1186C22.0324 10.8728 22.8036 10.4971 23.5 10.0058C23.2533 11.0187 22.7295 11.9429 21.9873 12.6749C22.0253 12.8739 22.0448 13.076 22.0455 13.2786C22.0455 21.6422 14.0455 25.2786 7.5 21.6422C9.30884 21.7142 11.0931 21.2044 12.5909 20.1877C6.04545 17.2786 8.95455 10.7331 8.95455 10.7331C9.68932 11.7794 10.6714 12.6277 11.8135 13.2025C12.9555 13.7773 14.2219 14.0608 15.5 14.0277V13.3004C15.4911 12.633 15.6873 11.979 16.0622 11.4267C16.437 10.8745 16.9725 10.4507 17.5961 10.2127C18.2196 9.97472 18.9013 9.93396 19.5488 10.096C20.1962 10.258 20.7784 10.6149 21.2164 11.1186Z' fill='%23000326'/%3E%3C/svg%3E%0A"); } .kl-social-logos.kl-logo-pinterest { background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 30.9985C23.7843 30.9985 30.5 24.2828 30.5 15.9985C30.5 7.71426 23.7843 0.998535 15.5 0.998535C7.21573 0.998535 0.5 7.71426 0.5 15.9985C0.5 24.2828 7.21573 30.9985 15.5 30.9985ZM17.2508 6.99854H19.9508V10.5985H17.2508C17.0121 10.5985 16.7832 10.6934 16.6144 10.8621C16.4456 11.0309 16.3508 11.2598 16.3508 11.4985V14.1985H19.9508L19.0508 17.7985H16.3508V24.9985H12.7508V17.7985H10.0508V14.1985H12.7508V11.4985C12.7508 10.3051 13.2249 9.16047 14.0688 8.31655C14.9127 7.47264 16.0573 6.99854 17.2508 6.99854Z' fill='%23000326'/%3E%3C/svg%3E%0A"); } .kl-social-logos.kl-logo-email { background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 30.9985C23.7843 30.9985 30.5 24.2828 30.5 15.9985C30.5 7.71426 23.7843 0.998535 15.5 0.998535C7.21573 0.998535 0.5 7.71426 0.5 15.9985C0.5 24.2828 7.21573 30.9985 15.5 30.9985ZM14.134 9.24854H14.1665H16.8332H16.8656H16.8657C17.7715 9.24853 18.4971 9.24852 19.0836 9.29644C19.6858 9.34564 20.2071 9.44909 20.687 9.69359C21.4553 10.0851 22.08 10.7097 22.4714 11.4781C22.716 11.9579 22.8194 12.4792 22.8686 13.0815C22.9165 13.6679 22.9165 14.3935 22.9165 15.2994V15.2994V15.3319V16.6652V16.6977V16.6977C22.9165 17.6036 22.9165 18.3291 22.8686 18.9156C22.8194 19.5178 22.716 20.0391 22.4714 20.519C22.08 21.2873 21.4553 21.912 20.687 22.3035C20.2071 22.548 19.6858 22.6514 19.0836 22.7006C18.4971 22.7485 17.7716 22.7485 16.8657 22.7485H16.8657H16.8656H16.8332H14.1665H14.134H14.134H14.1339C13.2281 22.7485 12.5026 22.7485 11.9161 22.7006C11.3139 22.6514 10.7926 22.548 10.3127 22.3035C9.54438 21.912 8.91971 21.2873 8.52823 20.519C8.28372 20.0391 8.18028 19.5178 8.13108 18.9156C8.08316 18.3291 8.08316 17.6036 8.08317 16.6977V16.6652V15.3319V15.2994C8.08316 14.3935 8.08316 13.6679 8.13108 13.0815C8.18028 12.4792 8.28372 11.9579 8.52823 11.4781C8.91971 10.7097 9.54438 10.0851 10.3127 9.69359C10.7926 9.44909 11.3139 9.34564 11.9161 9.29644C12.5026 9.24852 13.2281 9.24853 14.134 9.24854H14.134ZM12.0383 10.7915C11.5288 10.8331 11.2269 10.9113 10.9937 11.0301C10.5076 11.2778 10.1124 11.673 9.86474 12.1591C9.74593 12.3922 9.66772 12.6942 9.62609 13.2036C9.58375 13.7218 9.58317 14.3861 9.58317 15.3319V16.6652C9.58317 17.611 9.58375 18.2752 9.62609 18.7935C9.66772 19.3029 9.74593 19.6048 9.86474 19.838C10.1124 20.3241 10.5076 20.7193 10.9937 20.967C11.2269 21.0858 11.5288 21.164 12.0383 21.2056C12.5565 21.248 13.2207 21.2485 14.1665 21.2485H16.8332C17.779 21.2485 18.4432 21.248 18.9614 21.2056C19.4709 21.164 19.7728 21.0858 20.006 20.967C20.4921 20.7193 20.8873 20.3241 21.1349 19.838C21.2537 19.6048 21.332 19.3029 21.3736 18.7935C21.4159 18.2752 21.4165 17.611 21.4165 16.6652V15.3319C21.4165 14.3861 21.4159 13.7218 21.3736 13.2036C21.332 12.6942 21.2537 12.3922 21.1349 12.1591C20.8873 11.673 20.4921 11.2778 20.006 11.0301C19.7728 10.9113 19.4709 10.8331 18.9614 10.7915C18.4432 10.7491 17.779 10.7485 16.8332 10.7485H14.1665C13.2207 10.7485 12.5565 10.7491 12.0383 10.7915ZM10.8758 12.9158C11.1056 12.5712 11.5712 12.4781 11.9159 12.7078L12.5825 13.1523C13.6963 13.8948 14.125 14.1712 14.5623 14.303C15.1737 14.4872 15.8259 14.4872 16.4374 14.303C16.8747 14.1712 17.3034 13.8948 18.4171 13.1523L19.0838 12.7078C19.4285 12.4781 19.8941 12.5712 20.1239 12.9158C20.3536 13.2605 20.2605 13.7261 19.9159 13.9559L19.2492 14.4004L19.1437 14.4707L19.1437 14.4707C18.1722 15.1187 17.5482 15.5349 16.8701 15.7392C15.9764 16.0084 15.0232 16.0084 14.1295 15.7392C13.4515 15.5349 12.8275 15.1187 11.856 14.4707L11.7505 14.4004L11.0838 13.9559C10.7392 13.7261 10.646 13.2605 10.8758 12.9158Z' fill='%23000326'/%3E%3C/svg%3E%0A"); } .kl-testimonial-slider { position: relative; } .kl-testimonial-slider-wrapper { display: flex; position: relative; } .kl-testimonial-slider__content { opacity: 0; transform: rotate3d(0,1,0,90deg); position: absolute; width: 100%; display: flex; flex-direction: column; z-index: 0; } .kl-testimonial-slider__quote { padding: 0; border: none; font-size: 1.75rem; line-height: 1.6; margin-bottom: 2rem; } .kl-testimonial-slider__quote p, .kl-testimonial-slider__quote div, .kl-testimonial-slider__quote span { font-size: inherit; line-height: inherit; } .kl-testimonial-slider__content.active { opacity: 1; transform: none; position: relative; margin-left: 0; } .kl-testimonial-slider__figure { margin: 0 0 2rem; } .kl-testimonial-slider__caption { display: flex; flex-direction: column; gap: 0.5em; } .kl-testimonial-slider__author { font-family: Michroma; font-size: 24px; letter-spacing: 0.28px; color: #FF9810; } .kl-testimonial-slider__position { letter-spacing: 4px; line-height: 1; font-size: 1rem; } .kl-testimonial-slider__aside { display: block; min-width: 25%; transition: width 0.1s ease-out; max-width: 320px; } .kl-testimonial-slider__author-image { position: relative; } .kl-testimonial-slider__author-image::before { z-index: -1; content: ""; position: absolute; bottom: 0; height: auto; padding-bottom: 82.17%; width: 350px; max-width: 25vw; transform: translate3d(52%, 42%, 0); background: url('//4762424.fs1.hubspotusercontent-na1.net/hubfs/4762424/raw_assets/public/xorlab_website_theme/images/quote.png') no-repeat bottom; background-size: contain; right: 0; } .kl-testimonial-slider__author-img { width: 100%; aspect-ratio: 320 / 396; object-fit: cover; object-position: center; } @media screen and (max-width: 560px) { .kl-testimonial-slider__aside { max-width: 260px; } } @media screen and (max-width: 768px) { .kl-testimonial-slider__aside { width: 50%; padding-bottom: 14.5%; } .kl-testimonial-slider__aside .kl-testimonial-slider__author-image::before { right: 0; max-width: 40vw; transform: translate3d(50%, 33%,0); } .kl-testimonial-slider__figure { margin-bottom: 48px; } } @media screen and (min-width: 768.5px) { .kl-testimonial-slider__content { gap: 44px; } .kl-testimonial-slider__aside { display: block; } .kl-testimonial-slider__author-image { margin-bottom: 5rem; width: 100%; } .kl-testimonial-slider__content { flex-direction: row; flex-wrap: nowrap; } } @media screen and (min-width: 1024px) { .kl-testimonial-slider__content { gap: 72px; } .kl-testimonial-slider__author-image { margin-bottom: 6.5rem; } } @media screen and (min-width: 1200px) { .kl-testimonial-slider__content { gap: 90px; } .kl-testimonial-slider__author-image { margin-bottom: 8rem; } } .kl-testimonial-slider.ready .kl-testimonial-slider__content { z-index: 0; transition: opacity 0s ease-in, transform 0s linear, position 0s; opacity: 0; transition-delay: 0.4s; } .kl-testimonial-slider.ready .kl-testimonial-slider__content.active { z-index: 1; opacity: 1; transition: opacity 0s ease-in, transform 0s linear, position 0s 0.4s; } .kl-testimonial-slider.ready .kl-testimonial-slider__content .kl-testimonial-slider__author-image, .kl-testimonial-slider.ready .kl-testimonial-slider__content .kl-testimonial-slider__img { opacity: 0; transition: opacity 0.15s 0.15s ease-out; } .kl-testimonial-slider.ready .kl-testimonial-slider__content .kl-testimonial-slider__figure { opacity: 0; transition: opacity 0.15s ease-out; } .kl-testimonial-slider.ready .kl-testimonial-slider__content.active .kl-testimonial-slider__figure { opacity: 1; transition: opacity 0.15s 0.25s ease-out; } .kl-testimonial-slider.ready .kl-testimonial-slider__content.active .kl-testimonial-slider__author-image, .kl-testimonial-slider.ready .kl-testimonial-slider__content.active .kl-testimonial-slider__img { opacity: 1; transition: opacity 0.15s 0.1s ease-out; } @media screen and (max-width: 768px) { .kl-testimonial-slider.ready .kl-testimonial-slider__content .kl-testimonial-slider__author-image { opacity: 0; transition: opacity 0.15s 0.15s ease-out; } .kl-testimonial-slider.ready .kl-testimonial-slider__content.active .kl-testimonial-slider__author-image { opacity: 1; transition: opacity 0.15s 0.1s ease-out; } } .kl-testimonials { display: flex; } @media screen and (max-width: 920px) { .kl-testimonials { display: block; } } .kl-testimonial { padding: 18px 25px 25px; border: 0.5px solid rgba(5, 32, 193, 0.2); box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); border-radius: 2px; background-color: rgba(255, 255, 255, 1.0); flex-grow: 1; flex-basis: 300px; } .kl-testimonial + .kl-testimonial { margin-left: 64px; } @media screen and (max-width: 1024px) { .kl-testimonial + .kl-testimonial { margin-left: 16px; } } @media screen and (max-width: 920px) { .kl-testimonial + .kl-testimonial { margin: 16px 0 0; } } .kl-testimonial__quote { margin: 0 0 25px; } .kl-testimonial__quote svg { fill: #000326; height: 32px; max-height: 32px; } .kl-testimonial__content { font-weight: 500; color: #000326; } .kl-testimonial__footer { display: flex; align-items: center; } .kl-testimonial__footer img { display: block; object-fit: cover; width: 52px; height: 52px; border-radius: 50%; margin: 0 16px 0 0; } .kl-testimonial__author { font-weight: bold; } .kl-testimonial__author span { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: block; font-size: 0.75rem; margin: 0 0 8px; } .kl-timeline__entry { position: relative; padding-bottom: 50px; } .kl-timeline__entry h1, .kl-timeline__entry h2, .kl-timeline__entry h3, .kl-timeline__entry h4, .kl-timeline__entry h5 { color: #000326; } .kl-timeline__entry p { margin: 0 0 1rem; } .kl-timeline__entry--odd { margin-right: 50%; padding-right: 50px; text-align: right; } .kl-timeline__entry--odd:before { content: ''; background-color: #E7FFA4; display: block; position: absolute; top: 10px; width: 10px; height: 10px; border-radius: 10px; transform: translateX(4px); right: 0; } @media screen and (max-width: 580px) { .kl-timeline__entry--odd:before { transform: translateX(-5px); left: 0; } } .kl-timeline__entry--odd:after { content: ''; background-color: #E7FFA4; display: block; position: absolute; top: 10px; width: 1px; height: 100%; right: 0; } @media screen and (max-width: 580px) { .kl-timeline__entry--odd:after { left: 0; } } .kl-timeline__entry--even { margin-left: 50%; padding-left: 50px; } .kl-timeline__entry--even:before { content: ''; background-color: #E7FFA4; display: block; position: absolute; top: 10px; width: 10px; height: 10px; border-radius: 10px; transform: translateX(-5px); left: -1px; } @media screen and (max-width: 580px) { .kl-timeline__entry--even:before { transform: translateX(-5px); left: 0; } } .kl-timeline__entry--even:after { content: ''; background-color: #E7FFA4; display: block; position: absolute; top: 10px; width: 1px; height: 100%; left: -1px; } @media screen and (max-width: 580px) { .kl-timeline__entry--even:after { left: 0; } } .kl-timeline__entry--last:after { display: none; } @media screen and (max-width: 580px) { .kl-timeline__entry { margin: 0; padding: 0 0 50px 50px; text-align: left; } } @media screen and (max-width: 420px) { .kl-timeline__entry { padding: 0 0 20px 20px; } } .kl-post-listing .hs-rss-module { display: flex; flex-wrap: wrap; flex-direction: column; gap: 2rem; } .kl-post-listing-wrapper { display: flex; flex-direction: column; gap: 2rem; } .kl-post-listing .hs-rss-item { display: flex; flex-direction: column; margin: 0; } .kl-post-listing .hs-rss-item .hs-rss-item-text { order: 1; display: flex; flex-direction: column; gap: 1rem; } .kl-post-listing .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: 100%; } .kl-post-listing .hs-rss-date { color: inherit; font-size: .875rem; opacity: .5; } a.hs-rss-title { text-decoration: none; } .kl-post-listing-footer { display: flex; justify-content: center; } .kl-post-listing-footer .button { margin: 0; } a.hs-rss-title:hover, a.hs-rss-title:active, a.hs-rss-title:focus { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; ; } .hs-rss-item-image-wrapper { position: relative; margin: 0; padding: 78.79% 0 0; overflow: hidden; background-color: #fff; } .hs-rss-item-image-wrapper img { position: absolute; min-width: 100%; min-height: 100%; display: block; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); object-fit: cover; object-position: center; } .kl-post-listing .hs-rss-title { font-size: 22px; font-weight: 500; line-height: 1.4; letter-spacing: 0.01em; } .kl-post-listing-preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: 400; display: block; letter-spacing: 0.25em; line-height: 1rem; text-transform: uppercase; cursor: default; color: inherit; } .kl-post-listing .hs-rss-item-text { padding: 1rem 0 0; margin-bottom: 1.5rem; } .kl-post-listing .hs-rss-item-text > * { order: 1; } .kl-post-listing .hs-rss-item-text > .kl-post-listing-preheader, .kl-post-listing .hs-rss-item .hs-rss-item-image-wrapper { order: 0; } .kl-post-listing .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { width: 100%; display: block; } .kl-post-listing-title { text-align: center; width: 100%; margin-bottom: 0; } .kl-post-listing h3:empty { display: none; } .dnd-section_light .kl-post-listing-preheader, .content_light .kl-post-listing-preheader { color: inherit; } .dnd-section_light a.hs-rss-title, .content_light a.hs-rss-title { background: none; border: none; color: #0520C1; } .dnd-section_light a.hs-rss-title:hover, .dnd-section_light a.hs-rss-title:active, .dnd-section_light a.hs-rss-title:focus, .content_light a.hs-rss-title:hover, .content_light a.hs-rss-title:active, .content_light a.hs-rss-title:focus { background: none; border: none; color: #000326; } @media (min-width: 580px) { .kl-post-listing .hs-rss-module { flex-direction: row; } .kl-post-listing .hs-rss-item { flex-basis: calc(50% - 1rem); } .kl-post-listing .hs-rss-item-text { padding: 1.5rem 0 0; margin-bottom: 2rem; } } @media (min-width: 768px) { .kl-post-listing-wrapper, .kl-post-listing .hs-rss-module { gap: 3rem; } .kl-post-listing .hs-rss-item { flex-basis: calc(33.3333% - 2rem); } .kl-post-listing .hs-rss-item-text { padding: 2rem 0 0; } } @media screen and (min-width: 1024px) { .kl-post-listing-wrapper, .kl-post-listing .hs-rss-module { gap: 4rem; } .kl-post-listing .hs-rss-item { flex-basis: calc(33.3333% - 2.6667rem); } } /***************************************************************************/ /************************ Menu and simple menu *************************/ /***************************************************************************/ .hs-menu-wrapper ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding-left: 0; } /* Horizontal menu */ .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-horizontal ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /* Vertical menu */ .hs-menu-wrapper.hs-menu-flow-vertical ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-vertical ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } .hs-menu-wrapper.flyouts .hs-item-has-children { position: relative; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper { left: -9999px; opacity: 0; position: absolute; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; top: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 100%; opacity: 1; top: 0; } @media (max-width: 767px) { .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; position: relative; top: auto; } } .lang_switcher_class { display: flex !important; } .lang_list_class { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); padding: 0 !important; margin-top: 20px !important; } .lang_list_class:before { border: none !important; background: white; box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1); } .lang_list_class:after { top: -23px !important; } .lang_list_class li { word-break: keep-all; border-left: none !important; border-right: none !important; } .lang_list_class li:first-child { border-top: none !important; } .lang_list_class li:last-child { border-bottom: none !important; } /* Blog header */ .blog-header { background-color: #000326; padding: 0; background-repeat: no-repeat; background-positon: center; background-size: cover; /* Blog header - author listing */ } .blog-header__inner { display: flex; justify-content: space-between; align-items: center; } .blog-header__text { flex-grow: 1; padding-top: 128px; padding-bottom: 128px; } .blog-header__inner--centered, .blog-header__inner--centered .blog-header__text { justify-content: center; display: flex; align-items: center; flex-direction: column; text-align: center; } .blog-header__text .blog-header__title { flex-basis: auto; margin-bottom: 1rem; } .blog-post__body .custom-anchors:empty, .hs-blog-post .custom-anchors:empty { display: none; } @media screen and (max-width: 768px) { .blog-header__inner { display: block; } } .blog-header--author { background-color: transparent; } .blog-header--author .blog-header__inner { justify-content: flex-start; flex-wrap: nowrap; } @media screen and (max-width: 768px) { .blog-header--author .blog-header__inner { display: block; } } .blog-header__title { margin: 0 0 32px; max-width: 380px; flex-basis: 380px; flex-shrink: 0; } @media screen and (max-width: 768px) { .blog-header__title { max-width: none; } } .blog-header__title span { color: #000326; } .blog-header__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: inherit; display: block; margin: 0 0 .75rem; } .blog-header__image { margin-left: 32px; } @media screen and (max-width: 768px) { .blog-header__image { margin: 0 auto; max-width: 360px; } } .blog-header__image img { width: 100%; } .blog-header__image-featured { margin: 0 0 40px; } .blog-header__image-featured img { display: block; margin: 0 auto; max-width: 100%; height: auto; } .blog-header__author { flex-basis: 720px; } @media screen and (max-width: 768px) { .blog-header__author { margin: 32px 0 0; } } .blog-header__avatar { display: block; height: 360px; width: 100%; margin-right: 64px; max-width: 360px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 768px) { .blog-header__avatar { margin: 0 auto; } } @media screen and (max-width: 360px) { .blog-header__avatar { height: 300px; } } .blog-header__author-social-links { margin: 0 -8px; } .blog-header__author-social-links a { display: inline-block; border-radius: 50%; height: 24px; width: 24px; margin: 0 8px; position: relative; } .blog-header__author-social-links svg { fill: #FFFFFF; height: 100%; width: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .blog-filter { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 32px 0; flex-direction: column; } .blog-tags { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.125rem; /* margin: -7px -7px 0; */ /* max-width: 680px; */ } .blog-tags li { display: block; /* margin: 7px; */ } .blog-tags__link { background-color: rgba(255, 255, 255, 0.05); border-radius: 2px; color: #FFFFFF; font-family: Epilogue, sans-serif; padding: 1rem 1.5rem 0.75rem; font-weight: normal; display: inline-block; width: auto; height: auto; margin: 0; cursor: pointer; line-height: 1.1; letter-spacing: 0.03em; white-space: normal; word-break: break-word; text-align: center; text-decoration: none; position: relative; transition: all 0.15s linear; /* To affect HubSpot CTAs */ /* text-transform: uppercase; */ line-height: 1; font-size: 1.125rem; } .blog-tags__link:hover, .blog-tags__link:focus, .blog-tags__link:active { background-color: #FFFFFF; color: #000326; text-decoration: none; transition: background 0.3s ease-in, color 0.3s ease-in; /* transform: scale(1.0); */ } .blog-tags__link:disabled, .blog-tags__link.disabled, .blog-tags__link.disabled:hover, .blog-tags__link.disabled:active, .blog-tags__link.disabled:focus { background-color: rgba(255, 255, 255, 0.5); color: #FFFFFF; opacity: 0.5; } .blog-tags__link a { color: rgba(0, 3, 38, 1.0); } .blog-tags__link a:hover { color: #000326; text-decoration: none; } .blog-tags__link--current { background-color: #FFFFFF; color: #000326; } .blog-search { /* flex-basis: 400px; */ width: 100%; margin: 32px 0 0; } .blog-search .hs-search-field { max-width: 395px; } /* Blog listing */ .blog-index, .blog-more-posts { display: flex; flex-wrap: wrap; padding: 32px 0; gap: 64px; } .blog-index:after, .blog-more-posts:after { content: ""; flex: auto; } .blog-index__post-wrapper, .blog-more-posts__post-wrapper { flex-grow: 0; flex-shrink: 0; flex-basis: 100%; } @media screen and (min-width: 768px) { .blog-index__post-wrapper, .blog-more-posts__post-wrapper { flex-basis: calc(100% / 2 - 32px); } } @media screen and (min-width: 1000px) { .blog-index__post-wrapper, .blog-more-posts__post-wrapper { flex-basis: calc(100% / 3 - 128px / 3); } } .blog-index__post, .blog-more-posts__post { display: flex; flex-direction: column; /* border: 0.5px solid rgba(5, 32, 193, 0.2); */ /* box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); */ /* border-radius: 2px; */ height: 100%; overflow: hidden; } .blog-index__post img, .blog-more-posts__post img { height: auto; max-width: 100%; } .blog-index__post-content, .blog-more-posts__post-content { padding: 32px 0 0; display: flex; justify-content: space-between; flex-direction: column; flex-grow: 1; } .blog-index__post-content p:last-child, .blog-more-posts__post-content p:last-child { margin-bottom: 0; } .blog-index__post-content h3, .blog-more-posts__post-content h3 { font-family: Epilogue, sans-serif; font-size: 22px; font-style: normal; font-weight: 600; text-decoration: none; line-height: 1.4; margin: 0 0 1rem; } .blog-index__post-content h3 a, .blog-more-posts__post-content h3 a, .blog-index__post-content h3 a:not([class]), .blog-more-posts__post-content h3 a:not([class]) { color: #E7FFA4; text-decoration: none; } .blog-index__post-content h3 a:hover, .blog-more-posts__post-content h3 a:hover, .blog-index__post-content h3 a:active, .blog-more-posts__post-content h3 a:active, .blog-index__post-content h3 a:focus, .blog-more-posts__post-content h3 a:focus, .blog-index__post-content h3 a:not([class]):hover, .blog-more-posts__post-content h3 a:not([class]):hover, .blog-index__post-content h3 a:not([class]):active, .blog-more-posts__post-content h3 a:not([class]):active, .blog-index__post-content h3 a:not([class]):focus, .blog-more-posts__post-content h3 a:not([class]):focus { color: #E7FFA4; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; } .blog-index__post-preheader, .blog-more-posts__post-preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: 400; color: inherit; display: block; margin: 0 0 1rem; text-transform: uppercase; letter-spacing: 0.25em; } .blog-index__post-meta, .blog-more-posts__post-meta { display: flex; margin: 1rem 0 0; color: inherit; font-size: .875rem; opacity: .5; /* text-transform: uppercase; */ } .blog-index__post-meta span, .blog-more-posts__post-meta span { display: inline-block; } /* .blog-index__post-date, .blog-more-posts__post-date { margin-left: 54px; } */ .blog-index__post-image, .blog-more-posts__post-image { display: block; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 78%; } .blog-index__post-image.pillar-post-image { position: relative; background-color: transparent; } .blog-index__post-image.pillar-post-image .img { display: block; top: 0; left: 0; bottom: 0; position: absolute; right: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .blog-index__post-wrapper { order: 0; } .blog-index__post-wrapper.pillar-post { order: -1; } @media (min-width: 992px) { .pillar-post.active .blog-index__post-image.pillar-post-image { margin-right: 0; } .pillar-post.active .blog-index__post-image.pillar-post-image .img { right: 20px; } } .blog-index__author h2, .blog-more-posts__author h2 { margin: 32px 0 1.5rem; } .blog-index__author hr, .blog-more-posts__author hr { height: 2px; background-color: #DCDCDC; } /* Blog pagination */ .blog-pagination { display: flex; justify-content: center; align-items: center; margin-bottom: 3rem; } .blog-pagination__link { font-family: Epilogue, sans-serif; font-weight: 400; color: #E7FFA4; font-size: 1.125rem; line-height: 1; margin: 0 16px; text-decoration: none; } .blog-pagination__link:hover, .blog-pagination__link:focus { color: #E7FFA4; text-decoration: none; } .blog-pagination__link--active { color: #FFFFFF; } .blog-pagination__ellipsis { color: #FFFFFF; font-size: 1rem; line-height: 1; } /* Blog post */ .blog-header--post { min-height: 520px; background-repeat: no-repeat; background-size: cover; background-position: center; } .blog-post { margin: 0 auto; padding: 4.5rem 0; } .blog-post__meta { display: flex; align-items: center; margin-bottom: 20px; } .blog-post__meta a { color: #C6C6C6; transition: color .25s ease-in; } .blog-post__meta a:hover { color: #000326; text-decoration: none; } .blog-post__bio { display: flex; align-items: center; } .blog-post__timestamp { color: #C6C6C6; } .blog-post__divider { margin: 64px 0 52px; } .blog-post__avatar { width: 72px; height: 72px; border-radius: 50%; background-size: cover; background-position: center; margin-right: 38px; } .blog-post__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: block; margin: 0 0 1rem; } .blog-post__title { margin: 0 0 1rem; max-width: 680px; } .blog-post__summary { font-size: 1.5rem; font-weight: 500; margin: 0 0 2.5rem; max-width: 680px; } .blog-post__body-wrapper { max-width: 680px; margin: 0 auto; } .blog-post__body-wrapper-2 { max-width: 1120px; } .blog-post__body-wrapper-2 .blog-post__meta { justify-content: space-between; } .blog-post__body img { max-width: 100%; } .blog-post__tags { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .blog-post__tag-link { color: #000326; background-color: #e6edff; border-radius: 3px; font-size: 0.75rem; padding: 5px 10px; margin: 0 8px 8px 0; } /* blog-post-section light */ .blog-post-section.content_light { background: #DBF2D7; } .blog-post-section.blog-post-section_white { background-color: #fff; } .blog-post-section.content_light .blog-post__preheader { color: inherit; } .blog-post-section.content_light .blog-post code { background-color: rgba(0, 3, 38, 0.8); } .blog-post-section.content_light .blog-post table { background-color: rgba(0, 3, 38, 0.05); color: #000326; } .blog-post-section_white.content_light .blog-post table { background-color: rgba(0, 3, 38, 0.01); } .blog-post-section.content_light .blog-post td { color: #000326; } .blog-post-section.content_light:not(.blog-post-section_white) .blog-post td[style*="background-color:#f1f1f1"], .blog-post-section.content_light:not(.blog-post-section_white) .blog-post td[style*="background-color: #f1f1f1"] { background-color: rgba(0, 3, 38, 0.15) !important; } .blog-post-section.content_light:not(.blog-post-section_white) .blog-post td[style*="border-color:#f3f3f3"], .blog-post-section.content_light:not(.blog-post-section_white) .blog-post td[style*="border-color: #f3f3f3"] { border-color: rgba(0, 3, 38, 0.15) !important; } .blog-post-section.content_light .blog-post__meta a { color: rgba(0, 3, 38, 0.75); } .blog-post-section.content_light .blog-post__meta a:hover { color: #000326; } .blog-post-section.content_light .blog-post__timestamp { color: rgba(0, 3, 38, 0.5); } /* Blog related posts */ .blog-more { padding: 2rem 0; } .blog-more--centered h2 { text-align: center; } /* Blog comments */ .blog-comments { margin: 0 auto; max-width: 680px; } .blog-comments form { max-width: 100%; } .blog-comments .hs-submit { text-align: center; } .blog-comments .comment-reply-to { border: 0 none; outline: none; } .blog-comments .comment-reply-to:hover { background-color: transparent; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; color: #FFFFFF; } .blog-search .hs-search-field__bar--button-inline .hs-search-field__form { position: relative; display: block; } .blog-search .hs-search-field__bar--button-inline .hs-search-field__button { background-color: transparent; border: none; position: absolute; right: 0; padding-left: 0; padding-right: 0; text-align: center; width: 3rem; z-index: 1; cursor: pointer; } .blog-post code { background-color: black; color: #fff; padding: 1rem; max-width: 100%; overflow: auto; display: block; } .blog-search .hs-search-field__bar--button-inline .hs-search-field__input { background-color: transparent; border: 1px solid; color: #FFFFFF; box-shadow: none; padding: 1.125rem 3rem 1.125rem 1.5rem; height: 58px; min-height: 58px; font-size: 1rem; } .blog-search .hs-search-field__bar--button-inline .hs-search-field__button:hover, .blog-search .hs-search-field__bar--button-inline .hs-search-field__button:active, .blog-search .hs-search-field__bar--button-inline .hs-search-field__button:focus, .blog-search .hs-search-field__bar--button-inline .hs-search-field__input:focus, .blog-search .hs-search-field__bar--button-inline .hs-search-field__input:active, .blog-search .hs-search-field__bar--button-inline .hs-search-field__input:focus-within { box-shadow: none; outline: none; background-color: transparent; } .blog-search .hs-search-field__bar--button-inline .hs-search-field__button .hs_cos_wrapper_type_icon { opacity: 0; } /* light styling blog-body */ .blog-body.content_light { background-color: #DBF2D7; padding-top: 4rem; padding-bottom: 4rem; } .blog-body.content_light .blog-pagination { margin-bottom: 0; } .blog-body.content_light .blog-search .hs-search-field__bar--button-inline .hs-search-field__input { color: #000326; } .blog-body.content_light .blog-tags__link, .blog-post-section.content_light .blog-post__tag-link { background-color: rgba(0, 3, 38, 0.05); color: #000326; } .blog-body.content_light .blog-tags__link:hover, .blog-body.content_light .blog-tags__link:focus, .blog-body.content_light .blog-tags__link:active, .blog-post-section.content_light .blog-post__tag-link:hover, .blog-post-section.content_light .blog-post__tag-link:focus, .blog-post-section.content_light .blog-post__tag-link:active { background-color: #000326; color: #FFFFFF; } .blog-body.content_light .blog-tags__link:disabled, .blog-body.content_light .blog-tags__link.disabled, .blog-body.content_light .blog-tags__link.disabled:hover, .blog-body.content_light .blog-tags__link.disabled:active, .blog-body.content_light .blog-tags__link.disabled:focus, .blog-post-section.content_light .blog-post__tag-link:disabled, .blog-post-section.content_light .blog-post__tag-link.disabled, .blog-post-section.content_light .blog-post__tag-link.disabled:hover, .blog-post-section.content_light .blog-post__tag-link.disabled:active, .blog-post-section.content_light .blog-post__tag-link.disabled:focus { background-color: rgba(0, 3, 38, 0.05); color: #000326; } .blog-body.content_light .blog-tags__link a { color: rgba(255, 255, 255, 1); } .blog-body.content_light .blog-tags__link a:hover { color: #FFFFFF; } .blog-body.content_light .blog-tags__link--current { background-color: #000326; color: #FFFFFF; } .blog-body.content_light .blog-pagination__link { color: #0520C1; } .blog-body.content_light .blog-pagination__link:hover, .blog-body.content_light .blog-pagination__link:focus { color: #0520C1; } .blog-body.content_light .blog-pagination__link--active { color: #000326; } .blog-body.content_light .blog-pagination__ellipsis { color: #000326; } .kl-documentation { padding: 80px 20px; } .kl-documentation__container { max-width: 1120px; margin: 0 auto; padding: 0 20px; width: 100%; position: relative; display: flex; align-items: flex-start; } @media screen and (min-width: 1380px) { .kl-documentation__container { padding: 0px; } } @media screen and (max-width: 680px) { .kl-documentation__container { display: block; } } .kl-documentation__toc { width: 250px; position: -webkit-sticky; /* for Safari */ position: sticky; top: 106px; height: calc(100vh - 106px); overflow-y: scroll; padding: 16px 16px 0 0; margin-right: 20px; } .kl-documentation__toc-documentation { width: 250px; position: relative; top: none; height: auto; overflow-y: auto; margin-right: 20px; padding: 16px; } .kl-documentation__toc-documentation ul { list-style: none; padding: 0; } .kl-documentation__toc-documentation ul li a { display: block; padding: 10px; border-radius: 5px; transition: all .2s ease-in-out; text-decoration: none; color: #000326; } .kl-documentation__toc-documentation ul li a:hover { background-color: #000326; color: #ffffff; } @media screen and (max-width: 680px) { .kl-documentation__toc { position: static; width: 100%; padding: 16px 0 0; margin: 0; overflow-y: auto; border-bottom: 1px solid #ececec; height: auto; } } .kl-documentation__toc ul { list-style: none; margin: 0; padding: 0; } .kl-documentation__toc li { margin-bottom: 16px; } @media screen and (max-width: 680px) { .kl-documentation__toc li { margin-bottom: 8px; } } .kl-documentation__toc a { color: #FFFFFF; } .kl-documentation__contents { padding: 16px 0; width: calc(100% - 269px); } @media screen and (max-width: 680px) { .kl-documentation__contents { width: 100%; } } .kl-documentation__module { position: relative; margin: 0 0 32px; padding: 0 0 32px; scroll-margin-top: 106px; } .kl-documentation__module:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ececec; } .kl-documentation__module-preview { margin: 0 0 32px; } .kl-documentation__fields { table-layout: fixed; width: 100%; margin: 0; } .kl-documentation__fields .depth0 { background-color: #f5f5f5; } .kl-documentation__fields thead th { font-size: 14px; padding: 12px; font-weight: bold; text-align: left; color: black; background-color: #d7ddec; } .kl-documentation__fields th, .kl-documentation__fields td { border: 1px solid #c0cbe4; padding: 6px 12px; font-size: 12px; } .kl-documentation .content-wrapper { padding: 0 20px !important; } /* Error pages */ .kl-error-page { padding: 100px 0; text-align: center; } .kl-error-page__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: block; margin: 0 0 0.5rem; } .kl-error-page__heading { margin: 0 0 1rem; } /* System pages */ .systems-page__content { margin: 0 auto; max-width: 620px; padding: 120px 20px; } .systems-page .success { color: #34A853; font-weight: bold; font-size: 2rem; text-align: center; } .systems-page h1 { margin: 0 0 4rem; text-align: center; } @media screen and (max-width: 360px) { .systems-page h1 { margin: 0 0 2rem; font-size: 2rem; } } .systems-page--membership { /* background-color: #f00; */ } .systems-page--membership h1 { margin: 0 0 1rem; } .systems-page--membership p { margin: 0 0 3rem; text-align: center; } .systems-page--membership form .hs-submit input, .systems-page--membership form input[type="submit"] { width: 100%; } .hs_cos_wrapper_type_password_prompt { display: flex; flex-direction: column; } .hs_cos_wrapper_type_password_prompt > * { order: 1; } .hs_cos_wrapper_type_password_prompt > form { order: 0; } .hs_cos_wrapper_type_password_prompt .password-invalid { text-align: center; margin-top: 1rem; } .systems-page--subscription-confirmation h1 { display: none; margin: 0 0 1.5rem; } .systems-page--subscription-confirmation h2 { color: #3A3A3A; font-size: 1rem; margin: 0; } .systems-page--subscription-confirmation .page-header { text-align: center; margin: 0 0 2rem; } .systems-page--subscription-preferences .page-header { text-align: center; margin: 0 0 2rem; } .systems-page--subscription-preferences h1 { margin: 0 0 1.5rem; } .systems-page--subscription-preferences h2 { color: #3A3A3A; font-size: 1rem; margin: 0; } .systems-page--subscription-preferences .email-prefs { padding: 32px; border: 1px solid #DAE3F9; box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.0); border-radius: 10px; } .systems-page--subscription-preferences .email-prefs p, .systems-page--subscription-preferences .email-prefs span, .systems-page--subscription-preferences .email-prefs label { font-size: 0.875rem; line-height: 1rem; vertical-align: text-top; font-weight: normal; } @media screen and (max-width: 360px) { .systems-page--subscription-preferences .email-prefs { padding: 18px; } } .systems-page--subscription-preferences input[type="checkbox"] { margin-right: 12px; } .systems-page__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: block; margin: 0 0 0.5rem; text-align: center; } .systems-page form { position: relative; } .systems-page form .hs-form-field { position: relative; } .systems-page form .form-input-validation-message ul { padding: 0; } .systems-page form .form-input-validation-message label { color: #929292; font-size: 0.875rem; font-weight: normal; } .systems-page form .hs-login-widget-show-password, .systems-page form .hs-register-widget-show-password, .systems-page form .hs-reset-widget-show-password { position: absolute; top: 0; right: 0; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; font-weight: bold; color: #000326; } .systems-page form .hs-login-widget-show-password:hover, .systems-page form .hs-login-widget-show-password:focus, .systems-page form .hs-register-widget-show-password:hover, .systems-page form .hs-register-widget-show-password:focus, .systems-page form .hs-reset-widget-show-password:hover, .systems-page form .hs-reset-widget-show-password:focus { color: #000326; text-decoration: none; } .systems-page form #hs_login_reset { position: absolute; top: 100%; left: 0; display: block; margin: 1rem 0 0; z-index: 1; color: #000326; font-size: 0.875rem; font-weight: bold; width: 100%; text-align: center; } .systems-page form input { max-width: 100%; } .systems-page .form-container { max-width: 380px; margin: 0 auto 3rem; } .systems-page .form-container .label { display: block; font-size: 0.875rem; font-weight: bold; margin: 0 0 0.75rem; } #email-prefs-form .header { background-color: transparent; } /* Password prompt */ .password-prompt input[type=password] { display: block; height: auto !important; margin-bottom: 1.4rem; } /* Backup unsubscribe */ .backup-unsubscribe h3 { font-size: 0.875rem; font-weight: bold !important; line-height: 1rem; margin: 0 0 0.75rem; } .backup-unsubscribe #email-prefs-form { padding: 42px 32px; border: 1px solid #DAE3F9; box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.0); border-radius: 10px; } .backup-unsubscribe #email-prefs-form div { padding-bottom: 0 !important; } @media screen and (max-width: 360px) { .backup-unsubscribe #email-prefs-form { padding: 32px 18px; } } .backup-unsubscribe input[type=email] { margin-bottom: 1.5rem; padding: 0.7rem !important; font-size: 0.875rem !important; border: 1px solid #DADADA; } /* Search pages */ .hs-search-field { max-width: 750px; } .hs-search-field input[type=text], .hs-search-field input[type=search] { padding-right: 48px; } .hs-search-field .hs-search-field__button{display:none;} .hs-search-field__bar { position: relative; } .hs-search-field__bar:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19a8 8 0 100-16 8 8 0 000 16zM21 21l-4-4' stroke='%23C6C6C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 24px; height: 24px; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); } .hs-search-field__suggestions { background-color: #FFF; max-width: 360px; position: absolute; right: 0; top: 100%; transform: translateY(8px); border-radius: 9px; width: 100%; } body .hs-search-field__suggestions a, body .hs-search-field__suggestions #results-for { padding: 8px 16px; } .hs-search-field__suggestions:has(li.show-for-sr){ border:0px!important; } .hs-search-field--open .hs-search-field__suggestions { border: 1px solid #dedede !important; } .kl-search-results { padding: 80px 0; } .hs-search-results { margin-top: 3.5rem; } .hs-search-results__featured-image { margin-bottom: 1rem; } .hs-search-results__featured-image img { display: block; max-width: 100%; width: 100%; } .hs-search-results__title { color: #FFFFFF; font-size: 1.5rem; font-weight: 400; font-family: Michroma, sans-serif; } .hs-search-results__title:hover, .hs-search-results__title:focus { color: #FFFFFF; text-decoration: none; } .hs-search-results__description { padding-top: 1.25rem; margin: 0 0 2.5rem; } .hs-search-results__pagination a { color: #FFFFFF; font-family: Michroma, sans-serif; font-weight: bold; } .hs-search-results__listing { display: flex; flex-wrap: wrap; margin: 0 -20px !important; } .hs-search-results__listing li { flex-basis: calc(100% / 2); padding: 0 20px !important; } @media screen and (max-width: 620px) { .hs-search-results__listing li { flex-basis: 100%; } } .hs-search-highlight { font-weight: bold; } .no-scroll { overflow: hidden; } .kl-helper { position: relative; display: inline-block; vertical-align: middle; margin: 5px; } .kl-helper__content { border: 0.5px solid rgba(5, 32, 193, 0.2); box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.0); border-radius: 2px; background-color: rgba(255, 255, 255, 1.0); width: 100%; padding: 20px; position: absolute; opacity: 0; z-index: 99; min-width: 300px; max-width: 400px; text-align: left; pointer-events: none; transition: all .2s ease-in-out; } .kl-helper__content__preheader { font-family: Epilogue, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: block; line-height: 1rem; margin: 0 0 .75rem; } .kl-helper__content__content h1, .kl-helper__content__content h2, .kl-helper__content__content h3, .kl-helper__content__content h4, .kl-helper__content__content h5, .kl-helper__content__content h6 { font-weight: bold; margin: 0 0 1rem; } .kl-helper__content__content p { margin: 0 0 2rem; } .kl-helper__content.right { right: 100%; } .kl-helper__content.left { left: 100%; } .kl-helper__content.responsive-right { top: 100%; right: 100%; } .kl-helper__content.responsive-left { top: 100%; left: 100%; } .kl-helper__content.responsive-center { top: 100%; left: 50%; transform: translateX(-50%); } .kl-helper__image { position: relative; height: 20px; width: 20px; padding: 5px; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000326' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: cover; cursor: pointer; } .kl-helper:hover .kl-helper__content { opacity: 1; } .kl-helper.info .kl-helper__content { background-color: #000326; color: #ffffff; } .kl-helper.info .kl-helper__image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000326' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); } .kl-helper.info-dark .kl-helper__content { background-color: #000000; color: #ffffff; } .kl-helper.info-dark .kl-helper__image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); } .kl-helper.info-light .kl-helper__content { background-color: #ffffff; color: #000000; } .kl-helper.info-light .kl-helper__image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); } .kl-helper.question .kl-helper__content { background-color: #000326; color: #ffffff; } .kl-helper.question .kl-helper__image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000326' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E"); } .kl-helper.question-dark .kl-helper__content { background-color: #000000; color: #ffffff; } .kl-helper.question-dark .kl-helper__image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E"); } .kl-helper.question-light .kl-helper__content { background-color: #ffffff; color: #000000; } .kl-helper.question-light .kl-helper__image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E"); } @media screen and (max-width: 767px) { html { font-size: 16px; } body { font-family: Epilogue, sans-serif; } /* Paragraphs */ p { font-size: 16px; line-height: 1.5; } /* Headings */ h1, .h1 { font-size: 42px; } h2, .h2 { font-size: 36px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 22px; } }