@charset "utf-8";/* * The Typekit service used to deliver this font or fonts for use on websites * is provided by Adobe and is subject to these Terms of Use * http://www.adobe.com/products/eulas/tou_typekit. For font license * information, see the list below. * * nunito-sans: * - http://typekit.com/eulas/00000000000000007735b8eb * - http://typekit.com/eulas/00000000000000007735b8ee * - http://typekit.com/eulas/00000000000000007735b8f0 * - http://typekit.com/eulas/00000000000000007735b8f3 * - http://typekit.com/eulas/00000000000000007735b8f6 * - http://typekit.com/eulas/00000000000000007735b8f8 * - http://typekit.com/eulas/00000000000000007735b8fb * - http://typekit.com/eulas/00000000000000007735b8fd * - http://typekit.com/eulas/00000000000000007735b8ff * - http://typekit.com/eulas/00000000000000007735b901 * - http://typekit.com/eulas/00000000000000007735b904 * - http://typekit.com/eulas/00000000000000007735b907 * - http://typekit.com/eulas/00000000000000007735b909 * - http://typekit.com/eulas/00000000000000007735b90a * * © 2009-2026 Adobe Systems Incorporated. All Rights Reserved. */ /*{"last_published":"2025-03-19 14:03:58 UTC"}*/ /**/ @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/33047c/00000000000000007735b8eb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/33047c/00000000000000007735b8eb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/33047c/00000000000000007735b8eb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:200;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/183fb0/00000000000000007735b8ee/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"),url("https://use.typekit.net/af/183fb0/00000000000000007735b8ee/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"),url("https://use.typekit.net/af/183fb0/00000000000000007735b8ee/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:200;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/7ac87a/00000000000000007735b8f0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/7ac87a/00000000000000007735b8f0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/7ac87a/00000000000000007735b8f0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:300;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/45a685/00000000000000007735b8f3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/45a685/00000000000000007735b8f3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/45a685/00000000000000007735b8f3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:300;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/42930b/00000000000000007735b8f6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/42930b/00000000000000007735b8f6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/42930b/00000000000000007735b8f6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/434101/00000000000000007735b8f8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/434101/00000000000000007735b8f8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/434101/00000000000000007735b8f8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:400;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/3e4147/00000000000000007735b8fb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/3e4147/00000000000000007735b8fb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/3e4147/00000000000000007735b8fb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:600;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/1d912f/00000000000000007735b8fd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/1d912f/00000000000000007735b8fd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/1d912f/00000000000000007735b8fd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:600;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/ff2f63/00000000000000007735b8ff/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/ff2f63/00000000000000007735b8ff/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/ff2f63/00000000000000007735b8ff/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/d97e98/00000000000000007735b901/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/d97e98/00000000000000007735b901/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/d97e98/00000000000000007735b901/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/cc6127/00000000000000007735b904/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/cc6127/00000000000000007735b904/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/cc6127/00000000000000007735b904/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:800;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/910338/00000000000000007735b907/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/910338/00000000000000007735b907/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/910338/00000000000000007735b907/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:800;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/1321cb/00000000000000007735b909/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/1321cb/00000000000000007735b909/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/1321cb/00000000000000007735b909/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:900;font-stretch:normal; } @font-face { font-family:"nunito-sans"; src:url("https://use.typekit.net/af/12534d/00000000000000007735b90a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/12534d/00000000000000007735b90a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/12534d/00000000000000007735b90a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype"); font-display:auto;font-style:italic;font-weight:900;font-stretch:normal; } .tk-nunito-sans { font-family: "nunito-sans",sans-serif; } img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ @media all{.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } }@media all and (prefers-reduced-motion: reduce){ .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @media all{@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } } @media all{.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease} } @media all{/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } } @media all{/* Slider */ .slick-loading .slick-list { background: #fff url('/wp-content/themes/starter-theme/css/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/wp-content/themes/starter-theme/fonts/slick.eot'); src: url('/wp-content/themes/starter-theme/fonts/slick.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/starter-theme/fonts/slick.woff') format('woff'), url('/wp-content/themes/starter-theme/fonts/slick.ttf') format('truetype'), url('/wp-content/themes/starter-theme/fonts/slick.svg#slick') format('svg');font-display:swap;} /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } } @media all{/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}} @media all{/* Theme Name: Starter Author: starter Author URI: Description: Just another starter theme. Version: 1.0 License: (c) Copyright of starter. All Rights Reserved. Text Domain: starter */ #wpadminbar { /* display: none; */ } .wow { visibility: hidden; } .no-results h2 a:hover { color: var(--lb); } .wpcf7 form .wpcf7-response-output { margin: 20px 0 20px !important; } .wpcf7-not-valid-tip { font-size: 16px !important; margin-top: 3px !important; } .cky-accordion-header-wrapper .cky-accordion-header-des p:first-of-type, .cky-consent-bar .cky-notice-des p, .cky-notice .cky-title { padding-top: 0px; } .cky-banner-element { padding: 15px 10px; box-sizing: border-box; margin: 20px 30px 20px; display: block; background-color: var(--db); width: fit-content; color: #fff; transition: 0.5s; border-radius: 5px; } .cky-banner-element:hover { background-color: var(--lb); cursor: pointer; } .no-career.text h2 { font-size: 34px; font-weight: 600; color: var(--db); } }@media all and (max-width: 600px){ .no-career.text h2 { font-size: 26px; } } @media all{/*** grid items ***/ .grid-items { padding: 0px 0; /* background-color: #f8f8f8; */ } .grid-items-container { margin: 0 auto; } .grid-items .heading { margin-bottom: 20px; } .grid-items-wrapper { display: flex; justify-content: center; align-items: stretch; } .grid-items-side { display: flex; flex-direction: column; flex: 1; } .grid-items-center { flex: 1.5; background-color: var(--lb); color: white; display: flex; flex-direction: column; justify-content: center; padding: 40px; max-width: 300px; text-align: center; } .grid-items-item { background: var(--db); padding: 70px 70px; box-sizing: border-box; color: #fff; text-align: center; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex: 1; } .grid-items .grid-items-icon { margin-bottom: 20px; } .grid-items .grid-items-icon i { font-size: 56px; } .grid-items-item .grid-items-title > * { color: var(--lb); } .grid-items-title h3 { font-size: 26px; font-weight:500; } .grid-items-item.grey-bg { background-color: var(--gy); color: var(--db); } .grid-items-item.grey-bg .grid-items-title > * { color: var(--db); } .grid-items-icon img { width: 50px; margin-bottom: 15px; } .grid-items-text { font-size: 16px; } }@media all and (max-width: 1200px){ .grid-items-item { padding: 45px 45px; } .grid-items-center { flex: 1; } } @media all and (max-width: 950px){ .grid-items-wrapper { flex-direction: column; } .grid-items-side { flex-direction: row; } .grid-items-center { max-width: none; } } @media all{/* Responsive */ }@media all and (max-width: 768px){ .grid-items-wrapper { flex-direction: column; } .grid-items-side { flex-direction: column; } .grid-items-center { max-width: none; } } @media all and (max-width: 600px){ .grid-items-item { padding: 30px 20px; } .grid-items-center { padding: 30px 20px; } } @media all{/*** button section ***/ .button-section { padding: 0px 20px 50px; box-sizing: border-box; } .button-section .a-button { text-align: center; display: block; } .button-section .a-button a { margin: 0 auto; min-width: fit-content; padding: 20px 30px; width: fit-content; } /*** home hero ***/ .home-hero { position: relative; /* height: 690px; */ display: flex; justify-content: center; align-items: center; padding: 50px 0; } .home-hero .background-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home-hero .background-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .home-hero .home-hero-container { z-index: 2; position: relative; color: #fff; max-width: 1400px; margin: 0 auto; text-align: center; padding: 30px 30px; box-sizing: border-box; } .home-hero .tint { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; content: ''; display: block; z-index: 1; } .home-hero .title{ max-width: 950px; margin: 0 auto; } .home-hero .title > * { color: #fff; font-size: 42px; font-weight: 600; } .home-hero .subtitle { max-width: 800px; margin: 20px auto 0; } .home-hero .subtitle > * { color: var(--lb); /*font-size: 26px; font-weight: 600; */ font-size: 24px; } .home-hero .text.subtext { max-width: 800px; margin: 0 auto 10px; } .home-hero .text.subtext p { font-size: 18px; font-weight: 300; } .home-hero .product-search-advanced { display: none; } .home-hero .text { margin-bottom: 30px; } .home-hero .text p { color: #fff; font-size: 26px; font-weight: 600; } .home-hero .text.including p { line-height: 40px; } .home-hero .logos { display: flex; justify-content: center; gap: 20px; margin-top: 70px; } .home-hero .logos img { height: 60px; object-fit: contain; display: block; } .home-hero .logo-text p { text-transform: uppercase; font-weight: 600; font-size: 16px; } }@media all and (max-width: 600px){ .home-hero .home-hero-container { padding: 30px 20px; } .home-hero .title > * { font-size: 32px; } .home-hero .subtitle > * { font-size: 20px; } .home-hero .logos { margin-top: 30px; } .home-hero .logo-text p { font-size: 14px; } .home-hero .text.including p { font-size: 22px; line-height: 30px; } } @media all{/*** spec ***/ .spec { padding: 25px 30px; box-sizing: border-box; position: relative; background-color: var(--db); } .spec-container { display: flex; flex-wrap: wrap; max-width: 1050px; margin: 0 auto; justify-content: center; text-align: center; gap: 20px; } .spec.homepage .spec-container { max-width: 1440px; } .spec.homepage .item { flex: 1 1 calc(20% - 20px); } .spec .item { /* border: 0.5px solid #074994; */ border-top: 0px; border-bottom: 0px; display: flex; align-items: center; justify-content: center; padding: 0 5px; box-sizing: border-box; } .spec .item span { display: block; font-size: 22px; color: var(--lb); /* margin-bottom: 5px; */ } .spec .item span img { display: block; width: 30px; height: 30px; object-fit: contain; } .spec .item p { padding-top: 0px; font-size: 22px; font-weight: 400; color: #18455B; font-variation-settings: 'wght' 400; margin-left: 10px; } .spec.homepage .item p { color: #fff; font-size: 18px; font-weight: 300; text-align: left; } .spec .item:first-of-type { border-left: 0px; } .spec .item:last-of-type { border-right: 0px; } .spec.homepage .item { padding: 0 20px; box-sizing: border-box; } .spec .arrows { display: none; justify-content: center; } .spec .arrows .left-arrow { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); transition: 0.5s; } .spec .arrows .left-arrow:hover { cursor: pointer; opacity: 0.6; } .spec .arrows .left-arrow img { width: 30px; object-fit: contain; object-position: center; } .spec .arrows .right-arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: 0.5s; } .spec .arrows .right-arrow i { color: #fff; font-size: 32px; } .spec .arrows .left-arrow i { color: #fff; font-size: 32px; } .spec .arrows .right-arrow:hover { cursor: pointer; opacity: 0.6; } }@media all and (max-width: 900px){ .spec .arrows { display: block; } .spec.homepage .spec-container { padding: 0 30px; box-sizing: border-box; } } @media all and (max-width: 800px){ .spec-container { /* flex-direction: column; */ } .spec .item { border-bottom: none; border-left: none; border-right: none; position: relative; /* padding: 20px 0; */ } } @media all and (max-width: 600px){ .spec-container { justify-content: flex-start; gap: 10px; } .spec .item p { font-size: 18px; } .spec { padding: 20px 20px; } .spec .arrows .left-arrow i { font-size: 24px; } .spec .arrows .right-arrow i { font-size: 24px; } .spec.homepage .item p { font-size: 16px; } } @media all{/*** error page ***/ .error-page { padding: 100px 30px 100px; box-sizing: border-box; text-align: center; background-color: var(--db) !important; margin-bottom: 60px; } .error-page .breadcrumb { position: absolute; top: 20px; padding: 0px; } .error-page .container { position: relative; max-width: 1380px; margin: 0 auto; /* padding-top: 50px; */ } .error-page .error-icon { margin-bottom: 20px; } .error-page h1 { font-size: clamp(100px, 5vw, 60px); font-weight: 200; line-height: 110%; font-family: "nunito-sans", sans-serif; font-style: normal; color: #fff; } .error-page h2 { font-size: 24px; color: var(--lb); } .error-page h2 { max-width: 800px; margin: 30px auto 10px; font-family: "nunito-sans", sans-serif; font-weight: 500; } .error-page p { max-width: 950px; margin: 0 auto; font-size: 18px; font-weight: 300; color: #fff; } .error-page p a { text-decoration: underline; color: inherit; } .error-page .buttons { display: flex; justify-content: center; margin-top: 10px; flex-wrap: wrap; margin: 20px auto 0; max-width: 1000px; } .error-page .buttons .a-button { margin: 10px 10px; } .error-page .a-button a { /* width: 270px; */ display: block; /* border: 1px solid #CCEDB7; */ /* color: #CCEDB7; */ text-align: center; margin: 0 auto; /* background-color: transparent; */ } /* .error-page .a-button a.white { background-color: #fff; color: #008AD2; } */ .error-page .a-button a.white:hover { /* background-color: #008AD2; */ color: var(--db); } .error-page .a-button a:hover { background-color: #fff; border: 1px solid #fff; color: var(--db); } .error-page .bg-marker { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .error-page .bg-marker { width: 650px; margin-top: 30px; pointer-events: none; } }@media all and (max-width: 1300px){ .error-page .bg-marker { width: 610px; } } @media all and (max-width: 800px){ .error-page h1 { font-size: 60px; } .error-page h2 { font-size: 20px; } .error-page p { font-size: 16px; } .error-page .error-icon img { width: 80px; object-fit: contain; } } @media all and (max-width: 600px){ .error-page .bg-marker { width: 280px; margin-top: -65px; } .error-page { padding: 85px 20px 85px; } .error-page h2 { margin:10px auto 0px; } .error-page p { font-size: 18px; } .error-page h2 { font-size: 20px; } } @media all and (max-width: 400px){ .error-page .buttons .a-button { width: 100%; } .error-page { padding: 40px 20px 40px; } .error-page .buttons .a-button { margin: 10px 0; } } @media all{/*** team section ***/ .team-section { padding: 0px 60px 30px; box-sizing: border-box; } .team-section-container { max-width:1300px; margin: 0 auto; } .team-section .items .item { display: flex; /* flex-wrap: wrap; */ margin: 40px 0; } .team-section .items .item .cpt-image { flex: 1 1 50%; min-height: 450px; } .team-section .items .item .cpt-image .image { position: relative; height: 100%; } .team-section .items .item .cpt-image img { height: 100%; width: 100%; object-fit: cover; object-position: center; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .team-section .items .item .content { flex: 1 1 50%; padding: 25px 0px 25px 60px; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; } .team-section .items .item .content .cpt-title { display: flex; justify-content: space-between; } .team-section .items .item .content .cpt-title h2 { font-size: 34px; font-weight: 600; color: var(--db); } .team-section .items .item .content .role { font-size: 20px; color: #2DAAE1; margin-top: 10px; } .team-section .items .item .content .excerpt { background-color: var(--gy); border-radius: 5px; padding: 20px 20px; box-sizing: border-box; margin-top: 20px; } .team-section .items .item .content .excerpt p:first-of-type { padding-top: 0px; } .team-section .items .item.no-thumbnail .content { display: flex; padding: 25px 0; flex-direction: row; } .team-section .items .item.no-thumbnail .content .cpt-title { min-width: 400px; margin-right: 40px; } .team-section .items .item .content .cpt-content .a-button { display: none; } .team-section .items .item .content .cpt-content .a-button:hover { cursor: pointer; } .team-section .items .item.no-thumbnail .content .cpt-content .the-content p:first-of-type { padding-top: 0px; } .team-section .items .item.no-thumbnail .content .cpt-title { flex-direction: column; justify-content: flex-start; } .team-section .items .item .content .cpt-content .content-wrapper { /* display: none; */ } .team-section .items .item .linkedin a { background-color: #2DAAE1; border-radius: 5px; padding: 10px 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: fit-content; } .team-section .items .item .linkedin a { font-size: 25px; color: #fff; } .team-section .items .item .linkedin a:hover { background-color: var(--db); } .team-section .items .item.no-thumbnail .linkedin a { margin-top: 20px; } .team-section .items .item .content .cpt-content .btn-main:hover { background-color: var(--db); color: #fff; } }@media all and (max-width: 900px){ .team-section .items .item { flex-direction: column; } .team-section .items .item .cpt-image .image, .team-section .items .item .cpt-image { height: 250px; } .team-section .items .item .cpt-image { min-height: 250px; } .team-section .items .item .cpt-image img { object-position: 0 10%; } .team-section .items .item .content { padding: 20px 0; } .team-section .items .item.no-thumbnail .content { flex-direction: column; padding: 0; } .team-section .items .item { margin: 20px 0; } .team-section .items .item.no-thumbnail .content .cpt-content .the-content p:first-of-type { padding-top: 20px; } } @media all and (max-width: 600px){ .team-section .items .item .linkedin { display: none; } .team-section { padding: 30px 20px; } .team-section .items .item .content .cpt-content .a-button { display: block; } .team-section .items .item .content .cpt-content .content-wrapper { display: none; } .team-section .items .item .content .cpt-content .btn-main { min-width: 100%; width: 100%; background-color: var(--gy); border: 1px solid var(--gy); } .team-section .items .item .content .cpt-title h2 { font-size: 26px; } } @media all{/*** toc ***/ .toc-section { padding: 45px 30px 0px; box-sizing: border-box; } .toc-section-container { max-width: 880px; margin: 0 auto; } .toc-wrapper { background: #f1f1f1; border-radius: 4px; /* margin-bottom: 20px; */ overflow: hidden; font-family: "nunito-sans", sans-serif; } .toc-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 15px; box-sizing: border-box; cursor: pointer; } .toc-header span { font-size: 16px; font-weight: 300; color: var(--bk); } .toc-toggle-icon { transition: transform 0.3s ease; color: #1e40af; /* blue */ } .toc-toggle-icon i { font-size: 22px; color: var(--db); } .toc-wrapper.open .toc-toggle-icon { transform: rotate(180deg); } .toc-list { display: none; list-style: none; /* padding: 0 16px 12px 16px; */ margin: 0; } .toc-wrapper .toc-list { padding-bottom: 30px; padding-left: 30px; padding-right: 30px; } .toc-wrapper.open .toc-list { display: block; } .toc-list .toc-level-2 a { font-size: 16px; font-weight: 300; color: var(--bk); } .toc-list .toc-level-3 a { font-size: 16px; font-weight: 300; color: var(--bk); padding-left: 10px; display: block; } .toc-list a:hover { opacity: 0.6; } /*** text block ***/ .text-block { padding: 70px 30px; box-sizing: border-box; } .text-block.cta-style { padding: 40px 30px; } .text-block.grey-bg { background-color: var(--gy); } .text-block.bg-img { padding: 220px 30px; box-sizing: border-box; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .text-block .tint { display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0, 0.6); } .text-block.no-bottom-padding { padding: 70px 30px 0; } .text-block.small-padding { padding: 40px 30px; } .text-block.small-padding.no-bottom-padding { padding: 40px 30px 0px; } .text-block.blue-bg { color: #fff; background-color: var(--db); } .text-block-container { max-width: 1300px; margin: 0 auto; position: relative; } .text-block.cta-style .text-block-container { background-color: var(--db); color: #fff; max-width: 1300px; padding: 60px 30px; box-sizing: border-box; border-radius: 20px; } .text-block.cta-style .title > *, .text-block.bg-img .title > * { color: #fff; } .text-block.blue-bg .title > * { color: #fff; } .text-block.blue-bg .text > *, .text-block.bg-img .text > * { color: #fff } .text-block .title { max-width: 950px; margin: 0 auto; } .text-block.narrow-text .title { max-width: 600px; } .text-block.left-align-title .title { text-align: left; } .text-block .text { max-width: 950px; margin: 0 auto; } .text-block .text p a { /* color: var(--lb); */ color: #0087ff; } .text-block.blue-bg .text p a { color: #fff; } .text-block.narrow-text .text { max-width: 600px; } .text-block .text.subtitle { margin-top: 10px; } .text-block .text.subtitle > * { color: #2DAAE1; font-size: 20px; } .text-block .text.including { max-width: 1350px; } .text-block .text p em { font-weight: 600; font-size: 18px; font-style: normal; color: var(--lb); } .text-block .including p { color: var(--gn); font-size: 26px; font-weight: 600; } .text-block .testimonial-container { /* max-width: 1150px; */ margin: 60px auto 0; } .text-block .testimonial-container .text { opacity: 0.6; } .text-block .testimonial-container .text.slick-active { opacity: 1; } .text-block.testimonial .text-block-container { max-width: none; } .text-block .text-slider .text h3 { font-size: 26px; } .text-block .text-slider .text > * { font-size: 20px; color: #071F48; font-weight: 600; } .text-block .text-slider .text p a span { color: var(--db); font-size: 18px; } .text-block .text-slider .text p a:hover { opacity: 0.6; } .text-block .text-slider .text img { height: 80px; object-fit: contain; display: block; margin: 20px auto 20px; } .text-block .text-slider { position: relative; } .text-block .text-slider .text { max-width: none; padding: 0 80px; box-sizing: border-box; } .top-quote { position: absolute; font-size: 192px; color: var(--lb); left: 15vw; top: -20px; line-height:1; } .bottom-quote { position: absolute; font-size: 192px; color: var(--lb); right: 15vw; bottom: -50px; transform: rotate(180deg); line-height:1; } .text-block .arrows { display: flex; justify-content: center; gap: 20px; margin: 20px auto 30px; color: var(--db); font-size: 28px; } .text-block .arrows .left-arrow, .text-block .arrows .right-arrow{ transition: 0.5s; } .text-block .arrows .left-arrow:hover, .text-block .arrows .right-arrow:hover { opacity: 0.6; cursor: pointer; } .text-block .image-container { max-width: 950px; margin: 40px auto 0; } .text-block .image-container img { width: 100%; justify-content: center; object-fit: cover; object-position: center; display: block; } .text-block .text-sides { display: flex; gap: 40px; max-width: 950px; margin: 0 auto; } .text-block .text-sides h2, .text-block .text-sides h3 { font-size: 34px; color: var(--db); } .text-block .a-button { margin-top: 30px; } .text-block.download-btn .a-button { margin-top: 0px; } .text-block.download-btn .btn-main { width: fit-content; } .text-block .slick-list { padding: 0 15vw 0 15vw !important; } .text-block .logos { display: flex; gap: 35px; flex-wrap: wrap; justify-content: center; margin-top: 30px; } .text-block .logos img { height: 50px; object-fit: contain; display: block; } }@media all and (max-width: 1000px){ .text-block .slick-list { padding: 0 0vw 0 0vw !important; } .top-quote { left: 0vw; } .bottom-quote { right: 0vw; } } @media all and (max-width: 600px){ .text-block { padding: 40px 20px; } .text-block.cta-style { padding: 20px 20px 20px; } .text-block.cta-style .text-block-container { padding: 50px 20px; } .text-block .including p { font-size: 22px; } .text-block .text-slider .text { padding: 80px 0 0; } .top-quote { top: 0; } .bottom-quote { bottom: -100px; } .text-block .text-sides { flex-direction: column; gap: 20px; text-align: center; } .text-block.no-bottom-padding { padding: 40px 20px 0px; } .text-block.small-padding { padding: 30px 20px 30px; } .text-block .text-sides h2, .text-block .text-sides h3 { font-size: 26px; } .text-block.left-align-title .title { text-align: center; } .text-block .text > * { text-align: center !important; } .text-block .logos img { height: 30px; } .text-block .text-slider .text h3 { font-size: 24px; } .text-block .text-slider .text img { height: 60px; } .text-block .testimonial-container { margin: 30px auto 20px; } } @media all{/*** news slider ***/ .news-slider { padding: 50px 0 50px; box-sizing: border-box; position: relative; } .news-slider .heading { position: relative; /* max-width: 1300px; */ margin:0 auto 30px; padding: 0 30px; } .news-slider .heading-right { position: absolute; right: 90px; bottom: 0px; } .news-slider .heading-right .arrows { display: flex; gap: 20px; } .news-slider .heading-right .arrows i { font-size: 26px; color: var(--db); transition: 0.5s; } .news-slider .heading-right .arrows i:hover { opacity: 0.6; cursor: pointer; } .news-slider .news-items .item { margin: 0 20px; } .news-slider .news-items .item .post-thumbnail img { width: 100%; display: block; object-fit: cover; object-position: center; height: 400px; } .news-slider .news-items .slick-list { padding: 0 70px 0 70px !important; } .news-slider .news-items .slick-slide { opacity: 0.6; } .news-slider .news-items .slick-slide.slick-active { opacity: 1; } .news-slider .news-items .post-content { margin-top: 10px; } .news-slider .news-items .post-content .text p:first-of-type { padding-top: 15px; } .news-slider .news-items .post-content .item-title > * { font-size: 32px; font-weight: 600; color: var(--db); } .news-slider .news-items .post-content .post-meta { display: flex; font-size: "nunito", sans-serif; font-size: 16px; font-weight: 700; color: var(--lb); gap: 30px; margin-top: 15px; } .news-slider .news-items .post-content .post-meta i { font-size: 22px; } .news-slider .news-items .post-content .post-meta i { margin-right: 10px; } }@media all and (max-width: 800px){ .news-slider .heading { display: flex; flex-direction: column; justify-content: center; } .news-slider .heading-right { position: relative; bottom: auto; right: auto; } .news-slider .heading-right .arrows { justify-content: center; margin-top: 20px; } } @media all and (max-width: 600px){ .news-slider .news-items .slick-list { padding: 0 30px 0 30px !important } .news-slider .news-items .item { margin: 0 10px; } .news-slider .news-items .item .post-thumbnail img { height: 222px; } .news-slider .news-items .post-content .item-title > * { font-size: 26px; } .news-slider .news-items .post-content .post-meta { flex-direction: column; gap: 20px; margin: 15px 0 5px; } } @media all{/*** items section ***/ .items-section { background-color: var(--db); padding: 40px 30px; box-sizing: border-box; } .items-section.grey-bg { background-color: var(--gy); } .items-section.white-bg { background-color: #fff; } .items-section-container { max-width: 1300px; margin: 0 auto; } .items-section .heading { max-width: 950px; margin: 0 auto; } .items-section .text > * { color: #fff; } .items-section .title > * { color: #fff; font-size: 34px; font-weight: 600; } .items-section .subtitle { margin-top: 10px; } .items-section .subtitle > * { color: #fff; font-size: 26px; font-weight: 600; } .items-section.grey-bg .title > *, .items-section.white-bg .title > * { color: var(--db); } .items-section.grey-bg .text > *, .items-section.white-bg .text > * { color: var(--bk); } .items-section.grey-bg .subtitle > *, .items-section.white-bg .subtitle > * { color: var(--lb); } .items-section .items { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; margin-bottom: 30px; } .items-section.boxed .items { gap: 40px; } .items-section .items .item { flex: 1 1 calc(20%); margin: 0 50px; text-align: center; margin: 0px 0; padding: 0 20px; box-sizing: border-box; min-width: 225px; } .items-section .items .item .title > * { font-size: 26px; } .items-section.boxed .items .item { padding: 30px 20px; box-sizing: border-box; flex: 1 1 calc(20% - 40px); border-radius: 5px; min-width: 250px; } .items-section.boxed.three-columns .items .item { flex: 1 1 calc(33.33% - 40px); } .items-section.white-boxed .items .item { background-color: #fff !important; text-align: left; } .items-section.white-bg.white-boxed .items .item { background-color: var(--gy) !important; } .items-section.boxed .items .item:first-of-type { background-color: var(--lb); } .items-section.boxed .items .item:nth-of-type(2) { background-color: var(--gy); } .items-section.boxed .items .item:nth-of-type(3) { background-color: var(--gn); } .items-section.boxed .items .item:nth-of-type(4) { background-color: #fff; } .items-section.boxed .items .item:nth-of-type(2) .text > * , .items-section.boxed .items .item:nth-of-type(2) .title > *, .items-section.boxed .items .item:nth-of-type(4) .text > * , .items-section.boxed .items .item:nth-of-type(4) .title > * { color: var(--db); } .items-section.boxed .items .item:first-of-type .icon, .items-section.boxed .items .item:nth-of-type(3) .icon { background-color: #fff; } .items-section.boxed .items .item:nth-of-type(2) .icon, .items-section.boxed .items .item:nth-of-type(4) .icon { background-color: var(--db); color: #fff; } .items-section.boxed .items .item:nth-of-type(2) span { background-color: var(--db); } .items-section.boxed .items .item:first-of-type .icon { color: var(--lb); } .items-section.boxed .items .item:nth-of-type(3) .icon { color: var(--gn); } .items-section .items .item .icon { background-color: var(--lb); border-radius: 100%; height: 100px; width: 100px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: #fff; } .items-section .items .item .icon i { font-size: 40px; } .items-section .items .item span { background-color: var(--lb); border-radius: 100%; height: 100px; width: 100px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } }@media all and (max-width: 1200px){ .items-section.white-boxed .items { gap: 20px; } .items-section.boxed .items { gap: 20px; } } @media all and (max-width: 600px){ .items-section .title > * { font-size: 20px; } .items-section .items .item .icon, .items-section .items .item span { width: 80px; height: 80px; } .items-section .items .item .icon i { font-size: 32px; } .items-section .items .item span img { max-width: 40px; } .items-section .items .item { min-width: 185px; } .items-section .items { gap: 20px; } .items-section .items .item .title > * { font-size: 20px; } .items-section { padding: 40px 20px 20px; } .items-section .items .item { min-width: 150px; padding: 0 0; } } @media all{/*** product search form ***/ .hero .psf { background-color: #fff; padding: 40px 40px; border-radius: 5px; box-sizing: border-box; margin-top: 40px; } .home-hero .psf .product-search-advanced-toggle:hover { color: #fff; } .psf { } .psf .product-search-keywords { display: flex; justify-content: center; max-width: 600px; width: 100%; margin: 0px auto 20px; } .hero .psf .product-search-keywords { max-width: none; } .psf .product-search-keywords input[type=text] { padding: 15px 20px; box-sizing: border-box; font-size: 16px; font-weight: 200; color: var(--bk); border-radius: 5px 0 0 5px; border: none; width: 100%; font-family: "nunito-sans", sans-serif; border: 1px solid var(--lb); font-style: normal; } .home-hero .psf .product-search-keywords input[type=text] { border: none; } .psf .product-search-keywords input[type=text]::placeholder{ font-size: 16px; font-weight: 200; color: var(--bk); font-family: "nunito-sans", sans-serif; font-style: normal; } .hero .psf .product-search-keywords input[type=text] { border: 1px solid var(--lb); } .psf .product-search-keywords input[type=text]:focus { outline: none; } .psf .product-search-keywords input[type=submit], .psf .product-search-keywords button { background-color: #2DAAE1; color: #fff; min-width: 160px; font-family: "nunito-sans", sans-serif; font-size: 16px; font-weight: 500; border-radius: 0 5px 5px 0; border: none; position: relative; transition: 0.5s; } .psf .product-search-keywords button i { margin-left: 5px; } .psf .product-search-keywords input[type=submit]::after { position: absolute; font-family: "font awesome 6 pro"; content: '\f002'; display: block; } .psf .product-search-keywords input[type=submit]:hover, .psf .product-search-keywords button:hover { cursor: pointer; background-color: var(--db); } .psf .product-search-advanced { margin-top: 10px; } .psf .product-search-advanced-toggle { color: var(--lb); text-align: center; display: block; margin: 20px auto 20px; font-weight: 700; } .psf .product-search-advanced-toggle i { margin-left: 5px; } .product-search-advanced-toggle i { transition: transform 0.3s ease; } .product-search-advanced-toggle i.rotated { transform: rotate(-90deg); /* or 270deg depending on design */ } .label-with-tooltip { margin: 20px auto 15px; } .label-with-tooltip label { font-size: 16px; font-weight: 200; color: var(--bk); text-align: center; } .home-hero .label-with-tooltip label { color: #fff; } .home-hero .tooltip-icon { border: 1px solid #fff; color: #fff; } .label-with-tooltip { display: flex; align-items: center; gap: 10px; font-family: sans-serif; justify-content: center; } .tooltip-icon { position: relative; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #121317; border-radius: 50%; font-weight: 200; cursor: pointer; font-size: 14px; color: #121317; font-family: "nunito-sans", sans-serif; } .tooltip-icon:hover .tooltip-text { visibility: visible; opacity: 1; } .tooltip-text { visibility: hidden; opacity: 0; width: 180px; background-color: #121317; color: #fff; text-align: left; border-radius: 5px; padding: 5px 10px; position: absolute; z-index: 1; top: 120%; left: 50%; transform: translateX(-50%); transition: opacity 0.3s; font-size: 12px; z-index: 999; pointer-events: none; font-family: "nunito-sans", sans-serif; } .hero .psf .product-search-advanced-toggle, .products-hero .psf .product-search-advanced-toggle, .product-search .psf .product-search-advanced-toggle { color: var(--db); font-weight: 700; } .psf .product-search-advanced .branded { display: flex; gap: 20px; justify-content: center; } .hero .psf .product-search-advanced .branded select { width: 100%; } .home-hero .psf .product-search-advanced .branded { max-width: 800px; margin: 0 auto; } .psf .product-search-advanced .branded select { border-radius: 5px 5px 5px 5px; font-family: "nunito-sans", sans-serif; padding: 12px 20px; box-sizing: border-box; font-size: 16px; font-weight: 300; border: 1px solid #BEBEBE; color: #121317; font-style: normal; flex: 1 1 calc(33.33% - 20px); } .psf .product-search-advanced .branded select:focus { outline: none; } .psf .product-search-advanced .branded select { -webkit-appearance: none; border-radius: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS40ODgiIGhlaWdodD0iNi40NTEiIHZpZXdCb3g9IjAgMCAxMS40ODggNi40NTEiPjxwYXRoIGlkPSJQYXRoXzQ0NyIgZGF0YS1uYW1lPSJQYXRoIDQ0NyIgZD0iTS0zOTAxLjU2NS03NjU5bDUuMzksNS4zOTUsNS4zOTUtNS4zOTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5MDEuOTE5IDc2NTkuMzU0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4="); background-position: right 10px center; background-repeat: no-repeat; -moz-appearance: none; border-radius: 5px; } .psf .dimensions { display: flex; gap: 20px; justify-content: center; } .psf .dimensions label .input { background-color: #BEBEBE; box-sizing: border-box; font-size: 16px; font-weight: 200; font-family: "nunito-sans", sans-serif; display: flex; align-items: center; border: 1px solid #BEBEBE; border-radius: 5px 5px 5px 5px; overflow: hidden; max-width: 160px; } .psf .dimensions label .input input[type=text] { font-family: "nunito-sans", sans-serif; padding: 13px 20px; box-sizing: border-box; font-size: 16px; font-weight: 200; border: none; width: 100%; } .psf .dimensions label .input input[type=text]:focus { outline: none; } .psf .dimensions label .input span { padding: 13px 15px; border: none; border-radius: } .psf .dimensions label p { text-align: center; font-size: 12px; } .hero .psf .dimensions label p { color: #121317; font-weight: 200; padding-top: 10px; } .psf .dimensions input[type=submit], .psf .dimensions .dimension-search { background-color: #2DAAE1; border-radius: 5px; color: #fff; border: none; padding:15px 15px; transition: 0.5s; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; transition: 0.5s; height: 45px; } .psf .dimensions .dimension-search i{ margin-left: 5px; } .psf .dimensions input[type=submit]:hover, .psf .dimensions .dimension-search:hover { background-color: var(--db); cursor: pointer; } .psf .dimensions .dimension-search.mobile { display: none; } .psf .clear-btn { background-color: #2DAAE1; border-radius: 5px; color: #fff; border: none; height: 45px; transition: 0.5s; /* width: 48px; */ font-size: 16px; padding: 15px 15px; box-sizing: border-box; line-height: 16px; } .psf .clear-btn:hover { background-color: var(--db); cursor: pointer; } }@media all and (max-width: 750px){ .psf .product-search-advanced .branded { flex-direction: column; } } @media all and (max-width: 600px){ .psf .product-search-keywords { flex-direction: column; } .psf .product-search-keywords input[type=text] { border-radius: 5px; } .psf .product-search-advanced-toggle { font-size: 14px; } .psf .product-search-keywords input[type=submit], .psf .product-search-keywords button { padding: 15px 20px; box-sizing: border-box; border-radius: 5px 5px; margin-top: 10px; } .psf .dimensions { flex-wrap: wrap } .psf .dimensions label:first-of-type, .psf .dimensions label:nth-of-type(2){ width: calc(50% - 10px); } .psf .dimensions label .input { max-width: none; } .psf .dimensions label:nth-of-type(3) { width: 100%; } .psf .dimensions input[type=submit], .psf .dimensions .dimension-search { width: 100%; } .psf .dimensions .dimension-search { display: none; } .psf .dimensions .dimension-search.mobile { display: block; background-color: #2DAAE1; color: #fff; min-width: 160px; font-family: "nunito-sans", sans-serif; font-size: 16px; font-weight: 500; border-radius: 5px 5px; border: none; position: relative; transition: 0.5s; } .psf .dimensions .dimension-search.mobile:hover { background-color: var(--db); } .psf .dimensions .dimension-search.mobile i { margin-left: 5px; font-size: 16px; } .hero .psf, .products-hero .psf { padding: 20px 20px; } .psf .product-search-advanced-toggle { margin-bottom: 0px; } } @media all{/*** item text ***/ .item-text { padding: 50px 0 50px; box-sizing: border-box; } .item-text.blue-bg { background-color: var(--db); } .item-text.top-two-col, .item-text.two-col-all { padding: 50px 30px 50px; } .item-text-container { } .item-text.two-col-all .item-text-container { max-width: 1300px; margin: 0 auto; } .item-text .heading { max-width: 950px; margin: 0 auto 40px; padding: 0 30px; box-sizing: border-box; } .item-text .heading .text p em { font-size: inherit; font-weight: 600; color: #2DAAE1; font-size: 18px; } .item-text.blue-bg .heading .text > * { color: #fff; } .item-text.blue-bg .heading .text p:first-of-type { padding-top: 10px; } .item-text .heading .subtitle > * { font-size: 26px; color: #2DAAE1; } .item-text .items { display: flex; gap: 15px; flex-wrap: wrap; } .item-text.two-col-all .items { /* gap: 80px; */ gap: 40px; } .item-text .items .item { flex: 1 1 calc(33.33% - 15px); text-align: center; } .item-text.two-col-all .items .item { flex: 1 1 calc(50% - 80px); text-align: left; } .item-text.container .items .item { flex: 1 1 calc(33.33% - 80px); text-align: left; } .item-text .items .item .item-content { padding: 20px 20px; box-sizing: border-box; } .item-text .items .item .item-content .title a { color: inherit; } .item-text .items .item .item-content .title a:hover { color: var(--lb); } .item-text.blue-bg .items .item .item-content .title a:hover { color: #fff; } .item-text.blue-bg .items .item .item-content .text > * { color: #fff; } .item-text .items .item .item-content .text p a { color: #0087ff; } .item-text.two-col-all .items .item .item-content { padding: 20px 0; display: flex; gap: 20px; } .item-text.two-col-all .items .item .item-content .number span { color: var(--lb); font-size: 94px; font-weight: 600; line-height: 1; } .item-text .items .item .subtitle { margin-top: 10px; } .item-text .items .item .subtitle h4 { font-size: 26px; font-weight: 500; color: var(--lb); } .item-text .items .item .image img { display: block; object-fit: cover; width: 100%; height: clamp(225px, calc(225px + (500 - 225) * ((100vw - 600px) / (1200 - 600))), 500px); object-position: center; transition: 0.5s; } .item-text.text-inside .items .item .image img { height: clamp(400px, calc(400px + (500 - 400) * ((100vw - 600px) / (1200 - 600))), 500px); } .item-text .items .item .image { overflow: hidden; } .item-text .items .item .image:hover img.has-link { transform: scale(1.05); opacity: 0.8; } .page-id-7464 .item-text .items .item:nth-of-type(3) .image img, .page-id-7464 .item-text .items .item:nth-of-type(4) .image img { object-fit: contain; } .item-text.container .items .item .image img { display: block; object-fit: cover; width: 100%; height: clamp(225px, calc(225px + (500 - 225) * ((100vw - 600px) / (1200 - 600))), 270px); object-position: center; } .item-text.contain-image .items .item .image img { object-fit: contain; height: auto; } .item-text .items .item .a-button a { margin: 0 auto; color: var(--db); } .item-text .items .item .a-button a:hover { color: var(--lb); } .item-text.two-col-all .items .item .a-button a { margin: 0; color: #071F48; } .item-text.blue-bg .two-col-all .items .item .a-button a { color: #fff; } .item-text.two-col-all .items .item .a-button a:hover { color: #2DAAE1; } .item-text.blue-bg .two-col-all .items .item .a-button a:hover { color: #2DAAE1; } .item-text.two-col-all .items .item .a-button a.green-bg { color: #fff; } .item-text .items .item .a-button a { } .item-text.top-two-col .item-text-container { max-width: 1300px; margin: 0 auto; } .item-text.top-two-col .items { flex-wrap: wrap; gap: 40px; } .item-text.top-two-col .items .item { flex: 1 1 calc(33.33% - 40px); text-align: left; } .item-text.top-two-col .items .item:first-of-type { flex: 1 1 calc(50% - 40px); } .item-text.top-two-col .items .item:nth-of-type(2) { flex: 1 1 calc(50% - 40px); } .item-text.top-two-col .items .item:first-of-type img, .item-text.top-two-col .items .item:nth-of-type(2) img { height: 400px !important; } .item-text.top-two-col .items .item .image img { height: 270px; } .item-text.top-two-col .items .item .item-content { padding: 20px 0 10px; } .item-text.top-two-col .items .item .item-content .text p:first-of-type { padding-top: 10px; } .item-text .item-text-container > .a-button .btn-main { margin: 10px auto 0; color: #fff; } .item-text.text-inside .items .item { position: relative; } .item-text.text-inside .items .item .image { position: relative; } .item-text.text-inside .items .item .image::after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; bottom: 0; display: block; content: ''; width: 100%; height: 100%; } .item-text.text-inside .items .item .item-content { position: absolute; bottom: 0; } .item-text.text-inside .items .item .title > *, .item-text.text-inside .items .item .text p { color: #fff; } .item-text.text-inside .items .item .item-content { padding: 20px 20px; box-sizing: border-box; } }@media all and (max-width: 1200px){ .item-text.top-two-col .items, .item-text.two-col-all .items{ gap: 20px; } } @media all and (max-width: 900px){ .item-text.top-two-col .items .item { flex: 1 1 calc(50% - 20px); } } @media all and (max-width: 800px){ .item-text .items .item { flex: 1 1 100%; } .item-text.two-col-all .items .item { flex: 1 1 100%; } .item-text.two-col-all .items .item .item-content .number span { font-size: 64px; } } @media all and (max-width: 700px){ .item-text.top-two-col .items .item:first-of-type, .item-text.top-two-col .items .item:nth-of-type(2), .item-text.top-two-col .items .item { flex: 1 1 100%; } .item-text.top-two-col .items .item .image img { height: 200px !important; } .item-text.top-two-col, .item-text.two-col-all { padding: 40px 20px; } } @media all and (max-width: 600px){ .item-text .heading { padding: 0 20px; } .item-text .items .item .subtitle h4 { font-size: 20px; } .item-text .heading .subtitle > * { font-size: 20px; } } @media all{/*** cpt section ***/ .cpt-section { padding: 50px 30px; box-sizing: border-box; } .cpt-section-container { max-width: 1300px; margin: 0 auto; } .cpt-section .items { display: flex; gap: 60px; flex-wrap: wrap; } .cpt-section.case-study-list .items { gap: 20px; } .cpt-section .items .item { /* flex: 1 1 calc(50% - 60px); */ flex: 0 0 calc((100% - 120px) / 3); /* Subtract one gap and divide by 2 */ max-width: calc((100% - 120px) / 3); background-color: var(--gy); padding: 40px 40px; box-sizing: border-box; border-radius: 5px; } .cpt-section.no-padding .items .item { padding: 0 0; background-color: transparent; } .cpt-section.no-padding .items .item { display: flex; flex-direction: column; } .cpt-section.no-padding .items .item .content { height: 100%; display: flex; flex-direction: column; } .cpt-section.no-padding .items .item .a-button a { margin-top: 20px; } .cpt-section.no-padding .items .item .content .cpt-content { height: 100%; display: flex; flex-direction: column; } .cpt-section.no-padding .items .item .content .cpt-content .a-button { margin-top: auto; } .cpt-section.no-padding .items .cpt-image { min-height: 400px; } .cpt-section .items .item img { display: block; height:500px; width: 100%; object-fit: cover; object-position: center; } .cpt-section .items .cpt-image { overflow: hidden; } .cpt-section .items .cpt-image a img { display: block; height:400px; width: 100%; object-fit: cover; object-position: center; transition: 0.5s; } .cpt-section .items .cpt-image a { position: relative; overflow: hidden; } .cpt-section .items .cpt-image a:hover img{ opacity: 0.8; transform: scale(1.05); } .cpt-section .items .item .content { /* padding: 20px 0; */ box-sizing: border-box; } .cpt-section.no-padding .items .item .content { margin-top: 10px; } .cpt-section .items .item .content .client { margin-bottom: 10px; } .cpt-section .items .item .content .client span { font-size: 18px; font-family: "nunito-sans", sans-serif; font-weight: 700; } .cpt-section .items .item .content .post-metas { display: flex; gap: 40px; flex-wrap: wrap; margin: 15px 0 10px; } .cpt-section .items .item .content .post-metas .post-meta { display: flex; gap: 10px; color: var(--lb); align-items: center; } .cpt-section .items .item .content .post-metas .post-meta span > * { font-size: 22px; } .cpt-section .items .item .content .post-metas .post-meta p { padding-top: 0px; font-size: 16px; font-weight: 600; } .cpt-section .items .item .cpt-title { margin-bottom: 0px; } .cpt-section .items .item .cpt-title a { color: var(--db); font-size: 34px; font-weight: 600; } .cpt-section .items .item .cpt-title a:hover { color: var(--lb); } .cpt-section .points { display: flex; gap: 15px; color: var(--gn); margin: 10px 0 10px; flex-wrap: wrap; } .cpt-section .points .point { display: flex; align-items: center; gap: 10px; } .cpt-section .points span { display: block; width: 23px; height: 23px; border-radius: 100%; content: ''; background-color: var(--gn); } .cpt-section .points p { padding-top: 0px; font-weight: 500; font-size: 20px; } .cpt-section .items .item .career-info { display: flex; gap: 20px; margin-top: 10px; } .cpt-section .items .item .career-info span { font-size: 18px; font-weight: 700; } .cpt-section .items .item .excerpt p:first-of-type { padding-top: 10px; } .cpt-section .items .item .a-button a { /* border: 1px solid #0F0F0F; */ width: 225px; max-width: 225px; min-width: 225px; } .cpt-section .items .item .a-button a:hover { background-color: #0F0F0F; color: #fff; } .cpt-section .pagination-container { margin-top: 50px; margin-bottom: 10px; } .cpt-section .pagination-container .pagination-links { display: flex; justify-content: center; gap: 20px; } .cpt-section .pagination-container .pagination-links a { font-size: 23px; font-weight: 500; font-family: "nunito-sans", sans-serif; width: 46px; height: 54px; box-sizing: border-box; border: 3px solid var(--gy); border-radius: 2px; display: flex; justify-content: center; align-items: center; color: var(--db); } .cpt-section .pagination-container .pagination-links a.pagination-arrow { width: auto; height: auto; font-size: 32px; border: none; /* margin: 0 20px; */ } .cpt-section .pagination-container .pagination-links a.pagination-arrow:hover { background-color: transparent; opacity: 0.6; color: var(--db); } .cpt-section .pagination-container .pagination-links a:hover { background-color: var(--gy); color: var(--db); } .cpt-section .pagination-container .pagination-links a.active { background-color: var(--gy); color: var(--db); } .cpt-section .connect { margin-top: 30px; } .cpt-section .social-icons { display: flex; justify-content: center; gap: 20px; margin-top: 20px; } .cpt-section .social-icons a { color: var(--db); font-size: 32px; } .cpt-section .social-icons a:hover { color: var(--lb); } .cpt-section .no-career.text { max-width: 950px; margin: 0 auto; } }@media all and (max-width: 1000px){ .cpt-section .items { gap: 40px; } .cpt-section .items .cpt-image a img { height: 350px; } .cpt-section .items .item .cpt-title a { font-size: 32px; } .cpt-section .items .item { /* flex: 0 0 calc((100% - 20px) / 2); /* Subtract one gap and divide by 2 */ /* max-width: calc((100% - 20px) / 2); */ } .cpt-section .items .item { flex: 0 0 100%; /* Subtract one gap and divide by 2 */ max-width: 100%; } .cpt-section.no-padding .items .cpt-image { min-height: auto; } .cpt-section.no-padding .items .item .content .cpt-content { height: auto; } .cpt-section.no-padding .items .item .content { height: auto; } } @media all and (max-width: 600px){ .cpt-section .items .cpt-image a img { height: 300px; } .cpt-section .items .item .cpt-image img { height: 300px; } .cpt-section .items .item { flex: 1 1 100%; padding: 30px 20px; } .cpt-section { padding: 30px 20px; } .cpt-section .items .item .content { /* padding: 20px 20px; */ } .cpt-section .items .item .career-info { justify-content: center; } .cpt-section .items .item .cpt-title a { font-size: 28px; } .cpt-section .items .item .cpt-title { margin-bottom: 0px; } .cpt-section .items .item .content .client span { font-size: 16px; } .cpt-section .pagination-container .pagination-links a.pagination-arrow { margin: 0 10px; } .cpt-section .pagination-container .pagination-links a.pagination-arrow { font-size: 36px; } .cpt-section .items .item { flex: 0 0 100%; max-width: 100%; text-align: center; } .cpt-section.no-padding .items .item { text-align: left; } .cpt-section.case-study-list .items .item { text-align: left; } .cpt-section.no-padding .items .item .a-button a { margin: 15px 0 0; } .cpt-section.case-study-list .items .item .a-button a { margin: 0; } .cpt-section .items .item .a-button a { margin: auto; } .cpt-section .items .item .career-info span { font-size: 16px; } } @media all{/*** contact form ***/ .contact-section { padding: 50px 30px 70px; box-sizing: border-box; /* background-color: #0F0F0F; */ } .contact-section.hero-contact { padding: 0px; background-color: var(--gy); } .contact-section.hero-contact .breadcrumb { position: absolute; left: 20px; top: 20px; } .contact-section.hero-contact .breadcrumb span { color: #FFFFFF; display: inline-block; } .contact-section.hero-contact .contact-section-container { /* max-width: none; */ padding: 0px; max-width: 1340px; } .contact-section.hero-contact .heading { background-color: var(--db); position: relative; z-index: 2; padding: 130px 0 100px 30px; } .contact-section.hero-contact .heading::before { position: absolute; content: ''; left: -100%; background-color: var(--db); top: 0; display: block; width: 100%; height: 100%; z-index: -1; } .contact-section.hero-contact .heading .title > *, .contact-section.hero-contact .heading p, .contact-section.hero-contact .heading .tel a, .contact-section.hero-contact .heading .email a { color: #fff; } .contact-section.hero-contact .heading .tel, .contact-section.hero-contact .heading .email { color: var(--lb); } .contact-section.hero-contact .contact { padding: 80px 30px 80px 0; } .contact-section.hero-contact .contact .title { margin-bottom: 15px; } .contact-section.hero-contact .contact .title > * { font-size: 26px; } .contact-section-container { display: flex; max-width: 1300px; margin: 0 auto; gap: 50px; /* align-items: center; */ background-color: #EAEAEA; padding: 60px 60px; box-sizing: border-box; border-radius: 15px; } .contact-section.align-center .contact-section-container { align-items: center; } .contact-section .heading { flex: 1 1 calc(50% - 50px); } .orange-accent .underline::after { background-color: #FF6B03; } .contact-section .heading .title { margin-bottom: 0px; } .contact-section .heading .title > * { font-size: 42px; color: var(--db); } .contact-section .heading .text p strong { color: #01E803; } .contact-section .heading .tel { color: #121317; margin-bottom: 30px; margin-top: 30px; } .contact-section.hero-contact .heading .tel { margin-top: 0px; } .contact-section .heading .email { } .contact-section .heading .tel a { color: #0B7155; font-size: 26px; font-weight: 500; } .contact-section .heading .tel a:hover { opacity: 0.6; } .contact-section .heading .email a { color: #0B7155; font-size: 26px; font-weight: 500; } .contact-section .heading .email a:hover { opacity: 0.6; } .contact-section.hero-contact .heading .email a, .contact-section.hero-contact .heading .tel a { font-size: 20px; } .contact-section.hero-contact .heading span { color: #2DAAE1; } .contact-section .heading span { display: block; font-weight: 200; color: #121317; } .contact-section .heading .socials { margin-top: 30px; } .contact-section .heading .socials .social-icons { display: flex; gap: 15px; margin-top: 10px; } .contact-section .heading .socials .social-icons a { color: #fff; font-size: 24px; } .contact-section .heading .socials .social-icons a:hover { opacity: 0.6; } .contact-section .contact { flex: 1 1 calc(50% - 50px); background-color: #EAEAEA; /* padding: 40px 40px; */ box-sizing: border-box; border-radius: 5px; } .contact-section .contact .text p { font-size: 18px; color: #0F0F0F; font-weight: 600; } .contact-section .contact .text { margin-bottom: 20px; } .contact { max-width: 950px; margin: 0px auto 0; /* position: absolute; */ width: 100%; /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */ } .contact .form-container { margin: 0; } .contact .flex-space { display: flex; justify-content: space-between; margin-bottom: 15px; } .contact .flex-full { margin-bottom: 15px; } .contact .input-half { width: 49%; } .wpcf7-form-control-wrap { position: relative; } .contact p { padding-top: 0px; } .contact p br { display: none; } .contact input, .contact select { padding: 15px; } .contact select { -webkit-appearance: none; border-radius: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: center right; background-repeat: no-repeat; -moz-appearance: none; } .contact select option { color: #292929; } .contact .flex-full input, .flex-full textarea { width: 100%; box-sizing: border-box; /* margin-bottom: 15px; */ /* color: #6F6F6F !important; */ } .contact input, .contact select, .contact textarea { background-color: #ffffff; border: 1px solid #B7B7B7; width: 100%; transition: all 350ms ease-in-out; box-sizing: border-box; font-size:16px; font-family: "nunito-sans", sans-serif; /* -webkit-appearance: none; */ border-radius: 3px; margin-top: 0px; color: #121317; font-weight: 300; } .contact input::placeholder, .contact select::placeholder, .contact textarea::placeholder { color: #121317; } .contact input:focus, .contact select:focus, .contact textarea:focus { outline: none; } .contact label { font-family: onest, sans-serif; color: #000000; font-size: 22px; font-weight: 300; } .contact label br { display: none; } .contact textarea { height: 120px; padding: 10px; box-sizing: border-box; text-indent: 3px; } .contact input[type=submit], .contact .submit-btn button { width: 220px; margin-top: 0px; color: #FFFFFF; background-color: #0B7155 !important; font-family: "nunito-sans", sans-serif; font-size: 16px; font-weight: 400 !important; border: 1px solid #0B7155; border-radius: 05px; text-align: center; padding: 17px 30px; box-sizing: border-box; text-indent: 0px; transition: 0.5s; } .contact input[type=submit]:hover, .contact .submit-btn button:hover { cursor: pointer; background-color: #fff !important; color: #0B7155; } .wpcf7-list-item { margin: 0px !important; } .contact .wpcf7-list-item label { display: flex; flex-direction: column; justify-content: center; align-items: center; } .wpcf7-checkbox { display: flex; justify-content: space-between; text-align: center; } .contact .acceptance { display: flex; align-items: center; } .contact .acceptance p { /* display: flex; flex-direction: row; align-items: center; */ /* color:#FFFFFF; */ font-weight: 200; font-size: 16px; } .contact-hero .contact .acceptance p { color: #fff; } .contact .acceptance p input[type=checkbox] { margin-bottom: 0px; margin-right: 10px; width: auto; margin-top: 0px; } .contact .acceptance p a { /* margin-left: 5px; */ } .contact .acceptance p a { text-decoration: underline; color: inherit; } .contact .acceptance p a:hover { opacity: 0.6; } .wpcf7-spinner { display: none !important; } .contact .wrap { display: flex; justify-content: space-between; align-items: center; } .contact .submit-btn { padding-top: 0px; position: relative; margin-top: 20px; } .contact .submit-btn::after { background-image: url(/wp-content/themes/starter-theme/img/up_green.svg); position: absolute; left: 50%; margin-left: 35px; top: calc(50% - 7px); transform: translate(-50%); content: ''; width: 15px; height: 10px; background-repeat: no-repeat; background-size: 15px 10px; display: block; pointer-events: none; } .contact .submit-btn:hover::after { background-image: url(/wp-content/themes/starter-theme/img/up_right_arrow_green.svg); } .contact .p-submit { } .custom-file-upload { background-color: #ffffff; border-radius: 5px; padding: 15px 15px; display: flex; align-items: center; justify-content: space-between; } .custom-file-upload p { width: 100%; } .file-upload-label { display: flex; width: 100%; justify-content: space-between; align-items: center; cursor: pointer; position: relative; } .upload-text { color: #666; font-size: 16px; } .upload-icon { font-size: 18px; position: absolute; right: 0; } .custom-file-input { opacity: 0; position: absolute; width: 1px; height: 1px; overflow: hidden; } }@media all and (max-width: 1550px){ .contact .acceptance p { flex-direction: column; align-items: flex-start; } .contact .acceptance p a { margin-left: 0px; } } @media all and (max-width: 850px){ .contact .input-half { width: 100%; } .contact .flex-space { flex-direction: column; } .contact .flex-space { margin-bottom: 0px; } .contact .input-half { margin-bottom: 20px; } .contact { position: relative; } .page-id-24 .hero.has-image { } .contact .p-submit { flex-direction: column; align-items: center; gap: 20px; } } @media all and (max-width: 1100px){ .contact-section-container { flex-direction: column; padding: 30px 20px; } .contact-section.hero-contact .contact-section-container { gap: 0px; } .contact-section.hero-contact .contact { padding: 40px 30px 40px; } .contact-section .heading .socials .social-icons { justify-content: center; } .contact-section.hero-contact .heading { padding: 70px 30px 40px; } .page-id-7428 .contact-section.hero-contact .heading .text { display: none; } .contact-section.hero-contact .heading .tel { margin-top: 20px; } .contact-section .heading { /* text-align: left; */ text-align: center; } .contact-section.hero-contact .heading { text-align: center; } .contact-section.hero-contact .underline::after { left: 50%; transform: translateX(-50%); } .contact-section .heading .title > * { font-size: 48px; } } @media all and (max-width: 600px){ .contact-section.hero-contact .heading { padding: 50px 20px 40px; } .contact-section.hero-contact .breadcrumb { display: none; } .contact-section.hero-contact .heading .title > * { font-size: 34px; } .contact-section.hero-contact .contact { padding: 40px 20px 40px; } .contact-section { padding: 50px 20px; } .contact-section .heading .title > * { font-size: 36px; } .wpcf7-checkbox { flex-direction: column; } .contact .wpcf7-list-item label { display: flex; flex-direction: row; justify-content: flex-start; } .contact .wpcf7-list-item label span { width:300px; text-align: left; } .contact .wpcf7-list-item label input { width: auto; } .contact .wpcf7-form-control-wrap .wpcf7-checkbox:first-of-type { margin-top: 20px; } .contact .wpcf7-form-control-wrap .wpcf7-checkbox:last-of-type { margin-bottom: 20px; } .contact-section .heading .email a, .contact-section .heading .tel a { font-size: 20px; } .contact-section.hero-contact .heading .email a, .contact-section.hero-contact .heading .tel a { margin-top: 5px; display: block; } } @media all and (max-width: 600px){ .contact input[type=submit] { width: 250px; } .contact .acceptance p { flex-direction: column; align-items: flex-start; font-size: 14px; line-height: 17px; } .contact .acceptance p a { margin-left: 0px; } .contact-section .contact { padding: 0px 0px; } .contact textarea { height: 250px; } .page-id-220 .contact-section { margin-bottom: 30px; } .contact-section .heading .title > * { font-size: 26px; } } @media all and (max-width: 450px){ .contact input[type=submit], .contact .submit-btn button { width: 100%; } } @media all{/*** single post ***/ .float-cta-container { position: -webkit-sticky; /* Support for Safari */ position: sticky; bottom: 20px; /* Distance from bottom of screen while sticking */ /* Layout styling */ margin: 40px auto; /* Adds space when it becomes static */ width: fit-content; max-width: 90%; border-radius: 10px; padding: 30px; box-sizing: border-box; text-align: center; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; background-color: #fff; z-index: 10; } body .float-cta-container h2 { font-size: 22px !important; margin-top: 0px !important; padding: 0 !important; } .float-cta-container .btn-main { margin: 0 auto; width: fit-content; } .float-cta-container .a-button{ display: inline-block; margin: 10px 5px; } .cky-audit-table-element { max-width: 950px; margin: 0 auto; } .cky-audit-table-element table { max-width: 890px; margin: 0 auto; } .cky-audit-table-element .cky-table-wrapper { padding: 0 30px; box-sizing: border-box; } .single-post-section { padding: 20px 0px 40px; box-sizing: border-box; } .single-post-section h1 { font-size: 32px; font-family: onest, sans-serif; margin-bottom: 20px; max-width: 940px; margin: 30px auto 0 !important; padding: 0 30px; } .single-post-section h2, .single-post-section h3, .single-post-section h4, .single-post-section h5, .single-post-section ul, .single-post-section ol { margin-top: 25px; max-width: 950px; margin: 20px auto 0 !important; padding: 0 30px; box-sizing: border-box; } .single-post-section h2 a, .single-post-section h3 a { color: inherit; } .single-post-section h2, .single-post-section h3, .single-post-section h4, .single-post-section h5 { color: var(--db); font-weight: 600; } .single-post-section h2 > *, .single-post-section h3 > *, .single-post-section h4 > *, .single-post-section h5 > * { font-weight: 500 !important; } .single-post-section ul, .single-post-section ol { padding-left: 50px !important; } .single-post-section ul { position: relative; margin: 10px 0 20px; } .single-post-section ul li { list-style-type: none; color: #0F0F0F; font-weight: 500; /* display: flex; */ font-size: 20px; font-weight: 400; margin: 0px 0; padding-top: 0px; } .single-post-section ul li::before { /* content: '\f054'; font-family: "Font Awesome 6 Pro"; */ content: ""; /* Add content: \2022 is the CSS Code/unicode for a bullet */ /*color: #02A3DA; Change the color */ font-weight: bold; /* If you want it to be bold */ display: block; /* Needed to add space between the bullet and the text */ min-width: 20px; position: relative; left: -20px; background-size: 20px; background-repeat: no-repeat; height: 20px; /* background-image: url(/wp-content/themes/starter-theme/img/orange_arrow.svg); */ background-color: var(--lb); border-radius: 100%; position: absolute; top: 10px; min-height: 20px; width: 20px; } .single-post-section ul li::before { min-width: 10px; min-height: 10px; height: 10px; width: 10px; top: 7px; } /* .single-post-section ul li { font-size: 26px; font-weight: 600; color: var(--lb); position: relative; padding-left: 20px; } */ .single-post-section ul li { font-size: 18px; font-weight: 200; color: #121317; position: relative; padding-left: 20px; } .single-post-section ul li { padding-left: 0px; } .single-post-section ul li ul { padding-left: 0px !important; } .single-post-section ul li ul li { font-size: 16px; font-weight: 300; color: var(--bk); list-style-type: none; padding-left: 0px; } .single-post-section ul li ul li::before { display: none; } .single-post-section ul:not(.ez-toc-list) li::before { /* content: '>'; */ /* position: absolute; left: 30px; */ } .single-post-section ul.ez-toc-list li::before { display: none; } .single-post-section p:first-of-type { padding-top: 10px !important; } .single-post-section p { max-width: 950px !important; margin: 0px auto 0 !important; padding: 5px 30px 10px; box-sizing: border-box; font-size: 18px; } .single-post-section .wp-block-table { max-width: 950px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; } .single-post-section .wp-block-table.styled { padding: 0 0px; } .single-post-section .wp-block-table.styled table { max-width: 950px; margin: 25px auto 0 !important; padding: 0 30px; box-sizing: border-box; display: block; border: none !important; } .single-post-section .wp-block-table.styled table tbody { /* border: 2px solid #008AD2; */ display: block; } .single-post-section .wp-block-table.styled table tbody tr { border: 2px solid #008AD2 !important; display: block; margin-bottom: 10px; display: flex; } .single-post-section .wp-block-table.styled table tbody td { outline: 2px solid #008AD2 !important; /* display: block; */ border: none !important; flex: 1 1 auto; } .single-post-section .wp-block-table.styled table tbody tr td { font-weight: 400 !important; padding: 15px 15px !important; font-size: 18px !important; line-height: 22px; } .single-post-section .wp-block-table.styled table tbody tr td:last-of-type { background-color: #008AD2; color: #fff; text-transform: uppercase; text-align: center !important; max-width: 105px !important; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .single-post-section p strong { color: #000; font-weight: 600; } .single-post-section img { max-width: 950px !important; margin: 20px auto 10px !important; /* padding: 0 30px; */ box-sizing: border-box; object-fit:cover; object-position: center; display: block; width: 100% !important; border-radius: 0px; } .single-post-section .wp-block-image figure { width: 100%; } body .single-post-section .is-layout-flex { padding: 20px 0 50px; box-sizing: border-box; margin: 50px 0; max-width: 950px; margin: 20px auto 20px; } .single-post-section-container { /* max-width: 800px; */ margin: 0 auto; display: flex; justify-content: center; } .page-template-default .single-post-section p, .page-template-default .single-post-section img, body.page-template-default .single-post-section .is-layout-flex, .page-template-default .single-post-section h2, .page-template-default .single-post-section h3, .page-template-default .single-post-section h4, .page-template-default .single-post-section h5, .page-template-default .single-post-section ul, .page-template-default .single-post-section ol { max-width: 950px !important; } .single-post-section h2 { font-size: 32px; /* text-transform: uppercase; */ font-weight: 600; } .single-post-section h3 { font-size: 24px; margin: 20px auto 10px !important; color: var(--lb); display: block; } .single-post-section .wp-block-image img { width: 100%; padding: 0 30px; } .single-post-section p a, .single-post-section ul a, .single-post-section ol a { text-decoration: underline; /* font-weight: 700; */ color: inherit; } .single-post-section p a:hover { opacity: 0.6; } body .single-post-section ul { list-style-type: circle; padding-left: 20px; /* margin-top: 0px !important; */ margin: 15px auto 40px !important; } body .single-post-section ul li ul { margin: 5px auto 30px !important; } .single-post-section .wp-block-group { max-width: 890px; margin: 20px auto 30px; padding: 60px 30px; box-sizing: border-box; background-color: var(--db); border-radius: 10px; color: #FFFFFF; } .single-post-section .wp-block-columns { gap: 20px !important; padding-bottom: 20px !important; } .single-post-section .wp-block-column h3 { margin-top: 0px !important; font-size: 28px; font-weight: 700; text-transform: uppercase; } .single-post-section .wp-block-group h2, .single-post-section .wp-block-group h3, .single-post-section .wp-block-group p { color: #FFFFFF; } .single-post-section .wp-block-group p:first-of-type { padding-top: 10px !important; } .single-post-section .wp-block-group > div > h2 { margin-top: 10px !important; } body .single-post-section .wp-block-buttons.is-layout-flex { padding-bottom: 0px !important; padding-left: 30px; margin: 0px 0 0px; } body .single-post-section .wp-block-buttons.is-layout-flex a { width: 225px; display: block; text-align: center; padding: 15px 20px; box-sizing: border-box; border-radius: 5px; background-color: var(--lb); color: #fff; font-size: 16px; /* border: 1px solid #FF6B02; */ font-weight: 400; } body .single-post-section .wp-block-group p strong { color: var(--lb); } body .single-post-section .wp-block-buttons.is-layout-flex a:hover { background-color: #fff; color: var(--db); } .single-post-section aside { max-width: 385px; min-width: 385px; padding-right: 30px; padding-left: 30px; /* width: 25%; */ height: fit-content; // experiment with this value, try changing to 110vh min-height: 200px; overflow: auto; position: -webkit-sticky; position: sticky; top: 110px; } .author-box { background-color: #F4F4F4; border-radius: 5px; padding: 25px 30px; box-sizing: border-box; margin-top: 20px; display: flex; align-items: center; gap: 20px; } .author-box .left { min-width: 123px; } .author-box .left img { width: 123px; height: 123px; object-fit: cover; border-radius: 100%; display: block; margin: 0px !important; } .author-box h2 { margin-top: 0px !important; font-size: 14px; padding: 0px 0 0px; color: #1B2024 !important; font-weight: 400 !important; display: flex; justify-content: space-between; } .author-box h2:hover { cursor: pointer; } .author-box h2 img { width: 18px; margin: 0px !important; object-fit: contain !important; position: relative; transition: 0.5s; } .author-box h2 img.down { transform: rotate(180deg); } .author-box .bottom { padding-top: 0px; margin-top: 10px; } .author-box .name-link { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; } .author-box .name-link svg { color: #008AD2; font-size: 18px; } .author-box .name-link h3 { color: #0F0F0F; font-size: 22px; font-weight: 700 !important; margin: 0px auto 0 0 !important; padding: 0px !important; text-transform: uppercase; } .author-box .name-link h3 strong { font-weight: 700 !important; } .author-box .bottom p { padding: 5px 0 0 !important; font-size: 14px; } .ez-toc-title-container { display: flex !important; align-items: center !important; justify-content: space-between; margin-bottom: 10px; } .ez-toc-title-toggle { pointer-events: none; display: none !important; } .ez-toc-counter nav > ul { /* padding-top: 15px !important; border-top: 2px solid #008AD2; */ } #ez-toc-container .ez-toc-js-icon-con, #ez-toc-container .ez-toc-toggle label, .ez-toc-cssicon { float: none !important; left: auto !important; border: none !important; color: #008AD2 !important; } .ez-toc-js-icon-con { margin-right: -13px; } #ez-toc-container { border-radius: 5px !important; background-color: #F4F4F4 !important; } .ez-toc-icon-toggle-span svg { color: #008AD2 !important; fill: #008AD2 !important; } article div#ez-toc-container { display: none; } div#ez-toc-container p.ez-toc-title { padding-top: 0px !important; margin: 0 !important; font-size: 22px; color: #0F0F0F; text-transform: uppercase; font-weight: 700 !important; } div#ez-toc-container { margin: 20px auto 0; width: 100%; padding: 30px 30px 30px; box-sizing: border-box; max-width: 890px; display: flex; flex-direction: column; } div#ez-toc-container ul li { display: block; } div#ez-toc-container:hover { cursor: pointer; } div#ez-toc-container ul { display: flex; flex-direction: column; width: 100%; padding-left: 0px !important; margin-top: 0px !important; float: left; margin-bottom: 0px !important; } div#ez-toc-container .ez-toc-title { color: #303470; font-weight: 400 !important; font-family: onest, sans-serif; font-size: 18px !important; } #ez-toc-container { border: none !important; border-radius: 5px; } #ez-toc-container a { color: #0F0F0F !important; font-weight: 400 !important; font-family: onest, sans-serif; font-size: 14px !important; display: block; margin: 5px 0; } /* .single-post-section .wp-block-group > * * { padding-left: 0px !important; padding-right: 0px !important; margin: 0px !important; padding-bottom: } */ .single-post .faq, .single-news .faq, .single-event .faq { padding-top: 0px; padding-bottom: 30px; } .single-post .faq .title, .single-news .faq .title, .single-event .faq .title { padding: 0px; } .single-post .faq .title > h2, .single-news .faq .title > h2, .single-event .faq .title > h2 { text-align: left; font-size: 26px; } .single-post .faq .faq-container, .single-event .faq .faq-container, .single-news .faq .faq-container { max-width: 600px; } .page-id-93 .single-post-section h2, .page-id-93 .single-post-section h3, .page-id-93 .single-post-section h4, .page-id-93 .single-post-section h5 { margin-top: 30px !important; margin-bottom: 10px !important; } .page-id-93 ul { margin-top: 10px !important; } .insights.related .heading .title { margin-bottom: 30px; } .insights.related .heading .title h2 { font-size: 26px; } .insights.related { padding: 30px 30px; box-sizing: border-box; } .insights.related > .a-button a { color: #0E0F20; text-decoration: underline; margin: 0 auto; text-align: center; } }@media all and (max-width: 1100px){ .single-post-section h1 { font-size: 38px; } } @media all and (max-width: 1000px){ .single .hero .title > * { font-size: 30px; } } @media all and (max-width: 800px){ .single-post-section-container { flex-direction: column-reverse; } .single-post-section aside { max-width: none; /* width: 25%; */ height: auto; // experiment with this value, try changing to 110vh min-height: 0px; overflow: auto; position: relative; top: auto; } .author-box { width: calc(100% - 0px); margin: 20px auto 0; padding: 20px 20px; max-width: none; } .single-post-section aside { padding-right: 20px; padding-left: 20px; } .author-box h2 { padding: 0 0px 0px !important; } div#ez-toc-container .ez-toc-title { font-size: 16px !important; } .author-box h2 { font-size: 16px !important; } div#ez-toc-container { padding: 10px 20px 5px; } .single-post-section h2 { font-size: 28px; } } @media all and (max-width: 680px){ div#ez-toc-container { } .single-post-section .wp-block-image img { padding: 0px; } } @media all and (max-width: 600px){ .single-post-section { padding: 30px 0px; } .single-post-section .wp-block-table { margin-top: 20px; padding: 0 20px; } .single-post-section h1 { padding: 0 20px; } .single-case_study .hero .title > * { font-size: 34px; text-align: center; } .single-post-section h1 { font-size: 28px; } .single-post-section h2, .single-post-section h3, .single-post-section h4, .single-post-section h5 { /* font-size: 20px; */ } .single-post-section p { padding: 10px 20px 0px; } .single-post-section table { padding: 0 20px; } .single-post-section img { padding: 0 0px; } .single-post-section .wp-block-image { padding: 0 20px; } .single-post-section h2, .single-post-section h3, .single-post-section h4, .single-post-section h5 { padding: 0 20px; } .single-post .faq, .single-news .faq, .single-event .faq { padding: 20px 20px; } .single-post .faq .accordion, .single-news .faq .accordion, .single-event .faq .accordion { padding: 10px 0px; } body .single-post-section .wp-block-buttons.is-layout-flex { padding-left: 20px; } .single-post-section .wp-block-group { margin: 20px 20px 0; } .insights.related { padding: 30px 0px; } .insights .items { gap: 20px 20px; } .single .hero-container .left { /* padding: 60px 20px 80px; */ } .single-post-section p { font-size: 16px; } .single-post-section ul li { font-size: 16px; } .single-post-section ul, .single-post-section ol { padding-left: 40px !important; } .single-post-section .wp-block-group p:first-of-type { padding-top: 0px !important; } .single-post-section p:first-of-type { padding-top: 10px !important; } .ez-toc-title-toggle { display: block !important; } .ez-toc-title-container { margin-bottom: 0px; } .cky-audit-table-element .cky-table-wrapper { padding: 0 20px; margin-top: 10px; } } @media all{/*** header ***/ header { background:#ffffff; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; } body.admin-bar header { top: 32px; } .header-spacer { height: 130px; } }@media all and (max-width: 1200px){ .header-spacer { height: 125px; } } @media all and (max-width: 1100px){ .header-spacer { height: 85px; } } @media all and (max-width: 782px){ body.admin-bar header { top: 46px; } } @media all and (max-width: 600px){ .header-spacer { height: 75px; } } @media all{header .top-container { background-color: var(--db); } header .top-container .top-container-inner { max-width: calc(1350px + 0px); margin: 0 auto; padding: 10px 30px; box-sizing: border-box; display: flex; justify-content: space-between; } header .client-login-link { margin-left: 20px; } header .client-login-link img { display: block; } header .client-login-link:hover { opacity: 0.7; } header .top-container .top-container-inner .left { display: flex; align-items: center; width: 100%; /* justify-content: space-between; */ } header .top-container .top-container-inner .left h3 { color: #fff; font-size: 16px; font-weight: 700; margin-right: 15px; } header .top-container .top-container-inner .left .social-icons { display: flex; } header .top-container .top-container-inner .left a { display: flex; align-items: center; } header .top-container .top-container-inner .left a svg { margin-right: 5px; color: #FFD343; } header .top-container .top-container-inner .left .email { margin-left: 15px; border-left: 1px solid #fff; padding-left: 15px; } header .top-container .top-container-inner .left img { margin-right: 5px; } header .top-container .top-container-inner a { color: #fff; font-size: 15px; font-weight: 700; display: flex; align-items: center; white-space: nowrap; } header .top-container .top-container-inner a i { color: var(--lb); } header .top-container .top-container-inner a:hover { opacity: 0.7; } header .top-container .top-container-inner a i { margin-right: 13px; margin-top: -2px; font-size: 20px; } header .top-container .top-container-inner .email { margin-left: 10px; } header .top-container .top-container-inner .email a { } header .top-container .top-container-inner .right { display: flex; } header .top-container .top-container-inner .right .tel { margin-right: 25px; } header .top-container .top-container-inner .right .header-link { /* margin-right: 30px; */ } header .main-container .main-container-inner { box-sizing: border-box; max-width: calc(1300px + 60px); margin: 0 auto; background-color: #fff; padding: 0px 30px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; position: relative; transition: none; } header .main-container .main-container-inner nav a { font-family: "nunito-sans", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; padding: 35px 5px; box-sizing: border-box; display: block; transition: none; color: var(--db); } header.scrolled .main-container .main-container-inner nav a { /* padding: 20px 5px; */ } header.scrolled .main-container .main-container-inner { padding: 0px 30px; } header .main-container .main-container-inner nav a:hover { opacity: 0.7; } header .main-container .main-container-inner nav .sub-menu li a { color: var(--db); font-size: 18px; padding: 0px; line-height: 22px; } header .main-container .main-container-inner nav .sub-menu li a:hover { opacity: 0.6; } header .main-container .main-container-inner nav .sub-menu .menu-description { font-size: 16px; color: #696666; padding-top: 5px; display: block; } header .header-right { display: flex; align-items: center; } header .header-right nav { display: flex; align-items: center; } header .header-right nav .search { margin-left: 20px; } header .header-right nav .nav-btn { margin-left: 30px; } header .header-right nav .nav-btn a { width: 140px; padding: 15px 15px; box-sizing: border-box; border-radius: 5px; background-color: #0B7155; color: #fff; text-align: center; transition: 0.5s; } header .header-right nav .nav-btn a:hover { background-color: var(--db); opacity: 1; } header .header-right .mobile-header-contact { margin-right: 10px; display: flex; align-items: center; position: relative; top: -3px; } header .header-right .mobile-header-contact a { margin: 0 10px; } header .header-right .mobile-header-contact a:hover { opacity: 0.7; } header .header-right .mobile-header-contact a img { display: block; } header .main-container { position: relative; background-color: #fff; } header .tel.mobile { display: none; } header .email.mobile { display: none; } header .tel.mobile a, header .email.mobile a { color: #ffffff; font-size: 30px; display: flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; } header .search.mobile { display: none; } header .custom-logo { width: 125px; height: auto; transition: 0.5s; } header .custom-logo:hover { opacity: 0.6; } }@media all and (max-width: 1200px){ header .search.mobile { display: block; margin-right: 20px; font-size: 20px; } header .search.mobile a { color: var(--bk); } header .search.mobile a:hover { opacity: 0.6; } /* header .email.mobile { display: block; margin-right: 25px; } header .tel.mobile { display: block; margin-right: 15px; } header .mobile a svg, header .mobile a i { color: #0C0705; font-size: 22px; } header .email.mobile { } header .tel.mobile a, header .email.mobile a { display: flex; align-items: center; } */ } @media all and (max-width: 1200px){ header .header-right nav { display: none; } header .main-container .main-container-inner { padding: 10px 30px; } header.scrolled .main-container .main-container-inner { padding: 10px 30px; } header .tel.mobile { display: block; margin-right: 20px; } header .email.mobile { display: block; margin-right: 20px; } header .tel.mobile a { font-size: 20px; color: var(--db); } header .email.mobile a { font-size: 20px; color: var(--db); } } @media all and (max-width: 1100px){ header .top-container { display: none; } } @media all and (max-width: 900px){ header .top-container .top-container-inner .right { display: none; } } @media all and (max-width: 850px){ header .main-container .main-container-inner { padding: 10px 30px; } header.sticky-header .main-container .main-container-inner { padding: 10px 30px; } } @media all and (max-width: 600px){ header .main-container .main-container-inner, header.scrolled .main-container .main-container-inner { padding: 10px 20px; } /* header.sticky-header .main-container .main-container-inner { padding: 5px 20px; } */ header .top-container .top-container-inner .left a { font-size: 14px; } header .top-container .top-container-inner { padding: 7px 20px; } .custom-logo { width: 105px; } .mobile-menu .custom-logo { margin-bottom: 10px; } .side-nav a img { width: 30px; display: block; } } @media all{/*** mobile menu ***/ .mobile-menu { display: flex; /* height: 100%; */ } .mobile-menu .custom-logo { margin-bottom: 20px; } .mobile-menu .mobile-logo { padding: 23px 0; box-sizing: border-box; display: block; } .mobile-menu .mobile-logo::after { display: none !important; } .menu-top-menu-container { width: calc(100% - 70px); margin-left: 0; margin-right: auto; background-color: #fff; padding: 30px 20px 20px; box-sizing: border-box; position: relative; z-index: 1; } .menu-top-menu-container::after { display: block; width: 100%; height: 100vh; position: absolute; left: 0; top: 0; background-color: #FFF; content: ''; z-index: -1; } .menu-top-menu-container ul { text-align: left; margin-top: 20px; } .menu-top-menu-container ul > li a { font-size: 18px; font-weight: 700; color: #ffffff; padding: 15px 0; border-top: 1px solid #07171C; } .menu-top-menu-container { color: white; /* box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5); */ text-align: left; } .menu-top-menu-container * { margin: 0; padding: 0; } .menu-top-menu-container li { list-style-type: none; } .menu-top-menu-container ul > li.active > a { border-bottom: none; } /* do not remove - this makes the submenu open / close */ .menu-top-menu-container ul ul { display: none; } .menu-top-menu-container li.active>ul { display: block; } .menu-top-menu-container li.active>ul.sub-menu { margin-bottom: 20px; } .menu-top-menu-container li.active>ul li a { padding-left: 15px; padding-right: 15px; transition: 0.5s !important; } .menu-top-menu-container li a a::after { transition: 0.5s; } .menu-top-menu-container ul > li > a::after { position: relative; transition: 0.5s; } .menu-top-menu-container ul > li.active > a::after { position: relative; transform: rotate(180deg); } /* first level menu item */ .menu-top-menu-container > ul > li > a { position: relative; display: block; /* background: #003040; */ /* background: linear-gradient(#003040, #002535); */ padding: 20px 15px 20px 0px; font-size: 16px; line-height: 34px; color: white; text-decoration: none; font-weight: bold; display: flex; justify-content: space-between; align-items: center; } .menu-top-menu-container > ul > li > a { transition: 0.5s !important; } .menu-top-menu-container > ul > li > a:hover { opacity: 0.5 !important; } .menu-top-menu-container > ul > li.menu-item-has-children > a:before { content: ""; position: absolute; left: 5px; color: rgba(255, 255, 255, 0.3); font-size: 18px; } /* second level menu item */ .menu-top-menu-container ul ul li a { color: #07171C; text-decoration: none; font-size: 16px; /* line-height: 27px; */ display: block; padding: 10px 0px; transition: all 0.15s; position: relative; display: flex; justify-content: space-between; align-items: center; } .menu-top-menu-container ul ul li a { transition: 0.5s; } .menu-top-menu-container ul ul li a:hover { opacity: 0.6; } /* third level menu item */ .menu-top-menu-container ul ul ul { } .menu-top-menu-container ul ul ul li a { padding-left: 30px !important; } /* arrows after closed / open menu items that have children */ .mobile-menu .menu-top-menu-container .menu a:not(:only-child):after { position: relative; } .mobile-menu .menu-top-menu-container .menu a:not(:only-child):after { content: ""; background-image: url('/wp-content/themes/starter-theme/img/mobile_arrow.svg'); background-size: 100% 100%; background-repeat: no-repeat; width: 25px; height: 11px; display: block; top: 0; font-size: 18px; filter: brightness(0); } .menu-top-menu-container .active>a:not(:only-child):after { /* content: ""; top: -10px; font-size: 28px; */ } }@media all and (max-width: 450px){ .menu-top-menu-container { width: calc(100% - 40px); padding: 20px 10px 20px; } .mobile-menu .slide-close { width: 40px !important; height: 40px !important; margin: 5px 5px; } } @media all{.mobile-menu .slide-close { width: 70px; /* background-color: #00A096; */ height: 70px; display: flex; align-items: center; justify-content: center; } .mobile-menu .contact-details h3 { font-size: 18px; color: #07171C; font-weight: 700; margin-top: 30px; } .mobile-menu .contact-details a::after { display: none; } .mobile-menu .contact-details a { display: block; color: #07171C; margin-top: 10px; font-size: 16px; font-weight: 400; } .mobile-menu .contact-details a:hover { opacity: 0.7; } .mobile-menu .mobile-menu-social { display: flex; align-items: center; } .mobile-menu .mobile-menu-social .icon:first-of-type { margin-left: 0px; } .mobile-menu .mobile-menu-social .icon:first-of-type a { font-size: 19px; } .mobile-menu .mobile-menu-social .icon { margin: 0px 10px; } .mobile-menu .mobile-menu-social .icon a:hover { opacity: 0.7; } .mobile-menu .mobile-menu-social .icon a i { font-size: 21px; } /*** breadcrumb ***/ /*** breadcrumbs ***/ .breadcrumb nav { display: block !important; /* text-transform: uppercase; */ /* padding: 0 25px; */ } .🍞, .bread { list-style-type: none; margin:0; padding:0; /* text-transform: uppercase; */ color: #ffffff; display: flex; align-items: center; flex-wrap: wrap; } .🍞 li, .bread li { display:inline-block; margin: 0 0 0 5px; color: #ffffff; } .bread li a { color: #ffffff; font-size: 14px; font-weight: 300; } .🍞 .crumb:last-child a span { display: block; /* Make span a block to control width */ max-width: 200px; /* Adjust width as needed */ overflow: hidden; /* Hide overflowing content */ white-space: nowrap; /* Prevent the text from wrapping to the next line */ text-overflow: ellipsis; /* Add ellipsis (...) when text overflows */ color: #fff; } /*** image text ***/ .image-text { padding: 20px 0 20px; box-sizing: border-box; } /* Target the first image-text section */ section.image-text.first-section { padding-top: 50px; /* Add more top padding to the first section */ } /* Target the last image-text section */ section.image-text.last-section { padding-bottom: 50px; /* Add more bottom padding to the last section */ } }@media all and (max-width: 600px){ section.image-text.first-section { padding-top: 0px; } section.image-text.last-section { padding-bottom: 0px; } } @media all{.image-text-container { display: flex; } .image-text.flip .image-text-container { flex-direction: row-reverse; } .image-text .left { width: 50%; position: relative; min-height: clamp(0px, 60vw, 430px); } .image-text .left .image { position: relative; height: 100%; } .image-text .left .image img { height: 100%; width: 100%; object-fit: cover; object-position: center; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .image-text .right { padding: 100px 60px 100px 70px; box-sizing: border-box; width: 50%; display: flex; align-items: center; } .image-text .right ul { padding-left: 35px; margin-bottom: 0px; } .image-text .right ul li { position: relative; list-style-type: none; font-size: 16px; font-weight: 500; color: #071F48; margin: 10px 0; } .image-text .right ul li::before { /* content: '\f054'; font-family: "Font Awesome 6 Pro"; */ content: ""; /* Add content: \2022 is the CSS Code/unicode for a bullet */ /*color: #02A3DA; Change the color */ font-weight: bold; /* If you want it to be bold */ display: block; /* Needed to add space between the bullet and the text */ min-width: 20px; position: relative; left: -35px; background-size: 20px; background-repeat: no-repeat; height: 25px; background-image: url(/wp-content/themes/starter-theme/img/blue_tri.svg); /* background-color: var(--lb); */ /* border-radius: 100%; */ position: absolute; top: 6px; min-height: 20px; width: 20px; } }@media all and (max-width: 1000px){ .image-text.flip .image-text-container { flex-direction: column; } .image-text .image-text-container { flex-direction: column; } .image-text .left { height: 250px; width: 100%; } .image-text .right { width: 100%; padding: 30px 30px; text-align: center; } .single-sector .image-text .right { text-align: left; } .image-text .right .a-button a { margin: auto; } } @media all and (max-width: 600px){ .image-text .right { padding: 20px 20px; } .image-text { padding: 20px 0 0px; } .image-text .left { min-height: 0; } } @media all{/*** slider - post slider ***/ .post-slider { padding:60px 0 60px 0px; box-sizing: border-box; color: #fff; background-color: var(--db); overflow: hidden; } .post-slider.white-bg { color: #0F0F0F; background-color: #fff; } .post-slider.no-slider { padding: 70px 30px; } .post-slider .heading { max-width: 1300px; margin: 0 auto 30px; display: flex; padding: 0 30px 0 30px; /* box-sizing: border-box; */ justify-content: space-between; } .post-slider .heading .title > * { color: #fff; } .post-slider .heading-left { max-width: 950px; margin-right: 30px; } .post-slider .heading-left .text > * { color: var(--lb); font-size: 16px; font-weight: 400; } .post-slider .heading-left .text strong { font-size: 20px; font-weight: 400; } .post-slider .heading-right { display: flex; padding-right: 20px; } .post-slider .heading .arrows { display: flex; gap: 20px; margin-top: auto; } .post-slider.no-slider .heading .arrows { display: none; } .post-slider .heading .arrows i { font-size: 20px; cursor: pointer; transition: 0.5s; } .post-slider .heading .arrows i:hover { cursor: pointer; opacity: 0.6; } .post-slider .items-container { margin-top: 30px; max-width: 1300px; margin: 0 auto; } .post-slider.no-slider .items-container { max-width: 1300px; } .post-slider .items-container .items { display: flex; gap: 15px; /* Adjust spacing between slides */ position: relative; margin-right: calc(-50vw + 50%); /* Push the slider to overflow on the right */ width: calc(100% + 50vw - 50%); /* Extend the slider width to go beyond the container */ margin-left: -10px; } .post-slider.no-slider .items-container .items { margin-right: 0px; width: auto; } .post-slider .items-container .items .item { flex: 1 1 calc(50% - 15px); /* 50% width minus gap */ background-color: transparent; /* Adjust slide background */ color: #fff; /* padding: 20px; */ box-sizing: border-box; display: flex; flex-direction: column; margin: 0 10px; opacity: 0.6; } .post-slider .items-container .items .item.slick-active { opacity: 1; } .post-slider .items-container .items .item.image-only img { height: 525px; } .post-slider.white-bg .items-container .items .item { color: #0F0F0F; } .post-slider .items-container .items .item .post-content { /* margin-top: 20px; */ height: 100%; display: flex; flex-direction: column; /* padding-right: 20px; */ padding: 20px 0px; } .post-slider .items-container .items .item .post-content p:first-of-type { padding-top: 10px; } .post-slider .items-container .items .item .post-content a { font-size: 26px; font-weight: 500; color: inherit; } .post-slider.no-slider .items-container .items .item .post-content { padding: 0 20px 0 0; } .post-slider .items-container .items .item .a-button { margin-top: auto; padding-top: 20px; } .post-slider.orange-accent .items-container .items .item .a-button a:hover { background-color: #FF6B02; border: 1px solid #0F0F0F; color: #0F0F0F; } .post-slider .items-container .items .item .a-button a:hover { background-color: #07E705; border: 1px solid #07E705; color: #0F0F0F; } .post-slider .items-container .items .item .post-content .item-title h3 { font-size: 26px; color: #FFFFFF; font-weight: 600; } .post-slider.white-bg .items-container .items .item .post-content .item-title a { color: #0F0F0F; } .post-slider .slick-list{ padding:0 20% 0 0 !important; overflow: visible; max-width: 1300px; } .post-slider.white-bg .items-container .items .item .a-button a { color: #0F0F0F; border: 1px solid #0F0F0F; } .post-slider.white-bg .items-container .items .item .a-button a:hover { background-color: #0F0F0F; color: #fff; } .post-slider .items-container .items .item img { width: 100%; object-fit: cover; object-position: center; display: block; max-height: 450px; } }@media all and (max-width: 1300px){ .post-slider .slick-list { max-width: none; overflow: hidden; } .post-slider .items-container .items { margin-left: 20px; } } @media all and (max-width: 1000px){ .post-slider .items-container .items { margin-left: 30px; } .post-slider .items-container .items .item { margin: 0 10px; } .post-slider .items-container { margin-left: -10px; } .post-slider .items-container .items .item .post-content .item-title a { font-size: 28px; } .post-slider.no-slider .items-container .items .item { height: 100%; } .post-slider.no-slider .slick-track { height: 100%; } .post-slider.no-slider { padding: 50px 0px 50px 30px; } .post-slider.no-slider .heading .arrows { display: flex; } .post-slider.no-slider .heading-right { margin-top: 0px; } } @media all and (max-width: 600px){ .post-slider .heading { flex-direction: column; } .post-slider .heading-right { justify-content: flex-end; margin-top: 0px; } .post-slider .heading-left .text { margin-bottom: 20px; } .post-slider .heading-left { margin-right: 0px; } .post-slider { padding: 40px 0 40px 20px; } .post-slider .items-container .items .item .post-content .item-title a { font-size: 28px; } .post-slider .items-container .items .item .post-content { padding-right: 0px; padding: 10px 0 0; } .post-slider.no-slider .items-container .items .item img { height: 240px; } .post-slider.no-slider .items-container .items .item .a-button a { min-width: 0px; width: 270px; } .post-slider.no-slider { padding: 30px 0 40px 20px; } .post-slider .heading { padding: 0 20px 0 0; } .post-slider .items-container .items .item.image-only img { height: 275px; } .post-slider .slick-list { padding: 0 10% 0 0 !important } .post-slider .items-container .items .item .a-button a { width: 280px; min-width: 280px; } .post-slider .items-container .items { margin-left: 0px; } } @media all{/*** map section ***/ .map-section #map { height: 500px; max-width: 1100px; margin: 0 auto; } .map-section { padding: 60px 30px; box-sizing: border-box; } .map-section-container { display: flex; max-width: 1300px; margin: 0 auto; flex-direction: row-reverse; } .map-section .left { width: 50%; box-sizing: border-box; padding: 50px 0 50px 50px; } .map-section .left .location .title > * { font-size: 26px; font-weight: 600; } .map-section .left .location .title { position: relative; margin-bottom: 0px; } .map-section .left .location .underline:after { position: absolute; bottom: 20px; content: ''; background-color: #FF6B02; height: 8px; display: block; width: 160px; left: 0; } .map-section .left .hours { margin-top: 50px; } .map-section .left .hours .address { display: flex; gap: 20px; } .map-section .left .hours .title { position: relative; margin-bottom: 0px; } .map-section .left .hours .title > * { font-size: 26px; } .map-section .left .hours .underline:after { position: absolute; bottom: 20px; content: ''; background-color: #FF6B02; height: 8px; display: block; width: 160px; left: 0; } .map-section .left .address > * { font-size: 16px; line-height: 25px; font-weight: 400; } .map-section .i4ewOd-pzNkMb-haAclf { display: none; } .map-section .left .address p { font-weight: 200; padding-top: 10px; } .map-section .right { width: 50%; } .map-section .icon { margin-bottom: 15px; } .map-section .icon i { font-size: 34px; color: var(--db); } .map-section .icon.clock { margin-top: 30px; } .mobile-map { display: none; } }@media all and (max-width: 900px){ .mobile-map { display: block; margin-top: 20px; height: 350px; } .map-section-container { flex-direction: column-reverse; } .map-section .right { /* display: none; */ width: 100%; } .mobile-map { display: none; } .map-section .left { width: 100%; padding-right: 0px; text-align: center; } .map-section .left .location .underline:after, .map-section .left .hours .underline:after { left: 50%; transform: translateX(-50%); bottom: 5px; } .map-section .left { padding: 30px 0 30px; } .map-section .left .hours .address { justify-content: center; } } @media all and (max-width: 600px){ .map-section { padding: 30px 20px; } .map-section .left .address > * { font-size: 18px; } .map-section #map { height: 290px; } } @media all{/*** title left text right ***/ #section-9.title-left-text-right .left .title::after { width: 222px; } .title-left-text-right { padding: 60px 30px; box-sizing: border-box; } .title-left-text-right.grey-bg { background-color: var(--gy); } .title-left-text-right-container { max-width: 1370px; margin: 0 auto; display: flex; } .title-left-text-right .left { width: 50%; /* text-align: right; */ padding-right: 60px; /* box-sizing: border-box; */ } .title-left-text-right .left .title > * { font-size: 36px; } .title-left-text-right.black-bg .left .title > * { color: #fff; } .title-left-text-right .left .text p:first-of-type { padding-top: 0px; } .title-left-text-right .right { width: 50%; } .title-left-text-right.black-bg .right .text { color: #fff; } .title-left-text-right .right .items { text-align: left; margin-top: 10px; } .title-left-text-right .right .items .item { display: flex; margin-bottom: 20px; } .title-left-text-right .right .items .item .right-text .title { margin-bottom: 5px; } .title-left-text-right .right .items .item .image { min-width: 70px; margin-right: 25px; } .title-left-text-right .right .items .item .image img { background-color: #0F0F0F; padding: 18px 18px; box-sizing: border-box; border-radius: 5px; } .title-left-text-right .right .items .item .right-text h3 { font-size: 28px; } .title-left-text-right .right .text h3 { font-size: 22px; font-weight: 600; margin-bottom: 10px; margin-top: 10px; } .title-left-text-right.green-accent .right .text h3 { color: #07E705; } .title-left-text-right.orange-accent .right .text h3 { color: #FF6B02; } .title-left-text-right .right .text h3:first-of-type { margin-top: 0px; } .title-left-text-right .right .text h3 { margin-top: 15px; } .title-left-text-right .right .text ul { list-style-type: none; padding-left: 40px; } .title-left-text-right .right .text ul:first-of-type { margin-top: 0px; margin-bottom: 40px; } .title-left-text-right .right .text ul li { position: relative; /* display: flex; */ font-size: 20px; margin-bottom: 15px; } .title-left-text-right .right .text ul li::before { content: ""; /* Add content: \2022 is the CSS Code/unicode for a bullet */ /*color: #02A3DA; Change the color */ font-weight: bold; /* If you want it to be bold */ display: block; /* Needed to add space between the bullet and the text */ min-width: 20px; position: relative; left: -35px; background-size: 100%; height: 22px; background-image: url(/wp-content/themes/starter-theme/img/green_arrow.svg); width: 20px; position: absolute; top: 11px; } .title-left-text-right.orange-accent .right .text ul li::before { background-image: url(/wp-content/themes/starter-theme/img/orange_arrow.svg); } .title-left-text-right .right .text p { padding-top: 0px; padding-bottom: 10px; } .title-left-text-right .left .title { /* padding-bottom: 30px; */ margin-bottom: 0px; position: relative; } /* .title-left-text-right .left .title::after { position: absolute; bottom: 0; content: ''; background-color: #01E803; height: 8px; display: block; width: 150px; left: 0; } */ }@media all and (max-width: 850px){ .title-left-text-right-container { flex-direction: column; } .title-left-text-right .left .title > * { font-size: 28px; } .title-left-text-right .left { text-align: left; width: 100%; padding-right: 0px; } .title-left-text-right .left .text { margin-top: 10px; } /* .title-left-text-right .left .title::after { left: 0%; transform: none; right: auto; } */ .title-left-text-right .right { width: 100%; } .title-left-text-right .right { text-align: left; margin-top: 20px; } .title-left-text-right .left .title::after { width: 250px; } .title-left-text-right .right .text h3 { font-size: 20px; } .title-left-text-right .right .btn-main { margin: 20px 0 0; } } @media all and (max-width: 600px){ .title-left-text-right { padding: 30px 20px; } .title-left-text-right .right .items .item .right-text .title { margin-bottom: 10px; } .title-left-text-right .right .items .item .right-text .title h3 { font-size: 22px; } .title-left-text-right .right .items .item { margin-bottom: 20px; } .title-left-text-right .right .items .item .image { margin-right: 20px; } .title-left-text-right .right .text ul li { font-size: 16px; } .title-left-text-right .right .text ul:first-of-type { margin-top: -20px; } } @media all{/*** hero ***/ .hero { /* height: 400px; */ background-color: #0C0705; color: #fff; display: flex; /* align-items: center; */ position: relative; /* overflow: hidden; */ } .hero-container { display: flex; /* align-items: center; */ /* justify-content: center; */ margin: 0 auto; /* max-width: 1370px; */ width: 100%; } .hero .left { text-align: left; width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 20px 50px 20px 30px; box-sizing: border-box; position: relative; max-width: 680px; margin-left: auto; } .hero.full-width .left { width: 100%; max-width: none; } .hero.full-width .left .title > * { text-align: center; } .hero.full-width .left .subtitle { margin-top: 10px; } .hero.full-width .left .subtitle > * { color: var(--lb); font-size: 26px; font-weight: 600; } .hero .left .left-inner { max-width: 950px; margin: 0 auto; } .hero.half .left .left-inner { margin: 0; } .hero .left .left-inner .inner-container { padding: 85px 0 70px; box-sizing: border-box; } .hero.half .left .left-inner .inner-container { padding: 60px 0 30px; display: flex; justify-content: center; flex-direction: column; /* min-height: 550px; */ } .hero.half .left .left-inner .inner-container .text p a { color: var(--lb); } .hero.half .left .left-inner .inner-container .text p a:hover { opacity: 0.7; } .hero .left .left-inner .inner-container .a-button { margin-top:20px; } .hero .left .left-inner .inner-container .a-button .btn-main:hover { background-color: #fff; color: var(--db); } .hero .left .left-inner .info { display: flex; gap: 20px; margin-top: 20px; } .hero .left .left-inner .info .text { display: flex; gap: 10px; align-items: center; } .hero .left .left-inner .info .text i { color: #FFD343; } .hero .left .left-inner .info .text p { padding-top: 0px; font-size: 18px; } .hero .left .left-inner .inner-container .title span { color: #FFD343; } .hero .left .left-inner .inner-container .buttons { display: flex; gap: 15px; margin-top: 20px; flex-wrap: wrap; } .hero .left .left-inner .inner-container .buttons .a-button.transparent { } .hero .left .left-inner .inner-container .buttons .a-button.transparent a { border: 1px solid #fff; background-color: var(--db); } .hero .left .left-inner .inner-container .buttons .a-button.transparent a:hover { background-color: #fff; color: var(--db); } .hero .left .left-inner .inner-container .buttons .a-button a { width: fit-content; min-width: 270px; color: #fff; } .hero .left .left-inner .inner-container .buttons .a-button a:hover { background-color: #fff; border: 1px solid #fff; color: var(--db); } .hero .post-infos { display: flex; gap: 20px; margin-top: 20px; justify-content: center; flex-wrap: wrap; } .hero .post-infos .text { display: flex; gap: 15px; align-items: center; color: #2DAAE1; font-size: 18px; } .hero .post-infos .text i { color: #2DAAE1; font-size: 22px; } .hero .right { width: 50%; position: relative; } .hero.green-bg-g .right { background-image: url('/wp-content/themes/starter-theme/img/green-bg.svg'); background-size: cover; background-position: center; } .hero.black-bg-g .right { background-image: url('/wp-content/themes/starter-theme/img/black-bg.svg'); background-size: cover; background-position: center; } .hero.yellow-bg-g .right { background-image: url('/wp-content/themes/starter-theme/img/yellow-bg.svg'); background-size: cover; background-position: center; } .hero .right img { height: 100%; width: 100%; object-fit: cover; object-position: center; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .hero.cluster-image .right img { padding: 20px 0; box-sizing: border-box; object-fit: contain; } .hero .breadcrumb { position: absolute; top: 20px; /* left: 80px; */ max-width: 1420px; margin: 0 auto; left: 50%; transform: translateX(-50%); display: block; width: 100%; padding: 0 0px; box-sizing: border-box; max-width: 1300px; margin: 0 auto; } .hero.half .breadcrumb { padding: 0 30px; } .hero .breadcrumb nav { display: block; } .hero .title > * { font-size: 42px; line-height: 50px; color: #fff; } .hero .subtitle { margin-top: 10px; } .hero .subtitle > * { font-size: 26px; font-weight: 600; color: var(--lb); } .hero .points { display: flex; gap: 15px; /* color: var(--gn); */ color: var(--lb); margin-top: 30px; flex-wrap: wrap; } .hero .points .point { display: flex; align-items: center; gap: 10px; } .hero .points span { display: block; width: 23px; height: 23px; border-radius: 100%; content: ''; /* background-color: var(--gn); */ background-color: var(--lb); } .hero .points p { padding-top: 0px; font-weight: 500; font-size: 20px; } .hero .cpt-btns { display: flex; justify-content: center; gap: 20px; margin-top: 30px; flex-wrap: wrap; /* display: none; */ } .hero .cpt-btns .btns a { max-width: 200px; min-width: 200px; } .hero .cpt-btns .btns a.active { background-color: var(--lb); border: 1px solid var(--lb); color: #fff; } }@media all and (max-width: 1370px){ .hero.full-width .breadcrumb { left: 30px; transform: none; margin-left: 0px; max-width: 600px; } } @media all and (max-width: 1200px){ .hero .left { padding: 20px 30px; } .hero.half .breadcrumb { padding: 0 0; } .hero.full-width .left { padding: 65px 30px 60px; } .hero .breadcrumb { left: 30px; transform: none; margin-left: 0px; } .hero .title > * { line-height: normal; } } @media all and (max-width: 900px){ .hero .left .left-inner .inner-container .a-button a { display: block; text-align: center; width: fit-content; margin: 0 auto; } } @media all and (max-width: 800px){ .hero { height: auto; } .hero-container { flex-direction: column-reverse; } .hero.half .left .left-inner .inner-container { min-height: 0; } .hero .breadcrumb { display: none; } .hero .left { width: 100%; max-width: none; text-align: center; padding: 30px 30px 30px; } .hero .right { width: 100%; height: 250px; } .hero .left .left-inner .inner-container { padding: 0; } .hero .post-infos { justify-content: center; } .hero.cluster-image .right img { padding: 20px 0 50px; } .hero.half .left .left-inner .inner-container { padding: 0px } .hero .points { justify-content: center; } .hero.half .left { padding: 40px 30px 50px; } .hero .left .left-inner .inner-container .buttons { justify-content: center; flex-wrap: wrap; } } @media all and (max-width: 600px){ .hero .left { padding: 30px 20px 30px; } .hero .subtitle > * { font-size: 18px; } .hero .breadcrumb { left: 20px; } .hero .title > * { font-size: 34px; line-height: normal; } .hero .left .left-inner .inner-container { /* padding: 30px 0 50px; */ } .hero .left .left-inner .inner-container .buttons { margin-top: 30px; } .hero .left .left-inner .inner-container .a-button { margin: 20px 0 auto; display: block; } .hero .left .left-inner .inner-container .a-button a { margin: 0 auto; } .hero.full-width .left { padding: 40px 20px 40px; } .hero.full-width .left .left-inner .inner-container { padding: 0px; } .hero .points p { font-size: 16px; } .hero.half .left { padding: 40px 20px 50px; } } @media all{/*** newsletter ***/ .newsletter { background-color:var(--gy); padding: 50px 30px 30px; box-sizing: border-box; } .newsletter-container { max-width: 1300px; margin: 0 auto; display: flex; /* background-color: #fff; */ padding: 30px 0px; box-sizing: border-box; align-items: center; border-radius: 5px; } .newsletter h2 { font-size: 28px; font-weight: 600; font-family: "nunito-sans", sans-serif; } .newsletter .text p:first-of-type { padding-top: 0px; } .newsletter .text p { font-size: 18px; color: #121317; font-weight: 300; } .newsletter .left { width: 50%; } .newsletter .right { width: 50%; padding-left: 30px; /* box-sizing: border-box; */ } .newsletter .right p { padding-top: 0px; } .newsletter .right p.terms { margin-top: 10px; color: #121317; } .newsletter .right p.terms a { color: inherit; } .newsletter .right p.form-text { padding-top: 15px; color: #fff; } .newsletter label { display: flex; border-radius: 2px; overflow: hidden; } .newsletter label input[type=email] { color: #121317; font-size: 16px; padding: 15px 15px; box-sizing: border-box; /* border: 1px solid #fff; */ font-family: "nunito-sans", sans-serif; font-weight: 300; -webkit-appearance: none; border-radius: 0; width: 100%; border: none; border-radius: 5px 0 0 5px; } .newsletter label input[type=email]:focus { outline: none; } .newsletter label input[type=email]::placeholder { color: #121317; font-size: 16px; font-family: "nunito-sans", sans-serif; font-weight: 300; } .newsletter label input[type=submit] { background: #FFD343; color: #0C0705; font-size: 16px; font-family: "nunito-sans", sans-serif; font-weight: 400; width: 50px; max-height: 50px; box-shadow: none; -webkit-appearance: none; border: none; } .newsletter .wpcf7-submit { background: var(--lb); color: #fff; font-size: 16px; font-family: "nunito-sans", sans-serif; font-weight: 400; border-radius: 0 0px 0px 0; max-height: 56px; box-shadow: none; -webkit-appearance: none; border: none; transition: 0.5s; min-width: 200px; box-sizing: border-box; border-radius: 0 5px 5px 0; } .newsletter .wpcf7-submit i { margin-left: 5px; } .newsletter .wpcf7-submit:hover { background-color: var(--db); cursor: pointer; } .newsletter .wpcf7-submit::before { /* content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; */ } .newsletter .wpcf7-form-control-wrap { width: 100%; } .newsletter .on-form { display: none; } }@media all and (max-width: 1100px){ .newsletter-container { flex-wrap: wrap; } .newsletter .left { width: 100%; margin-bottom: 20px; } .newsletter .right { width: 100%; padding-left: 0px; } /* .newsletter label { flex-direction: column; } */ /* .newsletter .wpcf7-submit { border-radius: 40px 40px 40px 40px; padding: 15px 20px; text-align: center; margin: 0px auto 0px; width: 250px; display: block; } */ .newsletter p.on-form { display: block; padding-top: 0px !important; text-align: center; } .newsletter .desktop { text-align: center; } .newsletter .title > * { font-size: 22px; } .newsletter { padding: 40px 20px; } .newsletter .wpcf7-submit ~ br { display: none; } } @media all and (max-width: 600px){ .newsletter label { flex-direction: column; } .newsletter label input[type=email] { border-radius: 5px; font-size: 16px; } .newsletter label input[type=email]::placeholder { font-size: 16px; } .newsletter .wpcf7-submit { max-width: 200px; min-height: 53px; margin: 0 auto; border-radius: 5px; } .newsletter .left { text-align: center; margin-bottom: 0px; } } @media all{/****** footer ***/ .top-footer { padding: 50px 30px 50px; box-sizing: border-box; background-color: #071F48; color: var(--db); } .top-footer a { color: #fff; font-size: 16px; } .top-footer-container { max-width:1300px; margin: 0 auto; display: flex; gap: 80px; flex-wrap: wrap; } .top-footer-container .col:first-of-type::before { display: none; } .top-footer-container .col::before { content: ''; background-color: #fff; height: 200px; left: -40px; top: 50%; transform: translateY(-50%); position: absolute; display: block; width: 1px; } .top-footer-container .col { flex: 1 1 calc(25% - 80px); position: relative; } .top-footer-container .col .address p { color: #fff; line-height: 26px; font-weight; 300; margin-top: 10px; } .top-footer-container .col ul { list-style-type: none; padding-left: 0px; margin: 0px; } .top-footer-container .col ul li { padding: 20px 0 0; } .top-footer-container .col ul li a { font-weight: 200; } .top-footer-container .col ul li a:hover { opacity: 0.6; } .top-footer-container .col .linkedin { background-color: #008AD2; border-radius: 5px; color: #fff; display: block; display: flex; padding: 15px 20px; box-sizing: border-box; margin-top: 20px; align-items: center; font-size: 14px; transition: 0.5s; } .top-footer-container .col .linkedin:hover { opacity: 0.6; } .top-footer-container .col .linkedin svg { padding-right: 15px; border-right: 1px solid #fff; font-size: 24px; margin-right: 15px; } .top-footer-container .col .tel, .top-footer-container .col .email { padding-top: 20px; transition: 0.5s; } .top-footer-container .col .tel:hover, .top-footer-container .col .email:hover { opacity: 0.6; } .top-footer-container .col .tel, .top-footer-container .col .email { font-weight: 300; } .top-footer-container .col .tel span, .top-footer-container .col .email span { font-weight: 400; color: var(--lb); } .top-footer-container .col .footer-title > * { font-size: 16px; font-weight: 500; color: var(--lb); } .top-footer-container .col .footer-title.connect > * { margin-top: 30px; padding-bottom: 20px; } .top-footer-container .col .social-icons { display: flex; gap: 10px; margin: 20px 0 20px; } .top-footer-container .col .social-icons .icon a { display: flex; /* width: 61px; height: 55px; background-color: #008AD2; */ align-items: center; justify-content: center; /* border-radius: 10px; */ font-size: 22px; } .top-footer-container .col .social-icons .icon a:hover { opacity: 0.6; } .top-footer-container .col .social-icons .icon a svg { font-size: 26px; } .top-footer-container .col .social-icons .icon.fb a svg { font-size: 22px; } .top-footer-container .col:first-of-type .footer-logos { margin-top: 0px; } .top-footer-container .col .footer-logos { display: flex; gap: 10px; margin-top: 20px; } .top-footer-container .footer-logos img { display: block; width: 137px; object-fit: contain; } .top-footer-container .col .footer-logos .image img { height: 60px; display: block; object-fit: contain; width: auto; } .bottom-footer { background-color: #2DAAE1; text-align: center; } .bottom-footer .bottom-footer-container { display: flex; justify-content: space-between; margin: 0 auto; max-width: 1340px; } .bottom-footer p { color: #071F48; padding: 20px 20px; box-sizing: border-box; font-size: 14px; } .bottom-footer p a{ color: inherit; } .bottom-footer p a:hover { opacity: 0.6; } }@media all and (max-width: 1100px){ .top-footer-container .col:first-of-type { flex: 1 1 100%; } } @media all and (max-width: 800px){ .top-footer-container .col:last-of-type { flex: 1 1 100%; } .top-footer-container .col::before { display: none; } .bottom-footer .bottom-footer-container { flex-direction: column; } .bottom-footer p { padding: 5px; } .bottom-footer { padding: 10px 20px; box-sizing: border-box; } } @media all and (max-width: 600px){ /* .top-footer-container { flex-wrap: wrap; } .top-footer-container .col { flex: 1 1 calc(50% - 20px); text-align: center; } .top-footer-container .col:first-of-type { flex: 1 1 100%; margin-bottom: 30px; } .top-footer-container .col .linkedin { width: fit-content; margin: 20px auto; min-width: 285px; } .top-footer-container .col:last-of-type { margin-top: 20px; } .top-footer-container .col .social-icons .icon a { margin: 0 auto; } .top-footer-container .footer-logos { flex-direction: column; justify-content: center; } .top-footer-container .footer-logos img { margin: 0 auto; } */ .top-footer { padding: 30px 20px; } .top-footer-container { gap: 40px; } } @media all and (max-width: 450px){ /* .top-footer-container .col { flex: 1 1 100%; margin-top: 20px; } .top-footer-container .col:first-of-type { margin-bottom: 10px; } */ } @media all{/* Default Styles */ .white { color: #fff; } .white p { color: #fff; } section.blue-bg .title > * { color: #fff; } .title > * { font-size: 34px; color: var(--db); font-weight: 600; } .title.white > * { color: #fff; } .center { text-align: center; } .a-button { margin-top: 20px; } .a-button.center { text-align:center; margin-left: auto; margin-right: auto; display: block; } .a-button.center a { margin-left: auto; margin-right: auto; } .btn-main { min-width: 320px; text-align: center; padding: 15px 20px; box-sizing: border-box; color: var(--db); font-size: 16px; font-weight: 400; display: block; width: 320px; border: 1px solid var(--lb); border-radius: 5px !important; background-color: var(--lb); } .btn-main:hover { background-color: var(--db); color: #fff; border: 1px solid var(--db); } .btn-main.white { color: #fff; } section.blue-bg .btn-main.white:hover { background-color: #fff; color: var(--db); } .text-block.cta-style .btn-main.white:hover { background-color: #fff; color: var(--db); } .btn-main.blue { color: var(--db); } .btn-main i { margin-left: 10px; } .btn-main.small { min-width: 230px; width: 230px; } .btn-main.green-bg { background-color: var(--gn); border: 1px solid var(--gn); color: #fff; } .btn-main.green-bg:hover { background-color: var(--db); border: 1px solid var(--db); } .btn-main.white-bg { background-color: #EAEAEA; color: #121317; border: 1px solid #EAEAEA; } .btn-main.white-bg:hover { background-color: var(--lb); color: #fff; border: 1px solid var(--lb); } }@media all and (max-width: 600px){ .title > * { font-size: 26px; } } @media all and (max-width: 450px){ .btn-main { width: 280px; min-width: 280px; } } @media all{a { color: xxxx; text-decoration: none; transition: .5s; } a:hover { color: xxxx; } blockquote { border-left: 5px solid 000000!important; margin: 0px; padding: 20px; } blockquote, table, table thead { background-color: #dfdfdf; border: 2px solid #dfdfdf; } blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote p { padding: 0px; } blockquote cite { font-style: italic; font-weight: bold; } body { font-family: "nunito-sans", sans-serif; margin: 0px; padding: 0px; color: #121317; } body p { font-weight: 200; /* color: #121317; */ } .clearfix { display: block; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0px; height: 0px; visibility: hidden; } .column { float: left; width: 50%; } .container { margin: 0px auto; padding: 0px; width: xxxx; } }@media all and (max-width: xxxxpx){ .container { width: 90%; } } @media all{footer, header, section { float: left; margin: 0px; padding: 0px; width: 100%; } em { font-style: italic; } h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; margin: 0px; padding: 0px; } img { height: auto; max-width: 100%; } nav .column.left { width: 25%; } nav .column.right { width: 75%; } nav .menu-item-has-children { position: relative; } nav .menu-item-has-children > a { display: flex !important; } nav .menu-item-has-children > a::after { font-family: "Font Awesome 6 Pro"; content: '\f078'; position: relative; display: block; margin-left: 5px; } nav .menu-item-has-children:focus .sub-menu, nav .menu-item-has-children:focus-within .sub-menu, nav .menu-item-has-children:hover .sub-menu { opacity: 1; /* transform: translateY(0%); */ /* transition-delay: 0s, 0s, 0.25s; */ visibility: visible; z-index: 1; } nav .sub-menu { background-color: #ffffff; left: 0px; opacity: 0; padding: 40px; position: absolute; top: 100%; /* transform: translateY(-10px); */ /* transition: all 0.25s ease-in-out 0s, visibility 0s linear 0.25s, z-index 0s linear 0.01s; */ visibility: hidden; z-index: 1; width: 300px; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: wrap; background-color: var(--gy); border-radius: 0 0 10px 10px; } nav .sub-menu::before { position: absolute; top: -18px; left: 50%; transform: translateX(-50%) rotate(30deg); background-image: url(/wp-content/themes/starter-theme/img/blue_tri.svg); background-size: 25px 25px; background-repeat: no-repeat; width: 25px; height: 25px; display: block; content: ''; z-index: 999; } nav .sub-menu li { flex: 1 1 100%; width: 50%; box-sizing: border-box; } nav ul { float: right; list-style-type: none; margin: 0px; padding: 0px; } nav ul li { display: inline-block; line-height: 20px; margin: 0px; padding: 0px 10px 0px 10px; } nav ul li:first-child { padding-left: 0px; } nav ul li:last-child { padding-right: 0px; } nav ul li a { color: xxxx; } nav ul li a:hover { color: xxxx; } nav ul li ul li, nav ul li ul li:first-child, nav ul li ul li:last-child { padding: 10px; } }@media all and (max-width: 1000px){ /* nav { display: none; } */ } @media all{ol li, ul li { padding: 10px 0px 0px 0px; } .outer { display: table; height: 100%; position: relative; width: 100%; } .outer .inner { display: table-cell; vertical-align: middle; } p { padding: 20px 0px 0px 0px; } p, blockquote cite, ol li, ul li, table { margin: 0px; } }@media all and (min-width: 1201px){ .side-nav { display: none; } } @media all{.side-nav a { cursor: pointer; /* position: absolute; right: 5%; */ } .side-nav a img { display: block; width: 32px; height: auto; } .side-nav a img:hover { opacity: 0.6; } .slick-next:before { content: "\f0da"; } .slick-prev:before { content: "\f0d9"; } .slick-next:before, .slick-prev:before { color: #000000; font-family: 'FontAwesome'; font-size: 60px; } .slick-next { right: -30px; z-index: 1; } .slick-prev { left: -30px; z-index: 1; } .slick-slider { margin-bottom: 0px; } }@media all and (max-width: 1450px){ .slick-next:before, .slick-prev:before { font-size: 40px; } .slick-next { right: -20px; } .slick-prev { left: -20px; } } @media all and (max-width: 600px){ .slick-next:before, .slick-prev:before { font-size: 20px; } .slick-next { right: 0px; } .slick-prev { left: 0px; } } @media all{.slide-close a { color: #ffffff; cursor: pointer; /* position: absolute; */ /* right: 5%; */ z-index: 5003; } .slide-in-menu { background-color: #000000; height: 100%; left: 0px; opacity: 0; overflow: scroll; position: absolute; top: -100%; transition: 0.5s; width: 100%; z-index: 9999; } .slide-in-menu.active { position: fixed; opacity: 1; top: 0px; } .slide-in-menu li.active > ul { display: block; } .slide-in-menu ul { list-style-type: none; margin: 0px; padding: 0px; } .slide-in-menu ul li { margin: 0px; padding: 0px; text-align: center; } .slide-in-menu ul li a { color: var(--bk); opacity: 0; position: relative; transform: translateY(20px); transition: opacity .25s linear, color .5s linear, transform .3s cubic-bezier(.25,.46,.45,.94); } .slide-in-menu.active ul li a { opacity: 1; transform: translateY(0); } .slide-in-menu.active ul li:nth-of-type(1) a { transition: color .5s linear, opacity .25s linear .5s, transform .3s cubic-bezier(.25,.46,.45,.94) .5s; } .slide-in-menu.active ul li:nth-of-type(2) a { transition: color .5s linear, opacity .25s linear .6s, transform .3s cubic-bezier(.25,.46,.45,.94) .6s; } .slide-in-menu.active ul li:nth-of-type(3) a { transition: color .5s linear, opacity .25s linear .7s, transform .3s cubic-bezier(.25,.46,.45,.94) .7s; } .slide-in-menu.active ul li:nth-of-type(4) a { transition: color .5s linear, opacity .25s linear .8s, transform .3s cubic-bezier(.25,.46,.45,.94) .8s; } .slide-in-menu.active ul li:nth-of-type(5) a { transition: color .5s linear, opacity .25s linear .9s, transform .3s cubic-bezier(.25,.46,.45,.94) .9s; } .slide-in-menu.active ul li:nth-of-type(6) a { transition: color .5s linear, opacity .25s linear 1s, transform .3s cubic-bezier(.25,.46,.45,.94) 1s; } .slide-in-menu.active ul li:nth-of-type(7) a { transition: color .5s linear, opacity .25s linear 1.1s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.1s; } .slide-in-menu.active ul li:nth-of-type(8) a { transition: color .5s linear, opacity .25s linear 1.2s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.2s; } .slide-in-menu.active ul li:nth-of-type(9) a { transition: color .5s linear, opacity .25s linear 1.3s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.3s; } .slide-in-menu.active ul li:nth-of-type(10) a { transition: color .5s linear, opacity .25s linear 1.4s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.4s; } .slide-in-menu ul ul { display: none; } strong, table thead th { font-weight: bold; } table { background-color: #ffffff; padding: 10px; text-align: left; } table th { padding: 10px; } .wp-block-table { margin: 0px; } /* Theme Styles */ :root { --lb: #57CCFF; /* Define your light blue color hex code */ --db: #071F48; --gn: #0B7155; /* --gn: #27B468; */ --gy: #EAEAEA; --bk: #121317; } .db-bg { background-color: #071F48; } .product-search-keywords button:disabled, .dimension-search:disabled { opacity: 0.5; } .product-search-advanced-toggle i.fa-check{ display: none; color: #0B7155; background-color: white; text-align: center; font-size: 15px; width: 15px; line-height: 15px; height: 15px; border-radius: 50%; } .product-search-advanced-toggle i.fa-check.rotated{ transform: rotate(0deg); display: inline-block; } } @media all{/* initially hide all groups (even before JS is loaded), so the page will never render them while loading */ [data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add { display:none; } .wpcf7cf_repeater_sub { margin-bottom: 20px; } .wpcf7cf_repeater_controls, .wpcf7cf_step_controls { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; } .wpcf7cf_multistep .wpcf7cf_step { /* display:none; */ width: 100%; } .wpcf7cf_multistep .wpcf7cf_step .step-title { display: none; } .wpcf7cf_multistep .wpcf7cf_steps-dots { display: flex; width: 100%; margin-bottom: 20px; flex-wrap: wrap; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index { display: inline-block; border-radius: 50%; background: #dfdfdf; color: #000000; width: 40px; height: 40px; line-height: 40px; text-align: center; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot { border-bottom: 5px solid #dfdfdf; text-align: center; flex: 1; padding: 15px; min-width: 120px; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed { border-bottom: 5px solid #333; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active { border-bottom: 5px solid #333; font-weight: bold; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index { background-color: #333; color: #ffffff; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index { background-color: #333; color: #ffffff; } .wpcf7cf_step_controls .disabled { pointer-events: none; cursor: default; opacity: .5; }} .heading .text p a { color: var(--lb); }