#ajax-next-posts-post-pagination{text-align:center}#ajax-next-posts-post-pagination .loading{display:none}#ajax-next-posts-post-pagination.loading .loading{display:inline-block;margin:0 20px}#ajax-next-posts-post-pagination a{display:none} img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} :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)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.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{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap: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-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([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}} /*! 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} :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:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--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,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 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:.44rem;--wp--preset--spacing--30:.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,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.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}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.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} .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 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.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}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;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;opacity:.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;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.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} @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } [hidden] { display: none; } body { line-height: 1; } menu, ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1em; } th { background: #000; color: #fff; } th, td { padding: 0.5em; } td { border: 1px solid #000; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0); } [data-aos="fade-up"] { transform: translate3d(0, 100px, 0); } [data-aos="fade-down"] { transform: translate3d(0, -100px, 0); } [data-aos="fade-right"] { transform: translate3d(-100px, 0, 0); } [data-aos="fade-left"] { transform: translate3d(100px, 0, 0); } [data-aos="fade-up-right"] { transform: translate3d(-100px, 100px, 0); } [data-aos="fade-up-left"] { transform: translate3d(100px, 100px, 0); } [data-aos="fade-down-right"] { transform: translate3d(-100px, -100px, 0); } [data-aos="fade-down-left"] { transform: translate3d(100px, -100px, 0); } [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; transform: translateZ(0) scale(1); } [data-aos="zoom-in"] { transform: scale(0.6); } [data-aos="zoom-in-up"] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos="zoom-in-down"] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos="zoom-in-right"] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos="zoom-in-left"] { transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos="zoom-out"] { transform: scale(1.2); } [data-aos="zoom-out-up"] { transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos="zoom-out-down"] { transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos="zoom-out-right"] { transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos="zoom-out-left"] { transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^="slide"][data-aos^="slide"] { transition-property: transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate { transform: translateZ(0); } [data-aos="slide-up"] { transform: translate3d(0, 100%, 0); } [data-aos="slide-down"] { transform: translate3d(0, -100%, 0); } [data-aos="slide-right"] { transform: translate3d(-100%, 0, 0); } [data-aos="slide-left"] { transform: translate3d(100%, 0, 0); } [data-aos^="flip"][data-aos^="flip"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: transform; } [data-aos="flip-left"] { transform: perspective(2500px) rotateY(-100deg); } [data-aos="flip-left"].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos="flip-right"] { transform: perspective(2500px) rotateY(100deg); } [data-aos="flip-right"].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos="flip-up"] { transform: perspective(2500px) rotateX(-100deg); } [data-aos="flip-up"].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos="flip-down"] { transform: perspective(2500px) rotateX(100deg); } [data-aos="flip-down"].aos-animate { transform: perspective(2500px) rotateX(0); } .h1, .h2, .h3, .h4, .h5, .h6, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre { margin-bottom: 36px; } @media only screen and (max-width: 1366px) { .h1, .h2, .h3, .h4, .h5, .h6, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre { margin-bottom: 28px; } } @media only screen and (max-width: 768px) { .h1, .h2, .h3, .h4, .h5, .h6, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre { margin-bottom: 22px; } } a { transition: all 0.3s ease-out; text-decoration: none; color: #44595e; } a:hover { color: #ffc76f; } .h1, h1 { font-size: 66px; line-height: 75px; font-weight: 700; color: #84754e; } @media only screen and (max-width: 1366px) { .h1, h1 { font-size: 50px; line-height: 56px; } } @media only screen and (max-width: 768px) { .h1, h1 { font-size: 34px; line-height: 46px; } } .h2, h2 { font-size: 30px; line-height: 40px; font-weight: 700; color: #84754e; } @media only screen and (max-width: 768px) { .h2, h2 { font-size: 26px; line-height: 35px; } } .h3, h3 { font-size: 20px; line-height: 22px; font-weight: 700; color: #84754e; padding-bottom: 25px; margin-bottom: 25px; border-bottom: solid 1px #84754e; } @media only screen and (max-width: 768px) { .h3, h3 { font-size: 18px; line-height: 24px; padding-bottom: 22px; margin-bottom: 22px; } } .h4, h4 { font-size: 22px; line-height: 24px; } .h5, h5 { font-size: 20px; line-height: 22px; } .h6, h6 { font-size: 18px; line-height: 20px; } hr { border: none; border-top: solid 1px #84754e; margin: 35px 0; } @media only screen and (max-width: 1366px) { hr { margin: 28px 0; } } @media only screen and (max-width: 768px) { hr { margin: 22px 0; } } strong { font-weight: 700; } em { font-style: italic; } blockquote, li, p { font-size: 16px; line-height: 22px; font-weight: 400; } @media only screen and (max-width: 768px) { blockquote, li, p { line-height: 26px; } } blockquote p { margin: 0; font-style: italic; } article ol, article ul { margin-left: 25px; margin-bottom: 20px; } article ol li, article ul li { margin-bottom: 8px; } article ol li { list-style: decimal; } article ul li { list-style: disc; } .last-child-no-margin > :last-child, article > :last-child { margin-bottom: 0; } .float-left { float: left !important; } .float-right { float: right !important; } .text-center { text-align: center; } .cover-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .text-replace { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .clearfix:after, .clearfix:before { content: " "; display: table; } .clearfix:after { clear: both; } .text--journal { font-family: Journal, Arial, sans-serif !important; } .text--gold { color: #84754e !important; } @font-face { font-family: Journal; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Journal.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Journal.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Light.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Light.woff) format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Bold.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-BlackItalic.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-BlackItalic.woff) format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Gotham Book"; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-BookItalic.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-BookItalic.woff) format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Gotham Ultra"; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Ultra.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Ultra.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-ThinItalic.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-ThinItalic.woff) format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Black.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Black.woff) format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-LightItalic.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-LightItalic.woff) format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Gotham Ultra"; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-UltraItalic.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-UltraItalic.woff) format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Gotham Extra"; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-ExtraLight.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-ExtraLight.woff) format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Gotham Extra"; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-ExtraLightItalic.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-ExtraLightItalic.woff) format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Gotham Book"; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Book.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Book.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-MediumItalic.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-MediumItalic.woff) format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Medium.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Medium.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Thin.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-Thin.woff) format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-BoldItalic.woff2) format("woff2"), url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../webfonts/Gotham-BoldItalic.woff) format("woff"); font-weight: 700; font-style: italic; font-display: swap; } .alignleft { float: left; margin: 0 10px 10px 0; } .alignright { float: right; margin: 0 0 10px 10px; } .alignnone { float: none; margin: 10px auto; } .aligncenter { display: block; margin: 10px auto; } .wpcf7 p { margin: 0 0 30px 0; } .wpcf7 br { display: none; } .wpcf7 label { display: block; font-size: 16px; line-height: 16px; font-weight: 500; } .wpcf7 label .wpcf7-form-control-wrap { display: block; margin-top: 10px; } .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea { display: block; height: 44px; width: 100%; padding: 0 12px; box-sizing: border-box; border: solid 2px #fff; transition: border-color 0.3s ease-out; font-family: Gotham, Arial, sans-serif; font-size: 16px; border-radius: 0; } .wpcf7 .wpcf7-select.wpcf7-not-valid, .wpcf7 .wpcf7-text.wpcf7-not-valid, .wpcf7 .wpcf7-textarea.wpcf7-not-valid { border-color: #fb2925; } .wpcf7 .wpcf7-not-valid-tip { display: none !important; } .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wpcf7 .wpcf7-textarea { height: 144px; padding: 12px; resize: none; } .wpcf7 .wpcf7-submit { display: inline-block; font-weight: 500; background: #84754e; font-family: Gotham, Arial, sans-serif; color: #fff; border: none; border-radius: 0; font-size: 16px; line-height: 16px; padding: 14px; box-sizing: border-box; min-width: 116px; text-align: center; cursor: pointer; transition: all 0.3s ease-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wpcf7 .wpcf7-submit:hover { background: #fff; color: #84754e; } .wpcf7 .wpcf7-response-output { margin: 0 !important; border: none !important; padding: 20px !important; text-align: center; font-weight: 500; background: #fb2925; color: #fff; font-size: 16px; line-height: 20px; } .wpcf7 .wpcf7-response-output.mail-sent-ok { background: #84754e; } .site-container { max-width: 1640px; width: 100%; margin: 0 auto; position: relative; } @media screen and (max-width: 1760px) { .site-container { max-width: none; padding-left: 60px !important; padding-right: 60px !important; box-sizing: border-box; } } @media only screen and (max-width: 768px) { .site-container { padding-left: 32px !important; padding-right: 32px !important; } } ::-moz-selection { background-color: #44595e; color: #fff; text-shadow: none; } ::selection { background-color: #44595e; color: #fff; text-shadow: none; } body, html { color: #111; font-family: Gotham, Arial, sans-serif; font-size: 100%; } html { overflow-x: hidden; overflow-y: auto; } html.site-menu-open, html.site-menu-open > body { overflow: hidden; } body { background: #fff; } .site-main { display: block; } .site-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 8001; background: #000; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(100%, 0); transition: all 0.5s ease-out; } .site-menu-open .site-menu { opacity: 1; visibility: visible; pointer-events: all; transform: translate(0, 0); } .site-menu__row { height: 100vh; padding: 20vh 0; box-sizing: border-box; overflow-y: auto; } @media only screen and (max-width: 1025px) { .site-menu__menu-list { background: #000; } } .site-menu__menu-list li { margin-bottom: 20px; } @media only screen and (max-width: 1025px) { .site-menu__menu-list li { margin-bottom: 20px; } } .site-menu__menu-list li:last-child { margin-bottom: 0; } .site-menu__menu-list li a { font-size: 25px; line-height: 1.5rem; color: #84754e; font-weight: 700; display: inline-block; } @media only screen and (max-width: 1025px) { .site-menu__menu-list li a { font-size: 26px; line-height: 35px; } } .site-menu__menu-list li .sub-menu { margin: 25px 0 0 40px; display: none; } @media only screen and (max-width: 1025px) { .site-menu__menu-list li .sub-menu { margin: 10px 0 0 20px; } } .site-menu__menu-list li li { margin-bottom: 20px; } @media only screen and (max-width: 1025px) { .site-menu__menu-list li li { margin-bottom: 10px; } } .site-menu__menu-list li li a { font-size: 20px; line-height: 24px; color: #fff; display: inline-block; } @media only screen and (max-width: 1025px) { .site-menu__menu-list li li a { font-size: 14px; line-height: 20px; } } .site-menu__menu-list li li a:hover { color: #84754e; } .site-menu__menu-list li li:last-child { margin-bottom: 0; } .site-wrapper { overflow: hidden; } @media only screen and (max-width: 1023px) { .site-wrapper { padding-bottom: 100px; } } .site-footer { background: #fff; padding: 70px 0; text-align: center; } @media only screen and (max-width: 1366px) { .site-footer { padding: 48px 0; } } @media only screen and (max-width: 768px) { .site-footer { padding: 32px 0; } } .site-footer nav, .site-footer p { max-width: 780px; margin: 0 auto; } @media only screen and (max-width: 360px) { .site-footer nav, .site-footer p { font-size: 14px; line-height: 22px; } } .site-footer__navigation { margin-top: 40px !important; } .site-footer__menu { display: flex; align-items: center; justify-content: center; } .site-footer__menu li { border-right: solid 1px #000; } .site-footer__menu li:last-child { border-right: none; } .site-footer__menu a { font-size: 16px; line-height: 16px; color: #000; display: block; padding: 0 8px; font-weight: 700; } @media only screen and (max-width: 360px) { .site-footer__menu a { font-size: 14px; line-height: 14px; } } .site-footer__menu a:hover { text-decoration: underline; color: #000; } .get-in-touch { background: #000; color: #fff; padding: 100px 0; } @media only screen and (max-width: 768px) { .get-in-touch { padding: 50px 0; } } .get-in-touch__row { display: flex; } @media only screen and (max-width: 1023px) { .get-in-touch__row { flex-wrap: wrap; } } .get-in-touch__half { width: 50%; padding: 60px 0; box-sizing: border-box; } @media only screen and (max-width: 1023px) { .get-in-touch__half { width: 100%; padding: 0; } } .get-in-touch__half--left { border-right: solid 1px #fff; } @media only screen and (max-width: 1023px) { .get-in-touch__half--left { padding-bottom: 50px; border-bottom: solid 1px #fff; border-right: none; margin-bottom: 50px; } } .get-in-touch__half__inner { max-width: 680px; width: 90%; } @media only screen and (max-width: 1023px) { .get-in-touch__half__inner { width: 100%; max-width: none; } } .get-in-touch__half__inner > p { margin-bottom: 70px; } @media only screen and (max-width: 1023px) { .get-in-touch__half__inner > p { margin-bottom: 50px; } } .get-in-touch__half__inner > p:last-child { margin-bottom: 0; } .get-in-touch__half__inner > p a { color: #84754e; font-weight: 700; } .get-in-touch__half__inner > p a:hover { text-decoration: underline; color: #84754e; } .get-in-touch__half--right .get-in-touch__half__inner { float: right; clear: both; } @media only screen and (max-width: 1023px) { .get-in-touch__half--right .get-in-touch__half__inner { float: none; } } .get-in-touch__heading { color: #fff; } .get-in-touch__text { margin: 0; } .site-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; padding: 25px 0; z-index: 8002; } @media only screen and (max-width: 1023px) { .site-header { padding: 32px 0 0; position: static; transform: none !important; opacity: 1 !important; transition: none !important; } } .site-header__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); transform: translate(0, -100%); transition: all 0.3s ease-out; z-index: 1; } .site-header--scrolled .site-header__bg { transform: translate(0, 0); } .site-menu-open .site-header__bg { opacity: 0; pointer-events: none; } @media only screen and (max-width: 1023px) { .site-header__bg { display: none; } } .site-header__row { display: flex; position: relative; z-index: 2; } @media only screen and (max-width: 1023px) { .site-header__row { display: block; position: static; } } .site-header__half { width: 50%; display: flex; align-items: center; } @media only screen and (max-width: 1023px) { .site-header__half { width: 100%; display: block; } } .site-header__half--right { justify-content: flex-end; } .site-header__logo { margin: 0 auto 0 0; } .site-menu-open .site-header__logo { opacity: 0; pointer-events: none; } @media only screen and (max-width: 1023px) { .site-header__logo { margin: 0 auto; } } .site-header__navigation { padding-top: 15px; border-top: solid 1px #84754e; max-width: 680px; width: 90%; margin: 0; display: flex; align-items: center; transition: border-top-color 0.3s ease-out; } .site-menu-open .site-header__navigation { border-top-color: transparent; } @media only screen and (max-width: 1140px) { .site-header__navigation { justify-content: flex-end; } } @media only screen and (max-width: 1023px) { .site-header__navigation { justify-content: space-between; position: fixed; bottom: 0; left: 0; right: 0; max-width: none; width: 100%; z-index: 1000; border: none; height: 100px; background: #000; padding: 0 60px; box-sizing: border-box; } } @media only screen and (max-width: 768px) { .site-header__navigation { padding: 0 32px; } } .site-header__navigation__button { margin-left: 32px; padding-right: 48px; position: relative; display: inline-flex; height: 40px; align-items: center; font-size: 14px; line-height: 14px; font-weight: 500; color: #000; } .site-menu-open .site-header__navigation__button { color: #fff; } .site-header__navigation__button--mobile { padding-right: 40px !important; margin-left: 0; display: none; order: 1; } .site-header__navigation__button--mobile:before { background-image: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/icon-phone.svg); background-size: 17px; } @media only screen and (max-width: 1023px) { .site-header__navigation__button--mobile { display: inline-flex; } } .site-header__navigation__button--login:before { background-image: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/icon-login.svg); background-size: 14px 16px; } @media only screen and (max-width: 1023px) { .site-header__navigation__button--login { order: 0; } } .site-header__navigation__button--menu:before { background-image: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/icon-menu.svg); background-size: 16px; transition: background-image 0.15s ease-out; } .site-menu-open .site-header__navigation__button--menu:before { background-image: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/icon-close.svg); } @media only screen and (max-width: 1023px) { .site-header__navigation__button--menu { order: 2; } } @media only screen and (max-width: 1440px) { .site-header__navigation__button { margin-left: 16px; padding-right: 36px; height: 30px; font-size: 12px; line-height: 12px; } } @media only screen and (max-width: 1025px) { body.home .site-header__navigation__button { color: #fff; font-size: 14px; line-height: 14px; height: 40px; padding-right: 48px; } body.home .site-header--scrolled .site-header__navigation__button { color: #000; } .site-menu-open body.home .site-header--scrolled .site-header__navigation__button { color: #fff; } } @media only screen and (max-width: 1023px) { .site-header__navigation__button { color: #fff; font-size: 14px; line-height: 14px; height: 40px; padding-right: 48px; margin-left: 0; } } .site-header__navigation__button:before { content: ""; width: 40px; height: 40px; position: absolute; top: 0; right: 0; background-color: #84754e; background-position: center; background-repeat: no-repeat; border-radius: 50%; } @media only screen and (max-width: 1440px) { .site-header__navigation__button:before { height: 30px; width: 30px; } } @media only screen and (max-width: 1023px) { .site-header__navigation__button:before { width: 40px; height: 40px; } } .site-header__navigation__button:hover { color: #84754e !important; } .site-header__navigation p { margin: 0 auto 0 0; font-size: 14px; line-height: 14px; opacity: 1; transition: opacity 0.3s ease-out; } .site-menu-open .site-header__navigation p { opacity: 0; pointer-events: none; } @media only screen and (max-width: 1440px) { .site-header__navigation p { font-size: 12px; line-height: 12px; } } @media only screen and (max-width: 1140px) { .site-header__navigation p { display: none; } } .site-header__navigation p a { color: #000; } .site-header__navigation p a:hover { color: #000; text-decoration: underline; } .home-slider { height: 100vh; position: relative; background: #000; color: #fff; } @media only screen and (max-width: 1025px) { .home-slider { height: auto; -webkit-overflow-scrolling: touch; } } .home-slider__navigation { width: 40px; height: 40px; position: absolute; bottom: 62px; left: 50%; margin-left: -56px; border-radius: 50%; background: #84754e url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/arrow-down.svg) no-repeat center/16px; opacity: 0.95; margin-top: 0; top: auto; } .home-slider__navigation:after { display: none; } @media only screen and (max-width: 1025px) { .home-slider__navigation { display: none; } } .home-slider__navigation:hover { background-position-y: 65%; } .home-slider__navigation--up { margin-left: 16px; background: #84754e url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/arrow-up.svg) no-repeat center/16px; } .home-slider__navigation--up:hover { background-position-y: 35%; } .home-slider__navigation.swiper-button-disabled { opacity: 0.25; pointer-events: none; } .home-slider__slide { overflow: hidden; position: relative; z-index: 1; background: #000; } @media only screen and (max-width: 1025px) { .home-slider__slide { transform: none !important; height: auto !important; opacity: 1 !important; transition: none !important; pointer-events: all !important; } } .home-slider__slide:nth-child(2) { z-index: 2; } .home-slider__slide:nth-child(3) { z-index: 3; } .b-ie .home-slider__slide { opacity: 0 !important; visibility: hidden !important; position: absolute; } .b-ie .home-slider__slide.swiper-slide-active { opacity: 1 !important; visibility: visible !important; } .home-slider__slide__row { display: flex; height: 100%; } @media only screen and (max-width: 1025px) { .home-slider__slide__row { flex-wrap: wrap; } } .home-slider__slide__half { width: 50%; padding: 250px 0 100px 0; position: relative; transition: all 0.5s ease-out; transform: translate(0, 100%); background: #000; color: #fff; } @media only screen and (max-width: 1025px) { .home-slider__slide__half { padding: 100px 0; width: 100%; transform: none !important; transition: none !important; } } @media only screen and (max-width: 768px) { .home-slider__slide__half { padding: 64px 0; } } .home-slider__slide__half__inner { max-width: 680px; width: 90%; } @media only screen and (max-width: 1025px) { .home-slider__slide__half__inner { max-width: none; width: 100%; } } .b-ie .home-slider__slide__half { transform: translate(0, 0) !important; transition: 0 !important; } .home-slider__slide__half:before { content: ""; width: 2000px; height: 100%; background: #000; position: absolute; top: 0; bottom: 0; left: 99%; } .home-slider__slide__half:first-child:before { left: auto; right: 100%; } .home-slider__slide__half:last-child { transform: translate(0, -100%); } .home-slider__slide__half:last-child .home-slider__slide__half__inner { float: right; clear: both; } .home-slider__slide__half .swiper-slide-next, .swiper-slide-prev .home-slider__slide__half { transform: translate(0, -100%); } .home-slider__slide__half .swiper-slide-next:last-child, .swiper-slide-prev .home-slider__slide__half:last-child { transform: translate(0, 100%); } .home-slider__slide__half--light { background: #fff; color: #000; position: relative; } @media only screen and (max-width: 1025px) { .home-slider__slide__half--light { margin: 0 -60px; padding-left: 60px; padding-right: 60px; width: calc(100% + 120px); } } .home-slider__slide__half--light:before { background: #fff; } @media only screen and (max-width: 1025px) { .home-slider__slide__half--light:before { display: none; } } .home-slider__slide.swiper-slide-active .home-slider__slide__half { transform: translate(0, 0); } .home-slider__phase-1__sub-heading { color: #fff; } .home-slider__phase-1__heading { font-size: 36px; line-height: 40px; margin-bottom: 50px; } @media only screen and (max-width: 768px) { .home-slider__phase-1__heading { font-size: 26px; line-height: 35px; margin-bottom: 32px; } } .home-slider__phase-1__signature { display: flex; } .home-slider__phase-1__signature__image { width: 260px; margin-right: 45px; } .home-slider__phase-1__signature__image img { display: block; max-width: 100%; height: auto; } @media only screen and (max-width: 1280px) { .home-slider__phase-1__signature__image { width: 160px; margin-right: 20px; } } @media only screen and (max-width: 768px) { .home-slider__phase-1__signature__image { width: 149px; } } @media only screen and (max-width: 380px) { .home-slider__phase-1__signature__image { width: 140px; } } .home-slider__phase-1__signature__name { flex: 1; margin: 0; align-self: flex-end; font-size: 48px; line-height: 44px; color: #84754e; font-family: Journal, Arial, sans-serif; } @media only screen and (max-width: 1280px) { .home-slider__phase-1__signature__name { font-size: 32px; line-height: 29px; } } @media only screen and (max-width: 768px) { .home-slider__phase-1__signature__name { font-size: 28px; line-height: 26px; } } @media only screen and (max-width: 380px) { .home-slider__phase-1__signature__name { font-size: 26px; line-height: 24px; } } .home-slider__phase-1__testimonial p { font-size: 66px; line-height: 75px; font-weight: 700; color: #84754e; font-style: normal; margin: 0 0 30px 0; } @media only screen and (max-width: 1600px) { .home-slider__phase-1__testimonial p { font-size: 44px; line-height: 56px; margin: 0 0 20px 0; } } @media only screen and (max-width: 768px) { .home-slider__phase-1__testimonial p { font-size: 34px; line-height: 40px; } } .home-slider__phase-1__testimonial cite { padding: 30px 0 0 0; margin: 0; border-top: solid 1px #84754e; display: block; color: #000; font-size: 48px; line-height: 48px; font-family: Journal, Arial, sans-serif; } @media only screen and (max-width: 1600px) { .home-slider__phase-1__testimonial cite { font-size: 32px; line-height: 32px; padding-top: 20px; } } @media only screen and (max-width: 1025px) { .home-slider__phase-1 .home-slider__slide__half:first-child { padding-top: 20vh; } } .home-slider__phase-2__heading { font-size: 30px; line-height: 40px; margin-bottom: 30px!important; color: #000; margin: 0; } @media only screen and (max-width: 1366px) { .home-slider__phase-2__heading { font-size: 50px; line-height: 56px; } } @media only screen and (max-width: 1025px) { .home-slider__phase-2__heading { color: #fff; } } @media only screen and (max-width: 768px) { .home-slider__phase-2__heading { font-size: 34px; line-height: 46px; } } .home-slider__phase-2__sub-heading { margin-bottom: 109px; } @media only screen and (max-width: 1366px) { .home-slider__phase-2__sub-heading { margin-bottom: 50px; } } @media only screen and (max-width: 768px) { .home-slider__phase-2__sub-heading { margin-bottom: 25px; } } .home-slider__phase-2__cta { display: flex; } @media only screen and (max-width: 340px) { .home-slider__phase-2__cta { flex-wrap: wrap; } } .home-slider__phase-2__cta__image { width: 260px; margin-right: 45px; } .home-slider__phase-2__cta__image img { display: block; max-width: 100%; height: auto; } @media only screen and (max-width: 1280px) { .home-slider__phase-2__cta__image { width: 160px; margin-right: 20px; } } @media only screen and (max-width: 768px) { .home-slider__phase-2__cta__image { width: 149px; } } @media only screen and (max-width: 380px) { .home-slider__phase-2__cta__image { width: 140px; } } .home-slider__phase-2__cta__text { justify-self: flex-end; align-self: flex-end; margin: 0 0 0 auto; font-size: 14px; line-height: 40px; height: 40px; color: #fff; font-weight: 500; display: flex; } @media only screen and (max-width: 1025px) { .home-slider__phase-2__cta__text { color: #000; } } @media only screen and (max-width: 380px) { .home-slider__phase-2__cta__text { font-size: 12px; } } @media only screen and (max-width: 340px) { .home-slider__phase-2__cta__text { width: 100%; margin: 20px 0 0 0; text-align: right; justify-content: flex-end; } } .home-slider__phase-2__cta__text span { display: flex; width: 40px; height: 40px; background: #fff; border-radius: 50%; align-items: center; justify-content: center; margin-left: 20px; } @media only screen and (max-width: 1025px) { .home-slider__phase-2__cta__text span { background: #000; } } .home-slider__phase-2__cta__text span img { display: block; margin: 0 auto; max-width: 17px; height: auto; } @media only screen and (max-width: 1025px) { .home-slider__phase-2__cta__text span img { -webkit-filter: invert(100%); filter: invert(100%); } } .b-ie .home-slider__phase-2__cta__text span { position: relative; } .b-ie .home-slider__phase-2__cta__text span img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .home-slider__phase-2 .home-slider__slide__half { padding: 100px 0; display: flex; align-items: center; } @media only screen and (max-width: 1025px) { .home-slider__phase-2 .home-slider__slide__half.home-slider__slide__half--dark { background: #fff; color: #000; margin: 0 -60px; padding: 100px 60px; width: calc(100% + 120px); } .home-slider__phase-2 .home-slider__slide__half.home-slider__slide__half--light { background: #000; color: #fff; margin: 0; } } @media only screen and (max-width: 768px) { .home-slider__phase-2 .home-slider__slide__half { padding: 64px 0; } .home-slider__phase-2 .home-slider__slide__half.home-slide__slide__half--dark { padding: 64px 60px; } } .home-slider__phase-2 .home-slider__slide__half:last-child { justify-content: flex-end; } .home-slider__phase-2 .home-slider__slide__half__inner { position: relative; } .home-slider__phase-2 .home-slider__slide__half__inner .home-slider__phase-2__cta, .home-slider__phase-2 .home-slider__slide__half__inner .home-slider__phase-2__sub-heading { opacity: 1; transition: all 0.3s ease-out; } .home-slider__phase-2 .home-slider__slide__half__inner:hover .home-slider__phase-2__cta, .home-slider__phase-2 .home-slider__slide__half__inner:hover .home-slider__phase-2__sub-heading { opacity: 0.75; } .home-slider__phase-3__why { font-family: Journal, Arial, sans-serif; text-align: center; color: #84754e; font-size: 100px; line-height: 44px; margin-bottom: 80px; font-weight: 400; } @media only screen and (max-width: 1025px) { .home-slider__phase-3__why { font-size: 55px; line-height: 60px; margin-bottom: 64px; } } .home-slider__phase-3__links { display: flex; } @media only screen and (max-width: 768px) { .home-slider__phase-3__links { flex-wrap: wrap; } } .home-slider__phase-3__links__link { width: 50%; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; padding-left: 115px; position: relative; } @media only screen and (max-width: 768px) { .home-slider__phase-3__links__link { width: 100%; padding-left: 0; padding-top: 32px; } } .home-slider__phase-3__links__link:first-child { border-right: solid 1px #fff; justify-content: flex-end; padding-right: 115px; padding-left: 0; } @media only screen and (max-width: 768px) { .home-slider__phase-3__links__link:first-child { padding-right: 0; padding-top: 0; padding-bottom: 32px; border-right: none; border-bottom: solid 1px #fff; } } .home-slider__phase-3__links__link__inner { max-width: 220px; width: 100%; padding: 45px 0; transition: all 0.3s ease-out; opacity: 1; } @media only screen and (max-width: 768px) { .home-slider__phase-3__links__link__inner { padding: 0; max-width: none; } } .home-slider__phase-3__links__link__inner:hover { opacity: 0.75; } .home-slider__phase-3__links__link p { font-size: 25px; line-height: 39px; margin: 0; font-weight: 700; } @media only screen and (max-width: 768px) { .home-slider__phase-3__links__link p { font-size: 26px; line-height: 35px; } .home-slider__phase-3__links__link p br { display: none; } } .home-slider__phase-3__links__link span { display: flex; width: 40px; height: 40px; background: #fff; border-radius: 50%; align-items: center; justify-content: center; margin-bottom: 20px; } @media only screen and (max-width: 768px) { .home-slider__phase-3__links__link span { margin-bottom: 10px; } } .home-slider__phase-3__links__link span img { display: block; margin: 0 auto; max-width: 17px; height: auto; } .b-ie .home-slider__phase-3__links__link span { position: relative; } .b-ie .home-slider__phase-3__links__link span img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .home-slider__phase-3__news-heading { font-size: 66px; line-height: 75px; font-weight: 700; color: #000; margin-bottom: 75px; } @media only screen and (max-height: 1032px) { .home-slider__phase-3__news-heading { margin-bottom: 64px; font-size: 60px; } } @media only screen and (max-width: 1366px) { .home-slider__phase-3__news-heading { font-size: 50px; line-height: 56px; margin-bottom: 64px; } } @media only screen and (max-width: 768px) { .home-slider__phase-3__news-heading { font-size: 34px; line-height: 46px; } } .home-slider__phase-3__news-list__item { margin-bottom: 60px; transform: translate(25%, 0); opacity: 0; transition: all 0.6s ease-out; } @media only screen and (max-height: 1032px) { .home-slider__phase-3__news-list__item { margin-bottom: 36px; } } @media only screen and (max-width: 1025px) { .home-slider__phase-3__news-list__item { transform: none !important; transition-delay: 0s !important; opacity: 1 !important; } } .home-slider__phase-3__news-list__item:nth-child(1) { transition-delay: 0.6s; } .home-slider__phase-3__news-list__item:nth-child(2) { transition-delay: 0.9s; } .home-slider__phase-3__news-list__item:nth-child(3) { transition-delay: 1.2s; } .home-slider__phase-3__news-list__item:nth-child(2n) { transform: translate(-25%, 0); } @media only screen and (max-width: 1366px) { .home-slider__phase-3__news-list__item { margin-bottom: 45px; } } .home-slider__phase-3__news-list__item__categories { font-size: 20px; line-height: 20px; margin-bottom: 15px; padding-bottom: 17px; border-bottom: solid 1px #000; color: #000 !important; font-weight: 700; } .home-slider__phase-3__news-list__item__categories a { color: #000 !important; display: inline-block; } .home-slider__phase-3__news-list__item__categories a:hover { color: #84754e !important; } @media only screen and (max-width: 768px) { .home-slider__phase-3__news-list__item__categories { font-size: 18px; line-height: 18px; margin-bottom: 22px; padding-bottom: 22px; } } .home-slider__phase-3__news-list__item__title { margin: 0; } .home-slider__phase-3__news-list__item__title a { color: #84754e !important; display: inline-block; } .home-slider__phase-3__news-list__item__title a:hover { color: #000 !important; } .home-slider__phase-3__read-more { position: absolute; bottom: -90px; right: 0; } @media only screen and (max-width: 1025px) { .home-slider__phase-3__read-more { position: static; text-align: right; } } .home-slider__phase-3__read-more a { color: #84754e; display: inline-flex; align-items: center; height: 40px; padding-right: 58px; position: relative; font-weight: 500; font-size: 14px; } .home-slider__phase-3__read-more a:before { content: ""; width: 40px; height: 40px; border-radius: 50%; background-color: #84754e; background-position: center; background-repeat: no-repeat; background-image: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/arrow-right.svg); background-size: 16px; position: absolute; top: 0; right: 0; transition: all 0.3s ease-out; } .home-slider__phase-3__read-more a:hover:before { background-position-x: 65%; } .home-slider__phase-3.swiper-slide-active .home-slider__phase-3__news-list__item { transform: translate(0, 0); opacity: 1; } .home-slider__phase-3 .home-slider__slide__half__inner { position: relative; } .home-slider__phase-3 .home-slider__slide__half--dark { z-index: 20; } .home-slider__phase-3 .home-slider__slide__half--light { padding-top: 150px; z-index: 10; } @media only screen and (max-width: 1025px) { .home-slider__phase-3 .home-slider__slide__half--light { padding-top: 100px; } } @media only screen and (max-width: 768px) { .home-slider__phase-3 .home-slider__slide__half--light { padding-top: 64px; } } .home-slider .swiper-wrapper { transition-delay: 0.5s !important; } @media only screen and (max-width: 1025px) { .home-slider .swiper-wrapper { transition-delay: 0s !important; display: block !important; height: auto !important; transform: none !important; } } .home-slider .swiper-container { width: 100%; height: 100%; } @media only screen and (max-width: 1025px) { .home-slider .swiper-container { height: auto !important; } } .site-logo { display: block; width: 249px; height: 65px; background: url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/logo.svg) no-repeat center/100%; } @media only screen and (max-width: 1023px) { .site-logo { width: 200px; height: 52px; } } .site-logo:hover { opacity: 0.75; } .site-page { padding: 100px 0; } @media only screen and (max-width: 1025px) { .site-page .text-entry.type-page { padding-top: 30px; } } @media only screen and (max-width: 768px) { .site-page { padding: 30px 0; } .site-page .text-entry.type-page { padding-top: 90px; } } .post-lister { display: flex; flex-wrap: wrap; } .post-lister__post { width: 45%; max-width: 680px; margin: 0 auto 90px 0; } .post-lister__post:last-child, .post-lister__post:nth-last-child(2) { margin-bottom: 0; } @media only screen and (max-width: 1023px) { .post-lister__post { max-width: none; width: 100%; margin-right: 0; margin-bottom: 60px; } .post-lister__post:nth-last-child(2) { margin-bottom: 60px; } .post-lister__post:last-child { margin-bottom: 0; } } .post-lister__post:nth-child(2n) { margin-right: 0; } .post-lister__post__categories { font-size: 20px; line-height: 20px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: solid 1px #000; color: #000; font-weight: 700; } .post-lister__post__categories a { color: #000; } .post-lister__post__categories a:hover { color: #84754e; } @media only screen and (max-width: 768px) { .post-lister__post__categories { font-size: 18px; line-height: 18px; margin-bottom: 22px; padding-bottom: 22px; } } .post-lister__post__title { margin: 0; } .post-lister__post__title a { color: #84754e; } .post-lister__post__title a:hover { color: #000; } .text-entry { max-width: 780px; width: 100%; margin: 0 auto; } .text-entry .h3, .text-entry h3 { margin-top: 50px; } .text-entry .h3:first-child, .text-entry h3:first-child { margin-top: 0; } .text-entry a:not(.btn) { color: #84754e; font-weight: 700; } .text-entry a:not(.btn):hover { color: #000; } .text-entry .wp-block-quote, .text-entry blockquote { margin: 50px -140px 70px -140px; } @media only screen and (max-width: 1160px) { .text-entry .wp-block-quote, .text-entry blockquote { margin-left: -16px; margin-right: -16px; } } @media only screen and (max-width: 768px) { .text-entry .wp-block-quote, .text-entry blockquote { margin-top: 28px; margin-bottom: 38px; } } .text-entry .wp-block-quote p, .text-entry blockquote p { font-family: Journal, Arial, sans-serif; color: #84754e; font-size: 100px; line-height: 100px; font-style: normal; } @media only screen and (max-width: 1366px) { .text-entry .wp-block-quote p, .text-entry blockquote p { font-size: 80px; line-height: 80px; } } @media only screen and (max-width: 768px) { .text-entry .wp-block-quote p, .text-entry blockquote p { font-size: 55px; line-height: 50px; } } .text-entry .wp-block-quote cite, .text-entry blockquote cite { display: block; margin: 20px 0 0 0; color: #84754e; font-weight: 700; } .text-entry .wp-block-image { margin: 70px -140px; } @media only screen and (max-width: 768px) { .text-entry .wp-block-image { margin: 28px -32px; } } .text-entry .wp-block-image img { display: block; max-width: 100%; height: auto; } .text-entry ul { margin-left: 0; } .text-entry ul li { list-style: none; padding-left: 28px; position: relative; } .text-entry ul li:before { content: ""; width: 7px; height: 7px; position: absolute; top: 7px; left: 0; background: #84754e; } .introduction { overflow: hidden; position: relative; } .introduction__row { min-height: 100vh; display: flex; } .b-ie .introduction__row { height: auto; min-height: 0; } @media only screen and (max-width: 1023px) { .introduction__row { min-height: 0; flex-wrap: wrap; } } .introduction__pane { padding: 320px 0 100px 0; width: 50%; position: relative; } @media only screen and (max-width: 1023px) { .introduction__pane { padding: 20vh 0 60px 0; width: 100%; } } .introduction__pane--dark { background: #000; color: #fff; } .introduction__pane--dark:before { content: ""; width: 2000px; height: 100%; position: absolute; top: 0; bottom: 0; background: #000; } .introduction__pane--dark:after { content: ""; width: 2000px; height: 100%; position: absolute; top: 0; bottom: 0; left: 100%; background: #000; display: none; } @media only screen and (max-width: 1023px) { .introduction__pane--dark:after { display: block; } } .introduction__pane--light { background: #fff; color: #000; } .introduction__pane--left.introduction__pane--dark:before { right: 100%; } @media only screen and (max-width: 1023px) { .introduction__pane--right { padding: 64px 0; } } .introduction__pane--right .introduction__pane__inner { float: right; clear: both; } @media only screen and (max-width: 1023px) { .introduction__pane--right .introduction__pane__inner { float: none; } } .introduction__pane__inner { max-width: 680px; width: 90%; } @media only screen and (max-width: 1023px) { .introduction__pane__inner { max-width: none; width: 100%; } } .introduction__pane__inner p { font-size: 36px; line-height: 39px; } @media only screen and (max-width: 1366px) { .introduction__pane__inner p { font-size: 34px; line-height: 40px; } } .introduction__pane__inner p:last-child { margin: 0; } .introduction__pane__post-intro p { font-weight: 700; } .introduction__pane__post-intro p:last-child { margin: 0; } .introduction__pane__latest-post p { font-weight: 700; font-size: 20px; line-height: 20px; margin: 0 0 25px 0; padding: 0 0 25px 0; border-bottom: solid 1px #000; } @media only screen and (max-width: 768px) { .introduction__pane__latest-post p { font-size: 18px; line-height: 18px; margin: 0 0 22px 0; padding: 0 0 22px 0; } } .introduction__pane__latest-post p a { color: #000; } .introduction__pane__latest-post p a:hover { color: #84754e; } .introduction__pane__latest-post h2 { margin-bottom: 35px; } @media only screen and (max-width: 768px) { .introduction__pane__latest-post h2 { margin-bottom: 22px; } } .introduction__pane__latest-post h2 a { color: #84754e; } .introduction__pane__latest-post h2 a:hover { color: #000; } .introduction__pane__latest-post figure img { display: block; max-width: 100%; height: auto; } .introduction__heading { color: #84754e; } .introduction__heading:last-child { margin-bottom: 0; } .introduction__sub-heading { font-size: 20px !important; line-height: 24px !important; font-weight: 700; } @media only screen and (max-width: 768px) { .introduction__sub-heading { font-size: 18px !important; line-height: 24px !important; } } .introduction__smaller-text { font-size: 20px !important; line-height: 20px !important; margin: 0; } .introduction__smaller-text a { color: #fff; } .introduction__smaller-text a:hover { color: #84754e; } @media only screen and (max-width: 768px) { .introduction__smaller-text { font-size: 18px !important; line-height: 18px !important; } } .introduction__categories { font-size: 20px !important; line-height: 24px !important; } @media only screen and (max-width: 768px) { .introduction__categories { font-size: 18px !important; line-height: 24px !important; } } .introduction__categories a { color: #fff; font-weight: 700; } .introduction__categories a:hover { color: #84754e; } .introduction__scroll-down { width: 40px; height: 40px; position: absolute; bottom: 62px; left: 50%; margin-left: -20px; border-radius: 50%; background: #84754e url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/arrow-down.svg) no-repeat center/16px; opacity: 0.95; } @media only screen and (max-width: 1023px) { .introduction__scroll-down { display: none; } } .introduction__scroll-down:hover { background-position-y: 65%; } .side-by-side-links { background: #000; color: #fff; } @media only screen and (max-width: 1023px) { .side-by-side-links { padding: 32px 0; } } .side-by-side-links__row { min-height: calc(100vh - 115px); display: flex; align-items: center; position: relative; } .b-ie .side-by-side-links__row { min-height: 0; height: calc(100vh - 115px); overflow-y: auto; } .side-by-side-links__row:before { content: ""; width: 1px; height: auto; top: 130px; left: 50%; bottom: 130px; background: #fff; position: absolute; } @media only screen and (max-width: 1023px) { .side-by-side-links__row:before { display: none; } } @media only screen and (max-width: 1023px) { .side-by-side-links__row { min-height: 0; flex-wrap: wrap; } .side-by-side-links__row:before { display: none; } } .side-by-side-links__half { padding: 130px 50px; width: 50%; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 1023px) { .side-by-side-links__half { padding: 32px 0; width: 100%; align-items: flex-start; justify-content: flex-start; } } @media only screen and (max-width: 1023px) { .side-by-side-links__half--left { border-bottom: solid 1px #fff; } } .side-by-side-links__inner { max-width: 680px; width: 90%; } @media only screen and (max-width: 1023px) { .side-by-side-links__inner { max-width: none; width: 100%; } } .side-by-side-links__heading { margin-bottom: 0; color: #fff; transition: all 0.3s ease-out; } @media only screen and (max-width: 1023px) { .side-by-side-links__heading { font-size: 26px; line-height: 36px; } } .side-by-side-links__half:hover .side-by-side-links__heading { color: #84754e; } .side-by-side-links__heading span { display: flex; width: 51px; height: 51px; background: #fff; border-radius: 50%; align-items: center; justify-content: center; margin-bottom: 12px; transition: background 0.3s ease-out; } .b-ie .side-by-side-links__heading span { display: block; position: relative; } @media only screen and (max-width: 1023px) { .side-by-side-links__heading span { width: 34px; height: 34px; } } .side-by-side-links__half:hover .side-by-side-links__heading span { background: #84754e; } .side-by-side-links__heading span img { display: block; margin: 0 auto; height: auto; width: 18px; } .b-ie .side-by-side-links__heading span img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width: 1023px) { .side-by-side-links__heading span img { width: 12px; } } .side-by-side-links__half--left .side-by-side-links__heading span img { width: 23px; } @media only screen and (max-width: 1023px) { .side-by-side-links__half--left .side-by-side-links__heading span img { width: 15px; } } .step-blocks__step { overflow: hidden; position: relative; } .step-blocks__step--dark { background: #000; color: #fff; } .step-blocks__step__row { min-height: calc(100vh - 115px); display: flex; align-items: center; position: relative; } .step-blocks__step__row:before { content: ""; width: 1px; height: auto; top: 130px; left: 50%; bottom: 160px; background: #000; position: absolute; } .step-blocks__step--dark .step-blocks__step__row:before { background-color: #fff; } @media only screen and (max-width: 1023px) { .step-blocks__step__row { min-height: 0; flex-wrap: wrap; } .step-blocks__step__row:before { display: none; } } .step-blocks__step__scroll-down { width: 40px; height: 40px; position: absolute; bottom: 62px; left: 50%; margin-left: -20px; border-radius: 50%; background: #000 url(//dianegenders.co.uk/wp-content/themes/diane-genders/dist/../images/arrow-down.svg) no-repeat center/16px; } .step-blocks__step--dark .step-blocks__step__scroll-down { background-color: #84754e; } @media only screen and (max-width: 1023px) { .step-blocks__step__scroll-down { display: none; } } .step-blocks__step__scroll-down:hover { background-position-y: 65%; } .step-blocks__step__half { padding: 130px 0; width: 50%; position: relative; box-sizing: border-box; } @media only screen and (max-width: 1023px) { .step-blocks__step__half { padding: 64px 0; width: 100%; } } @media only screen and (max-width: 1023px) { .step-blocks__step__half--left { border-bottom: solid 1px #000; } .step-blocks__step--dark .step-blocks__step__half--left { border-bottom-color: #fff; } } .step-blocks__step__half--right .step-blocks__step__inner { float: right; clear: both; } @media only screen and (max-width: 1023px) { .step-blocks__step__half--right .step-blocks__step__inner { float: none; } } .step-blocks__step__inner { max-width: 680px; width: 90%; } @media only screen and (max-width: 1023px) { .step-blocks__step__inner { max-width: none; width: 100%; } } .step-blocks__step__number { display: flex; width: 69px; height: 69px; align-items: center; justify-content: center; font-weight: 700; color: #84754e; border: solid 1px #84754e; border-radius: 50%; margin-bottom: 34px; font-size: 45px; line-height: 45px; } .step-blocks__step__heading { margin-bottom: 0; } .step-blocks__step p { font-size: 16px; line-height: 26px; } .step-blocks__step p:last-child { margin: 0; } div.responsive-table { overflow-x: auto; } div.responsive-table table { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #000; } div.responsive-table th { background-color: #000; color: #fff; font-size: 16px; } div.responsive-table table tr td:nth-child(1), div.responsive-table th:nth-child(1) { border-left: 2px solid #000; border-right: 2px solid #000; width: 55%; } div.responsive-table table tr td:nth-child(1), div.responsive-table table tr td:nth-child(2), div.responsive-table table tr td:nth-child(3) { border-bottom: 2px solid #000; } div.responsive-table table tr.empty { height: 30px; } div.responsive-table table tr.empty td, div.responsive-table table tr.subheading td { border-bottom: 0 solid #000; font-weight: 700; } div.responsive-table table tr td:nth-child(2), div.responsive-table th:nth-child(2) { border-right: 2px solid #000; text-align: right; width: 20%; } div.responsive-table table tr td:nth-child(3), div.responsive-table th:nth-child(3) { border-right: 2px solid #000; text-align: right; width: 30%; } div.responsive-table table tr.last-child td:nth-child(1), div.responsive-table table tr.last-child td:nth-child(2), div.responsive-table table tr.last-child td:nth-child(3) { border-bottom: 0 solid #000; } div.responsive-table td, div.responsive-table th { text-align: left; padding: 8px; } div.responsive-table tr:nth-child(even) { background-color: #f2f2f2; } .g-map iframe { width: 100%; height: 500px; } .site-header__navigation__button--home:before { background-image: url(/wp-content/themes/diane-genders/dist/../images/home-icon.svg); background-size: 18px 18px; } .home-slider__phase-1__testimonial p { font-size: 60px; line-height: 69px; } .home-slider__slide blockquote { margin-bottom: 0px; } .home-slider__slide__half { display: flex; align-items: center; } .home-slider__slide__half:last-child { justify-content: flex-end; } .home-slider__phase-3__news-list__item:last-child { margin-bottom: 0px; } .introduction__pane--left, .introduction__pane--right { display: flex; align-items: center; } .introduction__pane--right:last-child { justify-content: flex-end; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive::before { display: block; content: ""; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .dark-form .container { padding-left: 0; padding-right: 0; } .dark-form .wpcf7-select, .dark-form .wpcf7-text, .dark-form .wpcf7-textarea, .dark-form .wpcf7-date, .dark-form select { display: block; height: 44px; width: 100%; padding: 0 12px; box-sizing: border-box; border: solid 2px #000; transition: border-color 0.3s ease-out; font-family: Gotham, Arial, sans-serif; font-size: 16px; border-radius: 0; } .dark-form .wpcf7-textarea { height: 200px; } .dark-form .wpcf7-submit:hover { background: #000; color: #fff; } @media screen and (max-width: 768px) { .home-slider__phase-1__testimonial p { font-size: 26px; line-height: 35px; } .home-slider__phase-2__heading { font-size: 26px; line-height: 35px; } .site-header__navigation__button { color: #fff; font-size: 13px; line-height: 14px; height: 40px; padding-right: 0; margin-left: 0; content: ""; } body.home .site-header__navigation__button { font-size: 12px; padding-right: 0px; } .home-slider__slide__half--light { margin: 0; padding-left: 0px; padding-right: 0px; } .home-slider__phase-2 .home-slider__slide__half.home-slider__slide__half--dark { padding: 100px 0px; } .home-slider__slide__half--light:before { background: #fff; display: block; } .home-slider__phase-1 .home-slider__slide__half--light:before { content: ""; width: 2000px; height: 100%; background: #fff; position: absolute; top: 0; bottom: 0; left: 100%; } .home-slider__phase-1 .home-slider__slide__half--light:after { content: ""; width: 2000px; height: 100%; background: #fff; position: absolute; top: 0; bottom: 0; right: 100%; } .home-slider__phase-2 .home-slider__slide__half.home-slider__slide__half--dark { margin: 0; } .home-slider__phase-2 .home-slider__slide__half--light:before { background-color: #000; } .home-slider__phase-2 .home-slider__slide__half--dark:before { content: ""; width: 2000px; height: 100%; background: #fff; position: absolute; top: 0; bottom: 0; left: 100%; } .home-slider__phase-2 .home-slider__slide__half--dark:after { display: block; content: ""; width: 2000px; height: 100%; background: #fff; position: absolute; top: 0; bottom: 0; right: 100%; } .home-slider__phase-3 .home-slider__slide__half--light:before { content: ""; width: 2000px; height: 100%; background: #fff; position: absolute; top: 0; bottom: 0; left: 100%; } .home-slider__phase-3 .home-slider__slide__half--light:after { display: block; content: ""; width: 2000px; height: 100%; background: #fff; position: absolute; top: 0; bottom: 0; right: 100%; } .site-page .text-entry.type-page { padding-top: 0px; } } @media screen and (max-width: 600px) { .home-slider__phase-2__cta { display: block; } .home-slider__phase-2__cta__text { margin-top: 30px; } } @media screen and (max-width: 1366px) and (min-width: 732px) { .home-slider__phase-1__signature__image img { width: 200px; } .home-slider__slide__half.home-slider__slide__half--dark { padding: 160px 0 100px 0; } .home-slider__phase-1__heading { font-size: 30px; } .home-slider__phase-1__testimonial p { font-size: 40px; line-height: 1.2; } } @media screen and (min-width: 1024px) and (max-height: 835px) { .home-slider__phase-1__heading { margin-bottom: 20px; } .home-slider__phase-1__signature__image { width: 160px; } .home-slider__phase-1__testimonial p { font-size: 36px; line-height: 42px; } .home-slider__phase-2__sub-heading { margin-bottom: 40px; } .home-slider__phase-2__cta__image { width: 200px; } .home-slider__phase-2 .home-slider__slide__half { padding-top: 200px; } .home-slider__phase-3__news-heading { font-size: 24px; line-height: 24px; margin-bottom: 36px; } .home-slider__phase-3__news-list__item__title { font-size: 24px; line-height: 24px; } .home-slider__phase-3__why { font-size: 80px; } .home-slider__slide__half { padding-top: 160px; } } @media screen and (min-width: 1024px) and (max-height: 620px) { .home-slider__phase-1__signature__image { width: 135px; } .home-slider__phase-1__heading, .home-slider__phase-1__testimonial p { font-size: 32px; line-height: 42px; } } .flex { display: flex; flex-wrap: wrap; } .flex .wp-caption img { border: 1px solid black; height: auto; order: 2; width: 100%; } .flex .wp-caption img[style] { height: auto; width: 100%; } .flex .wp-caption { align-items: flex-start; display: flex; flex: 0 0 100%; flex-direction: row; flex-wrap: wrap; max-width: 100%; } .flex .wp-caption .wp-caption-text { color: #84754e; font-size: 18px; font-weight: bold; margin-bottom: 0.5em; } @media screen and (min-width: 820px) { .flex { margin-left: -45px; margin-right: -45px; } .flex .wp-caption { flex: 0 0 50%; max-width: 50%; width: auto !important; } } @media screen and (min-width: 1024px) { .flex { margin-left: -100px; margin-right: -100px; } } @media screen and (min-width: 1280px) { .flex { margin-left: -200px; margin-right: -200px; } } .img-1 { width: 50%; } .img-2 { width: 50%; } .ltr-cir { background: #89754E; border-radius: 100%; padding: 2px; color: #fff; } @media (max-width: 768px) { .img-fluid { width: 100%!important; } } @media screen and (min-width: 820px) { .site-menu__menu-list li .sub-menu { columns: 2; } .site-menu__menu-list li li { border-bottom: solid 1px #fff; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding-bottom: 10px; } } @media screen and (min-width: 1026px) { .site-menu__menu-list li li { margin-bottom: 15px; padding-bottom: 15px; } .site-menu__menu-list li li a { font-size: 18px; } } .gallery { margin-bottom: 2.2em !important; margin-left: -7px !important; margin-right: -7px !important; } .gallery img { border: 0 !important; height: auto; max-width: 100%; padding: 0 7px; } .site-page { padding-top: 120px; } #map { height: 20em; } @media screen and (min-width: 820px) { #map { height: 30em; } } .img-1{width:50%}.img-2{width:50%}.ltr-cir{background:#89754e;border-radius:100%;padding:2px;color:#fff}@media (max-width:768px){.img-fluid{width:100%!important}}