/*------------------------------------------------------------ Stylesheet: Main ------------------------------------------------------------*/ /* Utilities -------------------------*/ /*------------------------------------------------------------ Stylesheet: Fonts ------------------------------------------------------------*/ @font-face { font-family: 'AvenirLTPro-Roman'; src: url("../fonts/avenirltpro-roman.woff2") format("woff2"), url("../fonts/avenirltpro-roman.woff") format("woff"); } @font-face { font-family: 'AvenirLTPro-Black'; src: url("../fonts/avenirltpro-black.woff2") format("woff2"), url("../fonts/avenirltpro-black.woff") format("woff"); } /* Base -------------------------*/ /*! 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 */ -webkit-text-decoration: underline dotted; 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; } /* 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; } /*------------------------------------------------------------ Stylesheet: Typography ------------------------------------------------------------*/ /*---------------------------------------- Body ----------------------------------------*/ body { color: #003b5c; font-family: "AvenirLTPro-Roman", sans-serif; font-weight: normal; font-size: 100%; line-height: 1.5; } p { font-size: 16px; font-weight: 500; margin: 0; } @media (min-width: 1280px) { p { font-size: 19.5px; line-height: 1.5; } } @media (min-width: 1680px) { p { font-size: 20px; } } p a { color: #f57e00; text-decoration: underline; } p a:hover { color: #f57e00; } .emphisis { font-size: 19.5px; line-height: 1.5; } @media (min-width: 768px) { .emphisis { font-size: 20px; } } @media (min-width: 1280px) { .emphisis { font-size: 22px; line-height: 1.3; } } @media (min-width: 1680px) { .emphisis { font-size: 24px; } } .reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6, .reverse p, .reverse li { color: #fff; } a, a i, a svg { transition: all ease-in-out 0.25s; } a:hover, a i:hover, a svg:hover { transition: all ease-in-out 0.5s; } small { font-size: 12px; } /*---------------------------------------- Headings ----------------------------------------*/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #003b5c; font-family: "AvenirLTPro-Black", sans-serif; font-weight: normal; line-height: 1.17; margin: 0; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { text-decoration: none; } h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover { color: #003b5c; } h4, .h4, h6, .h6 { text-transform: uppercase; } h1, .h1 { font-size: 42px; line-height: 1.14; } @media (min-width: 768px) { h1, .h1 { font-size: 68px; line-height: 1; letter-spacing: -1.7px; } } h2, .h2 { font-size: 42px; line-height: 1.14; letter-spacing: -0.02em; margin-bottom: 12px; } @media (min-width: 768px) { h2, .h2 { font-size: 56px; line-height: 1; } } h3, .h3 { font-size: 22px; letter-spacing: -0.025em; line-height: 1.3; margin-bottom: 0.5em; } @media (min-width: 768px) { h3, .h3 { font-size: 30px; } } @media (min-width: 1280px) { h3, .h3 { font-size: 48px; line-height: 1.05; } } h4, .h4 { font-size: 30px; } @media (min-width: 768px) { h4, .h4 { font-size: 32px; } } @media (min-width: 1280px) { h4, .h4 { font-size: 34px; } } h5, .h5 { font-size: 18px; line-height: 1.5; } @media (min-width: 768px) { h5, .h5 { font-size: 20px; } } @media (min-width: 1280px) { h5, .h5 { font-size: 22px; line-height: 1.3; } } h6, .h6 { font-size: 14px; } /*---------------------------------------- Blog Single ----------------------------------------*/ .blog-single { border-bottom: 1px solid #ededed; max-width: 776px; margin: auto; padding-bottom: 54px; } .blog-single h1, .blog-single h2, .blog-single h3, .blog-single h4, .blog-single h5, .blog-single h6 { margin-top: 4px; margin-bottom: 24px; } .blog-single h1, .blog-single h2, .blog-single h3 { letter-spacing: -0.025em; } .blog-single h2 { font-size: 42px !important; line-height: 1.14; } .blog-single h3 { font-size: 22px !important; line-height: 1.27; } .blog-single a { color: #003b5c; text-decoration: none; } .blog-single p { color: #003b5c; } .blog-single header { margin-bottom: 36px; } .blog-single header ul, .blog-single header li { list-style-type: none; padding: 0; margin: 0; } .blog-single header ul { padding-top: 20px; padding-bottom: 8px; } @media (min-width: 768px) { .blog-single header ul { padding-top: 40px; } } .blog-single header ul li { display: inline-block; } .blog-single header ul li:before { content: '|'; color: #003b5c; padding: 0 8px; } .blog-single header ul > li:nth-child(1):before { display: none; } .blog-single header a { font-family: "AvenirLTPro-Black", sans-serif !important; } .blog-single header p { font-size: 16px; } .blog-single .blog-content h1, .blog-single .blog-content h2, .blog-single .blog-content h3, .blog-single .blog-content h4, .blog-single .blog-content h5, .blog-single .blog-content h6 { margin-top: 24px; margin-bottom: 4px; } .blog-single .blog-content p { color: #003b5c; font-size: 16px; line-height: 1.5; padding-bottom: 15px; } @media (min-width: 768px) { .blog-single .blog-content p { font-size: 18px; line-height: 1.4; } } .blog-single .blog-content p + p { padding-bottom: 15px; } .blog-single .blog-content strong { font-family: "AvenirLTPro-Black", sans-serif !important; } .blog-single .blog-content ul, .blog-single .blog-content ol { font-size: 16px; line-height: 1.44; padding: 0 0 0 1.12em; margin: 0 !important; } @media (min-width: 768px) { .blog-single .blog-content ul, .blog-single .blog-content ol { font-size: 18px; line-height: 1.5; } } .blog-single .blog-content ul li + li, .blog-single .blog-content ol li + li { margin-top: 10px; } .blog-single .blog-content ul li::marker { font-family: "AvenirLTPro-Black", sans-serif !important; font-weight: bold !important; font-size: 150%; } @media (min-width: 768px) { .blog-single .blog-content ul li::marker { font-size: 150%; } } .blog-single .blog-content ul li ul, .blog-single .blog-content ul li ol, .blog-single .blog-content ol li ul, .blog-single .blog-content ol li ol { margin-bottom: 24px !important; } .blog-single .blog-content blockquote { margin-top: 52px; margin-bottom: 52px; } .blog-single .blog-content blockquote > p:nth-of-type(1) { font-family: "AvenirLTPro-Black", sans-serif; font-size: 18px; line-height: 1.27; padding-bottom: 12px; } @media (min-width: 768px) { .blog-single .blog-content blockquote > p:nth-of-type(1) { font-size: 22px; } } .blog-single .blog-content ol li::marker { font-family: "AvenirLTPro-Black", sans-serif !important; font-weight: bold !important; font-size: 16px; } @media (min-width: 768px) { .blog-single .blog-content ol li::marker { font-size: 18px; } } .blog-single .blog-content a { font-size: 16px; line-height: 1.5; border-bottom: 1.5px solid #003b5c; padding-bottom: 1px; } @media (min-width: 768px) { .blog-single .blog-content a { font-size: 18px; line-height: 1.4; } } .blog-single .blog-content a:hover { border-bottom: 1.5px solid #f57e00; } .blog-single .blog-content .image, .blog-single .blog-content .video { margin: 24px 0; } .blog-single .blog-content .image figcaption, .blog-single .blog-content .video figcaption { color: #003b5c; font-size: 14px; margin-top: 12px; } .blog-single .blog-content .image img { display: inline-block; -o-object-fit: cover; object-fit: cover; width: 100%; } /*---------------------------------------- Privacy Policy ----------------------------------------*/ .entry h1 { margin: 0 0 1em; } .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 2em 0 1em; } .entry h1 { font-size: 56px; } .entry h3 { font-size: 22px; letter-spacing: -0.025em; line-height: 1.3; } .entry h6, .entry p { font-size: 16px; } @media (min-width: 768px) { .entry h6, .entry p { font-size: 18px; line-height: 1.5; } } .entry p { color: #003b5c; font-size: 19.5px; line-height: 1.5; } .entry a, .entry span { color: #003b5c; } .entry div { color: #003b5c; padding: 15px 0; } .entry ul, .entry ol { color: #003b5c; font-family: "AvenirLTPro-Roman", sans-serif; font-size: 16px; line-height: 1.44; margin: 2em 0; padding: 0 0 0 1em; } @media (min-width: 768px) { .entry ul, .entry ol { font-size: 18px; line-height: 1.5; } } .entry ul li + li, .entry ol li + li { margin-top: 1em; } .entry ul li { color: #003b5c; } .entry ol { counter-reset: li; list-style: none; } .entry ol li { counter-increment: li; } .entry ol li:before { content: counter(li); color: #003b5c; display: inline-block; width: 1em; margin: 0 4px 0 0px; } .entry table, .entry th, .entry td { border: 1px solid #003b5c; border-collapse: collapse; } .entry table { border: none; margin: 32px 0; } .entry table { display: block; max-width: 100%; overflow-x: scroll; } .entry table tbody { width: 1280px; } .entry table tbody td { color: #003b5c; font-size: 14px; line-height: 1.2; padding: 14px; } .entry table h6, .entry table p { font-size: 14px; line-height: 1.2; } .entry table td h6 { text-transform: capitalize; } strong, b { font-weight: normal !important; font-family: "AvenirLTPro-Black", sans-serif !important; } @media print { /*------------------------------------------------------------ Stylesheet: Print ------------------------------------------------------------*/ } /* Components -------------------------*/ /*------------------------------------------------------------ Stylesheet: Buttons ------------------------------------------------------------*/ .button { background-color: #ff8200 !important; border: none !important; color: #fff !important; cursor: pointer; font-size: 16px !important; font-family: "AvenirLTPro-Black", sans-serif !important; display: inline-block; text-align: center; text-decoration: none; margin-top: 38px; padding: 16px 20px; } .button:hover { background-color: #f57e00 !important; } .link-underline { background: none; border: none; color: #f57e00; cursor: pointer; display: inline-block; font-family: "AvenirLTPro-Black", sans-serif; font-size: 18px; line-height: 42px; margin-top: 24px; position: relative; padding: 0; text-align: left; text-decoration: none; transition: background-color 0.2s, border-color 0.2s, color 0.2s; } .link-underline .line { position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; margin: 0; padding: 0; } .link-underline .line, .link-underline .line span { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; } .link-underline .line span { border-bottom: 3px solid #f57e00; } .link-underline .line span:first-child { transition: -webkit-transform 1s cubic-bezier(0.26, 1, 0.32, 1) 0.2s; transition: transform 1s cubic-bezier(0.26, 1, 0.32, 1) 0.2s; transition: transform 1s cubic-bezier(0.26, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.26, 1, 0.32, 1) 0.2s; } .link-underline .line span:last-child { -webkit-transform: translateX(-102%); transform: translateX(-102%); transition: -webkit-transform 1s cubic-bezier(0.26, 1, 0.32, 1); transition: transform 1s cubic-bezier(0.26, 1, 0.32, 1); transition: transform 1s cubic-bezier(0.26, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.26, 1, 0.32, 1); } .link-underline .line:hover span:first-child { -webkit-transform: translateX(102%); transform: translateX(102%); transition: -webkit-transform 1s cubic-bezier(0.26, 1, 0.32, 1); transition: transform 1s cubic-bezier(0.26, 1, 0.32, 1); transition: transform 1s cubic-bezier(0.26, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.26, 1, 0.32, 1); } .link-underline .line:hover span:last-child { -webkit-transform: translateX(0); transform: translateX(0); transition: -webkit-transform 1s cubic-bezier(0.26, 1, 0.32, 1) 0.2s; transition: transform 1s cubic-bezier(0.26, 1, 0.32, 1) 0.2s; transition: transform 1s cubic-bezier(0.26, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.26, 1, 0.32, 1) 0.2s; } input[type='submit'] { background-color: #003b5c !important; border: none !important; color: #fff !important; cursor: pointer; font-size: 12px !important; font-family: "AvenirLTPro-Black", sans-serif !important; display: inline-block; text-align: center; line-height: 1.2; margin-top: 38px; padding: 8px 24px; } .alm-btn-wrap { display: block; text-align: center; margin: 0 0 15px; margin-top: 54px !important; margin-bottom: 100px !important; padding: 10px 0; position: relative; } .alm-btn-wrap .alm-load-more-btn { background: none !important; border-radius: 0 !important; box-shadow: none !important; color: #f57e00 !important; font-family: "AvenirLTPro-Black", sans-serif; font-size: 18px !important; letter-spacing: -0.03em; line-height: 42px !important; position: relative !important; padding: 0 !important; text-align: left !important; } .alm-btn-wrap .alm-load-more-btn:hover { box-shadow: none !important; } .alm-btn-wrap .alm-load-more-btn.done { visibility: hidden; } .box-button { border: 2px solid #003b5c; color: #003b5c; font-size: 18px; font-family: "AvenirLTPro-Black", sans-serif; display: inline-block; line-height: 1.3; margin-top: 24px; padding: 14px 17px 12px; text-decoration: none; } @media (min-width: 768px) { .box-button { margin-top: 42px; } } .box-button:hover { background-color: #003b5c; color: #fff; } /*------------------------------------------------------------ Stylesheet: Forms ------------------------------------------------------------*/ /*------------------------------------------------------------ Stylesheet: Sliders ------------------------------------------------------------*/ /*------------------------------------------------------------ Stylesheet: Modals ------------------------------------------------------------*/ .leadership .modal, .our-firms .modal { background: #fafafa; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: scroll; z-index: 99999999; } .leadership .modal.open, .our-firms .modal.open { display: block; } @media (min-width: 1280px) { .leadership .modal.open, .our-firms .modal.open { display: flex; } } .leadership .modal em, .our-firms .modal em { font-style: normal; } .leadership .modal .close, .our-firms .modal .close { align-items: center; justify-content: center; background: #fff; border: 1.5px solid #003b5c; border-radius: 50%; cursor: pointer; display: flex; position: absolute; top: 55px; right: 2px; transition: all ease-in-out 0.25s; width: 40px; height: 40px; z-index: 3; } @media (min-width: 768px) { .leadership .modal .close, .our-firms .modal .close { right: 12px; } } @media (min-width: 1280px) { .leadership .modal .close, .our-firms .modal .close { top: 75px; right: 115px; } } .leadership .modal .close:hover, .our-firms .modal .close:hover { background: #003b5c; } .leadership .modal .close:hover i, .leadership .modal .close:hover svg, .our-firms .modal .close:hover i, .our-firms .modal .close:hover svg { color: #fff; } .leadership .modal .close i, .leadership .modal .close svg, .our-firms .modal .close i, .our-firms .modal .close svg { color: #003b5c; font-size: 20px; } .leadership .modal .details, .our-firms .modal .details { background: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); padding: 80px 6% 50px; } @media (min-width: 768px) { .leadership .modal .details, .our-firms .modal .details { padding: 50px 6%; } } @media (min-width: 1280px) { .leadership .modal .details, .our-firms .modal .details { display: flex; align-items: center; width: 34%; } } .leadership .modal .details .group, .our-firms .modal .details .group { max-width: 276px; } @media (min-width: 768px) { .leadership .modal .details .group, .our-firms .modal .details .group { display: flex; max-width: none; } } @media (min-width: 1280px) { .leadership .modal .details .group, .our-firms .modal .details .group { display: inline-block; max-width: 276px; } } .leadership .modal .details img, .our-firms .modal .details img { border: 1px solid #ededed; } .leadership .modal .details .text, .our-firms .modal .details .text { padding-top: 18px; } @media (min-width: 768px) { .leadership .modal .details .text, .our-firms .modal .details .text { display: flex; flex-direction: column; justify-content: space-between; height: 276px; padding-top: 0; margin-left: 24px; width: 376px; } } @media (min-width: 1280px) { .leadership .modal .details .text, .our-firms .modal .details .text { margin-left: 0; padding-top: 18px; width: 100%; } } .leadership .modal .details .text a, .our-firms .modal .details .text a { background: #003b5c; color: #fff; display: inline-block; font-size: 14px; line-height: 28px; margin-top: 18px; text-align: center; width: 24px; height: 24px; } .leadership .modal .details .text a + a, .our-firms .modal .details .text a + a { margin-left: 8px; } .leadership .modal .details .paging, .our-firms .modal .details .paging { align-items: center; display: flex; justify-content: space-between; margin-top: 50px; color: #003b5c; width: 100%; } .leadership .modal .details .paging .numbers, .our-firms .modal .details .paging .numbers { font-family: "AvenirLTPro-Black", sans-serif; font-size: 16px; letter-spacing: 0px; } .leadership .modal .details .paging .arrows, .our-firms .modal .details .paging .arrows { font-size: 24px; } .leadership .modal .details .paging .arrows i, .our-firms .modal .details .paging .arrows i { cursor: pointer; } .leadership .modal .details .paging .arrows i + i, .our-firms .modal .details .paging .arrows i + i { margin-left: 12px; } .leadership .modal .bio, .our-firms .modal .bio { padding: 50px 6%; } @media (min-width: 1280px) { .leadership .modal .bio, .our-firms .modal .bio { display: flex; align-items: center; width: 66%; } } .leadership .modal .bio .group, .our-firms .modal .bio .group { max-width: 700px; } .leadership .modal .bio h1, .leadership .modal .bio h2, .leadership .modal .bio h3, .leadership .modal .bio h4, .leadership .modal .bio h5, .leadership .modal .bio h6, .our-firms .modal .bio h1, .our-firms .modal .bio h2, .our-firms .modal .bio h3, .our-firms .modal .bio h4, .our-firms .modal .bio h5, .our-firms .modal .bio h6 { font-size: 34px; width: 75%; } @media (min-width: 768px) { .leadership .modal .bio h1, .leadership .modal .bio h2, .leadership .modal .bio h3, .leadership .modal .bio h4, .leadership .modal .bio h5, .leadership .modal .bio h6, .our-firms .modal .bio h1, .our-firms .modal .bio h2, .our-firms .modal .bio h3, .our-firms .modal .bio h4, .our-firms .modal .bio h5, .our-firms .modal .bio h6 { font-size: 42px; } } .leadership .modal .bio p, .our-firms .modal .bio p { color: #003b5c; margin: 0.75em 0; } @media (min-width: 768px) { .leadership .modal .bio p, .our-firms .modal .bio p { font-size: 19.5px; } } /* Our Firms -------------------------*/ .our-firms .footer-modal { background: #fafafa; display: block; z-index: 0; width: 100%; max-width: 1642px; margin: auto; } @media (min-width: 1280px) { .our-firms .footer-modal { display: flex; justify-content: center; } } .our-firms .footer-modal .details { background: #fff; } .our-firms .footer-modal .details, .our-firms .footer-modal .bio { padding: 50px 6%; } @media (min-width: 768px) { .our-firms .footer-modal .details, .our-firms .footer-modal .bio { padding: 50px 6%; } } @media (min-width: 1280px) { .our-firms .footer-modal .details, .our-firms .footer-modal .bio { padding: 100px 6%; } } @media (min-width: 1680px) { .our-firms .footer-modal .details, .our-firms .footer-modal .bio { padding: 225px 6%; } } @media (min-width: 1280px) { .our-firms .footer-modal .details, .our-firms .footer-modal .bio { display: flex; align-items: flex-start; } } .our-firms .footer-modal .paging { align-items: center; display: flex; justify-content: space-between; margin-top: 50px; color: #003b5c; width: 100%; } .our-firms .footer-modal .paging .numbers { font-family: "AvenirLTPro-Black", sans-serif; font-size: 16px; letter-spacing: 0px; } .our-firms .footer-modal .paging .arrows { font-size: 24px; } .our-firms .footer-modal .paging .arrows a { background: #fff; font-size: 24px; font-weight: 500; } .our-firms .footer-modal .paging .arrows i { cursor: pointer; color: #003b5c; } .our-firms .footer-modal .paging .arrows i + i { margin-left: 12px; } .our-firms .footer-modal .title { margin-bottom: 20px; } .our-firms .footer-modal .title a { color: #d1d3d6; font-size: 22px; line-height: 1.27; letter-spacing: -0.02em; } .our-firms .footer-modal .title a.active { color: #003b5c; } .our-firms .bio h3 { color: #489fdf; } .our-firms .details .group { max-width: 376px !important; } .our-firms .group .text { padding-top: 0px !important; height: auto !important; } .our-firms .group h3 { font-size: 34px; letter-spacing: -0.02em; } @media (min-width: 768px) { .our-firms .group h3 { font-size: 42px; line-height: 1.1; } .our-firms .group p { font-size: 18px; max-width: 692px; } } /* Layout -------------------------*/ /*------------------------------------------------------------ Stylesheet: Global ------------------------------------------------------------*/ * { box-sizing: border-box; } body { background: #fafafa; } .container { padding: 0 6%; } .wrapper { margin: auto; max-width: 776px; padding: 64px 0; } @media (min-width: 768px) { .wrapper { padding: 80px 0; } } @media (min-width: 1280px) { .wrapper { padding: 96px 0; } } .scroll-container { overflow: hidden; width: 100%; } html.has-scroll-smooth { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.has-scroll-smooth .our-firms .modal { top: 0vh; height: 100vh; } @media (min-width: 1280px) { html.has-scroll-smooth .our-firms .modal { top: -42vh; } } .post-type-archive-how_we_think .news .thumbnail { height: auto !important; } .posts-tax .date { display: none !important; } .pum-theme-2514 .pum-container, .pum-theme-default-theme .pum-container { background-color: none !important; } .pum-content iframe { border: none; display: block; height: 90vh; margin: auto; width: 90vw; } .pum-close { border: 1.5px solid #003b5c !important; top: 55px !important; right: 2px !important; } @media (min-width: 768px) { .pum-close { right: 12px !important; } } @media (min-width: 1280px) { .pum-close { top: 53px !important; right: 50px !important; } } @media (min-width: 1680px) { .pum-close { top: 75px !important; right: 145px !important; } } .pum-close:hover { background: #003b5c !important; } .pum-close:hover i, .pum-close:hover svg { color: #fff; } .pum-close i, .pum-close svg { color: #003b5c; font-size: 20px; } #moove_gdpr_cookie_info_bar { border: none !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 16px 6%; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 6%; } } #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice { font-size: 14px; line-height: 1.1; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice { text-align: center; } } #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p { max-width: 521px; } #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p, #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice a { color: #489fdf !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder { display: float; justify-content: center; } } #moove_gdpr_cookie_info_bar .mgbutton { font-size: 16px !important; padding: 10px 16px !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-infobar-reject-btn { background: #fff !important; color: #f57e00 !important; text-decoration: underline !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-infobar-allow-all { background: #f57e00 !important; font-family: "AvenirLTPro-Black", sans-serif; font-weight: normal; } .load-more { max-width: 776px; margin: auto; } .load-more div { padding-top: 54px; padding-bottom: 112px; text-align: center; } .navbar-fixed { top: 0; z-index: 100; position: fixed; width: 100%; } .is-pinned { color: #489fdf !important; padding-top: 20% !important; } @media (min-width: 1280px) { .is-pinned { padding-top: 7% !important; } } @media (min-width: 1680px) { .is-pinned { padding-top: 6% !important; } } .anchor { margin-top: 10px; font-family: "AvenirLTPro-Black", sans-serif; } .anchor a { color: #003b5c; display: inline-block; font-size: 24px; margin-top: 14px; margin-bottom: 4px; } @media (min-width: 1280px) { .text-box.left .box { margin-right: auto; } } @media (min-width: 1280px) { .text-box.right .box { margin-left: auto; } } .grid-container-nodiv { display: grid; grid-template-columns: repeat(1, 100%); max-width: 376px; margin: 0 auto; } @media (min-width: 768px) { .grid-container-nodiv { grid-template-columns: repeat(2, 50%); grid-gap: 24px; grid-row-gap: 24px; max-width: 576px; } } @media (min-width: 1280px) { .grid-container-nodiv { grid-template-columns: repeat(3, 31%); max-width: 876px; } } @media (min-width: 1680px) { .grid-container-nodiv { grid-template-columns: repeat(4, 23.7%); max-width: 1176px; } } .grid-container > div { display: grid; grid-template-columns: repeat(1, 100%); grid-auto-flow: row; max-width: 376px; margin: 0 auto; } @media (min-width: 768px) { .grid-container > div { grid-template-columns: repeat(2, 50%); grid-gap: 24px; grid-row-gap: 24px; max-width: 700px; } } @media (min-width: 1280px) { .grid-container > div { grid-template-columns: repeat(3, 31%); max-width: 1120px; } } @media (min-width: 1680px) { .grid-container > div { grid-template-columns: repeat(4, 23.7%); max-width: 1476px; } } .previous { margin-right: 24px; } .first .previous { color: #c4c4c4; pointer-events: none; } .last .next { color: #c4c4c4; pointer-events: none; } #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p, #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p a { color: #003b5c !important; } /* Home Page SlideShow -------------------------*/ #slideshow-stats { position: relative; width: 100%; } @media (min-width: 1280px) { #slideshow-stats { max-width: 776px; margin: 0 auto; width: 45.8%; } } #slideshow-stats > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #slideshow-image { position: relative; height: 614px; width: 100%; } @media (min-width: 1280px) { #slideshow-image { height: 665px; width: 50%; } } @media (min-width: 1680px) { #slideshow-image { height: 614px; } } #slideshow-image > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } /* Page Not Found -------------------------*/ #post-not-found { align-items: center; display: flex; flex-direction: column; height: 80vh; justify-content: center; } #post-not-found .entry-content { color: #003b5c; margin-top: 15px; } /* Modal -------------------------*/ .our-firms-modal { background: black; } /* Safari 10.1+ (alternate method) */ /*------------------------------------------------------------ Stylesheet: Header ------------------------------------------------------------*/ /* Menu Customizer -------------------------*/ .customize-menu { background: #fafafa; padding: 0 6%; } .customize-menu .menu-wrapper { max-width: 1476px; margin: auto; } .customize-menu .customize-menu-wrapper { text-align: right; padding-top: 14px; } .customize-menu .customize-menu-wrapper .item { cursor: pointer; } .customize-menu .customize-menu-wrapper p { color: #c4c4c4; font-size: 12px; font-family: "AvenirLTPro-Roman", sans-serif; transition: all ease-in-out 0.25s; } .customize-menu .customize-menu-wrapper p.active { color: #003b5c; } .customize-menu .customize-menu-wrapper p:hover { color: #003b5c; transition: all ease-in-out 0.5s; } .customize-menu .customize-menu-wrapper form { max-width: 310px; margin-left: auto; } @media (min-width: 768px) { .customize-menu .customize-menu-wrapper form { display: flex; justify-content: space-between; align-items: center; } } .customize-menu .customize-menu-wrapper form > p:nth-of-type(1) { padding-bottom: 6px; } @media (min-width: 768px) { .customize-menu .customize-menu-wrapper form > p:nth-of-type(1) { padding-bottom: 0px; } } .customize-menu .customize-menu-wrapper form span { display: none; padding: 0 6px; } @media (min-width: 768px) { .customize-menu .customize-menu-wrapper form span { display: inline-block; } } /* Mega Menu -------------------------*/ .main-header { background: #fafafa; } @media (max-width: 1028px) { .main-header .max-mega-menu { max-height: calc(100vh - 70px) !important; overflow-y: scroll !important; } .main-header .max-mega-menu .mega-menu-item { border-top: 1px solid #ededed !important; } .main-header .max-mega-menu .mega-menu-item:nth-child(2) { border-top: none !important; } .main-header .max-mega-menu .mega-sub-menu .mega-menu-item { border-top: none !important; } .main-header .max-mega-menu .mega-menu-link { border: none !important; display: block !important; height: auto !important; font-size: 18px !important; padding: 20px 0 18px !important; } .main-header .max-mega-menu .mega-sub-menu, .main-header .max-mega-menu .mega-menu-item { padding: 0 !important; } .main-header .max-mega-menu .mega-block-title { margin-top: 32px !important; padding: 0 !important; } .main-header .max-mega-menu .nav-button .mega-menu-link { display: inline-block !important; font-size: 14px !important; margin: 34px 0 10px !important; } .main-header .max-mega-menu .mega-toggle-block { margin: 0 !important; } } @media (min-width: 1029px) { .main-header .mega-indicator:after { transition: -webkit-transform 200ms linear; transition: transform 200ms linear; transition: transform 200ms linear, -webkit-transform 200ms linear; } .main-header .mega-toggle-on .mega-indicator:after { -webkit-transform: rotate(-180deg) !important; transform: rotate(-180deg) !important; transition: -webkit-transform 200ms linear; transition: transform 200ms linear; transition: transform 200ms linear, -webkit-transform 200ms linear; } } .main-header .mega-menu-logo { position: relative; } @media (min-width: 1029px) { .main-header .mega-menu-logo { top: -7px; } } .main-header .mega-menu-logo img { max-height: 30px !important; } @media (min-width: 1280px) { .main-header .mega-menu-logo img { max-height: none !important; } } .main-header .nav-button .mega-menu-link { background-color: #ff8200 !important; border: none !important; color: #fff !important; height: auto !important; font-size: 14px !important; font-family: "AvenirLTPro-Black", sans-serif !important; display: inline-block !important; text-align: center !important; text-decoration: none !important; padding: 11px 28px !important; position: relative !important; } @media (min-width: 1029px) { .main-header .nav-button .mega-menu-link { top: -10px !important; } } .main-header .nav-button .mega-menu-link:hover { background-color: #f57e00 !important; } .main-header .mega-menu-wrap { background: #fafafa !important; padding: 0 6% !important; } .main-header nav.fi .mega-ifp, .main-header nav.ifp .mega-fi { display: none !important; visibility: hidden !important; } .main-header ul li a { font-family: "AvenirLTPro-Black", sans-serif !important; line-height: 1.5 !important; } .main-header .mega-menu-link { display: inline !important; } @media (min-width: 1029px) { .main-header .mega-menu-link + .mega-sub-menu { border-top: 1px solid #ededed !important; box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.06) !important; } } .main-header .mega-menu-item > .mega-sub-menu:nth-of-type(1) { top: 70px !important; max-width: 1476px !important; margin: auto !important; left: 0 !important; width: 100% !important; } @media (min-width: 1029px) { .main-header .mega-menu-item > .mega-sub-menu:nth-of-type(1) > .mega-menu-row { padding-left: 2% !important; } } @media (min-width: 1280px) { .main-header .mega-menu-item > .mega-sub-menu:nth-of-type(1) > .mega-menu-row { padding-left: 36px !important; } } @media (min-width: 1680px) { .main-header .mega-menu-item > .mega-sub-menu:nth-of-type(1) > .mega-menu-row { padding-left: 76px !important; } } .main-header h4.mega-block-title { padding: 0 !important; } .main-header .mega-menu-wrap ul { max-width: 1476px !important; margin: 0 auto !important; } .main-header .mega-menu-row { max-width: 1400px !important; } .main-header .mega-menu-row .mega-block-title, .main-header .mega-menu-row .textwidget h2 { font-family: "AvenirLTPro-Black", sans-serif !important; text-transform: capitalize !important; font-size: 17px !important; font-weight: normal !important; line-height: 1.5 !important; } .main-header .mega-menu-row .mega-block-title { color: #f57e00 !important; } .main-header .mega-menu-row h3 { font-size: 17px !important; } .main-header .mega-menu-row .textwidget h2 { margin-top: 20px; margin-bottom: 0px; } .main-header .mega-menu-row .textwidget p { font-size: 16px !important; line-height: 1.4 !important; max-width: 422px; } .main-header .mega-menu-row .textwidget a { color: #003b5c !important; text-decoration: none; font-family: "AvenirLTPro-Roman", sans-serif !important; font-weight: normal !important; } .main-header .mega-menu-row .textwidget a:hover { text-decoration: underline; } .main-header .mega-menu-row .textwidget a ul li { font-size: 15px; } .main-header .mega-menu-row .textwidget .nav-box { background: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); color: #003b5c; display: block; max-width: 276px; margin: 20px 0 40px; padding: 20px; width: 100%; } @media (min-width: 1029px) { .main-header .mega-menu-row .textwidget .nav-box { margin-left: -20px; } } .main-header .mega-menu-row .textwidget .nav-box:hover { text-decoration: none; } .main-header .mega-menu-row .textwidget .nav-box:hover span { text-decoration: underline; } .main-header .mega-menu-row .textwidget .nav-box h3 { color: #489fdf; font-size: 16px; font-weight: normal !important; letter-spacing: 0; } .main-header .mega-menu-row .textwidget .nav-box ul { color: #003b5c; list-style: none; margin: 4px 0 8px !important; padding: 0; } .main-header .mega-menu-row .textwidget .nav-box ul li:before { content: '+'; margin-right: 4px; } .main-header .mega-menu-row .textwidget .nav-box p { margin: 4px 0 8px !important; } .main-header .mega-menu-row .textwidget .nav-box span { color: #489fdf; font-size: 16px; letter-spacing: 0px; } .main-header .mega-menu-row .textwidget .nav-box span i { vertical-align: middle; } .main-header .mega-menu-row .textwidget .nav-box img { margin-bottom: 16px; } .main-header .mega-menu-row .textwidget .nav-box.image { max-width: 243px; } @media (min-width: 1029px) { .main-header .mega-menu-row .textwidget .nav-box.image { margin-top: 0; } } @media (min-width: 1029px) { .main-header #mega-menu-2469-0-2 { padding-right: 24px !important; } } .main-header .mega-menu-columns-1-of-4 .textwidget { max-width: 376px; } .mega-toggle-animated-inner, .mega-toggle-animated-inner::before, .mega-toggle-animated-inner::after { background-color: #003b5c !important; } #mega-menu-wrap-main-nav-01 #mega-menu-main-nav-01 > li.mega-menu-item > a.mega-menu-link { position: relative; } #mega-menu-wrap-main-nav-01 #mega-menu-main-nav-01 > li.mega-menu-item > a.mega-menu-link:before { content: ''; width: 0%; height: 2px; background: #f57e00; position: absolute; bottom: -26px; left: 0; transition: width 200ms linear; } #mega-menu-wrap-main-nav-01 #mega-menu-main-nav-01 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before { width: 100%; transition: width 200ms linear; } #mega-menu-wrap-main-nav-01 #mega-menu-main-nav-01 > li.mega-menu-item > a.mega-menu-link:before { bottom: 0 !important; } @media (min-width: 1280px) { #mega-menu-wrap-main-nav-01 #mega-menu-main-nav-01 > li.mega-menu-item > a.mega-menu-link:before { bottom: -26px !important; } } /*------------------------------------------------------------ Stylesheet: Footer ------------------------------------------------------------*/ .main-footer { background: #001b2b; } .main-footer .wrapper { margin: auto; max-width: none; } .main-footer .wrapper a:hover { color: #fff !important; } .main-footer h6 { color: #f57e00; margin-bottom: 10px; text-transform: capitalize; } .main-footer p { color: #c4c4c4; font-weight: 300; font-size: 14px; margin-bottom: 10px; } .main-footer ul { padding-left: 0px; } .main-footer ul li { color: #c4c4c4; display: inline-block; list-style: none; margin-right: 12px; text-decoration: none; } .main-footer ul li a { font-size: 24px; color: #c4c4c4; } .main-footer .footer-top { padding-bottom: 0px; max-width: 1686px; } @media (min-width: 768px) { .main-footer .footer-top { display: flex; justify-content: space-between; flex-wrap: wrap; } } .main-footer .footer-top > div { margin-bottom: 54px; } @media (min-width: 768px) { .main-footer .footer-top > div { width: 50%; } } .main-footer .footer-top ul li { display: block; font-size: 14px; margin-bottom: 10px; } .main-footer .footer-top ul li a { font-size: 14px; text-decoration: none; } @media (min-width: 1280px) { .main-footer .footer-top .footer-1 { max-width: 150px; } } .main-footer .footer-top .footer-1 p a { color: #c4c4c4; text-decoration: none; } .main-footer .footer-top .footer-1 p span { display: block; } .main-footer .footer-top .footer-2 ul li { cursor: pointer; line-height: 1.5; } .main-footer .footer-top .footer-2 ul li:hover { color: #fff; } @media (min-width: 1280px) { .main-footer .footer-top .footer-2 { max-width: 180px; } } @media (min-width: 768px) { .main-footer .footer-top .footer-3 { width: 100%; } } @media (min-width: 1280px) { .main-footer .footer-top .footer-3 { max-width: 511px; } } @media (min-width: 768px) { .main-footer .footer-top .footer-3 .join-us-container { display: flex; justify-content: space-between; width: 100%; } } .main-footer .footer-top .footer-3 .join-us-container div p:nth-of-type(1) { color: #c4c4c4; font-family: "AvenirLTPro-Black", sans-serif; text-transform: capitalize; } .main-footer .footer-top .footer-3 .join-us-container div p a { color: #c4c4c4; text-decoration: none; } @media (min-width: 768px) { .main-footer .footer-top .footer-3 div { width: 50%; } } @media (min-width: 1280px) { .main-footer .footer-top .footer-3 div { width: auto; } } .main-footer .footer-top .footer-3 div > div:nth-of-type(1) { margin-bottom: 36px; } @media (min-width: 1280px) { .main-footer .footer-top .footer-4 { max-width: 150px; } } .main-footer .footer-top .footer-4 div p:nth-of-type(1) { color: #c4c4c4; font-family: "AvenirLTPro-Black", sans-serif; text-transform: capitalize; } .main-footer .footer-top .footer-4 div p a { color: #c4c4c4; text-decoration: none; } .main-footer .footer-bot { max-width: 1886px; } @media (min-width: 1280px) { .main-footer .footer-bot { display: flex; justify-content: space-between; width: 100%; flex-direction: row-reverse; margin-top: 100px; } } .main-footer .footer-bot .footer-5 { margin-bottom: 54px; } @media (min-width: 1280px) { .main-footer .footer-bot .footer-5 { margin-bottom: 0px; } } .main-footer .footer-bot .footer-5 ul { align-items: center; display: flex; justify-content: flex-start; } .main-footer .footer-bot .footer-5 ul li a { background: #c4c4c4; color: #001b2b; display: inline-block; line-height: 1.75em; font-size: inherit; text-align: center; width: 24px; height: 24px; } .main-footer .footer-bot .footer-5 ul li a:hover { background: #fff; color: #001b2b !important; } .main-footer .footer-bot .footer-5 div { width: 100%; } .main-footer .footer-bot .footer-5 div span { display: none; } .main-footer .footer-bot .footer-5 div p { margin-bottom: 0px; } @media (min-width: 768px) { .main-footer .footer-bot .footer-5 div { display: flex; justify-content: flex-start; } .main-footer .footer-bot .footer-5 div a { padding-bottom: 0px; } .main-footer .footer-bot .footer-5 div span { display: inline; } .main-footer .footer-bot .footer-5 div p { margin-left: 4px; } } .main-footer .footer-bot .footer-5 div a { color: #c4c4c4; display: inline-block; font-size: 12px; line-height: 1.5; text-decoration: none; padding-bottom: 10px; width: 100%; } @media (min-width: 768px) { .main-footer .footer-bot .footer-5 div a { width: auto; } } .main-footer .footer-bot .footer-6 p { font-size: 12px; } .main-footer .footer-bot .footer-6 > p:nth-of-type(2) { /* margin-bottom: 2px !important; */} /* Modules -------------------------*/ /* Main Blog Container */ .blog, .category, .post-type-archive, .archive { background: #fafafa; } .blog .alm-listing, .category .alm-listing, .post-type-archive .alm-listing, .archive .alm-listing { margin: 0 auto; } .blog .posts-main, .category .posts-main, .post-type-archive .posts-main, .archive .posts-main { max-width: 1476px; margin: 0 auto; } .blog .posts-main .posts__title, .blog .posts-main .posts__filter, .category .posts-main .posts__title, .category .posts-main .posts__filter, .post-type-archive .posts-main .posts__title, .post-type-archive .posts-main .posts__filter, .archive .posts-main .posts__title, .archive .posts-main .posts__filter { max-width: 376px; margin: 0 auto; } @media (min-width: 768px) { .blog .posts-main .posts__title, .blog .posts-main .posts__filter, .category .posts-main .posts__title, .category .posts-main .posts__filter, .post-type-archive .posts-main .posts__title, .post-type-archive .posts-main .posts__filter, .archive .posts-main .posts__title, .archive .posts-main .posts__filter { max-width: 700px; } } @media (min-width: 1280px) { .blog .posts-main .posts__title, .blog .posts-main .posts__filter, .category .posts-main .posts__title, .category .posts-main .posts__filter, .post-type-archive .posts-main .posts__title, .post-type-archive .posts-main .posts__filter, .archive .posts-main .posts__title, .archive .posts-main .posts__filter { max-width: 1120px; } } @media (min-width: 1680px) { .blog .posts-main .posts__title, .blog .posts-main .posts__filter, .category .posts-main .posts__title, .category .posts-main .posts__filter, .post-type-archive .posts-main .posts__title, .post-type-archive .posts-main .posts__filter, .archive .posts-main .posts__title, .archive .posts-main .posts__filter { max-width: 1476px; } } .blog .posts-main .blog, .category .posts-main .blog, .post-type-archive .posts-main .blog, .archive .posts-main .blog { background: #fafafa; } .blog .posts-main .blog-title, .category .posts-main .blog-title, .post-type-archive .posts-main .blog-title, .archive .posts-main .blog-title { margin: 54px 20px 12px 0px; } .blog .posts-main .grid-container, .category .posts-main .grid-container, .post-type-archive .posts-main .grid-container, .archive .posts-main .grid-container { margin-bottom: 72px; } .blog .posts-main .filter, .category .posts-main .filter, .post-type-archive .posts-main .filter, .archive .posts-main .filter { margin-bottom: 54px; } .blog .posts-main .filter .alm-filter--title, .category .posts-main .filter .alm-filter--title, .post-type-archive .posts-main .filter .alm-filter--title, .archive .posts-main .filter .alm-filter--title { background: #003b5c; display: inline-block; width: 98px; } .blog .posts-main .filter .alm-filter--title h3, .category .posts-main .filter .alm-filter--title h3, .post-type-archive .posts-main .filter .alm-filter--title h3, .archive .posts-main .filter .alm-filter--title h3 { color: #fff; font-weight: 400; font-size: 16px; font-family: "AvenirLTPro-Roman", sans-serif; letter-spacing: 0px; margin-bottom: 0; padding: 14px 18px 12px 18px; } .blog .posts-main .filter .alm-filter--title h3:after, .category .posts-main .filter .alm-filter--title h3:after, .post-type-archive .posts-main .filter .alm-filter--title h3:after, .archive .posts-main .filter .alm-filter--title h3:after { right: 10px; } .blog .posts-main .filter .alm-filter--category, .category .posts-main .filter .alm-filter--category, .post-type-archive .posts-main .filter .alm-filter--category, .archive .posts-main .filter .alm-filter--category { margin-bottom: 8px; } .blog .posts-main .filter .alm-filters-container .alm-filter--title .alm-filter--toggle:after, .category .posts-main .filter .alm-filters-container .alm-filter--title .alm-filter--toggle:after, .post-type-archive .posts-main .filter .alm-filters-container .alm-filter--title .alm-filter--toggle:after, .archive .posts-main .filter .alm-filters-container .alm-filter--title .alm-filter--toggle:after { border-bottom-color: #fff; } .blog .posts-main .filter .alm-filters-container .alm-filter--title .alm-filter--toggle[aria-expanded='false']:after, .category .posts-main .filter .alm-filters-container .alm-filter--title .alm-filter--toggle[aria-expanded='false']:after, .post-type-archive .posts-main .filter .alm-filters-container .alm-filter--title .alm-filter--toggle[aria-expanded='false']:after, .archive .posts-main .filter .alm-filters-container .alm-filter--title .alm-filter--toggle[aria-expanded='false']:after { border-bottom-color: transparent; border-top-color: #fff; } .blog .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link.active.field-checkbox:before, .blog .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link.active.field-radio:before, .category .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link.active.field-checkbox:before, .category .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link.active.field-radio:before, .post-type-archive .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link.active.field-checkbox:before, .post-type-archive .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link.active.field-radio:before, .archive .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link.active.field-checkbox:before, .archive .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link.active.field-radio:before { border-color: #003b5c; background-color: #003b5c; } .blog .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link:before, .category .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link:before, .post-type-archive .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link:before, .archive .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link:before { border: 1px solid #003b5c; } .blog .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link, .blog .posts-main .filter .alm-filters-container button[type='reset'], .category .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link, .category .posts-main .filter .alm-filters-container button[type='reset'], .post-type-archive .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link, .post-type-archive .posts-main .filter .alm-filters-container button[type='reset'], .archive .posts-main .filter .alm-filters-container .alm-filter li div.alm-filter--link, .archive .posts-main .filter .alm-filters-container button[type='reset'] { color: #003b5c; } .blog .posts-main .filter .alm-filter--inner, .category .posts-main .filter .alm-filter--inner, .post-type-archive .posts-main .filter .alm-filter--inner, .archive .posts-main .filter .alm-filter--inner { border: 1px solid #ededed; margin-top: 34px; max-width: 276px; padding: 24px; width: 100%; } .blog .posts-main .filter .alm-filter--inner li, .category .posts-main .filter .alm-filter--inner li, .post-type-archive .posts-main .filter .alm-filter--inner li, .archive .posts-main .filter .alm-filter--inner li { margin-bottom: 12px !important; } .blog .posts-main .filter .alm-filter--inner li .alm-filter--link, .category .posts-main .filter .alm-filter--inner li .alm-filter--link, .post-type-archive .posts-main .filter .alm-filter--inner li .alm-filter--link, .archive .posts-main .filter .alm-filter--inner li .alm-filter--link { padding-left: 38px; } /* Archive */ /* Posts */ .news, .posts-tax { background: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); flex-direction: column; display: flex; justify-content: flex-start; padding: 22px; max-width: 356px; margin-bottom: 24px; } @media (min-width: 768px) { .news, .posts-tax { margin-bottom: 0px; } } .news .thumbnail, .posts-tax .thumbnail { width: 100%; height: 175px; display: flex; align-items: center; justify-content: center; } .news .thumbnail a, .posts-tax .thumbnail a { margin-bottom: 12px; width: 100%; } .news .thumbnail img, .posts-tax .thumbnail img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } .news .cat, .posts-tax .cat { color: #003b5c; margin-bottom: 8px; } .news .cat a, .posts-tax .cat a { color: #003b5c; font-family: "AvenirLTPro-Black", sans-serif; font-size: 16px; letter-spacing: 0; line-height: 1; text-align: left; text-decoration: none; } .news .cat ul, .posts-tax .cat ul { list-style: none; margin-bottom: 0; padding: 0; } .news .storytitle, .posts-tax .storytitle { line-height: 0; margin-bottom: 10px; } .news .storytitle a, .posts-tax .storytitle a { color: #003b5c; font-family: "AvenirLTPro-Black", sans-serif; font-size: 32px; letter-spacing: -0.03em; line-height: 1.1; text-align: left; text-decoration: none; } .news .storytitle a:hover, .posts-tax .storytitle a:hover { text-decoration: underline; } .news p, .posts-tax p { color: #003b5c; font-size: 16px; letter-spacing: 0px; } .news .author, .posts-tax .author { max-width: 255px; } .news .date, .posts-tax .date { color: #003b5c; font-family: "AvenirLTPro-Roman", sans-serif; font-size: 16px; letter-spacing: 0px; line-height: 1.2; padding-top: 4.5px; text-align: left; } .post-type-archive-how_we_think .news img { max-width: 181px !important; } /* Blog Single */ .blog-single { padding-top: 35px; } @media (min-width: 1280px) { .blog-single { margin-bottom: 55px; } } .blog-single .headshot-container { display: flex; justify-content: flex-start; align-items: center; } .blog-single .headshot-container img { height: 76px; width: 76px; margin-right: 24px; } .nav-single { display: flex; justify-content: space-between; padding-top: 52px; margin-bottom: 100px; } .nav-single span a { color: #003b5c; font-family: "AvenirLTPro-Black", sans-serif; font-size: 18px; line-height: 1.4; text-decoration: none; } .nav-single .meta-nav { vertical-align: middle; } .nav-single .meta-nav i { font-size: 24px; line-height: 1.4; } .nav-single .nav-previous .meta-nav { padding-right: 10px; } .nav-single .nav-next .meta-nav { padding-left: 10px; } .vimeo { position: relative; } .vimeo::after { padding-top: 56.25%; display: block; content: ''; } .vimeo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .youtube { overflow: hidden; position: relative; width: 100%; } .youtube::after { padding-top: 56.25%; display: block; content: ''; } .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* CTA ---------------*/ .cta { align-items: center; display: flex; flex-direction: column; justify-content: center; height: 50vh !important; } @media (min-width: 768px) { .cta { height: 70vh !important; } } .cta h1 { font-size: 42px; text-align: center; } @media (min-width: 768px) { .cta h1 { font-size: 56px; } } .cta .box-button { border: 2px solid #ff8200; color: #ff8200; } .cta .box-button:hover { background-color: #ff8200; color: #fff; } .testimonial { align-items: center; background-color: #003b5c; display: flex; min-height: 70vh; justify-content: center; } .testimonial figure { max-width: 1094px; margin: 0 auto; padding: 70px 0; text-align: center; } @media (min-width: 1280px) { .testimonial figure { padding: 0; } } .testimonial figure img { border-radius: 50%; display: block; height: 104px; margin: 0 auto; margin-bottom: 24px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; width: 104px; } .testimonial figure blockquote { color: #fff; font-family: "AvenirLTPro-Black", sans-serif; padding: 0 6%; margin: 24px 0; } .testimonial figure blockquote p { font-size: 33px; line-height: 1.1; } @media (min-width: 768px) { .testimonial figure blockquote p { font-size: 42px; } } .testimonial figure span { color: #fff; font-family: "AvenirLTPro-Black", sans-serif; font-size: 18px; line-height: 1.5; } .testimonial figure cite { color: #fff; display: block; font-family: "AvenirLTPro-Roman", sans-serif; font-size: 18px; font-style: normal; line-height: 1.5; margin-top: 6px; } .hero { position: relative; } @media (min-width: 1280px) { .hero .h-layout { display: flex; justify-content: space-between; align-items: center; width: 100%; } } .hero .h-layout .width-4 { padding-left: 6%; padding-right: 6%; text-align: center; } @media (min-width: 1280px) { .hero .h-layout .width-4 { margin-top: -15vh; text-align: left; } } @media (min-width: 1280px) { .hero .h-layout .width-4 { width: 50%; } .hero .h-layout .width-6 { width: 50%; margin-top: -7vh; } } .hero .h-wrapper { margin-bottom: 15vh; } @media (min-width: 1280px) { .hero .h-wrapper { height: 100vh; } } .hero .v-fixed_wrapper { margin-top: 24px; position: relative; } @media (min-width: 1280px) { .hero .v-fixed_wrapper { margin-top: 0px; } } .hero .v-fixed_wrapper .v-fixed-image { background-position: center; background-size: contain; background-repeat: no-repeat; height: 50vh; width: 100%; } @media (min-width: 768px) { .hero .v-fixed_wrapper .v-fixed-image { height: 70vh; } } @media (min-width: 1280px) { .hero .v-fixed_wrapper .v-fixed-image { background-position: top left; background-size: cover; height: 99vh; } } @media (min-width: 1680px) { .hero .v-fixed_wrapper .v-fixed-image { height: 95vh; } } .hero .text-wrapper { max-width: 601px; margin: auto; } .hero video { display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media (min-width: 1280px) { .hero video { -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left; } } .hero .video-wrapper { position: relative; overflow: hidden; display: flex; align-items: flex-end; justify-content: flex-end; } .hero .text h1 { margin-bottom: 7px; } @media (min-width: 768px) { .hero .text h1 { margin-bottom: 12px; } } .hero .text h5 { font-size: 20px; line-height: 3; } @media (min-width: 768px) { .hero .text h5 { font-size: 22px; } } .hero .text p { font-size: 18px; line-height: 1.44; max-width: 601px; } @media (min-width: 768px) { .hero .text p { font-size: 22px; line-height: 1.36; } } .hero .text p:not(:last-child) { margin-bottom: 15px; } .hero .text .support { margin-top: 24px; } @media (min-width: 768px) { .hero .text .support { margin-top: 52px; } } .hero .text .support p { font-family: "AvenirLTPro-Black", sans-serif !important; margin-bottom: 0px; } .hero .text .box-button { border: 2px solid #ff8200; color: #ff8200; margin-top: 12px !important; } .hero .text .box-button:hover { background-color: #ff8200; color: #fff; } .page-id-1844 .v-fixed-image, .page-id-2484 .v-fixed-image { background-position: top center !important; } @media (min-width: 1680px) { .page-id-1843 .h-wrapper, .page-id-2483 .h-wrapper { margin-bottom: 0 !important; } } /* Text Box -------------------------*/ @media (min-width: 1280px) { .text-box .o-layout_item { margin-right: 0px !important; width: 100% !important; } } .text-box .o-layout_item .box { height: 500px; } .text-box .o-layout_item .box p { max-width: 958px !important; } /* Vertical List ------------------------------------*/ .vertical-list { margin-top: 24px; position: relative; } .vertical-list .o-wrapper { min-height: 100vh; } @media (min-width: 1280px) { .vertical-list .o-wrapper { margin-top: -25vh; min-height: 130vh; } .vertical-list .o-wrapper .-padding { padding-top: 15vh; z-index: 0; } } .vertical-list .o-wrapper .textbox-item { position: relative; } @media (min-width: 1280px) { .vertical-list .list { margin-top: 18.75rem; position: absolute; top: 0; right: -33px; z-index: 1; } } @media (min-width: 1280px) { .vertical-list .list .list-item { position: absolute; } } .vertical-list .c-lerp-block { background: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); display: table; margin-bottom: 24px; padding: 14px; /* Style 2 Color Controls */ } .vertical-list .c-lerp-block .row-index { margin-right: 15px; } .vertical-list .c-lerp-block .row-index p { font-size: 56px; font-family: "AvenirLTPro-Black", sans-serif; } .vertical-list .c-lerp-block p { font-size: 22px; line-height: 1.3; } .vertical-list .c-lerp-block .title > p:nth-of-type(1) { font-family: "AvenirLTPro-Black", sans-serif; } .vertical-list .c-lerp-block.style-2 { align-items: center; padding: 6px 16px 6px 20px !important; display: inline-flex; justify-content: flex-start; } .vertical-list .c-lerp-block.block-light p { color: #489fdf; } .vertical-list .c-lerp-block.block-medium p { color: #0a61a0; } .vertical-list .c-lerp-block.block-dark p { color: #003b5c; } /* Stats Box -----------------------*/ .stats-box { padding-bottom: 0 !important; } @media (min-width: 1280px) { .stats-box { margin-bottom: 20vh !important; } } @media (min-width: 1280px) { .stats-box .c-section_infos.is-inview { position: absolute; top: -4em; margin-top: 10.5rem !important; } } @media (min-width: 1680px) { .stats-box .c-section_infos.is-inview { position: absolute; top: -4em; margin-top: 14.5rem !important; } } .stats-box .box h3 { font-size: 42px; } .stats-box .stats-fixed { margin-bottom: 24px; padding: 150px 24px; text-align: center; } @media (min-width: 768px) { .stats-box .stats-fixed { padding: 150px 144px; } } @media (min-width: 1280px) { .stats-box .stats-fixed { padding: 150px 100px; } } @media (min-width: 1680px) { .stats-box .stats-fixed { padding: 150px 250px; } } .stats-box .stats-fixed h1 { font-size: 56px; line-height: 1.14; } .stats-box .stats-fixed p { font-family: "AvenirLTPro-Black", sans-serif; font-size: 22px; line-height: 1.3; } .stats-box .s-box-1, .stats-box .s-box-4 { background-color: #489fdf; } .stats-box .s-box-1 h1, .stats-box .s-box-4 h1 { color: #fff; } .stats-box .s-box-1 p, .stats-box .s-box-4 p { color: #003b5c; } .stats-box .s-box-2, .stats-box .s-box-5 { background-color: #0a61a0; } .stats-box .s-box-2 h1, .stats-box .s-box-5 h1 { color: #fff; } .stats-box .s-box-2 p, .stats-box .s-box-5 p { color: #489fdf; } .stats-box .s-box-3 { background-color: #003b5c; } .stats-box .s-box-3 h1 { color: #fff; } .stats-box .s-box-3 p { color: #489fdf; } /* Image Box -------------------------*/ .image-box .o-layout_item { /* Width Controls */ } .image-box .o-layout_item img { width: 100%; height: 650px; -o-object-fit: cover; object-fit: cover; } .image-box .o-layout_item .c-fixed { background-size: cover; height: 650px; } @media (min-width: 1280px) { .image-box .o-layout_item.third.text-item { width: 67%; } .image-box .o-layout_item.third.image-item { width: 33%; } } @media (min-width: 1280px) { .image-box .o-layout_item.half.text-item { width: 50%; } .image-box .o-layout_item.half.image-item { width: 50%; } } .form-box .group { background: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); width: 100%; } @media (min-width: 1280px) { .form-box .group { align-items: center; display: flex; justify-content: space-between; max-width: 1476px; margin: 0 auto; } } .form-box .group .box { box-shadow: none; margin: 0 auto; max-width: 776px; } @media (min-width: 1280px) { .form-box .group .box { padding: 225px 100px; max-width: 576px; width: 50%; } } .form-box .group .box p { color: #003b5c; } @media (min-width: 1280px) { .form-box .group .form { width: 50%; } } .form-box .group .form form { max-width: 500px; margin: auto; } /* Gravity Form Fields -------------------------*/ #gform_wrapper_1 { padding: 24px; } #gform_wrapper_1 .gform_fields { grid-row-gap: 24px; } #gform_wrapper_1 .gform_heading { max-width: 500px; margin: 24px auto; } #gform_wrapper_1 .gform_heading h2, #gform_wrapper_1 .gform_heading span { font-size: 22px; line-height: 1.27; color: #003b5c; } #gform_wrapper_1 .gform_body .gfield_label { font-size: 18px; line-height: 1.44; color: #003b5c; margin: 0; } #gform_wrapper_1 .gform_body .gfield_required_asterisk { color: #489fdf !important; } #gform_wrapper_1 .gform_footer { margin: 0; padding: 0; } #gform_wrapper_1 input[type='color'], #gform_wrapper_1 input[type='date'], #gform_wrapper_1 input[type='datetime-local'], #gform_wrapper_1 input[type='datetime'], #gform_wrapper_1 input[type='email'], #gform_wrapper_1 input[type='month'], #gform_wrapper_1 input[type='number'], #gform_wrapper_1 input[type='password'], #gform_wrapper_1 input[type='search'], #gform_wrapper_1 input[type='tel'], #gform_wrapper_1 input[type='text'], #gform_wrapper_1 input[type='time'], #gform_wrapper_1 input[type='url'], #gform_wrapper_1 input[type='week'], #gform_wrapper_1 select, #gform_wrapper_1 textarea { background: #f4f4f4; border: 1px solid #f4f4f4; border-radius: 0; color: #003b5c; font-size: 18px; padding: 12px 16px; } #gform_wrapper_1 input[type='color']:focus, #gform_wrapper_1 input[type='date']:focus, #gform_wrapper_1 input[type='datetime-local']:focus, #gform_wrapper_1 input[type='datetime']:focus, #gform_wrapper_1 input[type='email']:focus, #gform_wrapper_1 input[type='month']:focus, #gform_wrapper_1 input[type='number']:focus, #gform_wrapper_1 input[type='password']:focus, #gform_wrapper_1 input[type='search']:focus, #gform_wrapper_1 input[type='tel']:focus, #gform_wrapper_1 input[type='text']:focus, #gform_wrapper_1 input[type='time']:focus, #gform_wrapper_1 input[type='url']:focus, #gform_wrapper_1 input[type='week']:focus, #gform_wrapper_1 select:focus, #gform_wrapper_1 textarea:focus { border-color: #003b5c; outline: none; } #gform_wrapper_1 ::-webkit-input-placeholder { color: #c4c4c4; } #gform_wrapper_1 ::-moz-placeholder { color: #c4c4c4; } #gform_wrapper_1 :-ms-input-placeholder { color: #c4c4c4; } #gform_wrapper_1 ::placeholder { color: #c4c4c4; } #gform_wrapper_1 .gform_confirmation_wrapper { background: #003b5c; color: #fff; line-height: 1.4; padding: 104px 24px; } @media (min-width: 1280px) { #gform_wrapper_1 .gform_confirmation_wrapper { padding: 225px 100px; } } #gform_wrapper_1 .gform_confirmation_wrapper strong { color: #489fdf; font-size: 42px; line-height: 1.1; } #gform_wrapper_1.gform_validation_error .gfield_description { background: none; border: none; color: #ff3838; margin: 4px 0 0 0; padding: 0; text-align: right; } #gform_wrapper_1.gform_validation_error input { border: 1px solid #ff3838; } #gform_wrapper_1 .gform_required_legend, #gform_wrapper_1 .gform_validation_errors { display: none !important; } body img.gform_ajax_spinner { margin-left: 8px; } #gform_wrapper_1.gform_validation_error input { border: none; } #gform_wrapper_1.gform_validation_error input[aria-invalid='true'] { border: 1px solid #ff3838; } .gform_confirmation_message { min-height: 706px; display: flex; flex-direction: column; align-items: center; background: #003b5c; justify-content: center; } .gform_confirmation_message .gform_confirmation { color: #fff; font-family: "AvenirLTPro-Black", sans-serif; text-align: center; } .gform_confirmation_message .gform_confirmation .estimate p { font-size: 22px; line-height: 1.2; max-width: 380px; margin: 0 auto; } .gform_confirmation_message .gform_confirmation .estimate h1 { color: #fff; font-size: 58px; line-height: 1; margin: 0.25em 0; padding: 0 0.25em; } @media (min-width: 768px) { .gform_confirmation_message .gform_confirmation .estimate h1 { font-size: 80px; } } @media (min-width: 1280px) { .gform_confirmation_message .gform_confirmation .estimate h1 { font-size: 90px; } } .gform_confirmation_message .gform_confirmation .estimate div { max-width: 380px; margin: 0 auto; } .gform_confirmation_message .gform_confirmation .estimate div > p:nth-of-type(1) { font-size: 18px; line-height: 1.4; } .gform_confirmation_message .gform_confirmation .estimate div > p:nth-of-type(2) { font-family: "AvenirLTPro-Roman", sans-serif !important; font-size: 18px; line-height: 1.4; margin-bottom: 24px; } .gform_confirmation_message .gform_confirmation .estimate div a { color: #f57e00 !important; text-decoration: none; border-bottom: 2px solid #f57e00; padding-bottom: 2px; font-size: 18px; line-height: 1.4; } .gform_confirmation_message .gform_confirmation .disclaimer { color: #d9d9d9; font-size: 12px; font-family: "AvenirLTPro-Roman", sans-serif !important; line-height: 1.4; max-width: 495px; margin: 0 auto; margin-top: 66px; text-align: left; padding: 0 24px; } /* Logo Grid -------------------------*/ .logo-grid-module { padding-top: 50px; } @media (min-width: 768px) { .logo-grid-module { padding-top: 100px; } } .logo-grid-module .logo-grid-container { align-content: center; display: grid; justify-content: center; gap: 18px 18px; grid-template-columns: repeat(2, minmax(150px, 1fr)); margin-top: 21px; } @media (min-width: 768px) { .logo-grid-module .logo-grid-container { grid-template-columns: repeat(3, minmax(208px, 1fr)); margin-top: 42px; } } @media (min-width: 1280px) { .logo-grid-module .logo-grid-container { grid-template-columns: repeat(5, minmax(220px, 1fr)); } } @media (min-width: 1680px) { .logo-grid-module .logo-grid-container { grid-template-columns: repeat(5, minmax(276px, 1fr)); } } .logo-grid-module .logo-grid-container img { -o-object-fit: cover; object-fit: cover; width: 69%; } .logo-grid-module .logo-grid-container .logo { align-items: center; background-color: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); display: flex; justify-content: center; height: 108px; } @media (min-width: 768px) { .logo-grid-module .logo-grid-container .logo { height: 140px; } } @media (min-width: 1280px) { .logo-grid-module .logo-grid-container .logo { height: 148px; } } @media (min-width: 1680px) { .logo-grid-module .logo-grid-container .logo { height: 186px; } } .logo-grid-module .logo-grid-container .logo a { display: none; color: #fff; font-family: "AvenirLTPro-Black", sans-serif; font-size: 20px; line-height: 1.2; text-decoration: none; text-transform: none; } .logo-grid-module .logo-grid-container .logo-link { cursor: pointer; } .logo-grid-module .logo-grid-container .logo-link:hover { background-color: #003b5c; } .logo-grid-module .logo-grid-container .logo-link:hover img { display: none; } .logo-grid-module .logo-grid-container .logo-link:hover a { display: inline-block; } /* Stats Grid -------------------------*/ .stats-grid-module { padding-top: 60px; } @media (min-width: 768px) { .stats-grid-module { padding-top: 120px; } } .stats-grid-module .header p { max-width: 774px !important; margin: auto; } .stats-grid-module .stats-grid-container { align-content: center; display: grid; justify-content: center; gap: 24px; grid-template-columns: repeat(1, 1fr); max-width: 1176px; margin: auto; margin-top: 38px; } @media (min-width: 768px) { .stats-grid-module .stats-grid-container { grid-template-columns: repeat(2, minmax(320px, 1fr)); margin-top: 42px; } } @media (min-width: 1280px) { .stats-grid-module .stats-grid-container { grid-template-columns: repeat(3, minmax(376px, 1fr)); } } .stats-grid-module .stats-grid-container .stats { align-items: center; background-color: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column; height: 183px; justify-content: center; } @media (min-width: 768px) { .stats-grid-module .stats-grid-container .stats { height: 280px; } } .stats-grid-module .stats-grid-container .stats .description { max-width: 276px; margin: auto; } .stats-grid-module .stats-grid-container p { color: #003b5c; font-size: 22px; font-family: "AvenirLTPro-Black", sans-serif; line-height: 1.3; max-width: 281px; margin: auto; text-align: center; } .stats-grid-module .stats-grid-container p em, .stats-grid-module .stats-grid-container p strong { color: #489fdf; display: inline-block; font-size: 68px; line-height: 1.2; letter-spacing: -1.7px; } .stats-grid-module .stats-grid-container p em { font-style: normal; } .stats-grid-module .stats-grid-container p span { display: block; } /* Icon Grid -------------------------*/ .icon-grid-module { padding-top: 50px; } @media (min-width: 768px) { .icon-grid-module { padding-top: 100px; } } .icon-grid-module .icon-grid-container { align-content: center; display: grid; justify-content: center; gap: 24px; grid-template-columns: repeat(1, 1fr); max-width: 1176px; margin: auto; margin-top: 42px; } @media (min-width: 768px) { .icon-grid-module .icon-grid-container { grid-template-columns: repeat(1, minmax(376px, 664px)); } } @media (min-width: 1280px) { .icon-grid-module .icon-grid-container { grid-template-columns: repeat(3, minmax(376px, 1fr)); } } .icon-grid-module .icon-grid-container .icon { align-items: center; background-color: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column; justify-content: center; height: 340px; } @media (min-width: 768px) { .icon-grid-module .icon-grid-container .icon { height: 280px; } } @media (min-width: 1280px) { .icon-grid-module .icon-grid-container .icon { height: 356px; } } .icon-grid-module .icon-grid-container .icon > p { margin-bottom: 25px; } .icon-grid-module .icon-grid-container .icon > p i { color: #489fdf; font-size: 50px; } .icon-grid-module .icon-grid-container .icon .info { padding: 24px; text-align: center; } .icon-grid-module .icon-grid-container .icon .info > p:first-of-type { font-family: "AvenirLTPro-Black", sans-serif; font-size: 22px; line-height: 1.18; padding-bottom: 5px; } .icon-grid-module .icon-grid-container .icon .info > p:last-of-type { font-size: 18px; line-height: 1.44; } @media (min-width: 1280px) { .icon-grid-module .icon-grid-container .icon .info > p:last-of-type { font-size: 20px; line-height: 1.4; } } /* Testimonial Slider -------------------------*/ .slider-module { align-items: center; display: flex; height: auto; justify-content: center; padding: 0 6%; margin: 52px 0; } .slider-module .slider-container { max-width: 1476px; width: 100%; } .slider-module .slider-wrapper { position: relative; } .slider-module .slider-wrapper h5 { margin-bottom: 12px; } .slider-module .controller { width: 100%; position: absolute; bottom: 5%; } @media (min-width: 768px) { .slider-module .controller { bottom: 50%; } } .slider-module .controller #controls { display: flex; justify-content: space-between; padding: 0 24px; outline: none; } .slider-module .controller #controls button { border: none; background: none; cursor: pointer; display: inline-block; } .slider-module .controller #controls button i { color: #003b5c; font-size: 24px; } .slider-module .slide-testimonial { align-items: center; display: flex; justify-content: center; width: 100%; } .slider-module .tns-outer { box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); background: #fff; } .slider-module .testimonial-slider .slide { width: 100%; align-items: center; display: flex; justify-content: center; min-height: 599px; padding: 38px 24px; text-align: center; } @media (min-width: 1280px) { .slider-module .testimonial-slider .slide { padding: 25px 86px; } } @media (min-width: 1680px) { .slider-module .testimonial-slider .slide { padding: 25px 121px; } } .slider-module .testimonial-slider .test-1 { max-width: 797px; margin: 0 auto; } .slider-module .testimonial-slider img { border-radius: 50%; height: 104px; width: 104px; -o-object-fit: cover; object-fit: cover; } .slider-module .testimonial-slider .company, .slider-module .testimonial-slider .location { color: #003b5c; font-size: 18px !important; line-height: 1.5 !important; } .slider-module .testimonial-slider .text-inner { color: #003b5c; font-family: "AvenirLTPro-Black", sans-serif; font-size: 22px; line-height: 1.27; margin-top: 24px; margin-bottom: 24px; } @media (min-width: 768px) { .slider-module .testimonial-slider .text-inner { font-size: 42px; line-height: 1.14; letter-spacing: -0.03em; } } .slider-module .testimonial-slider .text-inner p { color: #003b5c; } .slider-module .testimonial-slider .author { color: #003b5c; font-size: 18px; font-family: "AvenirLTPro-Black", sans-serif; line-height: 1.5; } /* Info Box Grid -------------------------*/ .info-box-module { padding-top: 50px; margin-bottom: 155px !important; } @media (min-width: 768px) { .info-box-module { padding-top: 100px; } } .info-box-module .info-box-container { align-content: center; display: grid; justify-content: center; gap: 24px; grid-template-columns: repeat(1, 1fr); max-width: 1176px; margin: auto; margin-top: 42px; } @media (min-width: 768px) { .info-box-module .info-box-container { grid-template-columns: repeat(1, minmax(376px, 664px)); } } @media (min-width: 1280px) { .info-box-module .info-box-container { grid-template-columns: repeat(2, minmax(576px, 1fr)); } } .info-box-module .info-box-container .info-box { align-items: center; background-color: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column; justify-content: center; min-height: 271px; } .info-box-module .info-box-container .info-box .info { padding: 24px; text-align: center; } .info-box-module .info-box-container .info-box .info > p:first-of-type { color: #489fdf; font-family: "AvenirLTPro-Black", sans-serif; font-size: 22px; line-height: 1.18; padding-bottom: 12px; } @media (min-width: 768px) { .info-box-module .info-box-container .info-box .info > p:first-of-type { font-size: 34px; line-height: 1.1; } } .info-box-module .info-box-container .info-box .info > p:last-of-type { font-size: 18px; line-height: 1.44; max-width: 492px !important; margin: 0 auto; } .info-box-module .cta-wrapper { text-align: center; padding: 0 24px; margin-top: 42px; } @media (min-width: 1280px) { .info-box-module .cta-wrapper { margin-top: 35px; } } .info-box-module .cta-wrapper .box-button { border: 2px solid #ff8200; color: #ff8200; } .info-box-module .cta-wrapper .box-button:hover { background-color: #ff8200; color: #fff; } /* Map -------------------------*/ .map-module .map { margin-top: 34px; position: relative; } .map-module .map h2 { text-align: center; } @media (min-width: 1280px) { .map-module .map { margin-top: 42px; } } /* Map Custom Styles */ .gm-style-iw-t { display: none; } .wpgmza_map { float: none !important; } .cluster-btn { bottom: 0px; box-shadow: 0px 4px -1px rgba(0, 0, 0, 0.3) !important; left: 10px; position: absolute; } .cluster-btn button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border-bottom-right-radius: 2px; border-top-right-radius: 2px; border: 0px; cursor: pointer; color: rgba(0, 0, 0, 0.6); display: table-cell; direction: ltr; font-family: Roboto, Arial, sans-serif; font-size: 18px; font-weight: 500; height: 40px; margin: 0px; min-width: 66px; overflow: hidden; padding: 0px 17px; position: relative; text-transform: none; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } .cluster-btn button:hover { background: #ededed; color: rgba(0, 0, 0, 0.9); } /* Pages -------------------------*/ /*------------------------------------------------------------ Stylesheet: Home ------------------------------------------------------------*/ .home { /* Intro -------------------------*/ /* Text Block -------------------------*/ /* Image Block -------------------------*/ /* Image Series Block -------------------------*/ /* Logo Grid -------------------------*/ /* Image Series Block -------------------------*/ /* Stats Counter -------------------------*/ } .home section .wrapper { max-width: 1476px !important; padding: 0; width: 100%; } .home section h1 { line-height: 1; } .home section p { color: #003b5c; font-size: 19.5px; line-height: 1.5; } .home section .text { background-color: #003b5c; display: flex; flex-direction: column; justify-content: space-between; padding: 24px; margin-bottom: 24px; } @media (min-width: 768px) { .home section .text { padding: 42px; } } @media (min-width: 1280px) { .home section .text { margin-bottom: 0px; height: auto; width: 50%; } } @media (min-width: 1680px) { .home section .text { height: 551px; } } .home section .text > p:last-of-type, .home section .text_inner > p:last-of-type { margin-bottom: 0px !important; } .home section .text h2, .home section .text_inner h2 { color: #fff; margin-bottom: 8px; } .home section .text p, .home section .text_inner p { color: #fff; font-size: 18px; line-height: 1.44; } @media (min-width: 768px) { .home section .text p, .home section .text_inner p { font-size: 22px; line-height: 1.27; } } .home section .text > p, .home section .text_inner > p { margin-bottom: 10px; } @media (min-width: 768px) { .home section .text > p, .home section .text_inner > p { margin-bottom: 15px; } } .home section .text > div:nth-of-type(1) p, .home section .text_inner > div:nth-of-type(1) p { font-family: "AvenirLTPro-Black", sans-serif; font-size: 20px; line-height: 1.4; } @media (min-width: 768px) { .home section .text > div:nth-of-type(1) p, .home section .text_inner > div:nth-of-type(1) p { font-size: 22px; line-height: 1.2; } } .home section .text .box-button, .home section .text_inner .box-button { border: 2px solid #fff; color: #fff; } .home section .text .box-button:hover, .home section .text_inner .box-button:hover { background-color: #fff; color: #003b5c; } .home section:not(:first-child) { margin-bottom: 52px; } .home .intro { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 82vh; text-align: center; } @media (min-width: 768px) { .home .intro { height: 95vh; max-height: 820px; } } @media (min-width: 1280px) { .home .intro { height: 97vh; } } @media (min-width: 1500px) { .home .intro { max-height: 878px; } } @media (min-width: 1680px) { .home .intro { max-height: 970px; } } @media (min-width: 2000px) { .home .intro { max-height: 1070px; } } @media (min-width: 2200px) { .home .intro { max-height: 1170px; } } .home .intro .wrapper { padding-top: 5vh; } .home .intro .wrapper p { font-size: 18px; line-height: 1.5; } @media (min-width: 768px) { .home .intro .wrapper p { font-size: 22px; line-height: 1.3; } } @media (min-width: 768px) { .home .intro .wrapper { padding-top: 10vh; } } @media (min-width: 1280px) { .home .intro .wrapper { align-items: center; display: flex; flex-direction: column; justify-content: center; max-width: 1476px; margin: 0 auto; padding-top: 10vh; } } @media (min-width: 1680px) { .home .intro .wrapper { padding-top: 12vh; } } @media (min-width: 768px) { .home .intro .wrapper > p:nth-of-type(1) { max-width: 664px; margin: 0 auto; } } @media (min-width: 1280px) { .home .intro .wrapper > p:nth-of-type(1) { max-width: 710px; } } .home .intro h1 { max-width: 695px; margin: 0 auto; padding-bottom: 10px; } .home .header-text { margin-bottom: 0px !important; } .home .header-text .blank_text { padding-top: 88px; padding-bottom: 109px; text-align: center; } @media (min-width: 768px) { .home .header-text .blank_text { padding-top: 120px; padding-bottom: 129px; } } @media (min-width: 1280px) { .home .header-text .blank_text { padding-top: 166px; padding-bottom: 198px; } } @media (min-width: 1680px) { .home .header-text .blank_text { padding-top: 175px; padding-bottom: 189px; } } .home .header-text .blank_text h2 { margin-bottom: 12px; } .home .header-text .blank_text p { font-size: 18px; line-height: 1.44; max-width: 726px; margin: auto; } @media (min-width: 768px) { .home .header-text .blank_text p { font-size: 22px; line-height: 1.27; } } .home .header-text .blank_text > p:nth-of-type(1) { padding-bottom: 15px; } @media (min-width: 1280px) { .home .image-block-1-4 .wrapper { display: flex; flex-direction: row; justify-content: center; align-items: center; } } .home .image-block-1-4 .text { background-color: #fff; padding: 174px 24px 24px 24px; max-width: 100%; } @media (min-width: 768px) { .home .image-block-1-4 .text { padding: 174px 42px 42px 42px; } } @media (min-width: 1280px) { .home .image-block-1-4 .text { height: auto; margin-right: 24px; width: 66.7%; } } @media (min-width: 1680px) { .home .image-block-1-4 .text { height: 477px; } } .home .image-block-1-4 .text h2 { margin-bottom: 12px; } .home .image-block-1-4 .text h2, .home .image-block-1-4 .text p { color: #003b5c; } .home .image-block-1-4 .text > p:first-of-type { font-family: "AvenirLTPro-Roman", sans-serif; padding-bottom: 0px; } .home .image-block-1-4 .image { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 477px; } @media (min-width: 1280px) { .home .image-block-1-4 .image { width: 33%; } } @media (min-width: 1280px) { .home .image-block-1-2 .wrapper { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } } .home .image-block-1-2 .text { background-color: #003b5c; display: flex; flex-direction: column; height: 482px; justify-content: space-between; } @media (min-width: 768px) { .home .image-block-1-2 .text { height: 551px; } } .home .image-block-1-2 .text h2 { color: #fff; } .home .image-block-1-2 .text p { color: #fff; } .home .image-block-1-2 .text .box-button { border: 2px solid #fff; color: #fff; } .home .image-block-1-2 .text .box-button:hover { background-color: #fff; color: #003b5c; } .home .image-block-1-2 .image { background-size: cover; background-repeat: no-repeat; background-position: bottom bottom; height: 551px; } @media (min-width: 1280px) { .home .image-block-1-2 .image { width: 50%; margin-right: 24px; } } @media (min-width: 1280px) { .home .text-box-f-w .wrapper { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } } .home .text-box-f-w .text { background-color: #0a61a0; height: 534px; max-width: 1476px; width: 100%; } @media (min-width: 768px) { .home .text-box-f-w .text { height: 519px; } } @media (min-width: 1280px) { .home .text-box-f-w .text { height: 463px; } } .home .text-box-f-w .text p { max-width: 958px !important; } .home .text-box-f-w .text .box-button { border: 2px solid #fff; color: #fff; } .home .text-box-f-w .text .box-button:hover { background-color: #fff; color: #0a61a0; } .home .stats-block .wrapper { width: 100%; } @media (min-width: 1280px) { .home .stats-block .wrapper { align-items: center; display: flex; flex-direction: row-reverse; justify-content: space-between; max-width: 1476px; margin: 0 auto; } } .home .stats-block h2, .home .stats-block p, .home .stats-block a { color: #fff; } .home .stats-block .text { background: #489fdf; height: 486px; } @media (min-width: 768px) { .home .stats-block .text { height: 519px; } } @media (min-width: 1280px) { .home .stats-block .text { margin-left: 24px; height: 473px; width: 67%; } } .home .stats-block .text p { max-width: 809px; } .home .stats-block .text .box-button { border: 2px solid #fff; color: #fff; } .home .stats-block .text .box-button:hover { background-color: #fff; color: #489fdf; } .home .stats-block .stat { height: 473px; width: 100%; background: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); text-align: center; overflow: hidden; } @media (min-width: 1280px) { .home .stats-block .stat { height: 473px; width: 33% !important; } } .home .stats-block .stat h1, .home .stats-block .stat p { font-family: "AvenirLTPro-Black", sans-serif; } .home .stats-block .stat h1 { color: #489fdf; font-size: 90px; } .home .stats-block .stat p { color: #003b5c; font-size: 22px; line-height: 1.3; max-width: 276px; margin: 0 auto; } @media (min-width: 1280px) { .home .video_box .wrapper { display: flex; flex-direction: row; justify-content: center; align-items: center; } } .home .video_box .text { background-color: #003b5c; height: 500px; } .home .video_box .text p { max-width: 638px; } @media (min-width: 1280px) { .home .video_box .text { height: 510px; margin-right: 24px; width: 66.7%; } .home .video_box .text p { max-width: 692px; } } @media (min-width: 1680px) { .home .video_box .text p { max-width: 638px; } } .home .video_box .text h2, .home .video_box .text p { color: #fff; } .home .video_box .text .box-button { border: 2px solid #fff; color: #fff; } .home .video_box .text .box-button:hover { background-color: #fff; color: #003b5c; } .home .video_box .video { background-color: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); } @media (min-width: 1280px) { .home .video_box .video { height: 510px; width: 33%; } } .home .video_box .video > div:nth-of-type(1) img { width: 100%; height: 241px; -o-object-fit: contain; object-fit: contain; } .home .video_box .video > div:nth-of-type(2) { padding: 24px; } @media (min-width: 768px) { .home .video_box .video > div:nth-of-type(2) { padding: 23px 42px 42px 42px; } } .home .video_box .video h4 { font-size: 20px; text-transform: capitalize !important; line-height: 1.4; } @media (min-width: 768px) { .home .video_box .video h4 { font-size: 22px; } } .home .video_box .video p { font-size: 18px; line-height: 1.4; } @media (min-width: 768px) { .home .video_box .video p { font-size: 22px; } } .home .video_box .video .box-button { border: 2px solid #003b5c; color: #003b5c; } .home .video_box .video .box-button:hover { background-color: #003b5c; color: #fff; } @media (min-width: 1280px) { .home .image-series .wrapper { align-items: center; display: flex; flex-direction: row-reverse; justify-content: center; max-width: 1476px; margin: 0 auto; } } .home .image-series h2, .home .image-series p, .home .image-series a { color: #fff; } .home .image-series img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: inline-block; } .home .image-series .image { margin-top: 24px; width: 100%; } @media (min-width: 1280px) { .home .image-series .image { margin-right: 24px; margin-top: 0px; max-width: 100%; } } @media (min-width: 1680px) { .home .image-series .image { max-width: 776px; } } .home .image-series .text { background: #f57e00; height: 548px; } @media (min-width: 1280px) { .home .image-series .text { height: 660px; } } @media (min-width: 1680px) { .home .image-series .text { height: 614px; } } .home .image-series .text p { max-width: 626px; } .home .image-series .text .box-button { border: 2px solid #fff; color: #fff; } .home .image-series .text .box-button:hover { background-color: #fff; color: #f57e00; } .home .logo-grid { margin-top: 24px; margin-bottom: 52px; } @media (min-width: 1280px) { .home .logo-grid { margin-top: 0px; } } .home .logo-grid .wrapper { max-width: 776px; margin: 0 auto; padding-top: 0px; } @media (min-width: 1280px) { .home .logo-grid .wrapper { max-width: 1476px; } } .home .logo-grid h4 { font-size: 20px; text-transform: capitalize !important; line-height: 1.4; } @media (min-width: 768px) { .home .logo-grid h4 { font-size: 22px; } } .home .logo-grid .logo-grid-inner { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-gap: 1rem; margin-top: 12px; } @media (min-width: 768px) { .home .logo-grid .logo-grid-inner { grid-template-columns: repeat(auto-fill, minmax(204px, 1fr)); } } @media (min-width: 1280px) { .home .logo-grid .logo-grid-inner { grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); } } @media (min-width: 1680px) { .home .logo-grid .logo-grid-inner { grid-template-columns: repeat(auto-fill, minmax(226px, 1fr)); } } .home .logo-grid .logo-grid-inner .logo { align-items: center; background-color: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); display: flex; justify-content: center; height: 103px; } @media (min-width: 768px) { .home .logo-grid .logo-grid-inner .logo { height: 130px; } } .home .logo-grid .logo-grid-inner .logo a { display: none; color: #fff; font-family: "AvenirLTPro-Black", sans-serif; font-size: 20px; line-height: 1.2; text-decoration: none; text-transform: none; } .home .logo-grid .logo-grid-inner .logo-link { cursor: pointer; } .home .logo-grid .logo-grid-inner .logo-link:hover { background-color: #003b5c; } .home .logo-grid .logo-grid-inner .logo-link:hover img { display: none; } .home .logo-grid .logo-grid-inner .logo-link:hover a { display: inline-block; } .home .logo-grid .logo-grid-inner > div { padding: 1rem; position: relative; } .home .logo-grid .logo-grid-inner > div::before { content: ''; display: block; padding-bottom: 100%; } .home .logo-grid .logo-grid-inner > div img { padding: 24px; position: absolute; max-width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 1280px) { .home .image-series .wrapper { align-items: center; display: flex; flex-direction: row-reverse; justify-content: center; max-width: 1476px; margin: 0 auto; } } .home .image-series h2, .home .image-series p, .home .image-series a { color: #fff; } .home .image-series img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: inline-block; } .home .image-series .image { margin-top: 24px; width: 100%; } @media (min-width: 1280px) { .home .image-series .image { margin-right: 24px; margin-top: 0px; max-width: 100%; } } @media (min-width: 1680px) { .home .image-series .image { max-width: 776px; } } .home .image-series .text { background: #f57e00; } @media (min-width: 1280px) { .home .image-series .text { height: 660px; } } @media (min-width: 1680px) { .home .image-series .text { height: 614px; } } .home .image-series .text .box-button { border: 2px solid #fff; color: #fff; } .home .image-series .text .box-button:hover { background-color: #fff; color: #f57e00; } .home .stats .wrapper { background-color: #003b5c; padding-top: 0px !important; } .home .stats .stats-intro { margin-bottom: 60px; padding: 0 24px; text-align: center; } .home .stats .stats-intro h1, .home .stats .stats-intro p { color: #fff; } .home .stats .stats-intro h1 { font-size: 42px !important; line-height: 1.14; letter-spacing: -0.03em; margin-bottom: 12px; } @media (min-width: 768px) { .home .stats .stats-intro h1 { font-size: 56px !important; line-height: 1; } } .home .stats .stats-intro p { font-size: 18px !important; line-height: 1.44; } @media (min-width: 768px) { .home .stats .stats-intro p { font-size: 22px !important; line-height: 1.27; } } .home .stats .stats-intro { padding-top: 100px; } .home .stats .stats-box { margin-bottom: 0 !important; } @media (min-width: 1280px) { .home .stats .stats-box { align-items: center; display: flex; justify-content: space-between; max-width: 1176px; margin: 0 auto; } } @media (min-width: 1280px) { .home .stats .stats-box > div:nth-of-type(2) { margin: 0 24px; } } .home .stats .stats-box div { align-items: center; display: flex; flex-direction: column; justify-content: center; margin: 24px auto; max-width: 376px; text-align: center; padding: 24px; padding-top: 0; width: 100%; } @media (min-width: 768px) { .home .stats .stats-box div { width: 376px; } } .home .stats .stats-box div p { color: #489fdf; font-size: 22px; font-family: "AvenirLTPro-Black", sans-serif; line-height: 1.3; } .home .stats .stats-box div p em, .home .stats .stats-box div p strong { color: #fff; display: inline-block; font-size: 84px; line-height: 1.72; letter-spacing: -1.7px; } @media (min-width: 768px) { .home .stats .stats-box div p em, .home .stats .stats-box div p strong { font-size: 100px; line-height: 1.55; } } .home .stats .stats-box div p em { font-style: normal; } .home .stats .stats-box div p span { display: block; } .home .stats .stats-footer { padding-top: 87px; padding-bottom: 24px; } @media (min-width: 1280px) { .home .stats .stats-footer { padding-top: 100px; padding-bottom: 30px; } } .home .stats .stats-footer p { text-align: center; color: #fff; font-size: 14px; line-height: 1.28; } /*------------------------------------------------------------ Stylesheet: Products ------------------------------------------------------------*/ .products, .who-we-serve { /* Global Items -------------------------*/ } .products .o-section, .who-we-serve .o-section { margin-bottom: 54px; } .products .o-container, .who-we-serve .o-container { padding: 0 6%; } .products .o-layout, .who-we-serve .o-layout { max-width: 1476px; margin: 0 auto; width: 100%; /* Image Alignment Controls */ } @media (min-width: 1280px) { .products .o-layout, .who-we-serve .o-layout { align-items: flex-start; display: flex; justify-content: space-between; } } .products .o-layout p, .who-we-serve .o-layout p { font-size: 18px; line-height: 1.44; } @media (min-width: 768px) { .products .o-layout p, .who-we-serve .o-layout p { font-size: 22px; line-height: 1.27; } } @media (min-width: 1280px) { .products .o-layout.left, .who-we-serve .o-layout.left { flex-direction: row-reverse; } .products .o-layout.left .o-layout_item:first-of-type, .who-we-serve .o-layout.left .o-layout_item:first-of-type { margin-right: 0px; margin-left: 24px; } } .products .o-layout_item, .who-we-serve .o-layout_item { margin-bottom: 24px; /* Color Controls */ } @media (min-width: 1280px) { .products .o-layout_item, .who-we-serve .o-layout_item { margin-bottom: 0px; width: 50%; } .products .o-layout_item:first-of-type, .who-we-serve .o-layout_item:first-of-type { margin-right: 24px; } } .products .o-layout_item.light .box, .who-we-serve .o-layout_item.light .box { background-color: #489fdf; } .products .o-layout_item.light .box .box-button:hover, .who-we-serve .o-layout_item.light .box .box-button:hover { background-color: #fff; color: #489fdf; } .products .o-layout_item.medium .box, .who-we-serve .o-layout_item.medium .box { background-color: #0a61a0; } .products .o-layout_item.medium .box .box-button:hover, .who-we-serve .o-layout_item.medium .box .box-button:hover { background-color: #fff; color: #0a61a0; } .products .o-layout_item.dark .box, .who-we-serve .o-layout_item.dark .box { background-color: #003b5c; } .products .o-layout_item.dark .box .box-button:hover, .who-we-serve .o-layout_item.dark .box .box-button:hover { background-color: #fff; color: #003b5c; } .products .c-section_inner, .who-we-serve .c-section_inner { width: 100%; } .products .c-section_inner .header, .who-we-serve .c-section_inner .header { text-align: center; } .products .c-section_inner .header p, .who-we-serve .c-section_inner .header p { max-width: 976px; margin: auto; } .products .c-section_inner .header p + p, .who-we-serve .c-section_inner .header p + p { margin-top: 10px; } .products .box, .who-we-serve .box { align-items: flex-start; display: flex; flex-direction: column; height: 650px; justify-content: center; padding: 24px; } @media (min-width: 768px) { .products .box, .who-we-serve .box { padding: 42px; } } .products .box h2, .products .box p, .who-we-serve .box h2, .who-we-serve .box p { color: #fff; } .products .box p, .who-we-serve .box p { max-width: 809px; } .products .box > p, .who-we-serve .box > p { margin-bottom: 10px; } @media (min-width: 768px) { .products .box > p, .who-we-serve .box > p { margin-bottom: 15px; } } .products .box > p:last-of-type, .who-we-serve .box > p:last-of-type { margin-bottom: 0px !important; } .products .box .box-button, .who-we-serve .box .box-button { border: 2px solid #fff; color: #fff; } .products .box .box-button:hover, .who-we-serve .box .box-button:hover { background-color: #fff; color: #003b5c; } /*------------------------------------------------------------ Stylesheet: Careers ------------------------------------------------------------*/ .careers .intro { margin: 54px 0; max-width: 664px; } .careers .intro h1 { font-size: 56px; line-height: 1; letter-spacing: -2.41px; margin-bottom: 4px; } .careers .intro p { color: #003b5c; font-size: 18px; line-height: 1.5; margin-bottom: 15px; } @media (min-width: 768px) { .careers .intro p { font-size: 22px; line-height: 1.3; } } .careers .jobs iframe { min-height: 80vh; } .careers .jobs p { border-bottom: 1px solid #ededed; font-family: "AvenirLTPro-Black", sans-serif; padding: 24px 0; } .careers .jobs p a { color: #003b5c; text-decoration: none; } .careers .jobs p a:hover { text-decoration: underline; } /*------------------------------------------------------------ Stylesheet: About ------------------------------------------------------------*/ .about { background-color: #fafafa; } .about section { margin-bottom: 90px; } .about .hero { height: 75vh; text-align: center; padding: 24px 0; } @media (min-width: 768px) { .about .hero { height: 80vh; padding: 50px 0; } } @media (min-width: 1280px) { .about .hero { align-items: center; display: flex; justify-content: center; } } .about .hero h1 { font-size: 56px; line-height: 1; letter-spacing: -0.025em; max-width: 334px; margin: 0 auto; margin-bottom: 14px; } @media (min-width: 768px) { .about .hero h1 { font-size: 68px; max-width: 664px !important; } } .about .hero p { color: #003b5c; font-size: 18px; line-height: 1.4; max-width: 640px; margin: 0 auto; margin-bottom: 15px; } @media (min-width: 768px) { .about .hero p { font-size: 22px !important; line-height: 1.3; } } @media (min-width: 1280px) { .about .hero p { max-width: 648px; } } @media (min-width: 1680px) { .about .hero p { max-width: 976px; } } @media (min-width: 1280px) { .about .hero .images { position: absolute; } .about .hero .images div { position: absolute; } .about .hero .images .size-1 { height: 75px; width: 75px; } .about .hero .images .size-2 { height: 124px; width: 124px; } .about .hero .images .size-3 { height: 152px; width: 152px; } .about .hero .images .size-4 { height: 230px; width: 230px; } .about .hero .images #one { top: 16%; left: 8%; } } @media (min-width: 1280px) and (min-width: 1280px) { .about .hero .images #two { top: 67%; left: 23%; } } @media (min-width: 1280px) and (min-width: 1680px) { .about .hero .images #two { left: 18%; } } @media (min-width: 1280px) { .about .hero .images #three { top: 12%; right: 12%; } .about .hero .images #four { top: 24%; right: 5%; } .about .hero .images #five { top: 62%; right: 10%; } .about .hero .images #six { top: 52%; right: 14%; } .about .hero .images #seven { top: 25%; left: 5%; } .about .hero .images #eight { top: 45%; left: 0%; } } .about .hero .text { max-width: 100% !important; margin: 0 6%; padding-top: 54px; position: relative; z-index: 1; } @media (min-width: 1280px) { .about .hero .text { padding-top: 0px; max-width: 546px; width: calc(100% - 598px); } } @media (min-width: 1680px) { .about .hero .text { max-width: 976px; width: calc(100% - 727px); } } .about .hero .text.container { padding: 0 2%; } .about .hero .text h1 { font-size: 56px; line-height: 1; margin-bottom: 6px; max-width: 676px; } @media (min-width: 1280px) { .about .hero .text h1 { font-size: 68px; max-width: 546px; } } .about .hero .text h5 { font-size: 18px; line-height: 1.4; } @media (min-width: 768px) { .about .hero .text h5 { font-size: 22px; line-height: 1.3; } } .about .hero .text p { font-size: 18px; line-height: 1.4; max-width: 676px; padding-bottom: 0; } @media (min-width: 1280px) { .about .hero .text p { font-size: 22px; line-height: 1.3; } } .about .hero .text p + p { margin-top: 0.938em; } .about .hero .images { display: none; } @media (min-width: 1280px) { .about .hero .images { display: none; min-height: 100vh; width: 100%; } .about .hero .images span { font-family: "AvenirLTPro-Black", sans-serif; position: absolute; } .about .hero .images img { position: absolute; } } .about .text-box .box { background-color: #fff; max-width: 1176px; margin: auto; padding: 24px; } @media (min-width: 768px) { .about .text-box .box { padding: 109px 86px; } } @media (min-width: 1280px) { .about .text-box .box { align-items: center; display: flex; justify-content: space-between; height: 614px; } } @media (min-width: 1680px) { .about .text-box .box { padding: 175px 100px; } } .about .text-box .box .box-number h1 { font-size: 132px; line-height: 1.3; } .about .text-box .box h2 { font-size: 42px; line-height: 1.14; letter-spacing: -0.03em; margin-bottom: 12px; } @media (min-width: 768px) { .about .text-box .box h2 { font-size: 56px; line-height: 1; } } .about .text-box .box h2 br { display: none; } @media (min-width: 768px) { .about .text-box .box h2 br { display: block; } } .about .text-box .box p { font-size: 18px; line-height: 1.44; } @media (min-width: 768px) { .about .text-box .box p { font-size: 22px; line-height: 1.27; } } .about .text-box .box h2, .about .text-box .box p { max-width: 676px; } /*------------------------------------------------------------ Stylesheet: Timeline ------------------------------------------------------------*/ .page-template-timeline { background-color: #fafafa; } .page-template-timeline .intro { padding: 132px 6%; text-align: center; max-width: 492px; min-height: 65vh; margin: 0 auto; } @media (min-width: 768px) { .page-template-timeline .intro { max-width: 1050px !important; } } .page-template-timeline .intro p { color: #003b5c; font-size: 18px; line-height: 1.5; margin-top: 4px; } @media (min-width: 768px) { .page-template-timeline .intro p { font-size: 22px; line-height: 1.3; } } @media (min-width: 1280px) { .page-template-timeline .intro { max-width: 750px; } } .page-template-timeline .intro ul { max-width: 100%; margin: 0 auto; padding-top: 52px; } @media (min-width: 1280px) { .page-template-timeline .intro ul { width: 100%; } } .page-template-timeline .intro ul li { border-right: 1px solid #003b5c; display: inline-block; padding: 4px 14px; } .page-template-timeline .intro ul li:last-child { border-right: none; } .page-template-timeline .intro ul a { color: #003b5c; font-family: "AvenirLTPro-Black", sans-serif; text-decoration: none; } .page-template-timeline .timeline .year h1 { color: #ededed; background: #fafafa; display: block; font-size: 132px; position: -webkit-sticky; position: sticky; text-align: left; top: -1px; padding-left: 20px; z-index: 100; } @media (min-width: 768px) { .page-template-timeline .timeline .year h1 { padding-left: 100px; padding-top: 5%; } } @media (min-width: 1280px) { .page-template-timeline .timeline .year h1 { text-align: center; padding-left: 0px; } } .page-template-timeline .timeline .year .scrolled { color: #003b5c; } .page-template-timeline .timeline .year .group { max-width: 1486px; margin: 0 auto; position: relative; } .page-template-timeline .timeline .year .group ul { padding: 0; } .page-template-timeline .timeline .year .group li { list-style-type: none; } .page-template-timeline .timeline .year .event { background: #f57e00; list-style-type: none; margin-left: 31px; padding-top: 110px; padding-bottom: 110px; position: relative; width: 2px; } @media (min-width: 768px) { .page-template-timeline .timeline .year .event { margin-left: 114px; } } @media (min-width: 1280px) { .page-template-timeline .timeline .year .event { margin: 0 auto; } } .page-template-timeline .timeline .year .event:nth-child(odd) div { left: 24px; } @media (min-width: 768px) { .page-template-timeline .timeline .year .event:nth-child(odd) div { left: 86px; } } @media (min-width: 1280px) { .page-template-timeline .timeline .year .event:nth-child(odd) div { left: 103px; } } .page-template-timeline .timeline .year .event:nth-child(even) div { left: 24px; } @media (min-width: 768px) { .page-template-timeline .timeline .year .event:nth-child(even) div { left: 86px; } } @media (min-width: 1280px) { .page-template-timeline .timeline .year .event:nth-child(even) div { left: -439px; } } .page-template-timeline .timeline .year .event:after { top: 48%; border-radius: 50%; background: #f57e00; content: ''; height: 24px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 24px; z-index: 1; } .page-template-timeline .timeline .year .event .event-inner { bottom: 0; position: relative; max-width: 376px; width: 276px; } @media (min-width: 768px) { .page-template-timeline .timeline .year .event .event-inner { width: 376px; } } .page-template-timeline .timeline .year .event .event-inner h6 { text-transform: capitalize !important; font-size: 22px; line-height: 1.3; margin-bottom: 6px; } .page-template-timeline .timeline .year .event .event-inner h3 { font-size: 42px; line-height: 1.14; margin-bottom: 10px; } @media (min-width: 768px) { .page-template-timeline .timeline .year .event .event-inner h3 { font-size: 48px; line-height: 1; } } .page-template-timeline .timeline .year .event .event-inner p { color: #003b5c; font-size: 18px; } @media (min-width: 768px) { .page-template-timeline .timeline .year .event .event-inner p { font-size: 22px; } } .page-template-timeline .timeline .year .event .event-inner img { margin-top: 20px; max-width: 100%; } .page-template-timeline .timeline .year .event .event-inner img.small { height: 200px; width: 200px; } .page-template-timeline .timeline .year .event .event-inner img.large { height: 100%; width: 100%; max-width: 752px; } @media (min-width: 1280px) { .page-template-timeline .timeline .year .photo-3 .event-inner .double-image { display: flex; justify-content: space-between; } } .page-template-timeline .timeline .year .photo-3 .event-inner .double-image img { margin-right: 10px; } .page-template-timeline .timeline .year .content { max-width: 376px; } .page-template-timeline .timeline .year .content h6 { font-size: 22px; line-height: 1.3; margin-bottom: 4px; text-transform: capitalize; } .page-template-timeline .timeline .year .content h3 { font-size: 42px; line-height: 1.14; max-width: 356px; } .page-template-timeline .timeline .year .content p { color: #003b5c; font-size: 18px; line-height: 1.5; margin-top: 4px; } .page-template-timeline .timeline .year .content img { display: inline-block; margin-top: 20px; } .page-template-timeline .timeline .year .content img.large { height: 212px; width: 376px; } .page-template-timeline .timeline .year .content img.small { height: 176px; width: 176px; } /*------------------------------------------------------------ Stylesheet: Leadership ------------------------------------------------------------*/ .meet-my-team { background-color: #fafafa; /* Employee Grid -------------------------*/ /* Employee Modals -------------------------*/ } .meet-my-team .intro { max-width: 777px; margin: 0 auto; padding-top: 36px; padding-bottom: 56px; } @media (min-width: 768px) { .meet-my-team .intro { padding-top: 56px; } } .meet-my-team .intro h1 { font-size: 56px; line-height: 1; max-width: 334px; margin: 0 auto; margin-bottom: 14px; text-align: center; } @media (min-width: 768px) { .meet-my-team .intro h1 { font-size: 68px; max-width: 368px; } } @media (min-width: 1280px) { .meet-my-team .intro h1 { max-width: 596px; } } .meet-my-team .intro > p { color: #003b5c; font-size: 18px; line-height: 1.5; max-width: 334px; margin: 0 auto; margin-bottom: 15px; text-align: center; } @media (min-width: 768px) { .meet-my-team .intro > p { font-size: 22px; line-height: 1.3; max-width: 492px; } } @media (min-width: 1280px) { .meet-my-team .intro > p { max-width: 777px; } } .meet-my-team .text h3 { font-size: 32px; line-height: 1.1; letter-spacing: -0.0125em; margin-bottom: 4px; } .meet-my-team .text p { color: #003b5c; font-size: 18px; line-height: 1.444444; } .meet-my-team .text p.title { font-family: "AvenirLTPro-Black", sans-serif; } .meet-my-team .text p.company { padding-top: 0; } .meet-my-team img { display: block; width: 100%; max-width: 276px; height: auto; } @media (min-width: 768px) { .meet-my-team .team-grid { display: flex; flex-wrap: wrap; width: 601px; margin: auto; } } @media (min-width: 1029px) { .meet-my-team .team-grid { width: 900px; } } @media (min-width: 1680px) { .meet-my-team .team-grid { width: 1200px; } } .meet-my-team .team-grid .team-member { background: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); max-width: 276px; margin: 0 auto 24px; } @media (min-width: 768px) { .meet-my-team .team-grid .team-member { margin: 0 12px 24px; } .meet-my-team .team-grid .team-member:nth-of-type(3) { margin: 0 288px 24px 12px; } } @media (min-width: 1029px) { .meet-my-team .team-grid .team-member:nth-of-type(3) { margin: 0 12px 24px; } /*.meet-my-team .team-grid .team-member:nth-of-type(7) { margin: 0 388px 24px 12px; } */} @media (min-width: 1680px) { .meet-my-team .team-grid .team-member:nth-of-type(1) { margin: 0 12px 24px 150px; } .meet-my-team .team-grid .team-member:nth-of-type(7) { margin: 0 12px 24px; } } .meet-my-team .team-grid .team-member img { display: block; width: 100%; height: auto; } .meet-my-team .team-grid .team-member .text { padding: 18px 20px; } .meet-my-team .team-grid .team-member .text .group { min-height: 137px; } .meet-my-team .team-grid .team-member .link-underline { margin-top: 0; } .meet-my-team .team-grid .team-member .member-info a { background: #003b5c; color: #fff; display: inline-block; font-size: 14px; line-height: 28px; margin-top: 18px; text-align: center; width: 24px; height: 24px; } .meet-my-team .team-grid .team-member .member-info a + a { margin-left: 8px; } /*------------------------------------------------------------ Stylesheet: Who we serve ------------------------------------------------------------*/ .who-we-serve .hero { margin-bottom: 10vh; } .who-we-serve .hero .width-4 { display: flex; align-items: center; justify-content: center; } .page-id-2509 .c-section_inner p { max-width: 938px !important; margin: auto; } /*------------------------------------------------------------ Stylesheet: Join Us ------------------------------------------------------------*/ .join-us .wrapper { max-width: 1426px; margin: 0 auto; } @media (min-width: 1280px) { .join-us .wrapper { display: flex; justify-content: space-between; } } .join-us .intro { margin-bottom: 46px; max-width: 768px; width: 100%; } .join-us .intro h1 { font-size: 56px; line-height: 1; margin-bottom: 8px; } .join-us .intro > p:nth-of-type(1) { font-size: 18px; line-height: 1.4; } .join-us .intro a { color: #003b5c; } @media (min-width: 768px) { .join-us .intro { margin-bottom: 30px; } .join-us .intro h1 { font-size: 68px; } .join-us .intro > p:nth-of-type(1) { font-size: 22px; line-height: 1.2; } } @media (min-width: 1280px) { .join-us .intro { max-width: 476px; } } .join-us .form { background: #fff; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04); max-width: 676px; margin: 0 auto; padding: 26px 24px 44px 24px; width: 100%; } @media (min-width: 1280px) { .join-us .form { padding: 40px 40px 60px 40px; margin-left: 42px; } } .hs-input { background-color: red; }