@import url(https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); /** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 2023 */ @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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (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:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.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;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-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-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} @charset "UTF-8"; @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes rotate { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 0.5; } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } } .path { stroke-dasharray: 10; stroke-dashoffset: 500; -webkit-animation: dash 10s linear alternate infinite; -o-animation: dash 10s linear alternate infinite; animation: dash 10s linear alternate infinite; } @-webkit-keyframes dash { to { stroke-dashoffset: 0; } } @-o-keyframes dash { to { stroke-dashoffset: 0; } } @keyframes dash { to { stroke-dashoffset: 0; } } /** Import everything from autoload */ /** * Foundation for Sites * Version 6.9.0 * https://get.foundation * Licensed under MIT Open Source */ @media print, screen and (min-width: 40em) { .reveal.large, .reveal.small, .reveal.tiny, .reveal { right: auto; left: auto; margin: 0 auto; } } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: 0; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } [data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, [data-whatintent=touch] *, [data-whatintent=touch] *:focus, [data-whatinput=mouse] *, [data-whatinput=mouse] *:focus, [data-whatinput=touch] *, [data-whatinput=touch] *:focus { outline: none; } [draggable=false] { -webkit-touch-callout: none; -webkit-user-select: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { margin: 0; padding: 0; background: #ffffff; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput=mouse] button { outline: 0; } pre { overflow: auto; -webkit-overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: #ffffff; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #000000; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #ffffff; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type=submit], [type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box; } ::-webkit-input-placeholder { color: #cacaca; } ::-moz-placeholder { color: #cacaca; } :-ms-input-placeholder { color: #cacaca; } ::-ms-input-placeholder { color: #cacaca; } ::placeholder { color: #cacaca; } [type=file], [type=checkbox], [type=radio] { margin: 0 0 1rem; } [type=checkbox] + label, [type=radio] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type=checkbox] + label[for], [type=radio] + label[for] { cursor: pointer; } label > [type=checkbox], label > [type=radio] { margin-right: 0.5rem; } [type=file] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #000000; } label.middle { margin: 0 0 1rem; line-height: 1.5; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #000000; } .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #000000; text-align: center; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { -ms-flex-item-align: stretch; align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #ffffff; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #000000; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; background-image: url('data:image/svg+xml;utf8,'); } @media screen and (min-width: 0\0 ) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #8a8a8a; background-color: #ffffff; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: rgb(249.9, 237, 235); } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::-moz-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::-ms-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .is-invalid-label { color: #cc4b37; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #cc4b37; } .form-error.is-visible { display: block; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h2, .h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h3, .h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h4, .h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h5, .h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h6, .h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.5rem; } h3, .h3 { font-size: 1.9375rem; } h4, .h4 { font-size: 1.5625rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } } a { line-height: inherit; color: #1779ba; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: rgb(19.78, 104.06, 159.96); } a img { border: 0; } hr { clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ul ol, ol ul, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } abbr, abbr[title] { border-bottom: 1px dotted #000000; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #000000; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #8a8a8a; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #000000; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #000000; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; -webkit-print-color-adjust: economy; print-color-adjust: economy; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } .grid-container { max-width: 75rem; margin-left: auto; margin-right: auto; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.fluid { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-container.fluid { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.full { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } .grid-x { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .cell { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%; } .cell.auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .cell.shrink { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .auto { width: auto; } .grid-x > .shrink { width: auto; } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } .grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .small-1 { width: 8.3333333333%; } .grid-x > .small-2 { width: 16.6666666667%; } .grid-x > .small-3 { width: 25%; } .grid-x > .small-4 { width: 33.3333333333%; } .grid-x > .small-5 { width: 41.6666666667%; } .grid-x > .small-6 { width: 50%; } .grid-x > .small-7 { width: 58.3333333333%; } .grid-x > .small-8 { width: 66.6666666667%; } .grid-x > .small-9 { width: 75%; } .grid-x > .small-10 { width: 83.3333333333%; } .grid-x > .small-11 { width: 91.6666666667%; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .grid-x > .medium-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; width: auto; } .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .medium-shrink { width: auto; } .grid-x > .medium-1 { width: 8.3333333333%; } .grid-x > .medium-2 { width: 16.6666666667%; } .grid-x > .medium-3 { width: 25%; } .grid-x > .medium-4 { width: 33.3333333333%; } .grid-x > .medium-5 { width: 41.6666666667%; } .grid-x > .medium-6 { width: 50%; } .grid-x > .medium-7 { width: 58.3333333333%; } .grid-x > .medium-8 { width: 66.6666666667%; } .grid-x > .medium-9 { width: 75%; } .grid-x > .medium-10 { width: 83.3333333333%; } .grid-x > .medium-11 { width: 91.6666666667%; } .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .grid-x > .large-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; width: auto; } .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .large-shrink { width: auto; } .grid-x > .large-1 { width: 8.3333333333%; } .grid-x > .large-2 { width: 16.6666666667%; } .grid-x > .large-3 { width: 25%; } .grid-x > .large-4 { width: 33.3333333333%; } .grid-x > .large-5 { width: 41.6666666667%; } .grid-x > .large-6 { width: 50%; } .grid-x > .large-7 { width: 58.3333333333%; } .grid-x > .large-8 { width: 66.6666666667%; } .grid-x > .large-9 { width: 75%; } .grid-x > .large-10 { width: 83.3333333333%; } .grid-x > .large-11 { width: 91.6666666667%; } .grid-x > .large-12 { width: 100%; } } .grid-margin-x:not(.grid-x) > .cell { width: auto; } .grid-margin-y:not(.grid-y) > .cell { height: auto; } .grid-margin-x { margin-left: -0.625rem; margin-right: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: 0.625rem; margin-right: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x > .cell { width: calc(100% - 1.875rem); margin-left: 0.9375rem; margin-right: 0.9375rem; } } .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.875rem); } .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .medium-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .medium-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .medium-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .medium-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .medium-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .medium-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .medium-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x > .large-auto { width: auto; } .grid-margin-x > .large-shrink { width: auto; } .grid-margin-x > .large-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .large-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .large-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .large-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .large-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .large-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .large-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .large-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .large-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .large-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .large-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .large-12 { width: calc(100% - 1.875rem); } } .grid-padding-x .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-container:not(.full) > .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-container:not(.full) > .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-padding-x > .cell { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x > .cell { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .small-up-1 > .cell { width: 100%; } .small-up-2 > .cell { width: 50%; } .small-up-3 > .cell { width: 33.3333333333%; } .small-up-4 > .cell { width: 25%; } .small-up-5 > .cell { width: 20%; } .small-up-6 > .cell { width: 16.6666666667%; } .small-up-7 > .cell { width: 14.2857142857%; } .small-up-8 > .cell { width: 12.5%; } @media print, screen and (min-width: 40em) { .medium-up-1 > .cell { width: 100%; } .medium-up-2 > .cell { width: 50%; } .medium-up-3 > .cell { width: 33.3333333333%; } .medium-up-4 > .cell { width: 25%; } .medium-up-5 > .cell { width: 20%; } .medium-up-6 > .cell { width: 16.6666666667%; } .medium-up-7 > .cell { width: 14.2857142857%; } .medium-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 64em) { .large-up-1 > .cell { width: 100%; } .large-up-2 > .cell { width: 50%; } .large-up-3 > .cell { width: 33.3333333333%; } .large-up-4 > .cell { width: 25%; } .large-up-5 > .cell { width: 20%; } .large-up-6 > .cell { width: 16.6666666667%; } .large-up-7 > .cell { width: 14.2857142857%; } .large-up-8 > .cell { width: 12.5%; } } .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.875rem); } .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x.large-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.large-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.large-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.large-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.large-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.large-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.large-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 1.875rem); } } .small-margin-collapse { margin-right: 0; margin-left: 0; } .small-margin-collapse > .cell { margin-right: 0; margin-left: 0; } .small-margin-collapse > .small-1 { width: 8.3333333333%; } .small-margin-collapse > .small-2 { width: 16.6666666667%; } .small-margin-collapse > .small-3 { width: 25%; } .small-margin-collapse > .small-4 { width: 33.3333333333%; } .small-margin-collapse > .small-5 { width: 41.6666666667%; } .small-margin-collapse > .small-6 { width: 50%; } .small-margin-collapse > .small-7 { width: 58.3333333333%; } .small-margin-collapse > .small-8 { width: 66.6666666667%; } .small-margin-collapse > .small-9 { width: 75%; } .small-margin-collapse > .small-10 { width: 83.3333333333%; } .small-margin-collapse > .small-11 { width: 91.6666666667%; } .small-margin-collapse > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .small-margin-collapse > .medium-1 { width: 8.3333333333%; } .small-margin-collapse > .medium-2 { width: 16.6666666667%; } .small-margin-collapse > .medium-3 { width: 25%; } .small-margin-collapse > .medium-4 { width: 33.3333333333%; } .small-margin-collapse > .medium-5 { width: 41.6666666667%; } .small-margin-collapse > .medium-6 { width: 50%; } .small-margin-collapse > .medium-7 { width: 58.3333333333%; } .small-margin-collapse > .medium-8 { width: 66.6666666667%; } .small-margin-collapse > .medium-9 { width: 75%; } .small-margin-collapse > .medium-10 { width: 83.3333333333%; } .small-margin-collapse > .medium-11 { width: 91.6666666667%; } .small-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .small-margin-collapse > .large-1 { width: 8.3333333333%; } .small-margin-collapse > .large-2 { width: 16.6666666667%; } .small-margin-collapse > .large-3 { width: 25%; } .small-margin-collapse > .large-4 { width: 33.3333333333%; } .small-margin-collapse > .large-5 { width: 41.6666666667%; } .small-margin-collapse > .large-6 { width: 50%; } .small-margin-collapse > .large-7 { width: 58.3333333333%; } .small-margin-collapse > .large-8 { width: 66.6666666667%; } .small-margin-collapse > .large-9 { width: 75%; } .small-margin-collapse > .large-10 { width: 83.3333333333%; } .small-margin-collapse > .large-11 { width: 91.6666666667%; } .small-margin-collapse > .large-12 { width: 100%; } } .small-padding-collapse { margin-right: 0; margin-left: 0; } .small-padding-collapse > .cell { padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 40em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; } .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .small-1 { width: 8.3333333333%; } .medium-margin-collapse > .small-2 { width: 16.6666666667%; } .medium-margin-collapse > .small-3 { width: 25%; } .medium-margin-collapse > .small-4 { width: 33.3333333333%; } .medium-margin-collapse > .small-5 { width: 41.6666666667%; } .medium-margin-collapse > .small-6 { width: 50%; } .medium-margin-collapse > .small-7 { width: 58.3333333333%; } .medium-margin-collapse > .small-8 { width: 66.6666666667%; } .medium-margin-collapse > .small-9 { width: 75%; } .medium-margin-collapse > .small-10 { width: 83.3333333333%; } .medium-margin-collapse > .small-11 { width: 91.6666666667%; } .medium-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .medium-1 { width: 8.3333333333%; } .medium-margin-collapse > .medium-2 { width: 16.6666666667%; } .medium-margin-collapse > .medium-3 { width: 25%; } .medium-margin-collapse > .medium-4 { width: 33.3333333333%; } .medium-margin-collapse > .medium-5 { width: 41.6666666667%; } .medium-margin-collapse > .medium-6 { width: 50%; } .medium-margin-collapse > .medium-7 { width: 58.3333333333%; } .medium-margin-collapse > .medium-8 { width: 66.6666666667%; } .medium-margin-collapse > .medium-9 { width: 75%; } .medium-margin-collapse > .medium-10 { width: 83.3333333333%; } .medium-margin-collapse > .medium-11 { width: 91.6666666667%; } .medium-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .medium-margin-collapse > .large-1 { width: 8.3333333333%; } .medium-margin-collapse > .large-2 { width: 16.6666666667%; } .medium-margin-collapse > .large-3 { width: 25%; } .medium-margin-collapse > .large-4 { width: 33.3333333333%; } .medium-margin-collapse > .large-5 { width: 41.6666666667%; } .medium-margin-collapse > .large-6 { width: 50%; } .medium-margin-collapse > .large-7 { width: 58.3333333333%; } .medium-margin-collapse > .large-8 { width: 66.6666666667%; } .medium-margin-collapse > .large-9 { width: 75%; } .medium-margin-collapse > .large-10 { width: 83.3333333333%; } .medium-margin-collapse > .large-11 { width: 91.6666666667%; } .medium-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; } .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse { margin-right: 0; margin-left: 0; } .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .small-1 { width: 8.3333333333%; } .large-margin-collapse > .small-2 { width: 16.6666666667%; } .large-margin-collapse > .small-3 { width: 25%; } .large-margin-collapse > .small-4 { width: 33.3333333333%; } .large-margin-collapse > .small-5 { width: 41.6666666667%; } .large-margin-collapse > .small-6 { width: 50%; } .large-margin-collapse > .small-7 { width: 58.3333333333%; } .large-margin-collapse > .small-8 { width: 66.6666666667%; } .large-margin-collapse > .small-9 { width: 75%; } .large-margin-collapse > .small-10 { width: 83.3333333333%; } .large-margin-collapse > .small-11 { width: 91.6666666667%; } .large-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .medium-1 { width: 8.3333333333%; } .large-margin-collapse > .medium-2 { width: 16.6666666667%; } .large-margin-collapse > .medium-3 { width: 25%; } .large-margin-collapse > .medium-4 { width: 33.3333333333%; } .large-margin-collapse > .medium-5 { width: 41.6666666667%; } .large-margin-collapse > .medium-6 { width: 50%; } .large-margin-collapse > .medium-7 { width: 58.3333333333%; } .large-margin-collapse > .medium-8 { width: 66.6666666667%; } .large-margin-collapse > .medium-9 { width: 75%; } .large-margin-collapse > .medium-10 { width: 83.3333333333%; } .large-margin-collapse > .medium-11 { width: 91.6666666667%; } .large-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .large-1 { width: 8.3333333333%; } .large-margin-collapse > .large-2 { width: 16.6666666667%; } .large-margin-collapse > .large-3 { width: 25%; } .large-margin-collapse > .large-4 { width: 33.3333333333%; } .large-margin-collapse > .large-5 { width: 41.6666666667%; } .large-margin-collapse > .large-6 { width: 50%; } .large-margin-collapse > .large-7 { width: 58.3333333333%; } .large-margin-collapse > .large-8 { width: 66.6666666667%; } .large-margin-collapse > .large-9 { width: 75%; } .large-margin-collapse > .large-10 { width: 83.3333333333%; } .large-margin-collapse > .large-11 { width: 91.6666666667%; } .large-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-padding-collapse { margin-right: 0; margin-left: 0; } .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } .small-offset-0 { margin-left: 0%; } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + 1.25rem / 2); } .small-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .small-offset-1 { margin-left: calc(8.3333333333% + 1.25rem / 2); } .small-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .small-offset-2 { margin-left: calc(16.6666666667% + 1.25rem / 2); } .small-offset-3 { margin-left: 25%; } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + 1.25rem / 2); } .small-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .small-offset-4 { margin-left: calc(33.3333333333% + 1.25rem / 2); } .small-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .small-offset-5 { margin-left: calc(41.6666666667% + 1.25rem / 2); } .small-offset-6 { margin-left: 50%; } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + 1.25rem / 2); } .small-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .small-offset-7 { margin-left: calc(58.3333333333% + 1.25rem / 2); } .small-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .small-offset-8 { margin-left: calc(66.6666666667% + 1.25rem / 2); } .small-offset-9 { margin-left: 75%; } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + 1.25rem / 2); } .small-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .small-offset-10 { margin-left: calc(83.3333333333% + 1.25rem / 2); } .small-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .small-offset-11 { margin-left: calc(91.6666666667% + 1.25rem / 2); } @media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0%; } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .medium-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .medium-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .medium-offset-3 { margin-left: 25%; } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .medium-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .medium-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .medium-offset-6 { margin-left: 50%; } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .medium-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .medium-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .medium-offset-9 { margin-left: 75%; } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .medium-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .medium-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } @media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0%; } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .large-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .large-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .large-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .large-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .large-offset-3 { margin-left: 25%; } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .large-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .large-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .large-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .large-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .large-offset-6 { margin-left: 50%; } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .large-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .large-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .large-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .large-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .large-offset-9 { margin-left: 75%; } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .large-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .large-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .large-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .large-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } .grid-y { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .grid-y > .cell { height: auto; max-height: none; } .grid-y > .auto { height: auto; } .grid-y > .shrink { height: auto; } .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } .grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-y > .small-1 { height: 8.3333333333%; } .grid-y > .small-2 { height: 16.6666666667%; } .grid-y > .small-3 { height: 25%; } .grid-y > .small-4 { height: 33.3333333333%; } .grid-y > .small-5 { height: 41.6666666667%; } .grid-y > .small-6 { height: 50%; } .grid-y > .small-7 { height: 58.3333333333%; } .grid-y > .small-8 { height: 66.6666666667%; } .grid-y > .small-9 { height: 75%; } .grid-y > .small-10 { height: 83.3333333333%; } .grid-y > .small-11 { height: 91.6666666667%; } .grid-y > .small-12 { height: 100%; } @media print, screen and (min-width: 40em) { .grid-y > .medium-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; height: auto; } .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-y > .medium-shrink { height: auto; } .grid-y > .medium-1 { height: 8.3333333333%; } .grid-y > .medium-2 { height: 16.6666666667%; } .grid-y > .medium-3 { height: 25%; } .grid-y > .medium-4 { height: 33.3333333333%; } .grid-y > .medium-5 { height: 41.6666666667%; } .grid-y > .medium-6 { height: 50%; } .grid-y > .medium-7 { height: 58.3333333333%; } .grid-y > .medium-8 { height: 66.6666666667%; } .grid-y > .medium-9 { height: 75%; } .grid-y > .medium-10 { height: 83.3333333333%; } .grid-y > .medium-11 { height: 91.6666666667%; } .grid-y > .medium-12 { height: 100%; } } @media print, screen and (min-width: 64em) { .grid-y > .large-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; height: auto; } .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-y > .large-shrink { height: auto; } .grid-y > .large-1 { height: 8.3333333333%; } .grid-y > .large-2 { height: 16.6666666667%; } .grid-y > .large-3 { height: 25%; } .grid-y > .large-4 { height: 33.3333333333%; } .grid-y > .large-5 { height: 41.6666666667%; } .grid-y > .large-6 { height: 50%; } .grid-y > .large-7 { height: 58.3333333333%; } .grid-y > .large-8 { height: 66.6666666667%; } .grid-y > .large-9 { height: 75%; } .grid-y > .large-10 { height: 83.3333333333%; } .grid-y > .large-11 { height: 91.6666666667%; } .grid-y > .large-12 { height: 100%; } } .grid-padding-y .grid-padding-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y .grid-padding-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-padding-y > .cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y > .cell { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .grid-frame { width: 100%; } .cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { .medium-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .medium-grid-frame { width: 100%; } .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .medium-cell-block-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 64em) { .large-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .large-grid-frame { width: 100%; } .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .large-cell-block-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .grid-y.grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: auto; } @media print, screen and (min-width: 40em) { .grid-y.medium-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: auto; } } @media print, screen and (min-width: 64em) { .grid-y.large-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: auto; } } .cell .grid-y.grid-frame { height: 100%; } @media print, screen and (min-width: 40em) { .cell .grid-y.medium-grid-frame { height: 100%; } } @media print, screen and (min-width: 64em) { .cell .grid-y.large-grid-frame { height: 100%; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } @media print, screen and (min-width: 40em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 40em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 1.875rem); } } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; border: 1px solid transparent; border-radius: 0; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; -o-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 0.9rem; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; padding: 0.85em 1em; } [data-whatinput=mouse] .button { outline: 0; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { background-color: #1779ba; color: #ffffff; } .button:hover, .button:focus { background-color: rgb(19.55, 102.85, 158.1); color: #ffffff; } .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { background-color: #1779ba; color: #ffffff; } .button.primary:hover, .button.primary:focus { background-color: rgb(18.4, 96.8, 148.8); color: #ffffff; } .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { background-color: #767676; color: #000000; } .button.secondary:hover, .button.secondary:focus { background-color: rgb(94.4, 94.4, 94.4); color: #000000; } .button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { background-color: #3adb76; color: #000000; } .button.success:hover, .button.success:focus { background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918); color: #000000; } .button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { background-color: #ffae00; color: #000000; } .button.warning:hover, .button.warning:focus { background-color: rgb(204, 139.2, 0); color: #000000; } .button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { background-color: #cc4b37; color: #000000; } .button.alert:hover, .button.alert:focus { background-color: rgb(165.0996015936, 58.6103585657, 42.1003984064); color: #000000; } .button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } .button.hollow:hover, .button.hollow:focus { border-color: rgb(11.5, 60.5, 93); color: rgb(11.5, 60.5, 93); } .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: rgb(11.5, 60.5, 93); color: rgb(11.5, 60.5, 93); } .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { border: 1px solid #767676; color: #767676; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3b3b3b; color: #3b3b3b; } .button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824); color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: rgb(127.5, 87, 0); color: rgb(127.5, 87, 0); } .button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { border: 1px solid #cc4b37; color: #cc4b37; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: rgb(103.187250996, 36.6314741036, 26.312749004); color: rgb(103.187250996, 36.6314741036, 26.312749004); } .button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { border-color: transparent; background-color: transparent; } .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { color: #1779ba; } .button.clear:hover, .button.clear:focus { color: rgb(11.5, 60.5, 93); } .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { color: #1779ba; } .button.clear.primary:hover, .button.clear.primary:focus { color: rgb(11.5, 60.5, 93); } .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { color: #767676; } .button.clear.secondary:hover, .button.clear.secondary:focus { color: #3b3b3b; } .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { color: #3adb76; } .button.clear.success:hover, .button.clear.success:focus { color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { color: #ffae00; } .button.clear.warning:hover, .button.clear.warning:focus { color: rgb(127.5, 87, 0); } .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { color: #cc4b37; } .button.clear.alert:hover, .button.clear.alert:focus { color: rgb(103.187250996, 36.6314741036, 26.312749004); } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.dropdown::after { display: block; width: 0; height: 0; border-style: solid; border-width: 0.4em; content: ""; border-bottom-width: 0; border-color: #ffffff transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.dropdown.hollow::after, .button.dropdown.clear::after { border-top-color: #1779ba; } .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { border-top-color: #1779ba; } .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { border-top-color: #767676; } .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { border-top-color: #3adb76; } .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { border-top-color: #cc4b37; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, a.button:focus { text-decoration: none; } .button-group { margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .button-group::before, .button-group::after { display: none; } .button-group::before, .button-group::after { display: table; content: " "; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded .button { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { background-color: #1779ba; color: #ffffff; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: rgb(18.4, 96.8, 148.8); color: #ffffff; } .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { background-color: #767676; color: #000000; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: rgb(94.4, 94.4, 94.4); color: #000000; } .button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { background-color: #3adb76; color: #000000; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918); color: #000000; } .button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { background-color: #ffae00; color: #000000; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: rgb(204, 139.2, 0); color: #000000; } .button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { background-color: #cc4b37; color: #000000; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: rgb(165.0996015936, 58.6103585657, 42.1003984064); color: #000000; } .button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { background-color: transparent; } .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } .button-group.hollow .button:hover, .button-group.hollow .button:focus { border-color: rgb(11.5, 60.5, 93); color: rgb(11.5, 60.5, 93); } .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { border: 1px solid #1779ba; color: #1779ba; } .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { border-color: rgb(11.5, 60.5, 93); color: rgb(11.5, 60.5, 93); } .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { border: 1px solid #767676; color: #767676; } .button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { border-color: #3b3b3b; color: #3b3b3b; } .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } .button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824); color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { border-color: rgb(127.5, 87, 0); color: rgb(127.5, 87, 0); } .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { border: 1px solid #cc4b37; color: #cc4b37; } .button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { border-color: rgb(103.187250996, 36.6314741036, 26.312749004); color: rgb(103.187250996, 36.6314741036, 26.312749004); } .button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { border-color: transparent; background-color: transparent; } .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { color: #1779ba; } .button-group.clear .button:hover, .button-group.clear .button:focus { color: rgb(11.5, 60.5, 93); } .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { color: #1779ba; } .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { color: rgb(11.5, 60.5, 93); } .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { color: #767676; } .button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { color: #3b3b3b; } .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { color: #3adb76; } .button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { color: #ffae00; } .button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { color: rgb(127.5, 87, 0); } .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { color: #cc4b37; } .button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { color: rgb(103.187250996, 36.6314741036, 26.312749004); } .button-group.no-gaps .button { margin-right: -0.0625rem; } .button-group.no-gaps .button + .button { border-left-color: transparent; } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { -ms-flex-wrap: wrap; flex-wrap: wrap; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (max-width: 39.99875em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } @media print, screen and (max-width: 63.99875em) { .button-group.stacked-for-medium.expanded { display: block; } .button-group.stacked-for-medium.expanded .button { display: block; margin-right: 0; } } .close-button { position: absolute; z-index: 10; color: #8a8a8a; cursor: pointer; } [data-whatinput=mouse] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #000000; } .close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; } .close-button.medium, .close-button { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; } .label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 0; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #1779ba; color: #ffffff; } .label.primary { background: #1779ba; color: #ffffff; } .label.secondary { background: #767676; color: #000000; } .label.success { background: #3adb76; color: #000000; } .label.warning { background: #ffae00; color: #000000; } .label.alert { background: #cc4b37; color: #000000; } .progress { height: 1rem; margin-bottom: 1rem; border-radius: 0; background-color: #cacaca; } .progress.primary .progress-meter { background-color: #1779ba; } .progress.secondary .progress-meter { background-color: #767676; } .progress.success .progress-meter { background-color: #3adb76; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.alert .progress-meter { background-color: #cc4b37; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #1779ba; } .progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; font-size: 0.75rem; font-weight: bold; color: #ffffff; white-space: nowrap; } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .slider-handle { left: 0; z-index: 1; cursor: -webkit-grab; cursor: grab; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 0; background-color: #1779ba; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } [data-whatinput=mouse] .slider-handle { outline: 0; } .slider-handle:hover { background-color: rgb(19.55, 102.85, 158.1); } .slider-handle.is-dragging { -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; cursor: -webkit-grabbing; cursor: grabbing; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .switch { position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 2rem; } .switch-input { position: absolute; margin-bottom: 0; opacity: 0; } .switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 0; background: #cacaca; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; } input + .switch-paddle { margin: 0; } .switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 0; background: #ffffff; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: ""; } input:checked ~ .switch-paddle { background: #1779ba; } input:checked ~ .switch-paddle::after { left: 2.25rem; } input:focus-visible ~ .switch-paddle { background: rgb(181.8, 181.8, 181.8); } input:focus-visible ~ .switch-paddle::after { background: #ffffff; } input:checked:focus-visible ~ .switch-paddle { background: rgb(19.55, 102.85, 158.1); } input:disabled ~ .switch-paddle { cursor: not-allowed; opacity: 0.5; } [data-whatinput=mouse] input:focus ~ .switch-paddle { outline: 0; } .switch-inactive, .switch-active { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small { height: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large { height: 2.5rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0; } thead, tbody, tfoot { border: 1px solid rgb(242.25, 242.25, 242.25); background-color: #ffffff; } caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; } thead { background: rgb(248.625, 248.625, 248.625); color: #000000; } tfoot { background: rgb(242.25, 242.25, 242.25); color: #000000; } thead tr, tfoot tr { background: transparent; } thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; } tbody tr:nth-child(even) { border-bottom: 0; background-color: rgb(242.25, 242.25, 242.25); } table.unstriped tbody { background-color: #ffffff; } table.unstriped tbody tr { border-bottom: 1px solid rgb(242.25, 242.25, 242.25); background-color: #ffffff; } @media print, screen and (max-width: 63.99875em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: rgb(243.525, 243.525, 243.525); } table.hover tfoot tr:hover { background-color: rgb(237.15, 237.15, 237.15); } table.hover tbody tr:hover { background-color: rgb(249.9, 249.9, 249.9); } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: rgb(237.15, 237.15, 237.15); } .table-scroll { overflow-x: auto; } .badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #1779ba; color: #ffffff; } .badge.primary { background: #1779ba; color: #ffffff; } .badge.secondary { background: #767676; color: #000000; } .badge.success { background: #3adb76; color: #000000; } .badge.warning { background: #ffae00; color: #000000; } .badge.alert { background: #cc4b37; color: #000000; } .breadcrumbs { margin: 0 0 1rem 0; list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; content: " "; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; font-size: 0.6875rem; color: #000000; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 0.75rem; opacity: 1; content: "/"; color: #cacaca; } .breadcrumbs a { color: #1779ba; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; } .callout { background-color: white; color: #000000; position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: rgb(214.8186602871, 235.9894736842, 250.0313397129); color: #000000; } .callout.secondary { background-color: rgb(234.45, 234.45, 234.45); color: #000000; } .callout.success { background-color: rgb(225.45, 249.6, 234.45); color: #000000; } .callout.warning { background-color: rgb(255, 242.85, 216.75); color: #000000; } .callout.alert { background-color: rgb(247.35, 228, 225); color: #000000; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 0; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; color: #000000; } .card > :last-child { margin-bottom: 0; } .card-divider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 1rem; background: #e6e6e6; } .card-divider > :last-child { margin-bottom: 0; } .card-section { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1rem; } .card-section > :last-child { margin-bottom: 0; } .card-image { min-height: 1px; } .dropdown-pane { position: absolute; z-index: 10; display: none; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 0; background-color: #ffffff; font-size: 1rem; } .dropdown-pane.is-opening { display: block; } .dropdown-pane.is-open { display: block; visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { display: table; content: " "; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .pagination::after { clear: both; } .pagination li { margin-right: 0.0625rem; border-radius: 0; font-size: 0.875rem; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media print, screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { display: block; padding: 0.1875rem 0.625rem; border-radius: 0; color: #000000; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #1779ba; color: #ffffff; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: "…"; color: #000000; } .pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: "«"; } .pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: "»"; } .has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #8a8a8a; font-weight: bold; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 0; background-color: #000000; font-size: 80%; color: #ffffff; } .tooltip::before { position: absolute; } .tooltip.bottom::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-top-width: 0; border-color: transparent transparent #000000; bottom: 100%; } .tooltip.bottom.align-center::before { left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-bottom-width: 0; border-color: #000000 transparent transparent; top: 100%; bottom: auto; } .tooltip.top.align-center::before { left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.left::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-right-width: 0; border-color: transparent transparent transparent #000000; left: 100%; } .tooltip.left.align-center::before { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-left-width: 0; border-color: transparent #000000 transparent transparent; right: 100%; left: auto; } .tooltip.right.align-center::before { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.align-top::before { bottom: auto; top: 10%; } .tooltip.align-bottom::before { bottom: 10%; top: auto; } .tooltip.align-left::before { left: 10%; right: auto; } .tooltip.align-right::before { left: auto; right: 10%; } .accordion { margin-left: 0; background: #ffffff; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #1779ba; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "+"; } .is-active > .accordion-title::before { content: "–"; } .accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #ffffff; color: #000000; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .media-object { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .media-object img { max-width: none; } @media print, screen and (max-width: 39.99875em) { .media-object.stack-for-small { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .media-object-section { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .stack-for-small .media-object-section img { width: 100%; } } .media-object-section.main-section { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .orbit { position: relative; } .orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; } .orbit-slide { width: 100%; position: absolute; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { width: 100%; max-width: 100%; margin: 0; } .orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(0, 0, 0, 0.5); color: #ffffff; } .orbit-next, .orbit-previous { z-index: 10; padding: 1rem; color: #ffffff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } [data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { outline: 0; } .orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { background-color: rgba(0, 0, 0, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput=mouse] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; } .orbit-bullets button:hover { background-color: #8a8a8a; } .orbit-bullets button.is-active { background-color: #8a8a8a; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .tabs { margin: 0; border: 1px solid #e6e6e6; background: #ffffff; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: " "; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #1779ba; } .tabs.primary > li > a { color: #ffffff; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: rgb(21.85, 114.95, 176.7); } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #1779ba; } [data-whatinput=mouse] .tabs-title > a { outline: 0; } .tabs-title > a:hover { background: #ffffff; color: rgb(19.78, 104.06, 159.96); } .tabs-title > a:focus, .tabs-title > a[aria-selected=true] { background: #e6e6e6; color: #1779ba; } .tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #ffffff; color: #000000; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: 4px solid #ffffff; border-radius: 0; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); line-height: 0; } a.thumbnail { -webkit-transition: -webkit-box-shadow 200ms ease-out; transition: -webkit-box-shadow 200ms ease-out; -o-transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); } a.thumbnail image { -webkit-box-shadow: none; box-shadow: none; } .menu { padding: 0; margin: 0; list-style: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } [data-whatinput=mouse] .menu li { outline: 0; } .menu a, .menu .button { line-height: 1; text-decoration: none; display: block; padding: 0.7rem 1rem; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu input { display: inline-block; } .menu, .menu.horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .menu.vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu.vertical.icon-top li a img, .menu.vertical.icon-top li a i, .menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, .menu.vertical.icon-bottom li a i, .menu.vertical.icon-bottom li a svg { text-align: left; } .menu.expanded li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.expanded.icon-top li a img, .menu.expanded.icon-top li a i, .menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, .menu.expanded.icon-bottom li a i, .menu.expanded.icon-bottom li a svg { text-align: left; } .menu.simple { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu.simple li + li { margin-left: 1rem; } .menu.simple a { padding: 0; } @media print, screen and (min-width: 40em) { .menu.medium-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .menu.medium-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu.medium-expanded li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.medium-simple li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .menu.large-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu.large-expanded li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.large-simple li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } } .menu.nested { margin-right: 0; margin-left: 1rem; } .menu.icons a { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu.icon-left li a, .menu.nested.icon-left li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg, .menu.nested.icon-left li a img, .menu.nested.icon-left li a i, .menu.nested.icon-left li a svg { margin-right: 0.25rem; } .menu.icon-right li a, .menu.nested.icon-right li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg, .menu.nested.icon-right li a img, .menu.nested.icon-right li a i, .menu.nested.icon-right li a svg { margin-left: 0.25rem; } .menu.icon-top li a, .menu.nested.icon-top li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg, .menu.nested.icon-top li a img, .menu.nested.icon-top li a i, .menu.nested.icon-top li a svg { -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu.icon-bottom li a, .menu.nested.icon-bottom li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, .menu.nested.icon-bottom li a i, .menu.nested.icon-bottom li a svg { -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu .is-active > a { background: #1779ba; color: #ffffff; } .menu .active > a { background: #1779ba; color: #ffffff; } .menu.align-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .menu.align-right li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .menu.align-right li .submenu li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .menu.align-right.vertical li { display: block; text-align: right; } .menu.align-right.vertical li .submenu li { text-align: right; } .menu.align-right.icon-top li a img, .menu.align-right.icon-top li a i, .menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, .menu.align-right.icon-bottom li a i, .menu.align-right.icon-bottom li a svg { text-align: right; } .menu.align-right .nested { margin-right: 1rem; margin-left: 0; } .menu.align-center li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu.align-center li .submenu li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .menu .menu-text { padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered > .menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-centered > .menu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-centered > .menu li .submenu li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .no-js [data-responsive-menu] ul { display: none; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #ffffff; -webkit-box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; content: ""; } .menu-icon:hover::after { background: #cacaca; -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #000000; -webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000; box-shadow: 0 7px 0 #000000, 0 14px 0 #000000; content: ""; } .menu-icon.dark:hover::after { background: #8a8a8a; -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .accordion-menu li { width: 100%; } .accordion-menu a { padding: 0.7rem 1rem; } .accordion-menu .is-accordion-submenu a { padding: 0.7rem 1rem; } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .accordion-menu.align-left .is-accordion-submenu-parent > a::after { right: 1rem; left: auto; } .accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; } .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .is-accordion-submenu-parent { position: relative; } .has-submenu-toggle > a { margin-right: 40px; } .submenu-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; } .submenu-toggle::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; top: 0; bottom: 0; margin: auto; } .submenu-toggle[aria-expanded=true]::after { -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .submenu-toggle-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block; } .is-drilldown.animate-height { -webkit-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; } .drilldown a { padding: 0.7rem 1rem; background: #ffffff; } .drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #ffffff; -webkit-transition: -webkit-transform 0.15s linear; transition: -webkit-transform 0.15s linear; -o-transition: -o-transform 0.15s linear; transition: transform 0.15s linear; transition: transform 0.15s linear, -webkit-transform 0.15s linear, -o-transform 0.15s linear; } .drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .drilldown .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .drilldown .is-drilldown-submenu a { padding: 0.7rem 1rem; } .drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0; } .drilldown .drilldown-submenu-cover-previous { min-height: 100%; } .drilldown .is-drilldown-submenu-parent > a { position: relative; } .drilldown .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .drilldown.align-left .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; right: 1rem; left: auto; } .drilldown.align-right .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 1rem; } .drilldown .js-drilldown-back > a::before { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px; } [data-whatinput=mouse] .dropdown.menu a { outline: 0; } .dropdown.menu > li > a { padding: 0.7rem 1rem; } .dropdown.menu > li.is-active > a { background: transparent; color: #1779ba; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #ffffff; } .dropdown .is-dropdown-submenu a { padding: 0.7rem 1rem; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #1779ba transparent transparent; right: auto; left: 5px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #1779ba; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .is-off-canvas-open { overflow: hidden; } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; -o-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(255, 255, 255, 0.25); opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-overlay-absolute { position: absolute; } .js-off-canvas-overlay.is-overlay-fixed { position: fixed; } .off-canvas-wrapper { position: relative; overflow: hidden; } .off-canvas { z-index: 12; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; position: fixed; } [data-whatinput=mouse] .off-canvas { outline: 0; } .off-canvas.is-transition-push { z-index: 12; } .off-canvas.is-closed { visibility: hidden; } .off-canvas.is-transition-overlap { z-index: 13; } .off-canvas.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .off-canvas.is-open { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-absolute { z-index: 12; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; position: absolute; } [data-whatinput=mouse] .off-canvas-absolute { outline: 0; } .off-canvas-absolute.is-transition-push { z-index: 12; } .off-canvas-absolute.is-closed { visibility: hidden; } .off-canvas-absolute.is-transition-overlap { z-index: 13; } .off-canvas-absolute.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .off-canvas-absolute.is-open { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .position-left { top: 0; left: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; -webkit-transform: translateX(-250px); -o-transform: translateX(-250px); transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left { -webkit-transform: translateX(-250px); -o-transform: translateX(-250px); transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-left.has-transition-push { -webkit-transform: translateX(250px); -o-transform: translateX(250px); transform: translateX(250px); } .position-left.is-transition-push { -webkit-box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25); box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25); } .position-right { top: 0; right: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; -webkit-transform: translateX(250px); -o-transform: translateX(250px); transform: translateX(250px); } .off-canvas-content .off-canvas.position-right { -webkit-transform: translateX(250px); -o-transform: translateX(250px); transform: translateX(250px); } .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-right.has-transition-push { -webkit-transform: translateX(-250px); -o-transform: translateX(-250px); transform: translateX(-250px); } .position-right.is-transition-push { -webkit-box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25); box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25); } .position-top { top: 0; left: 0; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 250px; -webkit-transform: translateY(-250px); -o-transform: translateY(-250px); transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top { -webkit-transform: translateY(-250px); -o-transform: translateY(-250px); transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-top.has-transition-push { -webkit-transform: translateY(250px); -o-transform: translateY(250px); transform: translateY(250px); } .position-top.is-transition-push { -webkit-box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25); box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25); } .position-bottom { bottom: 0; left: 0; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 250px; -webkit-transform: translateY(250px); -o-transform: translateY(250px); transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom { -webkit-transform: translateY(250px); -o-transform: translateY(250px); transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-bottom.has-transition-push { -webkit-transform: translateY(-250px); -o-transform: translateY(-250px); transform: translateY(-250px); } .position-bottom.is-transition-push { -webkit-box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25); box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25); } .off-canvas-content { -webkit-transform: none; -o-transform: none; transform: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease; } .off-canvas-content.has-transition-push { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content .off-canvas.is-open { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { -webkit-transform: none; -o-transform: none; transform: none; z-index: 12; -webkit-transition: none; -o-transition: none; transition: none; visibility: visible; } .position-left.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-left.reveal-for-medium { -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { -webkit-transform: none; -o-transform: none; transform: none; z-index: 12; -webkit-transition: none; -o-transition: none; transition: none; visibility: visible; } .position-right.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-right.reveal-for-medium { -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-medium { -webkit-transform: none; -o-transform: none; transform: none; z-index: 12; -webkit-transition: none; -o-transition: none; transition: none; visibility: visible; } .position-top.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-top.reveal-for-medium { -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-medium { -webkit-transform: none; -o-transform: none; transform: none; z-index: 12; -webkit-transition: none; -o-transition: none; transition: none; visibility: visible; } .position-bottom.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-medium { -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { -webkit-transform: none; -o-transform: none; transform: none; z-index: 12; -webkit-transition: none; -o-transition: none; transition: none; visibility: visible; } .position-left.reveal-for-large .close-button { display: none; } .off-canvas-content .position-left.reveal-for-large { -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { -webkit-transform: none; -o-transform: none; transform: none; z-index: 12; -webkit-transition: none; -o-transition: none; transition: none; visibility: visible; } .position-right.reveal-for-large .close-button { display: none; } .off-canvas-content .position-right.reveal-for-large { -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-large { -webkit-transform: none; -o-transform: none; transform: none; z-index: 12; -webkit-transition: none; -o-transition: none; transition: none; visibility: visible; } .position-top.reveal-for-large .close-button { display: none; } .off-canvas-content .position-top.reveal-for-large { -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-large { -webkit-transform: none; -o-transform: none; transform: none; z-index: 12; -webkit-transition: none; -o-transition: none; transition: none; visibility: visible; } .position-bottom.reveal-for-large .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-large { -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 40em) { .off-canvas.in-canvas-for-medium { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; -webkit-transition: none; -o-transition: none; transition: none; } .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas.in-canvas-for-medium .close-button { display: none; } } @media print, screen and (min-width: 64em) { .off-canvas.in-canvas-for-large { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; -webkit-transition: none; -o-transition: none; transition: none; } .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -o-transform: none; transform: none; } .off-canvas.in-canvas-for-large .close-button { display: none; } } html.is-reveal-open { position: fixed; width: 100%; overflow-y: hidden; } html.is-reveal-open.zf-has-scroll { overflow-y: scroll; -webkit-overflow-scrolling: touch; } html.is-reveal-open body { overflow-y: hidden; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(0, 0, 0, 0.45); overflow-y: auto; -webkit-overflow-scrolling: touch; } .reveal { position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #ffffff; } [data-whatinput=mouse] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 75rem; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 75rem; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 75rem; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 75rem; } } .reveal.full { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } @media print, screen and (max-width: 39.99875em) { .reveal { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; width: 100%; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } .title-bar { padding: 0.5rem; background: #000000; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left, .title-bar-right { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .title-bar-right { text-align: right; } .title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; } .top-bar { padding: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar .top-bar-left, .top-bar .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .top-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .top-bar .top-bar-left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: auto; } .top-bar .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; } } @media print, screen and (max-width: 63.99875em) { .top-bar.stacked-for-medium { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media print, screen and (max-width: 74.99875em) { .top-bar.stacked-for-large { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .top-bar-title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; } .top-bar-left, .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: " "; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .clearfix::after { clear: both; } .align-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .align-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .align-justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .align-spaced { -ms-flex-pack: distribute; justify-content: space-around; } .align-left.vertical.menu > li > a { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .align-right.vertical.menu > li > a { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .align-center.vertical.menu > li > a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .align-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-self-top { -ms-flex-item-align: start; align-self: flex-start; } .align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-self-bottom { -ms-flex-item-align: end; align-self: flex-end; } .align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align-self-middle { -ms-flex-item-align: center; align-self: center; } .align-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch; } .align-center-middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .small-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .small-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .small-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .small-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .small-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .small-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .medium-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .medium-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .medium-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .medium-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .medium-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .large-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .large-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .large-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .large-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .large-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .medium-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .medium-flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .medium-flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .medium-flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .medium-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .medium-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .medium-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .medium-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .large-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .large-flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .large-flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .large-flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .large-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .large-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .large-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .large-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .hide { display: none !important; } .invisible { visibility: hidden; } .visible { visibility: visible; } @media print, screen and (max-width: 39.99875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.99875em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.99875em) { .show-for-large { display: none !important; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.99875em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .show-for-dark-mode { display: none; } .hide-for-dark-mode { display: block; } @media screen and (prefers-color-scheme: dark) { .show-for-dark-mode { display: block !important; } .hide-for-dark-mode { display: none !important; } } .show-for-ie { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .show-for-ie { display: block !important; } .hide-for-ie { display: none !important; } } .show-for-sticky { display: none; } .is-stuck .show-for-sticky { display: block; } .is-stuck .hide-for-sticky { display: none; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: " "; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .clearfix::after { clear: both; } .row { max-width: 75rem; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .row .row { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media print, screen and (min-width: 64em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-right: 0; margin-left: 0; } .column, .columns { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .column.row.row, .row.row.columns { float: none; display: block; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .small-offset-0 { margin-left: 0%; } .small-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-offset-1 { margin-left: 8.3333333333%; } .small-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.6666666667%; } .small-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-offset-3 { margin-left: 25%; } .small-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .small-offset-4 { margin-left: 33.3333333333%; } .small-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.6666666667%; } .small-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .small-offset-6 { margin-left: 50%; } .small-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .small-offset-7 { margin-left: 58.3333333333%; } .small-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.6666666667%; } .small-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .small-offset-9 { margin-left: 75%; } .small-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .small-offset-10 { margin-left: 83.3333333333%; } .small-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.6666666667%; } .small-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .small-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .small-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .medium-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-offset-1 { margin-left: 8.3333333333%; } .medium-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.6666666667%; } .medium-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .medium-offset-4 { margin-left: 33.3333333333%; } .medium-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.6666666667%; } .medium-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .medium-offset-7 { margin-left: 58.3333333333%; } .medium-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.6666666667%; } .medium-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .medium-offset-10 { margin-left: 83.3333333333%; } .medium-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.6666666667%; } .medium-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .medium-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .medium-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 40em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media print, screen and (min-width: 64em) { .large-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .large-offset-0 { margin-left: 0%; } .large-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-offset-1 { margin-left: 8.3333333333%; } .large-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.6666666667%; } .large-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-offset-3 { margin-left: 25%; } .large-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .large-offset-4 { margin-left: 33.3333333333%; } .large-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.6666666667%; } .large-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .large-offset-6 { margin-left: 50%; } .large-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .large-offset-7 { margin-left: 58.3333333333%; } .large-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.6666666667%; } .large-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .large-offset-9 { margin-left: 75%; } .large-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .large-offset-10 { margin-left: 83.3333333333%; } .large-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.6666666667%; } .large-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .large-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .large-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.large-unstack > .column, .row.large-unstack > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 64em) { .row.large-unstack > .column, .row.large-unstack > .columns { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .shrink { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .column-block { margin-bottom: 1.25rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } } .grid-container { max-width: 75rem; margin-left: auto; margin-right: auto; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.fluid { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-container.fluid { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.full { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } .grid-x { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .cell { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%; } .cell.auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .cell.shrink { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .auto { width: auto; } .grid-x > .shrink { width: auto; } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .small-1 { width: 8.3333333333%; } .grid-x > .small-2 { width: 16.6666666667%; } .grid-x > .small-3 { width: 25%; } .grid-x > .small-4 { width: 33.3333333333%; } .grid-x > .small-5 { width: 41.6666666667%; } .grid-x > .small-6 { width: 50%; } .grid-x > .small-7 { width: 58.3333333333%; } .grid-x > .small-8 { width: 66.6666666667%; } .grid-x > .small-9 { width: 75%; } .grid-x > .small-10 { width: 83.3333333333%; } .grid-x > .small-11 { width: 91.6666666667%; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .grid-x > .medium-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; width: auto; } .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .medium-shrink { width: auto; } .grid-x > .medium-1 { width: 8.3333333333%; } .grid-x > .medium-2 { width: 16.6666666667%; } .grid-x > .medium-3 { width: 25%; } .grid-x > .medium-4 { width: 33.3333333333%; } .grid-x > .medium-5 { width: 41.6666666667%; } .grid-x > .medium-6 { width: 50%; } .grid-x > .medium-7 { width: 58.3333333333%; } .grid-x > .medium-8 { width: 66.6666666667%; } .grid-x > .medium-9 { width: 75%; } .grid-x > .medium-10 { width: 83.3333333333%; } .grid-x > .medium-11 { width: 91.6666666667%; } .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .grid-x > .large-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; width: auto; } .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .large-shrink { width: auto; } .grid-x > .large-1 { width: 8.3333333333%; } .grid-x > .large-2 { width: 16.6666666667%; } .grid-x > .large-3 { width: 25%; } .grid-x > .large-4 { width: 33.3333333333%; } .grid-x > .large-5 { width: 41.6666666667%; } .grid-x > .large-6 { width: 50%; } .grid-x > .large-7 { width: 58.3333333333%; } .grid-x > .large-8 { width: 66.6666666667%; } .grid-x > .large-9 { width: 75%; } .grid-x > .large-10 { width: 83.3333333333%; } .grid-x > .large-11 { width: 91.6666666667%; } .grid-x > .large-12 { width: 100%; } } .grid-margin-x:not(.grid-x) > .cell { width: auto; } .grid-margin-y:not(.grid-y) > .cell { height: auto; } .grid-margin-x { margin-left: -0.625rem; margin-right: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: 0.625rem; margin-right: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x > .cell { width: calc(100% - 1.875rem); margin-left: 0.9375rem; margin-right: 0.9375rem; } } .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.875rem); } .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .medium-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .medium-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .medium-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .medium-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .medium-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .medium-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .medium-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x > .large-auto { width: auto; } .grid-margin-x > .large-shrink { width: auto; } .grid-margin-x > .large-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .large-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .large-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .large-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .large-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .large-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .large-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .large-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .large-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .large-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .large-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .large-12 { width: calc(100% - 1.875rem); } } .grid-padding-x .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-container:not(.full) > .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-container:not(.full) > .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-padding-x > .cell { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x > .cell { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .small-up-1 > .cell { width: 100%; } .small-up-2 > .cell { width: 50%; } .small-up-3 > .cell { width: 33.3333333333%; } .small-up-4 > .cell { width: 25%; } .small-up-5 > .cell { width: 20%; } .small-up-6 > .cell { width: 16.6666666667%; } .small-up-7 > .cell { width: 14.2857142857%; } .small-up-8 > .cell { width: 12.5%; } @media print, screen and (min-width: 40em) { .medium-up-1 > .cell { width: 100%; } .medium-up-2 > .cell { width: 50%; } .medium-up-3 > .cell { width: 33.3333333333%; } .medium-up-4 > .cell { width: 25%; } .medium-up-5 > .cell { width: 20%; } .medium-up-6 > .cell { width: 16.6666666667%; } .medium-up-7 > .cell { width: 14.2857142857%; } .medium-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 64em) { .large-up-1 > .cell { width: 100%; } .large-up-2 > .cell { width: 50%; } .large-up-3 > .cell { width: 33.3333333333%; } .large-up-4 > .cell { width: 25%; } .large-up-5 > .cell { width: 20%; } .large-up-6 > .cell { width: 16.6666666667%; } .large-up-7 > .cell { width: 14.2857142857%; } .large-up-8 > .cell { width: 12.5%; } } .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.875rem); } .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x.large-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.large-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.large-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.large-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.large-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.large-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.large-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 1.875rem); } } .small-margin-collapse { margin-right: 0; margin-left: 0; } .small-margin-collapse > .cell { margin-right: 0; margin-left: 0; } .small-margin-collapse > .small-1 { width: 8.3333333333%; } .small-margin-collapse > .small-2 { width: 16.6666666667%; } .small-margin-collapse > .small-3 { width: 25%; } .small-margin-collapse > .small-4 { width: 33.3333333333%; } .small-margin-collapse > .small-5 { width: 41.6666666667%; } .small-margin-collapse > .small-6 { width: 50%; } .small-margin-collapse > .small-7 { width: 58.3333333333%; } .small-margin-collapse > .small-8 { width: 66.6666666667%; } .small-margin-collapse > .small-9 { width: 75%; } .small-margin-collapse > .small-10 { width: 83.3333333333%; } .small-margin-collapse > .small-11 { width: 91.6666666667%; } .small-margin-collapse > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .small-margin-collapse > .medium-1 { width: 8.3333333333%; } .small-margin-collapse > .medium-2 { width: 16.6666666667%; } .small-margin-collapse > .medium-3 { width: 25%; } .small-margin-collapse > .medium-4 { width: 33.3333333333%; } .small-margin-collapse > .medium-5 { width: 41.6666666667%; } .small-margin-collapse > .medium-6 { width: 50%; } .small-margin-collapse > .medium-7 { width: 58.3333333333%; } .small-margin-collapse > .medium-8 { width: 66.6666666667%; } .small-margin-collapse > .medium-9 { width: 75%; } .small-margin-collapse > .medium-10 { width: 83.3333333333%; } .small-margin-collapse > .medium-11 { width: 91.6666666667%; } .small-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .small-margin-collapse > .large-1 { width: 8.3333333333%; } .small-margin-collapse > .large-2 { width: 16.6666666667%; } .small-margin-collapse > .large-3 { width: 25%; } .small-margin-collapse > .large-4 { width: 33.3333333333%; } .small-margin-collapse > .large-5 { width: 41.6666666667%; } .small-margin-collapse > .large-6 { width: 50%; } .small-margin-collapse > .large-7 { width: 58.3333333333%; } .small-margin-collapse > .large-8 { width: 66.6666666667%; } .small-margin-collapse > .large-9 { width: 75%; } .small-margin-collapse > .large-10 { width: 83.3333333333%; } .small-margin-collapse > .large-11 { width: 91.6666666667%; } .small-margin-collapse > .large-12 { width: 100%; } } .small-padding-collapse { margin-right: 0; margin-left: 0; } .small-padding-collapse > .cell { padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 40em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; } .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .small-1 { width: 8.3333333333%; } .medium-margin-collapse > .small-2 { width: 16.6666666667%; } .medium-margin-collapse > .small-3 { width: 25%; } .medium-margin-collapse > .small-4 { width: 33.3333333333%; } .medium-margin-collapse > .small-5 { width: 41.6666666667%; } .medium-margin-collapse > .small-6 { width: 50%; } .medium-margin-collapse > .small-7 { width: 58.3333333333%; } .medium-margin-collapse > .small-8 { width: 66.6666666667%; } .medium-margin-collapse > .small-9 { width: 75%; } .medium-margin-collapse > .small-10 { width: 83.3333333333%; } .medium-margin-collapse > .small-11 { width: 91.6666666667%; } .medium-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .medium-1 { width: 8.3333333333%; } .medium-margin-collapse > .medium-2 { width: 16.6666666667%; } .medium-margin-collapse > .medium-3 { width: 25%; } .medium-margin-collapse > .medium-4 { width: 33.3333333333%; } .medium-margin-collapse > .medium-5 { width: 41.6666666667%; } .medium-margin-collapse > .medium-6 { width: 50%; } .medium-margin-collapse > .medium-7 { width: 58.3333333333%; } .medium-margin-collapse > .medium-8 { width: 66.6666666667%; } .medium-margin-collapse > .medium-9 { width: 75%; } .medium-margin-collapse > .medium-10 { width: 83.3333333333%; } .medium-margin-collapse > .medium-11 { width: 91.6666666667%; } .medium-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .medium-margin-collapse > .large-1 { width: 8.3333333333%; } .medium-margin-collapse > .large-2 { width: 16.6666666667%; } .medium-margin-collapse > .large-3 { width: 25%; } .medium-margin-collapse > .large-4 { width: 33.3333333333%; } .medium-margin-collapse > .large-5 { width: 41.6666666667%; } .medium-margin-collapse > .large-6 { width: 50%; } .medium-margin-collapse > .large-7 { width: 58.3333333333%; } .medium-margin-collapse > .large-8 { width: 66.6666666667%; } .medium-margin-collapse > .large-9 { width: 75%; } .medium-margin-collapse > .large-10 { width: 83.3333333333%; } .medium-margin-collapse > .large-11 { width: 91.6666666667%; } .medium-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; } .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse { margin-right: 0; margin-left: 0; } .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .small-1 { width: 8.3333333333%; } .large-margin-collapse > .small-2 { width: 16.6666666667%; } .large-margin-collapse > .small-3 { width: 25%; } .large-margin-collapse > .small-4 { width: 33.3333333333%; } .large-margin-collapse > .small-5 { width: 41.6666666667%; } .large-margin-collapse > .small-6 { width: 50%; } .large-margin-collapse > .small-7 { width: 58.3333333333%; } .large-margin-collapse > .small-8 { width: 66.6666666667%; } .large-margin-collapse > .small-9 { width: 75%; } .large-margin-collapse > .small-10 { width: 83.3333333333%; } .large-margin-collapse > .small-11 { width: 91.6666666667%; } .large-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .medium-1 { width: 8.3333333333%; } .large-margin-collapse > .medium-2 { width: 16.6666666667%; } .large-margin-collapse > .medium-3 { width: 25%; } .large-margin-collapse > .medium-4 { width: 33.3333333333%; } .large-margin-collapse > .medium-5 { width: 41.6666666667%; } .large-margin-collapse > .medium-6 { width: 50%; } .large-margin-collapse > .medium-7 { width: 58.3333333333%; } .large-margin-collapse > .medium-8 { width: 66.6666666667%; } .large-margin-collapse > .medium-9 { width: 75%; } .large-margin-collapse > .medium-10 { width: 83.3333333333%; } .large-margin-collapse > .medium-11 { width: 91.6666666667%; } .large-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .large-1 { width: 8.3333333333%; } .large-margin-collapse > .large-2 { width: 16.6666666667%; } .large-margin-collapse > .large-3 { width: 25%; } .large-margin-collapse > .large-4 { width: 33.3333333333%; } .large-margin-collapse > .large-5 { width: 41.6666666667%; } .large-margin-collapse > .large-6 { width: 50%; } .large-margin-collapse > .large-7 { width: 58.3333333333%; } .large-margin-collapse > .large-8 { width: 66.6666666667%; } .large-margin-collapse > .large-9 { width: 75%; } .large-margin-collapse > .large-10 { width: 83.3333333333%; } .large-margin-collapse > .large-11 { width: 91.6666666667%; } .large-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-padding-collapse { margin-right: 0; margin-left: 0; } .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } .small-offset-0 { margin-left: 0%; } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + 1.25rem / 2); } .small-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .small-offset-1 { margin-left: calc(8.3333333333% + 1.25rem / 2); } .small-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .small-offset-2 { margin-left: calc(16.6666666667% + 1.25rem / 2); } .small-offset-3 { margin-left: 25%; } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + 1.25rem / 2); } .small-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .small-offset-4 { margin-left: calc(33.3333333333% + 1.25rem / 2); } .small-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .small-offset-5 { margin-left: calc(41.6666666667% + 1.25rem / 2); } .small-offset-6 { margin-left: 50%; } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + 1.25rem / 2); } .small-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .small-offset-7 { margin-left: calc(58.3333333333% + 1.25rem / 2); } .small-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .small-offset-8 { margin-left: calc(66.6666666667% + 1.25rem / 2); } .small-offset-9 { margin-left: 75%; } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + 1.25rem / 2); } .small-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .small-offset-10 { margin-left: calc(83.3333333333% + 1.25rem / 2); } .small-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .small-offset-11 { margin-left: calc(91.6666666667% + 1.25rem / 2); } @media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0%; } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .medium-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .medium-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .medium-offset-3 { margin-left: 25%; } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .medium-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .medium-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .medium-offset-6 { margin-left: 50%; } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .medium-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .medium-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .medium-offset-9 { margin-left: 75%; } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .medium-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .medium-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } @media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0%; } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .large-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .large-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .large-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .large-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .large-offset-3 { margin-left: 25%; } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .large-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .large-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .large-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .large-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .large-offset-6 { margin-left: 50%; } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .large-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .large-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .large-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .large-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .large-offset-9 { margin-left: 75%; } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .large-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .large-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .large-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .large-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } .grid-y { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .grid-y > .cell { height: auto; max-height: none; } .grid-y > .auto { height: auto; } .grid-y > .shrink { height: auto; } .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-y > .small-1 { height: 8.3333333333%; } .grid-y > .small-2 { height: 16.6666666667%; } .grid-y > .small-3 { height: 25%; } .grid-y > .small-4 { height: 33.3333333333%; } .grid-y > .small-5 { height: 41.6666666667%; } .grid-y > .small-6 { height: 50%; } .grid-y > .small-7 { height: 58.3333333333%; } .grid-y > .small-8 { height: 66.6666666667%; } .grid-y > .small-9 { height: 75%; } .grid-y > .small-10 { height: 83.3333333333%; } .grid-y > .small-11 { height: 91.6666666667%; } .grid-y > .small-12 { height: 100%; } @media print, screen and (min-width: 40em) { .grid-y > .medium-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; height: auto; } .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-y > .medium-shrink { height: auto; } .grid-y > .medium-1 { height: 8.3333333333%; } .grid-y > .medium-2 { height: 16.6666666667%; } .grid-y > .medium-3 { height: 25%; } .grid-y > .medium-4 { height: 33.3333333333%; } .grid-y > .medium-5 { height: 41.6666666667%; } .grid-y > .medium-6 { height: 50%; } .grid-y > .medium-7 { height: 58.3333333333%; } .grid-y > .medium-8 { height: 66.6666666667%; } .grid-y > .medium-9 { height: 75%; } .grid-y > .medium-10 { height: 83.3333333333%; } .grid-y > .medium-11 { height: 91.6666666667%; } .grid-y > .medium-12 { height: 100%; } } @media print, screen and (min-width: 64em) { .grid-y > .large-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; height: auto; } .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-y > .large-shrink { height: auto; } .grid-y > .large-1 { height: 8.3333333333%; } .grid-y > .large-2 { height: 16.6666666667%; } .grid-y > .large-3 { height: 25%; } .grid-y > .large-4 { height: 33.3333333333%; } .grid-y > .large-5 { height: 41.6666666667%; } .grid-y > .large-6 { height: 50%; } .grid-y > .large-7 { height: 58.3333333333%; } .grid-y > .large-8 { height: 66.6666666667%; } .grid-y > .large-9 { height: 75%; } .grid-y > .large-10 { height: 83.3333333333%; } .grid-y > .large-11 { height: 91.6666666667%; } .grid-y > .large-12 { height: 100%; } } .grid-padding-y .grid-padding-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y .grid-padding-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-padding-y > .cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y > .cell { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .grid-frame { width: 100%; } .cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { .medium-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .medium-grid-frame { width: 100%; } .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .medium-cell-block-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 64em) { .large-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .large-grid-frame { width: 100%; } .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .large-cell-block-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .grid-y.grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: auto; } @media print, screen and (min-width: 40em) { .grid-y.medium-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: auto; } } @media print, screen and (min-width: 64em) { .grid-y.large-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: auto; } } .cell .grid-y.grid-frame { height: 100%; } @media print, screen and (min-width: 40em) { .cell .grid-y.medium-grid-frame { height: 100%; } } @media print, screen and (min-width: 64em) { .cell .grid-y.large-grid-frame { height: 100%; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } @media print, screen and (min-width: 40em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 40em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 1.875rem); } } /** * Import npm dependencies * * Prefix your imports with `~` to grab from node_modules/ * @see https://github.com/webpack-contrib/sass-loader#imports */ /** Import theme styles */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } html { scroll-behavior: smooth; overflow-x: hidden; } body { font-family: "Urbanist", sans-serif; font-style: normal; font-stretch: normal; position: relative; -webkit-font-smoothing: antialiased; color: #000000; padding: 0px; margin: 0px; font-size: 22px; font-weight: 700; line-height: 30px; color: #0C2436; height: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 1199px) { body { font-size: 18px; font-weight: 700; line-height: 26px; } } @media (max-width: 767px) { body { font-size: 16px; font-weight: 700; line-height: 28px; } } @media (max-width: 1199px) { body { padding-bottom: 77px; } } body::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-image: url(/wp-content/themes/cscnl/dist/images/body-bg.jpg); background-repeat: repeat; background-size: contain; opacity: 0.2; z-index: -1; } html.overflow-hidden, html.overflow-hidden body, html.lity-active, html.top-bar-open, html.top-bar-open body { overflow: hidden; } .cscnl-events .pink-line::after { content: none; } body.top-bar-open { overflow: hidden; } a { text-decoration: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; display: inline-block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a:hover, a:focus, a:active:focus { -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; color: #0C2436; } .row { max-width: 100%; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section { position: relative; } img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } ul { list-style-type: none; margin: 0px; } p { font-size: 22px; font-weight: 700; line-height: 30px; margin: 0px; font-family: "Urbanist", sans-serif; font-family: "Urbanist", sans-serif; } @media (max-width: 1199px) { p { font-size: 18px; font-weight: 700; line-height: 26px; } } @media (max-width: 767px) { p { font-size: 16px; font-weight: 700; line-height: 28px; } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Urbanist", sans-serif !important; } .grid-container { width: 100%; max-width: 77.5%; height: 100%; } @media (max-width:1600px) { .grid-container { max-width: 1250px; } } @media (max-width: 1299px) { .grid-container { max-width: 1000px; } } @media (max-width: 1023px) { .grid-container { max-width: 100%; } } @media (max-width: 1199px) { .grid-container { padding: 0 30px; } } @media (max-width: 575px) { .grid-container { padding: 0 20px; } } .grid-container.full { padding: 0 100px; } @media (max-width:1499px) { .grid-container.full { padding: 0 70px; } } @media (max-width: 1299px) { .grid-container.full { padding: 0 50px; } } @media (max-width: 767px) { .grid-container.full { padding: 0 30px; } } @media (max-width: 575px) { .grid-container.full { padding: 0 20px; } } .row { margin-right: -0.625rem; margin-left: -0.625rem; } .row.mx-none { max-width: none; } .row { max-width: none; margin: 0 auto; } .row:before, .row:after { display: none; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .gap-20 { gap: 20px; } .gap-40 { gap: 40px; } .mt-70 { margin-top: 70px; } @media (max-width: 1199px) { .mt-70 { margin-top: 40px; } } .mb-100 { margin-bottom: 100px; } @media (max-width: 1199px) { .mb-100 { margin-bottom: 50px; } } .mb-30 { margin-bottom: 30px; } .mt-0 { margin-top: 0 !important; } .mt-20 { margin-top: 20px; } .pt-20 { padding-top: 23px !important; } .bg-yellow { background-color: #FFBF3F; } .flex-center { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content-center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; } .regular-spacing { padding: 50px 0; } .section-title { margin-bottom: 65px; position: relative; } @media (max-width:1366px) { .section-title { margin-bottom: 40px; } } @media (max-width: 1023px) { .section-title { margin-bottom: 30px; } } .section-title .image-wrapper { -webkit-transform: translateY(-70px); -o-transform: translateY(-70px); transform: translateY(-70px); max-width: 620px; } @media (max-width: 1199px) { .section-title .image-wrapper { -webkit-transform: translateY(-47px); -o-transform: translateY(-47px); transform: translateY(-47px); max-width: 432px; } } @media (max-width: 1023px) { .section-title .image-wrapper { -webkit-transform: translateY(2px); -o-transform: translateY(2px); transform: translateY(2px); max-width: 460px; } } .section-title .image-wrapper img { -o-object-fit: contain; object-fit: contain; } .section-title h2 { text-transform: lowercase; } @media (max-width: 575px) { .section-title h2 { max-width: 59%; } } .section-title.bg-pink { background-color: #BA3C8B; padding: 18px; position: relative; overflow: hidden; } .section-title.bg-pink::before { content: ""; position: absolute; left: 30%; top: 0; right: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzcyIiBoZWlnaHQ9IjE0OSIgdmlld0JveD0iMCAwIDM3MiAxNDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNMS4wMDA0NCAxNDcuNDk5QzQuODU0NjcgMTA3LjIxIDQzLjM0MTcgMTAyLjIxOCA3Ny4yNDQyIDEwMS43QzEwNC42MDYgMTAxLjI4MiAxMzEuMjc0IDEwNy4zNDIgMTU4LjUzNiAxMDYuOTI1QzE3OS43MTUgMTA2LjYwMiAyMDYuMjYxIDEwOS40OCAyMjQuOTg3IDk3LjI4NTZDMjM2LjMwMSA4OS45MTgzIDI0Ny41MTMgODQuMjc4MyAyNTcuMzMzIDc0LjE1MjZDMjcwLjQ3OCA2MC42MDAzIDI4NS4xNTEgNDEuNzE1NyAzMDAuNDY3IDMwLjc2MjNDMzE5LjY3NyAxNy4wMjQgMzQ2LjU3NCAzLjM4MDYzIDM3MC41NzUgMS43ODE3MiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjE1IDE1Ii8+CjxkZWZzPgo8c3R5bGU+Ci5wYXRoIHsKICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEwOwogICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDUwMDsKICAgIGFuaW1hdGlvbjogZGFzaCAxMHMgbGluZWFyIGFsdGVybmF0ZSBpbmZpbml0ZTsKfQoKQGtleWZyYW1lcyBkYXNoIHsKICAgIHRvIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgfQp9Cjwvc3R5bGU+CjwvZGVmcz4KPC9zdmc+Cg==); max-width: 371px; height: 140px; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575px) { .section-title.bg-pink::before { max-width: 100%; height: 100%; -webkit-transform: rotate(-19deg); -o-transform: rotate(-19deg); transform: rotate(-19deg); left: 53%; } } .section-title.bg-pink h2 { color: #ffffff; max-width: 100%; } .section-title.bg-orange { background-color: #FB914A; padding: 18px; position: relative; } .section-title.bg-orange::before { content: ""; position: absolute; right: 150px; top: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA0IiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDMwNCAxMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNMS40OTk5OSAxLjUyNzgzQzI5IDEuNTI3ODMgNjAuNTIxNSAtMi4yNjczNSA5Ny41IDIyLjUyNzhDMTExLjY3NyAzNi43MDQ3IDEyNC41NzEgNTEuMTE2OSAxMzguNjk2IDY1LjI0MjFDMTQ5LjY3IDc2LjIxNTggMTYxLjY5NyA5MS42NDQ4IDE3Ny42NjMgOTUuMjczM0MxODcuMzA4IDk3LjQ2NTUgMTk1Ljk5NCAxMDAuNDg1IDIwNi4zMjkgMTAwLjQ4NUMyMjAuMTYxIDEwMC40ODUgMjM3LjU3NyA5OC41Njk0IDI1MS4xNTEgMTAxLjAzN0MyNjguMTc1IDEwNC4xMzMgMjg5LjA3IDExMS4zMTkgMzAyLjE1NCAxMjMuMTI2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMTUgMTUiLz4KPHN0eWxlPgoucGF0aCB7CiAgICBzdHJva2UtZGFzaGFycmF5OiAxMDsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiA1MDA7CiAgICBhbmltYXRpb246IGRhc2ggMTBzIGxpbmVhciBhbHRlcm5hdGUgaW5maW5pdGU7Cn0KCkBrZXlmcmFtZXMgZGFzaCB7CiAgICB0byB7CiAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgIH0KfQo8L3N0eWxlPgo8L3N2Zz4K); width: 288px; height: 100%; background-repeat: no-repeat; background-size: contain; } @media (max-width: 767px) { .section-title.bg-orange::before { right: 0; max-width: 100%; height: 100%; } } .section-title.bg-orange h2 { color: #ffffff; } .form-wrapper [type=text], .form-wrapper [type=password], .form-wrapper [type=date], .form-wrapper [type=datetime], .form-wrapper [type=datetime-local], .form-wrapper [type=month], .form-wrapper [type=week], .form-wrapper [type=email], .form-wrapper [type=number], .form-wrapper [type=search], .form-wrapper [type=tel], .form-wrapper [type=time], .form-wrapper [type=url], .form-wrapper [type=color], .form-wrapper textarea { border: 1px solid #0C2436; padding: 20px 28px; outline: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px; background-color: #F5F7F8; } .form-wrapper [type=text]::-webkit-input-placeholder, .form-wrapper [type=password]::-webkit-input-placeholder, .form-wrapper [type=date]::-webkit-input-placeholder, .form-wrapper [type=datetime]::-webkit-input-placeholder, .form-wrapper [type=datetime-local]::-webkit-input-placeholder, .form-wrapper [type=month]::-webkit-input-placeholder, .form-wrapper [type=week]::-webkit-input-placeholder, .form-wrapper [type=email]::-webkit-input-placeholder, .form-wrapper [type=number]::-webkit-input-placeholder, .form-wrapper [type=search]::-webkit-input-placeholder, .form-wrapper [type=tel]::-webkit-input-placeholder, .form-wrapper [type=time]::-webkit-input-placeholder, .form-wrapper [type=url]::-webkit-input-placeholder, .form-wrapper [type=color]::-webkit-input-placeholder, .form-wrapper textarea::-webkit-input-placeholder { color: rgba(0, 114, 153, 0.8); text-transform: lowercase; font-weight: 400; font-size: 12px; line-height: 21px; text-transform: capitalize; } .form-wrapper [type=text]::-webkit-input-placeholder, .form-wrapper [type=text]:-moz-placeholder, .form-wrapper [type=text]:-ms-input-placeholder, .form-wrapper [type=text]::placeholder, .form-wrapper [type=password]::-webkit-input-placeholder, .form-wrapper [type=password]:-moz-placeholder, .form-wrapper [type=password]:-ms-input-placeholder, .form-wrapper [type=password]::placeholder, .form-wrapper [type=date]::-webkit-input-placeholder, .form-wrapper [type=date]:-moz-placeholder, .form-wrapper [type=date]:-ms-input-placeholder, .form-wrapper [type=date]::placeholder, .form-wrapper [type=datetime]::-webkit-input-placeholder, .form-wrapper [type=datetime]:-moz-placeholder, .form-wrapper [type=datetime]:-ms-input-placeholder, .form-wrapper [type=datetime]::placeholder, .form-wrapper [type=datetime-local]::-webkit-input-placeholder, .form-wrapper [type=datetime-local]:-moz-placeholder, .form-wrapper [type=datetime-local]:-ms-input-placeholder, .form-wrapper [type=datetime-local]::placeholder, .form-wrapper [type=month]::-webkit-input-placeholder, .form-wrapper [type=month]:-moz-placeholder, .form-wrapper [type=month]:-ms-input-placeholder, .form-wrapper [type=month]::placeholder, .form-wrapper [type=week]::-webkit-input-placeholder, .form-wrapper [type=week]:-moz-placeholder, .form-wrapper [type=week]:-ms-input-placeholder, .form-wrapper [type=week]::placeholder, .form-wrapper [type=email]::-webkit-input-placeholder, .form-wrapper [type=email]:-moz-placeholder, .form-wrapper [type=email]:-ms-input-placeholder, .form-wrapper [type=email]::placeholder, .form-wrapper [type=number]::-webkit-input-placeholder, .form-wrapper [type=number]:-moz-placeholder, .form-wrapper [type=number]:-ms-input-placeholder, .form-wrapper [type=number]::placeholder, .form-wrapper [type=search]::-webkit-input-placeholder, .form-wrapper [type=search]:-moz-placeholder, .form-wrapper [type=search]:-ms-input-placeholder, .form-wrapper [type=search]::placeholder, .form-wrapper [type=tel]::-webkit-input-placeholder, .form-wrapper [type=tel]:-moz-placeholder, .form-wrapper [type=tel]:-ms-input-placeholder, .form-wrapper [type=tel]::placeholder, .form-wrapper [type=time]::-webkit-input-placeholder, .form-wrapper [type=time]:-moz-placeholder, .form-wrapper [type=time]:-ms-input-placeholder, .form-wrapper [type=time]::placeholder, .form-wrapper [type=url]::-webkit-input-placeholder, .form-wrapper [type=url]:-moz-placeholder, .form-wrapper [type=url]:-ms-input-placeholder, .form-wrapper [type=url]::placeholder, .form-wrapper [type=color]::-webkit-input-placeholder, .form-wrapper [type=color]:-moz-placeholder, .form-wrapper [type=color]:-ms-input-placeholder, .form-wrapper [type=color]::placeholder, .form-wrapper textarea::-webkit-input-placeholder, .form-wrapper textarea:-moz-placeholder, .form-wrapper textarea:-ms-input-placeholder, .form-wrapper textarea::placeholder { color: rgba(0, 114, 153, 0.8); text-transform: lowercase; font-weight: 400; font-size: 12px; line-height: 21px; text-transform: capitalize; } .form-wrapper input, .form-wrapper input[type=text], .form-wrapper input[type=password], .form-wrapper input[type=email], .form-wrapper input[type=number], .form-wrapper textarea { border: 1px solid #0C2436; padding: 20px 28px; outline: 0; -webkit-box-shadow: none; box-shadow: none; color: #0C2436; } .form-wrapper input { height: 54px; } @media (max-width: 767px) { .form-wrapper input { height: 40px; } } .form-wrapper input::-webkit-input-placeholder { color: rgba(0, 114, 153, 0.8); text-transform: lowercase; font-weight: 400; font-size: 12px; line-height: 21px; text-transform: capitalize; } .form-wrapper input::-webkit-input-placeholder, .form-wrapper input:-moz-placeholder, .form-wrapper input:-ms-input-placeholder, .form-wrapper input::placeholder { color: rgba(0, 114, 153, 0.8); text-transform: lowercase; font-weight: 400; font-size: 12px; line-height: 21px; text-transform: capitalize; } .form-wrapper textarea { height: 206px; } .gform_ajax_spinner { position: absolute; height: 15px; width: 15px; } .breadcrumb { margin-top: 30px; } .breadcrumb ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; position: relative; padding-left: 22px; } .breadcrumb ul::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 0; height: 10px; width: 10px; background-size: contain; background-repeat: no-repeat; } .breadcrumb ul li { position: relative; font-weight: 600; font-size: 12px; line-height: 18px; color: #4F5A6B; text-transform: capitalize; } .breadcrumb ul li a { font-weight: 600; font-size: 12px; line-height: 18px; color: #848B97; text-transform: capitalize; } .breadcrumb ul li a:hover { color: #4F5A6B; } .breadcrumb ul li + li::before { content: ""; position: absolute; left: -18px; top: 3px; width: 6px; height: 18px; background-size: contain; background-repeat: no-repeat; } .animate { position: relative; -webkit-transform: translateY(150px); -o-transform: translateY(150px); transform: translateY(150px); opacity: 0; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .animate.active { -webkit-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 20px; } .button-wrapper .category-field { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 9px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .button-wrapper .category-field img { height: 20px; width: 20px; -o-object-fit: contain; object-fit: contain; } .button-wrapper .category-field p { font-size: 14px; font-weight: 600; line-height: 17px; color: #000000; margin-bottom: 0 !important; } @media (max-width: 575px) { .button-wrapper .category-field p { font-size: 12px; line-height: 14px; } } .featured-label { background-color: #BA3C8B; font-size: 14px; font-weight: 600; line-height: 17px; border: 1px solid #000000; border-radius: 5px; width: auto; height: 40px; position: relative; text-transform: capitalize; padding: 10px 16px 10px 41px; color: #ffffff; display: inline-block; } @media (max-width: 575px) { .featured-label { margin: auto; } } .featured-label::after { content: ""; position: absolute; left: 0; top: -4px; right: 0; bottom: 0; height: 100%; width: 100%; border-radius: 5px; border: 1px solid #000000; } .featured-label::before { content: ""; position: absolute; top: 0; left: 7px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI4XzQ1MykiPgo8cGF0aCBkPSJNMjMuMzM0NCAwSDUuNzYxNDhDNS4zMDg0NSAwIDQuOTQxMTcgMC4zNjcyODEgNC45NDExNyAwLjgyMDMxMlYyNy4xNzk3QzQuOTQxMTcgMjcuNTExNSA1LjE0MTA1IDI3LjgxMDYgNS40NDc1OCAyNy45Mzc1QzUuNTQ5MDggMjcuOTc5NiA1LjY1NTY2IDI4IDUuNzYxMzIgMjhDNS45NzQ3NyAyOCA2LjE4NDYgMjcuOTE2NyA2LjM0MTUgMjcuNzU5N0wxNC41NDgxIDE5LjU1MzJMMjIuNzU0MyAyNy43NTk3QzIyLjk4ODkgMjcuOTk0NCAyMy4zNDE3IDI4LjA2NDUgMjMuNjQ4MyAyNy45Mzc1QzIzLjk1NDggMjcuODEwNiAyNC4xNTQ3IDI3LjUxMTUgMjQuMTU0NyAyNy4xNzk3VjAuODIwMzEyQzI0LjE1NDcgMC4zNjcyODEgMjMuNzg3NSAwIDIzLjMzNDQgMFoiIGZpbGw9IiMwMEE3QjUiLz4KPHJlY3QgeD0iNC45NDExOCIgd2lkdGg9IjE5LjIxMjkiIGhlaWdodD0iMi40NzA1OSIgZmlsbD0iIzAwQTdCNSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI4XzQ1MyI+CjxyZWN0IHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); background-position: top; background-repeat: no-repeat; background-size: contain; height: 28px; width: 28px; } .cs-general-content { font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .cs-general-content { font-size: 16px; font-weight: 600; line-height: 23px; } } .cs-general-content p { font-size: 18px; font-weight: 600; line-height: 27px; margin-bottom: 30px; } @media (max-width: 767px) { .cs-general-content p { font-size: 16px; font-weight: 600; line-height: 23px; } } .cs-general-content p a { color: #BA3C8B; } .cs-general-content h2 { position: relative; text-transform: capitalize; margin-bottom: 50px; } .cs-general-content h3 { position: relative; margin-bottom: 50px; color: #1D57A5; font-weight: 800; } .cs-general-content h5, .cs-general-content h4, .cs-general-content h6 { margin-bottom: 25px; color: #0C2436; font-weight: 900; text-transform: capitalize; } .cs-general-content img { height: 400px; margin-bottom: 30px; -o-object-fit: cover; object-fit: cover; } .cs-general-content ul { list-style: none; padding-left: 7px; margin: 40px 30px 32px; margin-right: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; gap: 80px; max-width: 640px; } .cs-general-content ul li { position: relative; padding-left: 0px; font-size: 22px; font-weight: 700; line-height: 30px; } @media (max-width: 1199px) { .cs-general-content ul li { font-size: 18px; font-weight: 700; line-height: 26px; } } @media (max-width: 767px) { .cs-general-content ul li { font-size: 16px; font-weight: 700; line-height: 28px; } } .cs-general-content ul li + li { margin-top: 19px; } .cs-general-content blockquote { max-width: 814px; font-style: italic; font-weight: 400; font-size: 24px; line-height: 30px; color: #0C2436; border-left: 10px solid #0C2436; margin: 60px auto 60px; } .cs-general-content .faq-section { margin: 84px 0; } .cs-general-content .faq-section .accordion .accordion-item .accordion-title { border: 0; padding: 21px; padding-left: 47px; font-weight: 400; font-size: 18px; line-height: 28px; color: #3D4551; } .cs-general-content .faq-section .accordion .accordion-item .accordion-title::before { left: 15px; right: auto; top: 44%; font-size: 22px; } .cs-general-content .faq-section .accordion .accordion-item .accordion-title:hover, .cs-general-content .faq-section .accordion .accordion-item .accordion-title:focus { background-color: transparent; } .cs-general-content .faq-section .accordion .accordion-item .accordion-content { -webkit-transition: none; -o-transition: none; transition: none; border: none; padding: 0 47px 21px; font-weight: 400; font-size: 15px; line-height: 22px; color: #848B97; } .cs-general-content .faq-section .accordion .accordion-item + .accordion-item { border-top: 1px solid #0C2436; } .cs-general-content .gallery-section h4 { font-weight: 400; } .cs-general-content .gallery-section .image-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(258px, 1fr)); } .cs-general-content .gallery-section .image-grid .image { height: 195px; } .cs-general-content .gallery-section .image-grid .image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .cs-general-content .tag { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 14px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 23px 0; } .cs-general-content .tag li { font-size: 12px; line-height: 18px; padding-left: 0; border-radius: 1px; text-align: center; } .cs-general-content .tag li::after { content: none; } .cs-general-content .tag li a { color: #848B97; padding: 3px 11px; background-color: #FAF9F7; } .cs-general-content .tag li a:hover { background-color: #0C2436; color: #FAF9F7; } .cs-general-content .tag li + li { margin-top: 0; } .share-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .share-wrapper h5 { text-transform: lowercase; margin-bottom: 0; font-weight: 900; font-size: 32px; line-height: 38px; color: rgba(12, 36, 54, 0.75); } .share-wrapper .share-icon { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .share-wrapper .share-icon a { width: 73px; height: 33px; text-align: center; color: #ffffff; background-color: #3D4551; border-radius: 3px; padding: 3px; } .share-wrapper .share-icon a:hover { background-color: #0C2436; } .post-pagination { margin: 40px 0; border-top: 1px solid #0C2436; margin: 80px 0 40px; padding: 23px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; } @media (max-width: 1299px) { .post-pagination { margin: 40px 0; } } @media (max-width: 575px) { .post-pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .post-pagination .article-wrapper { padding: 30px 45px 30px 62px; text-align: right; position: relative; } @media (max-width: 575px) { .post-pagination .article-wrapper { padding-right: 0; } } .post-pagination .article-wrapper .title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 20px; margin-bottom: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 600; line-height: 27px; text-transform: lowercase; } @media (max-width: 767px) { .post-pagination .article-wrapper .title { font-size: 16px; font-weight: 600; line-height: 23px; } } .post-pagination .article-wrapper .title a { color: #3D4551; } .post-pagination .article-wrapper .title a:hover { color: #0C2436; } .post-pagination .article-wrapper .title h3 { color: #BA3C8B; } .post-pagination .article-wrapper .title .next-icon { height: 15px; width: 15px; background-repeat: no-repeat; background-position: right; } .post-pagination .article-wrapper .p2 a { font-weight: 600; font-size: 18px; line-height: 27px; color: #0C2436; } .post-pagination .article-wrapper .p2 a:hover { color: #BA3C8B; } .post-pagination .article-wrapper p { font-size: 13px; font-weight: 600; line-height: 16px; color: rgba(12, 36, 54, 0.75); max-width: 232px; margin-bottom: 0; } .post-pagination .article-wrapper + .article-wrapper { border-left: 1px solid #0C2436; } @media (max-width: 575px) { .post-pagination .article-wrapper + .article-wrapper { border-left: 0; border-top: 1px solid #0C2436; } } .post-pagination .article-wrapper.next-article { text-align: left; padding: 30px 62px 30px 45px; } @media (max-width: 575px) { .post-pagination .article-wrapper.next-article { padding-left: 0; } } .post-pagination .article-wrapper.next-article .title:hover { color: #3D4551; } .post-pagination .article-wrapper.next-article .title .next-icon { background-position: right; -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .post-pagination .article-wrapper.next-article .next-tab .title { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .post-pagination .article-wrapper.prev-btn .arrow { position: absolute; left: 0; top: 25px; } .post-pagination .article-wrapper.next-btn .arrow { position: absolute; right: 0; top: 25px; } .card-wrapper { padding: 36px 30px; position: relative; } .card-wrapper h4 { color: #000000; margin-bottom: 22px; } .card-wrapper h6 { font-size: 22px; font-weight: 700; line-height: 30px; color: #ffffff; } @media (max-width: 1199px) { .card-wrapper h6 { font-size: 18px; font-weight: 700; line-height: 26px; } } @media (max-width: 767px) { .card-wrapper h6 { font-size: 16px; font-weight: 700; line-height: 28px; } } .card-wrapper p { font-size: 16px; font-weight: 400; line-height: 25px; opacity: 0.83; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 767px) { .card-wrapper p { font-size: 14px; font-weight: 400; line-height: 23px; } } .card-wrapper .date { font-size: 13px; font-weight: 600; line-height: 16px; position: relative; display: inline-block; } .card-wrapper .date::before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; width: 100%; background-color: #D5419E; } .resource-section { display: grid; gap: 48px; grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 1199px) { .resource-section { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .resource-section { gap: 30px; } } .resource-section .wrapper { background-color: #1D57A5; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 307px; border-radius: 20px; position: relative; padding: 50px; text-align: center; color: #fff; } @media (max-width: 1199px) { .resource-section .wrapper { height: 266px; } } @media (max-width: 767px) { .resource-section .wrapper { height: 139px; } } @media (max-width: 575px) { .resource-section .wrapper { width: 100%; padding: 22px 20px; } } .resource-section .wrapper h3 { color: #ffffff; } @media (max-width: 767px) { .resource-section .wrapper h3 { font-weight: 700; font-size: 18px; line-height: 22px; } } .resource-section .wrapper .dashed { position: absolute; height: 100%; width: 100%; } .resource-section .wrapper .dashed::after { content: ""; position: absolute; right: 0; top: 0; height: 50px; width: 2px; background-color: transparent; } .resource-section .wrapper::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: 2px solid #000000; border-radius: 20px; -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); z-index: 0; clip-path: polygon(0% 0%, 100% 0%, 100% 13.99%, 88.52% 13.99%, 88.52% 20.7%, 100% 20.7%, 100% 27.98%, 90.05% 27.98%, 90.31% 36.79%, 99.88% 36.77%, 100% 100%, 0% 100%); } @media (max-width: 575px) { .resource-section .wrapper::before { border-width: 1px; } } .resource-section .wrapper:nth-child(2) { background-color: #00A7B5; } .resource-section .wrapper:nth-child(3) { background-color: #FB914A; } .resource-section .wrapper:nth-child(4) { background-color: #FFBF3F; } .annual-report .report-grid .blue { background-color: #1D57A5; } .annual-report .report-grid .bg-blue { background-color: rgba(197, 217, 220, 0.3); } .annual-report .report-grid .green { background-color: #00A7B5; } .annual-report .report-grid .orange { background-color: #FB914A; } .annual-report .report-grid .yellow { background-color: #FFBF3F; } .annual-report.active .report-grid .grid-box::after { -webkit-transform: translate(8px, -8px); -o-transform: translate(8px, -8px); transform: translate(8px, -8px); -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } @media (max-width: 1023px) { .annual-report.active .report-grid .grid-box::after { -webkit-transform: translate(4px, -4px); -o-transform: translate(4px, -4px); transform: translate(4px, -4px); } } .report-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; gap: 20px; width: 100%; } @media (max-width: 1023px) { .report-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .report-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .report-grid { grid-template-columns: repeat(1, 1fr); } } .report-grid .grid-box { border-radius: 10px; max-width: 280px; min-height: 150px; } @media (max-width: 575px) { .report-grid .grid-box { max-width: 100%; } } .report-grid .grid-box a { max-width: 280px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; padding: 20px; } @media (max-width: 767px) { .report-grid .grid-box a { max-width: 100%; width: 100%; } } .report-grid .grid-box a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: 2px solid #000; border-radius: 10px; -webkit-transform: translate(6px, -6px); -o-transform: translate(6px, -6px); transform: translate(6px, -6px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%, 100% 0%, 100% 13.99%, 88.52% 13.99%, 88.52% 20.7%, 100% 20.7%, 100% 27.98%, 90.05% 27.98%, 90.31% 36.79%, 99.88% 36.77%, 100% 100%, 0% 100%); z-index: -1; } .report-grid .grid-box a:hover::after { -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .report-grid .grid-box h3 { color: #ffffff; } @media (min-width: 1600px) { .report-grid .grid-box h3 { font-size: 28px; font-weight: 700; } } .orange-blob { position: relative; } .orange-blob::before { content: ""; position: absolute; width: 470px; height: 420px; background-image: url(/wp-content/themes/cscnl/dist/images/orange-blob.svg); background-size: contain; background-repeat: no-repeat; top: -100px; z-index: -1; } @media (max-width:1366px) { .orange-blob::before { top: -40px; } } @media (max-width: 1023px) { .orange-blob::before { top: 0px; } } @media (max-width: 575px) { .orange-blob::before { width: 100%; } } .blue-blob { position: relative; } .blue-blob::before { content: ""; position: absolute; width: 470px; height: 420px; background-image: url(/wp-content/themes/cscnl/dist/images/blue-blob3.svg); background-size: contain; background-repeat: no-repeat; bottom: -100px; z-index: -1; } @media (max-width:1366px) { .blue-blob::before { bottom: -40px; } } @media (max-width: 1023px) { .blue-blob::before { bottom: 0px; } } @media (max-width: 575px) { .blue-blob::before { width: 100%; } } .pink-line { position: relative; } .pink-line::after { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgyIiBoZWlnaHQ9IjU1OCIgdmlld0JveD0iMCAwIDI4MiA1NTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNMzA1LjAxOCA1NTYuNDM4QzI4NC43NTkgNTQ4LjM5OCAyNjUuODczIDUzOS4xOTIgMjQ4LjUyOSA1MjUuNjkzQzIyMy45NzggNTA2LjU4MyAxOTkuNzE1IDQ4Ny4xMjggMTg0LjQ3IDQ1OS4zMDVDMTY3Ljg0OCA0MjguOTY4IDE2My4wODUgMzkwLjkzIDE1OC41NTkgMzU3LjExQzE1NS4wMDggMzMwLjU3NCAxNTQuNzEzIDMwNC4zMyAxNDcuMTc3IDI3OC40NkMxNDMuMjE3IDI2NC44NjMgMTMyLjczOCAyNTIuOTY2IDEyMi41MzEgMjQzLjQzMkMxMDMuNzAxIDIyNS44NDQgODIuMDI5NiAyMTEuMjE2IDYyLjIxOTggMTk0Ljc3NUMzOS42ODI2IDE3Ni4wNyAxOS44NjkxIDE1OC4zMDcgOS4wNDQ1NSAxMzAuMjk5QzIuNDYxOSAxMTMuMjY3IC0wLjIxMTc0NCA5NS41MzE1IDEuNzA4MzYgNzcuMzMzNUMyLjg3MDY2IDY2LjMxNzYgNS4xODc1NSA1NS4yNTcxIDguNDMxNCA0NC42NjgzQzEzLjQxMTQgMjguNDEyMSAyMS43MzkyIDE1LjY4MDIgMzAuMDQ2MSAxLjE1NDc3IiBzdHJva2U9IiNENTQxOUUiIHN0cm9rZS1vcGFjaXR5PSIwLjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxNSAxNSIvPgo8c3R5bGU+Ci5wYXRoIHsKICAgIHN0cm9rZS1kYXNoYXJyYXk6IDE1OwogICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDUwMDsKICAgIGFuaW1hdGlvbjogZGFzaCAxMHMgbGluZWFyIGFsdGVybmF0ZSBpbmZpbml0ZTsKfQoKQGtleWZyYW1lcyBkYXNoIHsKICAgIHRvIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgfQp9Cjwvc3R5bGU+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: contain; right: 0; top: -16%; height: 572.78px; width: 271.51px; z-index: -1; } @media (max-width:1499px) { .pink-line::after { width: 221.51px; } } @media (max-width: 1023px) { .pink-line::after { width: 169.51px; } } .left-line { position: relative; } .left-line::after { content: ""; position: absolute; width: 190px; height: 280px; bottom: -120px; left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQyIiBoZWlnaHQ9IjI4OCIgdmlld0JveD0iMCAwIDE0MiAyODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNLTI4LjE2MzUgMjg2LjQ2NEMtMjYuMjQyOSAyODAuMjI3IC0yMy40Njg1IDI3NC40MTQgLTIxLjUzMjMgMjY4LjEyN0MtMTguMjA5OCAyNTcuMzM5IC0xNS4yMDYxIDI0NS43NTkgLTkuNDQxIDIzNS45NjdDLTMuMzY1MDIgMjI1LjY0OCAyLjA2NzQ4IDIxNC40NzYgOC43NTUxNSAyMDQuNThDMTUuMzg2NyAxOTQuNzY2IDI0LjQzODIgMTg1LjczMSAzMi41MjExIDE3Ny4xMjJDNDcuMTUzMSAxNjEuNTM4IDYzLjUyMTMgMTQ1LjY1MiA4NS4xOTQzIDE0MS43MzNDMTA0LjE3OCAxMzguMyAxMjIuMzA4IDE0NS42OTggMTMzLjYyOCAxNjEuMzAxQzE0NC40MjcgMTc2LjE4NSAxNDIuNzgyIDE5Ny4wMDEgMTI2LjAwMiAyMDguNzkxQzEyMi4wMTYgMjExLjU5MSAxMTEuNjg3IDIxOS4zNjIgOTYuNjY0IDIxOS4zNjJDODEuNjQwNyAyMTkuMzYyIDYxLjMzODIgMjEyLjcyNSA1MS44NjUzIDIwMi4wMThDMzcuOTA3IDE4Ni4yNDIgMjguOTA1NyAxNjQuNTQ1IDIyLjI2NjkgMTQ0LjcyNkMxNC40Mzg2IDEyMS4zNTUgOC4zNzc1NCA5OC42MDQ5IDQuNDk1NjggNzQuMjQxQzEuNzM4NDIgNTYuOTM1NSAtMi44NTk5NyAzOS40NzAzIC0xLjc3NDcyIDIxLjgwNjdDLTEuMzU4NzEgMTUuMDM1OCAwLjIzMTE3NyA3LjY5NDc4IC0wLjI4ODA4NiAxIiBzdHJva2U9IiMwMEE3QjUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjEwIDEwIi8+CjxzdHlsZT4KLnBhdGggewogICAgc3Ryb2tlLWRhc2hhcnJheTogMTA7CiAgICBzdHJva2UtZGFzaG9mZnNldDogNTAwOwogICAgYW5pbWF0aW9uOiBkYXNoIDEwcyBsaW5lYXIgYWx0ZXJuYXRlIGluZmluaXRlOwp9CgpAa2V5ZnJhbWVzIGRhc2ggewogICAgdG8gewogICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7CiAgICB9Cn0KPC9zdHlsZT4KPC9zdmc+Cg==); background-repeat: no-repeat; z-index: -1; } .regular-content { max-width: 866px; } .regular-content .title h2 { color: #0C2436; } .regular-content .content { margin-top: 20px; } .regular-content .content p { color: rgba(12, 36, 54, 0.8); font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .regular-content .content p { font-size: 16px; font-weight: 600; line-height: 23px; } } .regular-content .content p + p { margin-top: 20px; } .regular-content ul { margin-bottom: 30px; } .regular-content ul li { color: rgba(12, 36, 54, 0.75); position: relative; padding-left: 48px; padding-top: 28px; font-size: 18px; font-weight: 600; line-height: 27px; } .regular-content ul li::before { content: ""; position: absolute; height: 32px; width: 32px; left: 0; top: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5Nl8zNDE0KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjkuMTUyNyAxNS45OTk0QzI5LjE1MjcgMjMuMjUxOSAyMy4yNTI3IDI5LjE1MTcgMTYuMDAwMiAyOS4xNTE3QzguNzQ3NjYgMjkuMTUxNyAyLjg0NzY2IDIzLjI1MTkgMi44NDc2NiAxNS45OTk0QzIuODQ3NjYgOC43NDY5OSA4Ljc0Nzc4IDIuODQ2NjggMTYuMDAwMiAyLjg0NjY4QzIzLjI1MjUgMi44NDY2MiAyOS4xNTI3IDguNzQ2OTkgMjkuMTUyNyAxNS45OTk0Wk0xMy45OTAzIDE4LjczMjJMMTAuNjE0NCAxNS4zNTYxQzEwLjI1ODkgMTUuMDAwNiA5LjY4Mjg0IDE1LjAwMDUgOS4zMjc0MSAxNS4zNTYxQzguOTcyMTYgMTUuNzExNCA4Ljk3MjAzIDE2LjI4NzYgOS4zMjc0MSAxNi42NDNMMTMuMzQ3IDIwLjY2MjRDMTMuNTE3NyAyMC44MzMxIDEzLjc0OTEgMjAuOTI4NSAxMy45OTAzIDIwLjkyODVDMTQuMjMxNyAyMC45Mjg1IDE0LjQ2MzEgMjAuODMzMSAxNC42MzM4IDIwLjY2MjRMMjIuNjcyOCAxMi42MjM4QzIzLjAyODMgMTIuMjY4MyAyMy4wMjgyIDExLjY5MjEgMjIuNjcyOCAxMS4zMzY2QzIyLjMxNzUgMTAuOTgxMSAyMS43NDEyIDEwLjk4MTIgMjEuMzg1OSAxMS4zMzY2TDEzLjk5MDMgMTguNzMyMloiIGZpbGw9IiNGRkJGM0YiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43MzY0IDExLjI3MjdDMjMuMTI2OSAxMS42NjM1IDIzLjEyNjkgMTIuMjk2NSAyMi43MzY0IDEyLjY4NzJMMTQuNjk3NSAyMC43MjU4QzE0LjUxIDIwLjkxMzUgMTQuMjU1NiAyMS4wMTgzIDEzLjk5MDQgMjEuMDE4M0MxMy43MjUyIDIxLjAxODMgMTMuNDcwOSAyMC45MTM1IDEzLjI4MzQgMjAuNzI1OEw5LjI2MzgxIDE2LjcwNjRDOC44NzMzNyAxNi4zMTYgOC44NzMzNyAxNS42ODI2IDkuMjYzODEgMTUuMjkyMkM5LjY1NDMxIDE0LjkwMTUgMTAuMjg3NiAxNC45MDE1IDEwLjY3ODEgMTUuMjkyMkwxMy45OTA0IDE4LjYwNDdMMjEuMzIyMyAxMS4yNzI3QzIxLjcxMjggMTAuODgyMyAyMi4zNDU5IDEwLjg4MjMgMjIuNzM2NCAxMS4yNzI3Wk0xNi4wMDAyIDI5LjA2MTVDMjMuMjAyOCAyOS4wNjE1IDI5LjA2MjcgMjMuMjAyMiAyOS4wNjI3IDE1Ljk5OTFDMjkuMDYyNyA4Ljc5NjM0IDIzLjIwMjkgMi45MzY0IDE2LjAwMDIgMi45MzY0QzguNzk3NTYgMi45MzY0IDIuOTM3NjggOC43OTYzNCAyLjkzNzY4IDE1Ljk5OTFDMi45Mzc2MiAyMy4yMDIyIDguNzk3NTYgMjkuMDYxNSAxNi4wMDAyIDI5LjA2MTVaTTI2LjY1MSA1LjM0ODIxQzIzLjgwNjEgMi41MDM0IDIwLjAyMzYgMC45MzY1MjMgMTYuMDAwMiAwLjkzNjUyM0MxMS45NzY4IDAuOTM2NTIzIDguMTk0MzEgMi41MDM0IDUuMzQ5NDMgNS4zNDgyMUMyLjUwNDQ5IDguMTkzMzQgMC45Mzc3NDQgMTEuOTc1OCAwLjkzNzc0NCAxNS45OTkxQzAuOTM3NzQ0IDIwLjAyMjcgMi41MDQ0OSAyMy44MDUzIDUuMzQ5NDMgMjYuNjUwM0M4LjE5NDMxIDI5LjQ5NTEgMTEuOTc2OSAzMS4wNjE1IDE2LjAwMDIgMzEuMDYxNUMyMC4wMjM2IDMxLjA2MTUgMjMuODA2MSAyOS40OTUyIDI2LjY1MSAyNi42NTAzQzI5LjQ5NTkgMjMuODA1MiAzMS4wNjI2IDIwLjAyMjcgMzEuMDYyNiAxNS45OTkxQzMxLjA2MjYgMTEuOTc1OCAyOS40OTU5IDguMTkzMzQgMjYuNjUxIDUuMzQ4MjFaIiBmaWxsPSIjMEMyNDM2IiBmaWxsLW9wYWNpdHk9IjAuNzUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xOTZfMzQxNCI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); top: 50%; } @media (max-width: 767px) { .regular-content ul li { font-size: 16px; font-weight: 600; line-height: 23px; } } .golden-line { position: relative; } .golden-line::before { content: ""; position: absolute; width: 200px; height: 570px; top: -200px; right: 0; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0IiBoZWlnaHQ9IjU1OCIgdmlld0JveD0iMCAwIDIwNCA1NTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNMzA1LjAxNyA1NTYuNDM4QzI4NC43NTkgNTQ4LjM5OCAyNjUuODczIDUzOS4xOTIgMjQ4LjUyOSA1MjUuNjkzQzIyMy45NzcgNTA2LjU4MyAxOTkuNzE0IDQ4Ny4xMjggMTg0LjQ3IDQ1OS4zMDVDMTY3Ljg0OCA0MjguOTY4IDE2My4wODUgMzkwLjkzIDE1OC41NTkgMzU3LjExQzE1NS4wMDggMzMwLjU3NSAxNTQuNzEzIDMwNC4zMyAxNDcuMTc3IDI3OC40NkMxNDMuMjE2IDI2NC44NjMgMTMyLjczOCAyNTIuOTY2IDEyMi41MyAyNDMuNDMyQzEwMy43IDIyNS44NDQgODIuMDI5MSAyMTEuMjE2IDYyLjIxOTMgMTk0Ljc3NUMzOS42ODIxIDE3Ni4wNyAxOS44Njg2IDE1OC4zMDcgOS4wNDQwNiAxMzAuMjk5QzIuNDYxNDEgMTEzLjI2NyAtMC4yMTIyMzMgOTUuNTMxNiAxLjcwNzg3IDc3LjMzMzZDMi44NzAxOCA2Ni4zMTc3IDUuMTg3MDYgNTUuMjU3MyA4LjQzMDkxIDQ0LjY2ODRDMTMuNDEwOSAyOC40MTIyIDIxLjczODggMTUuNjgwMyAzMC4wNDU2IDEuMTU0ODkiIHN0cm9rZT0iI0ZGQkYzRiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxNSAxNSIvPgo8c3R5bGU+Ci5wYXRoIHsKICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEwOwogICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDUwMDsKICAgIGFuaW1hdGlvbjogZGFzaCAxMHMgbGluZWFyIGFsdGVybmF0ZSBpbmZpbml0ZTsKfQoKQGtleWZyYW1lcyBkYXNoIHsKICAgIHRvIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgfQp9Cjwvc3R5bGU+Cjwvc3ZnPgo=); z-index: -1; } .job-description { position: relative; } .job-description .content .job-text { margin-top: 30px; } @media (max-width: 1023px) { .job-description .content .job-text { margin-top: 20px; } } .job-description .content .job-text p { font-size: 18px; font-weight: 600; line-height: 27px; color: rgba(12, 36, 54, 0.85); } @media (max-width: 767px) { .job-description .content .job-text p { font-size: 16px; font-weight: 600; line-height: 23px; } } .job-description .content .job-id { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 2px solid #D5419E; border-bottom: 2px solid #D5419E; padding: 18px 0; margin-top: 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .job-description .content .job-id { margin-top: 20px; } } @media (max-width: 575px) { .job-description .content .job-id { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .job-description .content .job-id p { font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .job-description .content .job-id p { font-size: 16px; font-weight: 600; line-height: 23px; } } @media (max-width: 1023px) { .job-wrapper-info { max-width: 100%; } } .filter-section { margin: 50px 0 80px; } @media (max-width: 1299px) { .filter-section { left: 30px; right: 30px; } } @media (max-width: 575px) { .filter-section { left: 20px; right: 20px; } } .filter-section.inside-filtter { margin-top: -33px; } .filter-section .filter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; border-radius: 10px; padding: 15px 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 40px; } .filter-section .filter-wrapper::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: 2px solid #000; border-radius: 10px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%, 87.75% 0%, 87.75% 18.44%, 90.07% 18.93%, 89.75% 0%, 93.75% 0%, 93.51% 18.93%, 96.76% 18.93%, 96% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: -1; } .filter-section .filter-wrapper .filter-left { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } @media (max-width: 575px) { .filter-section .filter-wrapper .filter-left { gap: 15px; } } .filter-section .filter-wrapper .filter-left .filter-icon { width: 22px; height: 22px; display: inline-block; } .filter-section .filter-wrapper .filter-left .select-category select { margin-bottom: 0; border: 0; padding: 0; } .filter-section .filter-wrapper .filter-left .pn-select { outline: 0; position: relative; } .filter-section .filter-wrapper .filter-left .pn-select .select .selected-item { color: #0C2436; text-transform: capitalize; font-weight: 400; font-size: 18px; line-height: 26px; } @media (max-width: 575px) { .filter-section .filter-wrapper .filter-left .pn-select .select .selected-item { font-size: 14px; line-height: 22px; } } .filter-section .filter-wrapper .filter-left .pn-select .select .down-arrow { height: 12px; width: 12px; display: inline-block; margin-left: 8px; } .filter-section .filter-wrapper .filter-left .pn-select .select .down-arrow img { -o-object-fit: contain; object-fit: contain; } .filter-section .filter-wrapper .filter-left .pn-select .pn-select-option { position: absolute; left: 0; top: 122%; width: 120px; overflow-y: auto; min-height: 104px; padding: 5px; background-color: #ffffff; border: 1px solid #000000; display: none; padding: 0; list-style: none; z-index: 9; max-height: 244px; overflow-y: auto; } .filter-section .filter-wrapper .filter-left .pn-select .pn-select-option li { padding: 8px 13px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; font-size: 14px; } .filter-section .filter-wrapper .filter-left .pn-select .pn-select-option li a { color: #0C2436; } .filter-section .filter-wrapper .filter-left .select-option select { margin-bottom: 0; border: 0; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjEwMDkgNC45NzgyOUMxMS4xMDM2IDQuODU3MDcgMTEuMDY4NSA0LjczODA0IDExLjAwMDMgNC42Mzc3M0MxMC45MzIyIDQuNTM3NDIgMTAuODM0NSA0LjQ2MDgzIDEwLjcyMDkgNC40MTg2QzEwLjYwNzIgNC4zNzYzNyAxMC40ODMyIDQuMzcwNiAxMC4zNjYxIDQuNDAyMUMxMC4yNDkxIDQuNDMzNTkgMTAuMTQ0NyA0LjUwMDc5IDEwLjA2NzYgNC41OTQzNEw3LjAwOTY2IDguMTYzODRMMy45NTI4IDQuNTk0MzRDMy45MDUyNCA0LjUyOTYzIDMuODQ0ODYgNC40NzU0MyAzLjc3NTM4IDQuNDM1MTRDMy43MDU5IDQuMzk0ODYgMy42Mjg4MyA0LjM2OTM1IDMuNTQ5MDQgNC4zNjAyM0MzLjQ2OTI1IDQuMzUxMSAzLjM4ODQ1IDQuMzU4NTQgMy4zMTE2NyA0LjM4MjA5QzMuMjM0ODggNC40MDU2NCAzLjE2Mzc3IDQuNDQ0OCAzLjEwMjgyIDQuNDk3MUMzLjA0MTg3IDQuNTQ5MzkgMi45OTI0MyA0LjYxMzcyIDIuOTU3NDkgNC42ODYwM0MyLjkyMjU1IDQuNzU4MzQgMi45MDI5MiA0LjgzNzA5IDIuODk5ODMgNC45MTczNEMyLjg5NjczIDQuOTk3NiAyLjkxMDE5IDUuMDc3NjIgMi45Mzk0NiA1LjE1MjQyQzIuOTY4NzIgNS4yMjcyMSAzLjAxMzExIDUuMjk1MTUgMy4wNjk4NSA1LjM1MTk5TDYuNTY2NDcgOS40Mzg3NEM2LjYyMTI0IDkuNTAyOTIgNi42ODkyMiA5LjU1NDQ1IDYuNzY1ODMgOS41ODk3OUM2Ljg0MjQ0IDkuNjI1MTMgNi45MjU4MyA5LjY0MzQzIDcuMDEwMiA5LjY0MzQzQzcuMDk0NTcgOS42NDM0MyA3LjE3Nzk2IDkuNjI1MTMgNy4yNTQ1NyA5LjU4OTc5QzcuMzMxMTkgOS41NTQ0NSA3LjM5OTIzIDkuNTAyOTIgNy40NTQgOS40Mzg3NEwxMC45NTQgNS4zNTE5OUMxMS4wNDU3IDUuMjQ4NzUgMTEuMDk3NyA1LjExNjM0IDExLjEwMDkgNC45NzgyOVoiIGZpbGw9IiMwQzI0MzYiLz4KPC9zdmc+Cg==) no-repeat; background-position: center right; color: #0C2436; font-weight: 600; font-size: 18px; line-height: 27px; color: rgba(12, 36, 54, 0.75); text-transform: capitalize; } .filter-section .filter-wrapper .filter-left .select-option select:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .filter-section .filter-wrapper .filter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 25px; } .filter-section .filter-wrapper .filter-search { max-width: 100%; width: 700px; } @media (max-width: 1299px) { .filter-section .filter-wrapper .filter-search { max-width: 100%; width: 500px; } } @media (max-width: 1199px) { .filter-section .filter-wrapper .filter-search { max-width: 100%; width: 350px; } } @media (max-width: 992px) { .filter-section .filter-wrapper .filter-search { max-width: 100%; width: 100%; } } .filter-section .filter-wrapper .filter-search .form_search { position: relative; } .filter-section .filter-wrapper .filter-search .form_search input { height: 54px; border-radius: 10px; background: rgba(12, 36, 54, 0.1); margin-bottom: 0; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; padding: 10px 15px; font-weight: 400; font-size: 14px; line-height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDEgMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjUiIHkxPSIwLjUiIHgyPSIwLjUiIHkyPSIyNy41IiBzdHJva2U9IiNENTQxOUUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: contain; background-position: left 17px top 13px; background-size: auto; padding-left: 33px; } .filter-section .filter-wrapper .filter-search .form_search input::-webkit-input-placeholder { color: #0C2436; } .filter-section .filter-wrapper .filter-search .form_search input::-moz-placeholder { color: #0C2436; } .filter-section .filter-wrapper .filter-search .form_search input:-ms-input-placeholder { color: #0C2436; } .filter-section .filter-wrapper .filter-search .form_search input::-ms-input-placeholder { color: #0C2436; } .filter-section .filter-wrapper .filter-search .form_search input::placeholder { color: #0C2436; } .filter-section .filter-wrapper .filter-search .form_search input::-webkit-input-placeholder, .filter-section .filter-wrapper .filter-search .form_search input:-moz-placeholder, .filter-section .filter-wrapper .filter-search .form_search input:-ms-input-placeholder { color: rgba(12, 36, 54, 0.5); text-transform: lowercase; font-weight: 600; font-size: 14px; line-height: 17px; } .filter-section .filter-wrapper .filter-search .form_search .search-icon { width: 30px; height: 30px; display: inline-block; position: absolute; top: 12px; right: 17px; } .event-list.blue-blob::before { width: 418px; height: 418px; } .event-list .event-blog::after { content: none; } .event-list .event-blog .event-blog-wrapper { padding: 0; display: grid; gap: 85px; grid-template-columns: repeat(auto-fill, minmax(351px, 1fr)); } @media (max-width:1600px) { .event-list .event-blog .event-blog-wrapper { gap: 41px; grid-template-columns: repeat(auto-fill, minmax(378px, 1fr)); } } @media (max-width: 575px) { .event-list .event-blog .event-blog-wrapper { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 41px; } } @media (max-width: 460px) { .event-list .event-blog .event-blog-wrapper { grid-template-columns: repeat(auto-fill, minmax(273px, 1fr)); gap: 41px; } } .event-list .event-blog .event-blog-wrapper::before { content: none; } @media (max-width: 767px) { .event-list .event-blog .event-blog-wrapper .swiper-navigation { display: none; } } .event-list .event-blog::before { content: none; } .upcoming-events { border-radius: 20px; padding: 100px 122px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; min-height: 674px; z-index: 1; } @media (max-width: 1699px) { .upcoming-events { padding: 80px; } } @media (max-width: 1299px) { .upcoming-events { padding: 60px 50px; } } @media (max-width: 1199px) { .upcoming-events { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1023px) { .upcoming-events { padding: 60px 67px 80px; } } @media (max-width: 767px) { .upcoming-events { padding: 50px 49px 70px; } } @media (max-width: 575px) { .upcoming-events { padding: 50px 40px 70px; margin: 0 -20px; } } .upcoming-events::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: 2px solid #000000; border-radius: 30px; -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); z-index: -1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 85.6% 99.9%, 85.6% 85.5%, 75.12% 85.5%, 75.12% 100%, 73.25% 100%, 73.25% 85.5%, 68.72% 85.5%, 68.72% 100%, 0% 100%); } @media (max-width: 575px) { .upcoming-events::after { content: none; } } .upcoming-events::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 30px; z-index: -1; -webkit-transition: 2s; -o-transition: 2s; transition: 2s; background: -webkit-gradient(linear, left top, right top, from(#FFBF3F), color-stop(#FFBF3F), color-stop(50%), color-stop(50%, rgba(255, 191, 63, 0.7))); background: -webkit-linear-gradient(left, #FFBF3F, #FFBF3F, 50%, rgba(255, 191, 63, 0.7) 50%); background: -o-linear-gradient(left, #FFBF3F, #FFBF3F, 50%, rgba(255, 191, 63, 0.7) 50%); background: linear-gradient(to right, #FFBF3F, #FFBF3F, 50%, rgba(255, 191, 63, 0.7) 50%); background-size: 200%, 100%; background-position: 100%; } @media (max-width: 575px) { .upcoming-events::before { border-radius: 15px; } } @media (max-width: 575px) { .upcoming-events .upcoming-center-btn { text-align: center; } } .upcoming-events .left-side { padding-right: 70px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } @media (max-width:1600px) { .upcoming-events .left-side { padding-right: 40px; } } @media (max-width:1499px) { .upcoming-events .left-side { padding-right: 40px; } } @media (max-width: 1199px) { .upcoming-events .left-side { padding-right: 0; padding-bottom: 25px; } } .upcoming-events .left-side h3 { margin-bottom: 2px; margin-top: 35px; font-size: 32px; line-height: 38px; font-weight: 900; } .upcoming-events .left-side .date { margin-top: 5px; margin-bottom: 50px; display: block; font-weight: 700 !important; font-size: 22px; line-height: 30px; } .upcoming-events .left-side .calender-date { gap: 62px; margin-bottom: 50px; } @media (max-width: 1599px) { .upcoming-events .left-side .calender-date { gap: 30px; } } @media (max-width: 575px) { .upcoming-events .left-side .calender-date { gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .upcoming-events .left-side .calender-date li { width: 137px; height: 122px; border-radius: 15px; text-align: center; background-color: #FB914A; border: 2px solid #0C2436; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .upcoming-events .left-side .calender-date li { font-size: 16px; font-weight: 600; line-height: 23px; } } @media (max-width: 1599px) { .upcoming-events .left-side .calender-date li { width: 122px; height: 114px; font-size: 15px; line-height: 18px; } } @media (max-width: 575px) { .upcoming-events .left-side .calender-date li { width: 95px; height: 92px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px; } } .upcoming-events .left-side .calender-date li span { font-weight: 700; font-size: 48px; line-height: 58px; display: block; } @media (max-width: 1599px) { .upcoming-events .left-side .calender-date li span { font-size: 43px; line-height: 48px; } } @media (max-width: 575px) { .upcoming-events .left-side .calender-date li span { font-size: 34px; line-height: 36px; } } .upcoming-events .left-side, .upcoming-events .right-side { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .upcoming-events .right-side { padding-left: 70px; position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } @media (max-width:1600px) { .upcoming-events .right-side { padding-left: 40px; } } @media (max-width:1499px) { .upcoming-events .right-side { padding-left: 40px; } } @media (max-width: 1199px) { .upcoming-events .right-side { padding-left: 0; padding-top: 25px; } } .upcoming-events .right-side::before { content: ""; position: absolute; left: 0px; top: 0; bottom: 0; width: 1px; height: 100%; background-color: #FB914A; } @media (max-width: 1199px) { .upcoming-events .right-side::before { content: none; } } .upcoming-events .right-side h3 { margin-bottom: 27px; } .upcoming-events .right-side p { font-weight: 400; font-size: 16px; line-height: 25px; margin-bottom: 35px; } @media (max-width: 1023px) { .upcoming-events .right-side p { margin-bottom: 10px; } } .upcoming-events .right-side .time-table { margin-bottom: 72px; } @media (max-width:1499px) { .upcoming-events .right-side .time-table { margin-bottom: 40px; } } @media (max-width:1366px) { .upcoming-events .right-side .time-table { margin-bottom: 30px; } } .upcoming-events .right-side .time-table .row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .upcoming-events .right-side .time-table .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } } .upcoming-events .right-side .time-table .columns { padding: 0; } .upcoming-events .right-side .time-table .grid-box { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding: 0 50px; -ms-flex-item-align: stretch; align-self: stretch; } @media (max-width: 767px) { .upcoming-events .right-side .time-table .grid-box { border-bottom: 1px solid #0C2436; } } .upcoming-events .right-side .time-table .grid-box:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 0; } .upcoming-events .right-side .time-table .grid-box:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .upcoming-events .right-side .time-table .grid-box:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0; } @media (max-width: 1199px) { .upcoming-events .right-side .time-table .grid-box:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .upcoming-events .right-side .time-table .grid-box:nth-child(3) .info::before { content: none; } .upcoming-events .right-side .time-table .grid-box:nth-child(3) .info .info-text { max-width: 249px; text-align: left; } @media (max-width: 1699px) { .upcoming-events .right-side .time-table .grid-box:nth-child(3) .info .info-text { max-width: 183px; } } @media (max-width:1600px) { .upcoming-events .right-side .time-table .grid-box:nth-child(3) .info .info-text { max-width: 154px; } } @media (min-width: 768px) and (max-width: 1199px) { .upcoming-events .right-side .time-table .grid-box:nth-child(3) .info .info-text { max-width: 100%; } } @media (max-width: 767px) { .upcoming-events .right-side .time-table .grid-box:nth-child(3) .info .info-text { text-align: right; } } @media (max-width: 1799px) { .upcoming-events .right-side .time-table .grid-box { padding: 0 30px; } } @media (max-width: 767px) { .upcoming-events .right-side .time-table .grid-box { padding: 30px 0; } } .upcoming-events .right-side .time-table .grid-box .info { position: relative; height: 100%; } @media (max-width: 767px) { .upcoming-events .right-side .time-table .grid-box .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } } .upcoming-events .right-side .time-table .grid-box .info .info-title p { font-size: 22px; font-weight: 700; line-height: 30px; } @media (max-width: 1199px) { .upcoming-events .right-side .time-table .grid-box .info .info-title p { font-size: 18px; font-weight: 700; line-height: 26px; } } @media (max-width: 767px) { .upcoming-events .right-side .time-table .grid-box .info .info-title p { font-size: 16px; font-weight: 700; line-height: 28px; } } .upcoming-events .right-side .time-table .grid-box .info .info-text { position: relative; } @media (max-width: 767px) { .upcoming-events .right-side .time-table .grid-box .info .info-text { text-align: right; } } .upcoming-events .right-side .time-table .grid-box .info .info-text p { font-size: 18px; font-weight: 600; line-height: 27px; margin-bottom: 0; } @media (max-width: 767px) { .upcoming-events .right-side .time-table .grid-box .info .info-text p { font-size: 16px; font-weight: 600; line-height: 23px; } } .upcoming-events .right-side .time-table .grid-box .info::before { content: ""; position: absolute; height: calc(100% - 57px); width: 1px; background: #FB914A; right: -50px; bottom: 0; } @media (max-width: 1799px) { .upcoming-events .right-side .time-table .grid-box .info::before { right: -30px; } } @media (max-width: 1199px) { .upcoming-events .right-side .time-table .grid-box .info::before { height: calc(100% - 34px); } } @media (max-width: 767px) { .upcoming-events .right-side .time-table .grid-box .info::before { height: calc(100% - 37px); content: none; } } .require-lists { margin-top: 30px; } .require-lists ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } @media (max-width: 767px) { .require-lists ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .require-lists ul li { color: rgba(12, 36, 54, 0.75); position: relative; padding-left: 48px; padding-top: 28px; font-size: 18px; font-weight: 600; line-height: 27px; } .require-lists ul li::before { content: ""; position: absolute; height: 32px; width: 32px; left: 0; top: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5Nl8zNDE0KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjkuMTUyNyAxNS45OTk0QzI5LjE1MjcgMjMuMjUxOSAyMy4yNTI3IDI5LjE1MTcgMTYuMDAwMiAyOS4xNTE3QzguNzQ3NjYgMjkuMTUxNyAyLjg0NzY2IDIzLjI1MTkgMi44NDc2NiAxNS45OTk0QzIuODQ3NjYgOC43NDY5OSA4Ljc0Nzc4IDIuODQ2NjggMTYuMDAwMiAyLjg0NjY4QzIzLjI1MjUgMi44NDY2MiAyOS4xNTI3IDguNzQ2OTkgMjkuMTUyNyAxNS45OTk0Wk0xMy45OTAzIDE4LjczMjJMMTAuNjE0NCAxNS4zNTYxQzEwLjI1ODkgMTUuMDAwNiA5LjY4Mjg0IDE1LjAwMDUgOS4zMjc0MSAxNS4zNTYxQzguOTcyMTYgMTUuNzExNCA4Ljk3MjAzIDE2LjI4NzYgOS4zMjc0MSAxNi42NDNMMTMuMzQ3IDIwLjY2MjRDMTMuNTE3NyAyMC44MzMxIDEzLjc0OTEgMjAuOTI4NSAxMy45OTAzIDIwLjkyODVDMTQuMjMxNyAyMC45Mjg1IDE0LjQ2MzEgMjAuODMzMSAxNC42MzM4IDIwLjY2MjRMMjIuNjcyOCAxMi42MjM4QzIzLjAyODMgMTIuMjY4MyAyMy4wMjgyIDExLjY5MjEgMjIuNjcyOCAxMS4zMzY2QzIyLjMxNzUgMTAuOTgxMSAyMS43NDEyIDEwLjk4MTIgMjEuMzg1OSAxMS4zMzY2TDEzLjk5MDMgMTguNzMyMloiIGZpbGw9IiNGRkJGM0YiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43MzY0IDExLjI3MjdDMjMuMTI2OSAxMS42NjM1IDIzLjEyNjkgMTIuMjk2NSAyMi43MzY0IDEyLjY4NzJMMTQuNjk3NSAyMC43MjU4QzE0LjUxIDIwLjkxMzUgMTQuMjU1NiAyMS4wMTgzIDEzLjk5MDQgMjEuMDE4M0MxMy43MjUyIDIxLjAxODMgMTMuNDcwOSAyMC45MTM1IDEzLjI4MzQgMjAuNzI1OEw5LjI2MzgxIDE2LjcwNjRDOC44NzMzNyAxNi4zMTYgOC44NzMzNyAxNS42ODI2IDkuMjYzODEgMTUuMjkyMkM5LjY1NDMxIDE0LjkwMTUgMTAuMjg3NiAxNC45MDE1IDEwLjY3ODEgMTUuMjkyMkwxMy45OTA0IDE4LjYwNDdMMjEuMzIyMyAxMS4yNzI3QzIxLjcxMjggMTAuODgyMyAyMi4zNDU5IDEwLjg4MjMgMjIuNzM2NCAxMS4yNzI3Wk0xNi4wMDAyIDI5LjA2MTVDMjMuMjAyOCAyOS4wNjE1IDI5LjA2MjcgMjMuMjAyMiAyOS4wNjI3IDE1Ljk5OTFDMjkuMDYyNyA4Ljc5NjM0IDIzLjIwMjkgMi45MzY0IDE2LjAwMDIgMi45MzY0QzguNzk3NTYgMi45MzY0IDIuOTM3NjggOC43OTYzNCAyLjkzNzY4IDE1Ljk5OTFDMi45Mzc2MiAyMy4yMDIyIDguNzk3NTYgMjkuMDYxNSAxNi4wMDAyIDI5LjA2MTVaTTI2LjY1MSA1LjM0ODIxQzIzLjgwNjEgMi41MDM0IDIwLjAyMzYgMC45MzY1MjMgMTYuMDAwMiAwLjkzNjUyM0MxMS45NzY4IDAuOTM2NTIzIDguMTk0MzEgMi41MDM0IDUuMzQ5NDMgNS4zNDgyMUMyLjUwNDQ5IDguMTkzMzQgMC45Mzc3NDQgMTEuOTc1OCAwLjkzNzc0NCAxNS45OTkxQzAuOTM3NzQ0IDIwLjAyMjcgMi41MDQ0OSAyMy44MDUzIDUuMzQ5NDMgMjYuNjUwM0M4LjE5NDMxIDI5LjQ5NTEgMTEuOTc2OSAzMS4wNjE1IDE2LjAwMDIgMzEuMDYxNUMyMC4wMjM2IDMxLjA2MTUgMjMuODA2MSAyOS40OTUyIDI2LjY1MSAyNi42NTAzQzI5LjQ5NTkgMjMuODA1MiAzMS4wNjI2IDIwLjAyMjcgMzEuMDYyNiAxNS45OTkxQzMxLjA2MjYgMTEuOTc1OCAyOS40OTU5IDguMTkzMzQgMjYuNjUxIDUuMzQ4MjFaIiBmaWxsPSIjMEMyNDM2IiBmaWxsLW9wYWNpdHk9IjAuNzUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xOTZfMzQxNCI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); top: 50%; } @media (max-width: 767px) { .require-lists ul li { font-size: 16px; font-weight: 600; line-height: 23px; } } .top-left-blue-blob { position: relative; } .top-left-blue-blob::after { content: ""; position: absolute; width: 366px; height: 298px; top: -6%; left: -3%; background-image: url(/wp-content/themes/cscnl/dist/images/blue-small-blob.svg); background-size: contain; background-repeat: no-repeat; z-index: -1; } .bottom-right-orange-blob { position: relative; } .bottom-right-orange-blob::after { content: ""; position: absolute; width: 386px; height: 390px; bottom: 2%; right: -13%; background-image: url(/wp-content/themes/cscnl/dist/images/orange-round-blob.svg); background-size: contain; background-repeat: no-repeat; opacity: 0.1; z-index: -2; } .home .featured-event-section { margin-top: -185px; position: relative; } @media (max-width: 575px) { .home .featured-event-section { margin-top: 0; padding-bottom: 0; } } @media (max-width: 767px) { .home .featured-event-section::before { content: ""; position: absolute; width: 357px; height: 275px; background-image: url(/wp-content/themes/cscnl/dist/images/blue-wavy-blob.svg); z-index: -1; background-repeat: no-repeat; background-size: contain; right: -118px; } } .home .event-blog { margin-top: -49px; padding-top: 73px; } .home .event-blog::before { top: 54px; } .single-ourworks .featured-event-section .section-title .image-wrapper { display: none; } .single-ourworks .event-blog::before { content: none; } .single-ourworks .event-blog .event-blog-wrapper::before { content: none; } .user-registration-page .event-blog .event-blog-wrapper::before { content: none; } .sitemap .wrap h2 { margin-top: 60px; color: #0C2436; margin: 60px 0 20px; text-transform: lowercase; } @media (max-width: 1023px) { .sitemap .wrap h2 { margin: 40px 0 10px; } } .sitemap .wrap h2.wsp-pages-title { margin-top: 0; } .sitemap .wrap ul { max-width: 100%; margin: 30px 0px 32px; row-gap: 15px; padding-left: 0; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } @media (max-width: 1199px) { .sitemap .wrap ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (max-width: 767px) { .sitemap .wrap ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width: 575px) { .sitemap .wrap ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .sitemap .wrap ul li { margin-bottom: 15px; position: relative; } .sitemap .wrap ul li a { color: #4F5A6B; padding-left: 20px; font-size: 20px; font-weight: 600; line-height: 24px; } .sitemap .wrap ul li a:hover { color: #BA3C8B; } .sitemap .wrap ul li::after { content: ""; position: absolute; height: 10px; width: 10px; border-radius: 50%; background-color: #FFBF3F; top: 10px; left: 0px; } .sitemap .wrap ul li.page_item_has_children { margin-bottom: 0; } .sitemap .wrap ul li + li { margin-top: 0; } .sitemap .wrap ul ul { display: grid; grid-template-columns: 1fr; margin: 0; gap: 0; margin-top: 15px; } .sitemap .wrap .wsp-pages-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } @media (max-width: 767px) { .sitemap .wrap .wsp-pages-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width: 575px) { .sitemap .wrap .wsp-pages-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .sitemap .wrap .wsp-posts-list { grid-template-columns: 1fr; display: grid; } .sitemap .wrap .wsp-posts-list li::after { content: none; } .sitemap .wrap .wsp-posts-list li ul { grid-template-columns: 1fr 1fr; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } @media (max-width: 767px) { .sitemap .wrap .wsp-posts-list li ul { grid-template-columns: 1fr; } } .sitemap .wrap .wsp-posts-list li ul li::after { content: ""; } .no-search-result .alert h3 { margin-bottom: 30px; } .no-search-result .search-form { max-width: 850px; } .no-search-result .search-form input { height: 38px; border-radius: 10px !important; padding: 10px 8px; } .no-search-result .search-form .search-submit { background-color: #1D57A5; color: #ffffff; min-width: 146px; height: 38px; font-size: 14px; line-height: 17px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ur-frontend-form { max-width: 850px; margin: 100px auto; border-radius: 10px; } .ur-frontend-form .input-wrapper input { height: 47px; border-radius: 10px !important; padding: 10px 8px !important; } .ur-frontend-form .ur-button-container { margin-top: 30px; } .ur-frontend-form .ur-button-container .ur-submit-button { text-align: center; position: relative; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 18px; line-height: 27px; text-transform: capitalize; font-family: "Urbanist", sans-serif; color: #ffffff; min-width: 189px; height: 49px; border-radius: 10px; z-index: 1; border: 1px solid #0C2436; } @media (max-width: 767px) { .ur-frontend-form .ur-button-container .ur-submit-button { min-width: 146px; height: 38px; font-size: 14px; line-height: 17px; } } .ur-frontend-form .ur-button-container .ur-submit-button::before { content: ""; position: absolute; width: 21px; height: 14px; left: 8px; bottom: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .ur-frontend-form .ur-button-container .ur-submit-button::before { width: 16px; height: 10px; } } .ur-frontend-form .ur-button-container .ur-submit-button::after { content: ""; position: absolute; height: 100%; width: 100%; border-radius: 10px; z-index: -1; } .ur-frontend-form .ur-button-container .ur-submit-button span { position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background-color: #00A7B5; border-radius: 10px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ur-frontend-form .ur-button-container .ur-submit-button:hover { color: #0C2436; background-color: transparent; } .ur-frontend-form .ur-button-container .ur-submit-button:hover::after { border: 1px solid #ffffff; } .ur-frontend-form .ur-button-container .ur-submit-button:hover span { background-color: #00A7B5; -webkit-transform: translate(5px, -5px); -o-transform: translate(5px, -5px); transform: translate(5px, -5px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .ur-frontend-form .ur-button-container button { min-width: 146px; height: 38px; font-size: 14px; line-height: 17px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .error404 { background-color: #1D57A5; overflow-x: initial; } .error404::before { content: none; } .error404 .our-partners { display: none; } .error404 .cs-footer { position: relative; } .error404 .cs-footer::after { content: ""; position: absolute; left: 6%; top: -69px; background-image: url(/wp-content/themes/cscnl/dist/images/yellow-dark-blob.svg); background-repeat: no-repeat; background-size: contain; width: 442.67px; height: 360.43px; z-index: -2; } @media (max-width: 1199px) { .error404 .cs-footer::after { content: none; } } .error404 .cs-footer::before { content: ""; position: absolute; right: 0; top: -15%; background-image: url(/wp-content/themes/cscnl/dist/images/pink-dark-blob.svg); background-repeat: no-repeat; background-size: contain; width: 386px; height: 575px; z-index: -2; } @media (max-width: 1199px) { .error404 .cs-footer::before { content: none; } } .not-found-page { text-align: center; min-height: 650px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FFBF3F; font-weight: 600; font-size: 13px; line-height: 16px; position: relative; } .not-found-page::after { content: ""; position: absolute; left: 0; top: -69px; background-image: url(/wp-content/themes/cscnl/dist/images/green-dark-blob.svg); background-repeat: no-repeat; background-size: contain; width: 442.67px; height: 360.43px; z-index: -2; } @media (max-width: 1199px) { .not-found-page::after { width: 169.67px; height: 360.43px; left: 0; top: -69px; } } .not-found-page::before { content: ""; position: absolute; right: 0; top: -15%; background-image: url(/wp-content/themes/cscnl/dist/images/orange-dark-blob.svg); background-repeat: no-repeat; background-size: contain; width: 386px; height: 575px; z-index: -2; } @media (max-width: 1199px) { .not-found-page::before { top: -15%; width: 310px; height: 575px; } } .not-found-page h1 { color: #fff; font-weight: 900; font-size: 150px; line-height: 140px; } @media (max-width: 767px) { .not-found-page h1 { font-size: 100px; line-height: 95px; } } @media (max-width: 575px) { .not-found-page h1 { font-size: 78px; line-height: 70px; } } .not-found-page p { font-weight: 600; font-size: 13px; line-height: 16px; } @media (max-width: 575px) { .not-found-page p { font-size: 9px; line-height: 16px; } } .not-found-page .wrapper { height: 438px; width: 438px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .not-found-page .wrapper { height: 300px; width: 300px; } } @media (max-width: 575px) { .not-found-page .wrapper { height: 250px; width: 250px; } } .not-found-page .wrapper::after { content: ""; position: absolute; height: 100%; width: 100%; margin: 0 auto; bottom: 0; left: 0; top: 0; right: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMTA4MCIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTA4MCAxMDgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlc2M+Q3JlYXRlZCB3aXRoIEZhYnJpYy5qcyA1LjIuNDwvZGVzYz4KPGRlZnM+CjwvZGVmcz4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA1NDAgNTQwKSIgaWQ9ImQ1NTkwNTY2LWM1NjAtNGQ4NS04ZDY3LWRhYWRjMWI1YmMyNSI+CjwvZz4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA1NDAgNTQwKSIgaWQ9IjI2Zjk4OTFmLTMxZGItNDBjNS1iODlkLTg1ODAxZGVjMDlmNCI+CjxyZWN0IHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1kYXNob2Zmc2V0OiAwOyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogNDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyB2aXNpYmlsaXR5OiBoaWRkZW47IiB4PSItNTQwIiB5PSItNTQwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSIxMDgwIiBoZWlnaHQ9IjEwODAiPjwvcmVjdD4KPC9nPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCgyLjMxIDEuNDYgLTEuNDQgMi4yOCA1NzMuNTYgNTYzLjI4KSI+CjxnIHN0eWxlPSIiPgoJCTxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTE1Ljg4IDApIj4KPHBhdGggc3R5bGU9InN0cm9rZTogcmdiKDI1NSwyNTUsMjU1KTsgc3Ryb2tlLXdpZHRoOiAzOyBzdHJva2UtZGFzaGFycmF5OiAxNSAxNTsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtZGFzaG9mZnNldDogMDsgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsgc3Ryb2tlLW1pdGVybGltaXQ6IDQ7IGZpbGw6IG5vbmU7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIHRyYW5zbGF0ZSgtMTk3LjM0LCAtMTk4LjUpIiBkPSJNIDM2OS40OTggMjk1LjY3OSBDIDMzNS42NzggMzU1LjAwMyAyNzEuODQ1IDM5NSAxOTguNjcxIDM5NSBDIDkwLjE0NjggMzk1IDIuMTcwNzggMzA3LjAyNCAyLjE3MDc4IDE5OC41IEMgMi4xNzA3OCA4OS45NzY1IDkwLjE0NjggMi4wMDA0OSAxOTguNjcxIDIuMDAwNDkgQyAyODQuNjcyIDIuMDAwNDkgMzU3Ljc3IDU3LjI0OTggMzg0LjQwNiAxMzQuMTkxIEMgMzg3LjEwNCAxNDIuNzk0IDM5Mi41IDE2Mi45IDM5Mi41IDE3NC41IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KPC9nPgoJCTxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMTgxLjA1IDQxLjc0KSIgY2xpcC1wYXRoPSJ1cmwoI0NMSVBQQVRIXzUpIj4KPGNsaXBQYXRoIGlkPSJDTElQUEFUSF81Ij4KCTxyZWN0IHRyYW5zZm9ybT0ibWF0cml4KC0wLjg3IDAuNSAtMC41IC0wLjg3IDAuNzYgLTMuMjQpIiBpZD0iY2xpcDBfODU5XzQ3MzMiIHg9Ii0zMi45NSIgeT0iLTMyLjk1IiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2NS45IiBoZWlnaHQ9IjY1LjkiPjwvcmVjdD4KPC9jbGlwUGF0aD4KPHBhdGggc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiA0OyBmaWxsOiByZ2IoMjU1LDI1NSwyNTUpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiB0cmFuc2xhdGUoLTM5NC4yNSwgLTI0MC4yNSkiIGQ9Ik0gNDIzLjcyMSAyMTcuNDI2IEwgNDAyLjQ0NSAyMjAuOTY1IEMgMzk5Ljc3NCAyMTcuNDM4IDM5MC4yMDUgMjA0Ljc5NCAzOTAuMTQ4IDIwNC43MjYgQyAzODkuNDY0IDIwMy45MDIgMzg4LjE0OSAyMDQuMjEzIDM4Ny44OCAyMDUuMjI3IEMgMzg3Ljg3OSAyMDUuMjMgMzg3Ljg3OCAyMDUuMjMzIDM4Ny44NzcgMjA1LjIzNSBMIDM4My42MTYgMjIxLjczMSBMIDM2NC4zNzcgMjI0LjUwMyBDIDM2My41NTkgMjI0LjYyMSAzNjMuMDU0IDIyNS40NTkgMzYzLjMzMSAyMjYuMjM3IEwgMzgwLjgyIDI3NS4zNzIgQyAzODAuOTgyIDI3NS44MjcgMzgxLjM4MSAyNzYuMTU2IDM4MS44NTggMjc2LjIyOCBDIDM4Mi4zMzUgMjc2LjMgMzgyLjgxMyAyNzYuMTAzIDM4My4xMDEgMjc1LjcxNyBMIDQyNC45ODYgMjE5LjQ5OSBDIDQyNS42ODggMjE4LjU1NiA0MjQuODgxIDIxNy4yMzMgNDIzLjcyMSAyMTcuNDI2IFogTSAzOTMuNzQ2IDIyMi4wMyBDIDM5My43NzcgMjIxLjg3NSAzOTMuNzggMjIxLjY4MSAzOTMuNzQyIDIyMS41MDQgTCAzOTEuNTgyIDIxMC45NTIgTCA0MDAuMzk5IDIyMi42IEwgMzg2LjM2OCAyNTkuNzQ4IEwgMzkzLjc0NiAyMjIuMDMgWiBNIDM4OC45OTYgMjExLjM2NyBMIDM5MC45MDIgMjIwLjY4MiBMIDM4Ni40MjMgMjIxLjMyNyBMIDM4OC45OTYgMjExLjM2NyBaIE0gMzY2LjMzMiAyMjYuODY1IEwgMzkwLjgyNCAyMjMuMzM3IEwgMzgxLjY5MiAyNzAuMDE4IEwgMzY2LjMzMiAyMjYuODY1IFogTSAzODYuNTIzIDI2Ni43NDMgTCA0MDIuODM3IDIyMy41NTMgTCA0MjAuOTQ1IDIyMC41NDEgTCAzODYuNTIzIDI2Ni43NDMgWiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: contain; z-index: 9; -webkit-animation-name: spin; -o-animation-name: spin; animation-name: spin; -webkit-animation-duration: 20s; -o-animation-duration: 20s; animation-duration: 20s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index: -1; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0deg); transform: rotate(0deg); } to { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .not-found-page .round-plan { height: 100%; width: 100%; -webkit-animation-name: spin; -o-animation-name: spin; animation-name: spin; -webkit-animation-duration: 20s; -o-animation-duration: 20s; animation-duration: 20s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; position: absolute; left: 0; right: 0; top: 0; -o-object-fit: contain; object-fit: contain; } @keyframes spin { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .jobs-apply::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; background-color: #1D57A5; width: 728px; height: 100%; z-index: -1; } @media (max-width:1600px) { .jobs-apply::after { width: 595px; } } @media (min-width: 1024px) and (max-width: 1299.9px) { .jobs-apply::after { width: 447px; } } @media (max-width: 1023px) { .jobs-apply::after { content: none; } } .jobs-apply .our-partners { display: none; } @media (max-width: 1023px) { .jobs-apply .main .grid-container.full { padding: 0; } } .jobs-apply .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select { background-size: 21px 19px; background-position: 153% 50%; } .jobs-apply .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select.ui-datepicker-year { background-position: 256% 50%; } .gform_footer .cs-btn.green-btn::after { background-color: transparent; } .gform_footer .cs-btn .bg { background-color: #00A7B5; border-radius: 9px; } .gform_footer .cs-btn .bg input { background: transparent; font-weight: 600; font-size: 18px; line-height: 27px; height: auto; padding: 9px; margin-bottom: 0; } .gform_footer input { background-color: #00A7B5; border-radius: 9px; width: 100%; } .coming-soon { background-color: #1D57A5; min-height: 650px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; text-align: center; } .coming-soon::after { content: ""; position: absolute; left: 0; top: -69px; background-image: url(/wp-content/themes/cscnl/dist/images/green-dark-blob.svg); background-repeat: no-repeat; background-size: contain; width: 442.67px; height: 360.43px; z-index: -2; } @media (max-width: 1023px) { .coming-soon::after { width: 390.67px; height: 271.43px; } } .coming-soon::before { content: ""; position: absolute; right: 0; top: -15%; background-image: url(/wp-content/themes/cscnl/dist/images/orange-dark-blob.svg); background-repeat: no-repeat; background-size: contain; width: 386px; height: 575px; z-index: -2; } @media (max-width: 1023px) { .coming-soon::before { width: 310px; height: 526px; } } .coming-soon h1 { color: #ffffff; margin-bottom: 20px; } .single-events .event-banner .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c .breadcrumb_last { color: #FB914A; } .single-events .event-banner .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c .breadcrumb_last span { color: #FB914A; } .gfield_error .gfield_description, .gfield_error .validation_message { padding: 0 !important; border: 0 !important; margin-top: 0 !important; font-size: 12px !important; } .directory .wrap { position: relative; } .directory .wrap::before { position: absolute; content: ""; top: -105px; background-image: url(/wp-content/themes/cscnl/dist/images/event-blue-blob.svg); right: 0; width: 519px; height: 389px; background-repeat: no-repeat; background-position: top right; background-size: contain; } @media (max-width:1600px) { .directory .wrap::before { width: 35%; } } .cscnl-jobs .latest-news.right-pattern::after { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iMTcwOSIgdmlld0JveD0iMCAwIDY5IDE3MDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tNDEgMEMtNDEgNjEuMDAwMiAtMzMuMSAyNTEuNCAzMi41IDM4OUMxMTQuNSA1NjEgMjcuODM1MyA2NzAuMjA4IDMyLjUgNzcwLjVDMzguNSA4OTkuNSA4NC41IDk1NSAzMi41IDExMDRDLTkuMSAxMjIzLjIgLTI1LjAwMDIgMTMzNy41IC0yNS4wMDAxIDE3MDkiIHN0cm9rZT0iI0ZGQkYzRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSIxNSAxNSIvPgo8L3N2Zz4K); left: -8px; top: -31%; width: 108px; height: 1700px; background-repeat: no-repeat; } .single-ourworks .media-gallery-wrapper::after { background-image: url(/wp-content/themes/cscnl/dist/images/yellow-blob.svg); width: 555px; height: 521px; opacity: 1; bottom: -33%; right: -11%; } @media (max-width: 1299px) { .single-ourworks .media-gallery-wrapper::after { width: 30%; height: 61%; } } .our-sector .event-blog .event-blog-wrapper .wrapper .blog-wrapper .image-wrapper::before { background: #1D57A5; opacity: 0.4; } .single-post .latest-news.left-pattern::before { content: none; } .logged-in .cs-general-content h2 { text-align: center; } .post-pagination { display: none; width: 100%; } .post-pagination.page-active { display: block; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-SemiBold.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-SemiBold.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-SemiBold.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-SemiBold.svg#Urbanist-SemiBold) format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-MediumItalic.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-MediumItalic.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-MediumItalic.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-MediumItalic.svg#Urbanist-MediumItalic) format("svg"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Italic.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Italic.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Italic.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Italic.svg#Urbanist-Italic) format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-LightItalic.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-LightItalic.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-LightItalic.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-LightItalic.svg#Urbanist-LightItalic) format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Italic_1.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Italic_1.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Italic_1.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Italic_1.svg#Urbanist-Italic) format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Light.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Light.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Light.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Light.svg#Urbanist-Light) format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Medium.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Medium.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Medium.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Medium.svg#Urbanist-Medium) format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-SemiBoldItalic.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-SemiBoldItalic.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-SemiBoldItalic.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-SemiBoldItalic.svg#Urbanist-SemiBoldItalic) format("svg"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Thin.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Thin.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Thin.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Thin.svg#Urbanist-Thin) format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Regular.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Regular.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Regular.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Regular.svg#Urbanist-Regular) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ThinItalic.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ThinItalic.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ThinItalic.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ThinItalic.svg#Urbanist-ThinItalic) format("svg"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraLightItalic.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraLightItalic.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraLightItalic.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraLightItalic.svg#Urbanist-ExtraLightItalic) format("svg"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Black.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Black.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Black.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Black.svg#Urbanist-Black) format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Regular_1.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Regular_1.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Regular_1.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Regular_1.svg#Urbanist-Regular) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-BlackItalic.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-BlackItalic.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-BlackItalic.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-BlackItalic.svg#Urbanist-BlackItalic) format("svg"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-BoldItalic.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-BoldItalic.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-BoldItalic.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-BoldItalic.svg#Urbanist-BoldItalic) format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraLight.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraLight.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraLight.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraLight.svg#Urbanist-ExtraLight) format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraBold.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraBold.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraBold.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraBold.svg#Urbanist-ExtraBold) format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraBoldItalic.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraBoldItalic.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraBoldItalic.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-ExtraBoldItalic.svg#Urbanist-ExtraBoldItalic) format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Urbanist"; src: url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Bold.woff2) format("woff2"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Bold.woff) format("woff"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Bold.ttf) format("truetype"), url(/wp-content/themes/cscnl/dist/fonts/Urbanist-Bold.svg#Urbanist-Bold) format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 0.5; } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } } .path { stroke-dasharray: 10; stroke-dashoffset: 500; -webkit-animation: dash 10s linear alternate infinite; -o-animation: dash 10s linear alternate infinite; animation: dash 10s linear alternate infinite; } @keyframes dash { to { stroke-dashoffset: 0; } } h1, h2, h3, h4, h5, h6 { font-family: "Urbanist", sans-serif; margin-bottom: 0; color: #4F5A6B; } h1, .h1 { font-size: 75px; line-height: 80px; font-weight: 900; } @media (max-width:1600px) { h1, .h1 { font-size: 60px; line-height: 60px; font-weight: 800; } } @media (max-width: 1299px) { h1, .h1 { font-size: 50px; line-height: 50px; font-weight: 800; } } @media (max-width: 575px) { h1, .h1 { font-size: 40px; line-height: 40px; font-weight: 800; } } h2 { font-size: 48px; line-height: 58px; font-weight: 700; } @media (max-width: 1299px) { h2 { font-size: 30px; line-height: 36px; font-weight: 700; } } h3, .h3 { font-size: 32px; line-height: 38px; font-weight: 900; color: #0C2436; } @media (max-width:1600px) { h3, .h3 { font-size: 28px; line-height: 32px; font-weight: 900; } } @media (max-width: 767px) { h3, .h3 { font-size: 24px; line-height: 28px; font-weight: 900; } } @media (max-width: 575px) { h3, .h3 { font-size: 20px; line-height: 24px; font-weight: 900; } } h4, .h4 { font-size: 30px; line-height: 30px; font-weight: 600; } @media (max-width: 1299px) { h4, .h4 { font-size: 25px; line-height: 30px; } } @media (max-width: 767px) { h4, .h4 { font-size: 22px; line-height: 27px; } } @media (max-width: 767px) { h4, .h4 { font-size: 18px; line-height: 22px; } } h5 { font-size: 20px; line-height: 24px; font-weight: 800; } @media (max-width:1600px) { h5 { font-size: 18px; line-height: 22px; } } @media (max-width:1499px) { h5 { font-size: 16px; line-height: 20px; } } h6 { font-size: 16px; line-height: 24px; } .cs-btn { text-align: center; position: relative; overflow: hidden; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 18px; line-height: 27px; text-transform: capitalize; font-family: "Urbanist", sans-serif; color: #ffffff; min-width: 189px; height: 49px; border-radius: 10px; border: 1px solid #0C2436; z-index: 1; overflow: visible; } @media (max-width: 767px) { .cs-btn { min-width: 146px; height: 38px; font-size: 14px; line-height: 17px; } } .cs-btn::before { content: ""; position: absolute; width: 21px; height: 14px; left: 8px; bottom: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .cs-btn::before { width: 16px; height: 10px; } } .cs-btn::after { content: ""; position: absolute; height: 100%; width: 100%; border-radius: 9px 10px 9px 10px; z-index: -1; } .cs-btn .bg { position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background-color: #0C2436; border-radius: 9px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .cs-btn.sm-btn { min-width: 127px; height: 33px; font-size: 12px; line-height: 14px; } .cs-btn.sm-btn::before { width: 14px; height: 10px; left: 5px; bottom: 5px; } .cs-btn.sm-btn .bg { border-radius: 9px; } .cs-btn.sm-btn::after { border-radius: 8px; } .cs-btn.sm-btn:hover .bg { -webkit-transform: translate(3px, -3px); -o-transform: translate(3px, -3px); transform: translate(3px, -3px); } .cs-btn.lg-btn { width: 290px; height: 49px; font-size: 18px; line-height: 27px; } .cs-btn:hover { color: #ffffff; } .cs-btn:hover .bg { background-color: #00A7B5; -webkit-transform: translate(5px, -5px); -o-transform: translate(5px, -5px); transform: translate(5px, -5px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .cs-btn.green-btn { border: 1px solid #0C2436; color: #000000; } .cs-btn.green-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .cs-btn.green-btn::after { background-color: #00A7B5; content: ""; border: none; position: absolute; height: 100%; width: 100%; z-index: -1; } .cs-btn.green-btn:hover::after { background-color: transparent; border: 1px solid #ffffff; } .cs-btn:hover::after { border: 1px solid #ffffff; background-color: transparent; } .white-btn { text-align: center; position: relative; overflow: hidden; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 18px; line-height: 27px; text-transform: capitalize; font-family: "Urbanist", sans-serif; color: #ffffff; min-width: 189px; height: 49px; border-radius: 10px; border: 1px solid #0C2436; z-index: 1; color: #0C2436; border: 1px solid #0C2436; overflow: visible; } @media (max-width: 767px) { .white-btn { min-width: 146px; height: 38px; font-size: 14px; line-height: 17px; } } .white-btn::before { content: ""; position: absolute; width: 21px; height: 14px; left: 8px; bottom: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .white-btn::before { width: 16px; height: 10px; } } .white-btn::after { content: ""; position: absolute; height: 100%; width: 100%; border-radius: 9px 10px 9px 10px; z-index: -1; } .white-btn .bg { position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background-color: #0C2436; border-radius: 9px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .white-btn.sm-btn { min-width: 127px; height: 33px; font-size: 12px; line-height: 14px; } .white-btn.sm-btn::before { width: 14px; height: 10px; left: 5px; bottom: 5px; } .white-btn.sm-btn .bg { border-radius: 9px; } .white-btn.sm-btn::after { border-radius: 8px; } .white-btn.sm-btn:hover .bg { -webkit-transform: translate(3px, -3px); -o-transform: translate(3px, -3px); transform: translate(3px, -3px); } .white-btn.lg-btn { width: 290px; height: 49px; font-size: 18px; line-height: 27px; } .white-btn:hover { color: #ffffff; } .white-btn:hover .bg { background-color: #00A7B5; -webkit-transform: translate(5px, -5px); -o-transform: translate(5px, -5px); transform: translate(5px, -5px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .white-btn.green-btn { border: 1px solid #0C2436; color: #000000; } .white-btn.green-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .white-btn.green-btn::after { background-color: #00A7B5; content: ""; border: none; position: absolute; height: 100%; width: 100%; z-index: -1; } .white-btn.green-btn:hover::after { background-color: transparent; border: 1px solid #ffffff; } .white-btn:hover::after { border: 1px solid #ffffff; background-color: transparent; } .white-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDEuOTI3MDMgMSAzLjMxMjQ3IDEgNC4yNzY0N0MxIDYuMzU3MTQgMS4wMjM4OCA3LjM3OTkzIDEuNzMyNDEgOC41QzMuMjU1NDYgMTAuOTA3NyA4LjUzNzUgMTEgMTEgMTEiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMgMTFDMTMuNjY4NSAxMSAxNC4zMyAxMSAxNSAxMSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); } .white-btn .bg { background-color: transparent; } .white-btn:hover { color: #000000; border: 1px solid #000000; } .white-btn:hover .bg { background-color: #00A7B5; } .yellow-btn { text-align: center; position: relative; overflow: hidden; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 18px; line-height: 27px; text-transform: capitalize; font-family: "Urbanist", sans-serif; color: #ffffff; min-width: 189px; height: 49px; border-radius: 10px; border: 1px solid #0C2436; z-index: 1; background-color: transparent; border: 1px solid #0C2436; overflow: visible; color: #000000; } @media (max-width: 767px) { .yellow-btn { min-width: 146px; height: 38px; font-size: 14px; line-height: 17px; } } .yellow-btn::before { content: ""; position: absolute; width: 21px; height: 14px; left: 8px; bottom: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .yellow-btn::before { width: 16px; height: 10px; } } .yellow-btn::after { content: ""; position: absolute; height: 100%; width: 100%; border-radius: 9px 10px 9px 10px; z-index: -1; } .yellow-btn .bg { position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background-color: #0C2436; border-radius: 9px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .yellow-btn.sm-btn { min-width: 127px; height: 33px; font-size: 12px; line-height: 14px; } .yellow-btn.sm-btn::before { width: 14px; height: 10px; left: 5px; bottom: 5px; } .yellow-btn.sm-btn .bg { border-radius: 9px; } .yellow-btn.sm-btn::after { border-radius: 8px; } .yellow-btn.sm-btn:hover .bg { -webkit-transform: translate(3px, -3px); -o-transform: translate(3px, -3px); transform: translate(3px, -3px); } .yellow-btn.lg-btn { width: 290px; height: 49px; font-size: 18px; line-height: 27px; } .yellow-btn:hover { color: #ffffff; } .yellow-btn:hover .bg { background-color: #00A7B5; -webkit-transform: translate(5px, -5px); -o-transform: translate(5px, -5px); transform: translate(5px, -5px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .yellow-btn.green-btn { border: 1px solid #0C2436; color: #000000; } .yellow-btn.green-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .yellow-btn.green-btn::after { background-color: #00A7B5; content: ""; border: none; position: absolute; height: 100%; width: 100%; z-index: -1; } .yellow-btn.green-btn:hover::after { background-color: transparent; border: 1px solid #ffffff; } .yellow-btn:hover::after { border: 1px solid #ffffff; background-color: transparent; } .yellow-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDEuOTI3MDMgMSAzLjMxMjQ3IDEgNC4yNzY0N0MxIDYuMzU3MTQgMS4wMjM4OCA3LjM3OTkzIDEuNzMyNDEgOC41QzMuMjU1NDYgMTAuOTA3NyA4LjUzNzUgMTEgMTEgMTEiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMgMTFDMTMuNjY4NSAxMSAxNC4zMyAxMSAxNSAxMSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); } .yellow-btn .bg { background-color: #FFBF3F; } .yellow-btn::after { background-color: #FFBF3F; content: ""; border: none; position: absolute; height: 100%; width: 100%; z-index: -1; } .yellow-btn:hover { color: #0C2436; } .lightgreen-btn { text-align: center; position: relative; overflow: hidden; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 18px; line-height: 27px; text-transform: capitalize; font-family: "Urbanist", sans-serif; color: #ffffff; min-width: 189px; height: 49px; border-radius: 10px; border: 1px solid #0C2436; z-index: 1; background-color: transparent; border: 1px solid #0C2436; overflow: visible; color: #0C2436; } @media (max-width: 767px) { .lightgreen-btn { min-width: 146px; height: 38px; font-size: 14px; line-height: 17px; } } .lightgreen-btn::before { content: ""; position: absolute; width: 21px; height: 14px; left: 8px; bottom: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .lightgreen-btn::before { width: 16px; height: 10px; } } .lightgreen-btn::after { content: ""; position: absolute; height: 100%; width: 100%; border-radius: 9px 10px 9px 10px; z-index: -1; } .lightgreen-btn .bg { position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background-color: #0C2436; border-radius: 9px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .lightgreen-btn.sm-btn { min-width: 127px; height: 33px; font-size: 12px; line-height: 14px; } .lightgreen-btn.sm-btn::before { width: 14px; height: 10px; left: 5px; bottom: 5px; } .lightgreen-btn.sm-btn .bg { border-radius: 9px; } .lightgreen-btn.sm-btn::after { border-radius: 8px; } .lightgreen-btn.sm-btn:hover .bg { -webkit-transform: translate(3px, -3px); -o-transform: translate(3px, -3px); transform: translate(3px, -3px); } .lightgreen-btn.lg-btn { width: 290px; height: 49px; font-size: 18px; line-height: 27px; } .lightgreen-btn:hover { color: #ffffff; } .lightgreen-btn:hover .bg { background-color: #00A7B5; -webkit-transform: translate(5px, -5px); -o-transform: translate(5px, -5px); transform: translate(5px, -5px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .lightgreen-btn.green-btn { border: 1px solid #0C2436; color: #000000; } .lightgreen-btn.green-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .lightgreen-btn.green-btn::after { background-color: #00A7B5; content: ""; border: none; position: absolute; height: 100%; width: 100%; z-index: -1; } .lightgreen-btn.green-btn:hover::after { background-color: transparent; border: 1px solid #ffffff; } .lightgreen-btn:hover::after { border: 1px solid #ffffff; background-color: transparent; } .lightgreen-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDEuOTI3MDMgMSAzLjMxMjQ3IDEgNC4yNzY0N0MxIDYuMzU3MTQgMS4wMjM4OCA3LjM3OTkzIDEuNzMyNDEgOC41QzMuMjU1NDYgMTAuOTA3NyA4LjUzNzUgMTEgMTEgMTEiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMgMTFDMTMuNjY4NSAxMSAxNC4zMyAxMSAxNSAxMSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); } .lightgreen-btn .bg { background: rgba(0, 167, 181, 0.09); } .lightgreen-btn::after { background-color: transparent; content: ""; border: none; position: absolute; height: 100%; width: 100%; z-index: -1; } .lightgreen-btn:hover { color: #0C2436; } .lightgreen-btn:hover::after { background-color: transparent; } .orange-btn { text-align: center; position: relative; overflow: hidden; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 18px; line-height: 27px; text-transform: capitalize; font-family: "Urbanist", sans-serif; color: #ffffff; min-width: 189px; height: 49px; border-radius: 10px; border: 1px solid #0C2436; z-index: 1; background-color: transparent; border: 1px solid #0C2436; overflow: visible; color: #0C2436; } @media (max-width: 767px) { .orange-btn { min-width: 146px; height: 38px; font-size: 14px; line-height: 17px; } } .orange-btn::before { content: ""; position: absolute; width: 21px; height: 14px; left: 8px; bottom: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .orange-btn::before { width: 16px; height: 10px; } } .orange-btn::after { content: ""; position: absolute; height: 100%; width: 100%; border-radius: 9px 10px 9px 10px; z-index: -1; } .orange-btn .bg { position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background-color: #0C2436; border-radius: 9px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .orange-btn.sm-btn { min-width: 127px; height: 33px; font-size: 12px; line-height: 14px; } .orange-btn.sm-btn::before { width: 14px; height: 10px; left: 5px; bottom: 5px; } .orange-btn.sm-btn .bg { border-radius: 9px; } .orange-btn.sm-btn::after { border-radius: 8px; } .orange-btn.sm-btn:hover .bg { -webkit-transform: translate(3px, -3px); -o-transform: translate(3px, -3px); transform: translate(3px, -3px); } .orange-btn.lg-btn { width: 290px; height: 49px; font-size: 18px; line-height: 27px; } .orange-btn:hover { color: #ffffff; } .orange-btn:hover .bg { background-color: #00A7B5; -webkit-transform: translate(5px, -5px); -o-transform: translate(5px, -5px); transform: translate(5px, -5px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .orange-btn.green-btn { border: 1px solid #0C2436; color: #000000; } .orange-btn.green-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .orange-btn.green-btn::after { background-color: #00A7B5; content: ""; border: none; position: absolute; height: 100%; width: 100%; z-index: -1; } .orange-btn.green-btn:hover::after { background-color: transparent; border: 1px solid #ffffff; } .orange-btn:hover::after { border: 1px solid #ffffff; background-color: transparent; } .orange-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDEuOTI3MDMgMSAzLjMxMjQ3IDEgNC4yNzY0N0MxIDYuMzU3MTQgMS4wMjM4OCA3LjM3OTkzIDEuNzMyNDEgOC41QzMuMjU1NDYgMTAuOTA3NyA4LjUzNzUgMTEgMTEgMTEiIHN0cm9rZT0iIzBDMjQzNiIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMgMTFDMTMuNjY4NSAxMSAxNC4zMyAxMSAxNSAxMSIgc3Ryb2tlPSIjMEMyNDM2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); } .orange-btn .bg { background: #FB914A; } .orange-btn::after { background-color: #FB914A; content: ""; border: none; position: absolute; height: 100%; width: 100%; z-index: -1; } .orange-btn:hover { color: #0C2436; } .orange-btn:hover::after { background-color: transparent; } .cs_top_message { background-color: #BA3C8B; color: #ffffff; font-weight: 600; padding: 13px 100px; position: relative; color: #ffffff; } @media (max-width:1600px) { .cs_top_message { padding: 10px 80px; } } @media (max-width:1499px) { .cs_top_message { padding: 10px 50px; } } @media (max-width: 1199px) { .cs_top_message { display: none; } } @media (max-width: 1023px) { .cs_top_message { padding: 10px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .cs_top_message a { color: #ffffff; font-size: 13px; font-weight: 600; line-height: 16px; } .cs_top_message .social-icon { position: relative; z-index: 2; } @media (max-width: 1199px) { .cs_top_message .social-icon { display: none; } } .cs_top_message .social-icon ul li a { opacity: 0.75; font-size: 15px; } .cs_top_message .social-icon ul li a:hover { opacity: 1; color: #FFBF3F; } .cs_top_message .message-line { gap: 8px; position: absolute; left: 0; right: 0; text-align: center; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } @media (max-width: 1023px) { .cs_top_message .message-line { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media (max-width: 575px) { .cs_top_message .message-line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cs_top_message .message-line p { font-size: 14px; font-weight: 600; line-height: 17px; opacity: 0.75; text-align: left; } @media (max-width: 575px) { .cs_top_message .message-line p { text-align: center; } } .cs_top_message .message-line a { font-size: 14px; font-weight: 600; line-height: 17px; color: #FFBF3F; text-transform: capitalize; position: relative; white-space: nowrap; } .cs_top_message .message-line a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; width: 100%; background-color: #FFBF3F; -webkit-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } .cs_top_message .message-line a:hover::before { width: 0%; } .cs_top_message .top-header-left-side { position: relative; z-index: 2; } .cs_top_message .top-header-left-side .search-icon { padding-right: 20px; position: relative; } .cs_top_message .top-header-left-side .search-icon::before { content: ""; position: absolute; width: 100%; height: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIzOSIgdmlld0JveD0iMCAwIDggMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjAzMTM1IDEuMTk1OEMyLjQ2MTc0IDUuMjU3NjcgLTEuMzA0NzMgMTEuNDc4NyAxLjMzMDQyIDE3LjQwNzhDMi41NjM1IDIwLjE4MjIgNS4xNjU4NiAyMi43MjU4IDUuOTgyMjIgMjUuNTgzMUM2LjY5OTc4IDI4LjA5NDUgNy4xODYzNSAzMC44Mjk4IDcuMDMxMzUgMzMuNjE5OEM2Ljk3MzcxIDM0LjY1NzIgNS4zMTk2OSAzNy44NjA1IDQuNTM3MTkgMzguMjUxOCIgc3Ryb2tlPSIjRkZCRjNGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNSIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: contain; right: 0; top: 0; background-position: right; height: 37px; } .cs_top_message .top-header-left-side .search-icon a { font-size: 13px; font-weight: 600; line-height: 16px; text-transform: capitalize; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; position: relative; } .cs_top_message .top-header-left-side .search-icon .search-img { height: 20px; width: 20px; -o-object-fit: contain; object-fit: contain; } .cs_top_message .top-header-left-side .search-content { padding-left: 20px; } .cs_top_message .top-header-left-side .search-content ul li a { font-size: 13px; font-weight: 600; line-height: 16px; text-transform: capitalize; cursor: pointer; } .cs_top_message .top-header-left-side .search-content ul li a:hover { color: #FFBF3F; } .home-search-form { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; background-color: rgba(255, 255, 255, 0.8); z-index: 9; backdrop-filter: blur(6px); padding: 20px; } @media (min-width: 1200px) { .home-search-form { position: absolute; background: transparent; z-index: 3; max-width: 450px; padding: 0; } } @media (max-width: 1199px) { .home-search-form { top: 95px; bottom: 77px; } } .home-search-form .form-wrapper { position: relative; position: absolute; top: 50%; left: 50%; width: 650px; margin: 0 auto; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 45px; } @media (min-width: 1200px) { .home-search-form .form-wrapper { position: relative; top: inherit; left: inherit; right: inherit; bottom: inherit; -webkit-transform: none; -o-transform: none; transform: none; padding-top: 0; width: 100%; } } @media (max-width: 767px) { .home-search-form .form-wrapper { width: 80%; margin: 0 auto; } } .home-search-form .form-wrapper input { background: rgba(12, 36, 54, 0.75); border: 1px solid #FFFFFF; border-radius: 10px; height: 45px; padding: 10px 25px; padding-right: 40px; color: #ffffff; max-width: 100%; } @media (min-width: 1200px) { .home-search-form .form-wrapper input { background: rgb(186, 60, 139); border: none; max-width: 100%; border-bottom: 1px solid #fff; border-radius: 0; padding: 10px 0; height: 34px; margin-bottom: 0; font-size: 12px; } } .home-search-form .form-wrapper input::-webkit-input-placeholder { font-weight: 600; font-size: 13px; line-height: 16px; color: rgba(255, 255, 255, 0.75); } .home-search-form .form-wrapper input::-moz-placeholder { font-weight: 600; font-size: 13px; line-height: 16px; color: rgba(255, 255, 255, 0.75); } .home-search-form .form-wrapper input:-ms-input-placeholder { font-weight: 600; font-size: 13px; line-height: 16px; color: rgba(255, 255, 255, 0.75); } .home-search-form .form-wrapper input::-ms-input-placeholder { font-weight: 600; font-size: 13px; line-height: 16px; color: rgba(255, 255, 255, 0.75); } .home-search-form .form-wrapper input::placeholder { font-weight: 600; font-size: 13px; line-height: 16px; color: rgba(255, 255, 255, 0.75); } .home-search-form .form-wrapper input:-webkit-autofill { background-color: #BA3C8B; } .home-search-form .form-wrapper .close-icon { font-size: 30px; color: #0C2436; position: absolute; top: 0; right: 0; } @media (min-width: 1200px) { .home-search-form .form-wrapper .close-icon { top: -6px; right: -14px; color: #ffffff; font-size: 13px; } } .home-search-form .form-wrapper .search-btn { position: absolute; right: 14px; top: 53px; z-index: 2; } @media (min-width: 1200px) { .home-search-form .form-wrapper .search-btn { right: 0; top: 0; } } .home-search-form.open { display: block; } @media (min-width: 1200px) { .home-search-form.responsive-form { display: none; } } .cs_header { background-color: #071A28; z-index: 99; position: relative; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .cs_header .top-bar-navigation .cs_header_contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 15px; padding-right: 68px; gap: 60px; } @media (max-width: 575px) { .cs_header .top-bar-navigation .cs_header_contacts { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 15px; } } .cs_header .top-bar-navigation .cs_header_contacts .cw_contact_number a { padding: 0 7px; position: relative; } .cs_header .top-bar-navigation .cs_header_contacts .cw_contact_number a + a::before { content: ""; position: absolute; left: -3px; top: 2px; bottom: 0; height: 16px; width: 1px; } .cs_header .top-bar-navigation .cs_header_contacts .cw_languague .cw_dropdown { position: relative; border: 0; outline: 0; width: 71px; } .cs_header .top-bar-navigation .cs_header_contacts .cw_languague .cw_dropdown .cw_dropdown-menu { position: absolute; background-color: #ffffff; width: 100%; top: 34px; left: 0; right: 0; margin-top: 1px; -webkit-box-shadow: 0 1px 2px rgb(204, 204, 204); box-shadow: 0 1px 2px rgb(204, 204, 204); overflow: hidden; display: none; max-height: 144px; overflow-y: auto; z-index: 9; padding: 5px; } .cs_header .top-bar-navigation .cs_header_contacts .cw_languague .cw_dropdown .cw_select { position: relative; height: 22px; padding-right: 15px; } .cs_header .top-bar-navigation .cs_header_contacts .cw_languague .cw_dropdown .cw_select::before { content: ""; position: absolute; right: 0; top: 40%; background-position: center; background-repeat: no-repeat; background-size: contain; width: 9px; height: 6px; } .cs_header .top-navigation { padding: 0 100px; } @media (max-width:1600px) { .cs_header .top-navigation { padding: 0 80px; } } @media (max-width:1499px) { .cs_header .top-navigation { padding: 0 50px; } } @media (max-width: 1023px) { .cs_header .top-navigation { padding: 10px 30px; } } @media (max-width: 575px) { .cs_header .top-navigation { padding: 10px 20px; } } .cs_header .top-navigation .site-navigation .title-bar { background-color: transparent; padding: 0; display: block; padding: 10px 0px; } @media (min-width: 1200px) { .cs_header .top-navigation .site-navigation .title-bar { display: none; } } .cs_header .top-navigation .site-navigation .title-bar .mobile-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cs_header .top-navigation .site-navigation .title-bar .mobile-menu .menu-icon { height: 27px; width: 7px; } .cs_header .top-navigation .site-navigation .title-bar .mobile-menu .menu-icon::after { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .cs_header .top-navigation .site-navigation .title-bar .mobile-menu .menu-icon img { -o-object-fit: contain; object-fit: contain; } .cs_header .top-navigation .site-navigation .title-bar .mobile-menu .menu-icon .yellow-toggle { display: none; } .cs_header .top-navigation .site-navigation .title-bar .mobile-menu .menu-icon.open .yellow-toggle { display: block; } .cs_header .top-navigation .site-navigation .title-bar .mobile-menu .menu-icon.open .white-toggle { display: none; } .cs_header .top-navigation .site-navigation .title-bar .mobile-menu .title-bar-title .brand { max-width: 100px; display: inline-block; } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .title-bar .mobile-menu .title-bar-title .brand { max-width: 121px; height: 55px; } } .cs_header .top-navigation .site-navigation .title-bar .mobile-menu .title-bar-title .brand img { -o-object-fit: contain; object-fit: contain; } .cs_header .top-navigation .site-navigation .top-bar { background-color: transparent; padding: 0; } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar { padding: 20px; left: -100%; position: fixed; display: block; top: 55px; left: -100%; width: 300px; bottom: 0; background-color: #0C2436; z-index: 11; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: scroll; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } } @media (max-width: 575px) { .cs_header .top-navigation .site-navigation .top-bar { width: 250px; } } .cs_header .top-navigation .site-navigation .top-bar ul { background-color: transparent; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-left { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-left .logo-wrapper a { max-width: 142px; } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-left .logo-wrapper { display: none; } } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-left .logo-wrapper .brand img { max-width: 130px; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-left .sticly-logo { display: none; max-width: 107px; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; width: 100%; } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 30px 0 116px; gap: 30px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media (min-width: 1200px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .search-form.responsive-form { display: none; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 29px; } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu { width: 100%; display: block; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 49px; } @media (max-width: 1399px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu { gap: 29px; } } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu { width: 100%; gap: 20px; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li { position: relative; } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li { width: 100%; } } @media (min-width: 1200px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li.mobile_link { display: none; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a { text-transform: uppercase; position: relative; padding: 72px 0px 63px; padding-right: 25px; color: #ffffff; font-size: 16px; line-height: 19px; font-weight: 600; -o-transition: all 250ms linear; transition: all 250ms linear; -webkit-transition: all 250ms linear; } @media (max-width: 1399px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a { font-size: 14px; line-height: 17px; } } @media (min-width: 1024px) and (max-width: 1299.9px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a { padding: 40px 0px 35px; padding-right: 25px; } } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a { padding: 20px 0px !important; font-weight: 600; font-size: 16px; line-height: 23px; display: inline-block; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a .arrow { position: absolute; right: 0; top: 49%; width: 12px; height: 12px; display: inline-block; } @media (min-width: 1024px) and (max-width: 1299.9px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a .arrow { top: 46%; } } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a .arrow { right: -25px; top: 42%; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a .arrow::before { content: ""; position: absolute; height: 100%; width: 100%; bottom: 0; top: 0; right: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAxMyAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC44IiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjQ1XzU5NSkiPgo8cGF0aCBkPSJNNi4wMzk5OSAyNS41MTM0QzUuODI0OTUgMjUuNTEgNS42MTEyNCAyNS40MjQ2IDUuNDQ5ODcgMjUuMjU4MUwwLjM3MTk5NiAyMC4wMTc3QzAuMDQ4OTc3IDE5LjY4NDQgMC4wNTczNTM1IDE5LjE1MjMgMC4zOTA3MDMgMTguODI5NEMwLjcyMzkyIDE4LjUwNjUgMS4yNTU5MSAxOC41MTQ5IDEuNTc4OTYgMTguODQ4MUw2LjA3MTkyIDIzLjQ4NTFMMTAuNzA4NiAxOC45OTJDMTEuMDQyIDE4LjY2OTEgMTEuNTczOSAxOC42Nzc1IDExLjg5NjggMTkuMDEwN0MxMi4yMiAxOS4zNDM5IDEyLjIxMTYgMTkuODc2IDExLjg3ODEgMjAuMTk5TDYuNjM3ODYgMjUuMjc3QzYuNDcxMjUgMjUuNDM4MyA2LjI1NDk1IDI1LjUxNjggNi4wMzk5OSAyNS41MTM0WiIgZmlsbD0iI0ZGQkYzRiIvPgo8L2c+CjxnIG9wYWNpdHk9IjAuOCI+CjxwYXRoIGQ9Ik01Ljk5OTk3IDkuNDIwMTZDNS43ODQ5IDkuNDIwMTYgNS41Njk4NyA5LjMzODA0IDUuNDA1OSA5LjE3NDE1TDAuMjQ2MTcgNC4wMTQzN0MtMC4wODIwNTY2IDMuNjg2MTQgLTAuMDgyMDU2NiAzLjE1Mzk4IDAuMjQ2MTcgMi44MjU4OUMwLjU3NDI2MyAyLjQ5NzggMS4xMDYzMiAyLjQ5NzggMS40MzQ1NyAyLjgyNTg5TDUuOTk5OTcgNy4zOTE1NUwxMC41NjU0IDIuODI2MDVDMTAuODkzNiAyLjQ5Nzk1IDExLjQyNTYgMi40OTc5NSAxMS43NTM3IDIuODI2MDVDMTIuMDgyMSAzLjE1NDE0IDEyLjA4MjEgMy42ODYzIDExLjc1MzcgNC4wMTQ1M0w2LjU5NDA0IDkuMTc0MzFDNi40Mjk5OSA5LjMzODIzIDYuMjE0OTUgOS40MjAxNiA1Ljk5OTk3IDkuNDIwMTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0NV81OTUiPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjE4ODk2NSAxNikgcm90YXRlKDAuOTAxOTAyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: auto; background-position: top; -webkit-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a:hover { color: #FFBF3F; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a:hover .arrow::before { background-position: bottom; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li .sub-menu { position: absolute; left: -107px; width: 300px; top: 100%; background-color: #1D57A5; border: 1px solid rgba(255, 255, 255, 0.75); border-top: none; backdrop-filter: blur(2px); padding: 38px 32px 28px 45px; margin: 0; -webkit-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; z-index: 9; border-radius: 0px 0px 10px 10px; pointer-events: none; } @media (max-width:1499px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li .sub-menu { font-size: 14px; line-height: 17px; } } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li .sub-menu { position: relative; top: inherit; height: auto; padding: 15px 20px; width: auto; display: none; background: transparent; border: none; padding: 0; padding-left: 0px; right: 0; left: 0; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li .sub-menu li a { padding: 0; line-height: 30px; font-weight: 600; font-size: 18px; line-height: 27px; text-transform: capitalize; cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzczXzE2NjcpIj4KPHBhdGggZD0iTTIxLjAyNzcgMTAuNjk4N0w1Ljg1NDQ2IDAuOTkxNzU5QzUuNzAzODMgMC44OTgwMDUgNS41Mjk2OCAwLjg0ODk1MSA1LjM1MjI2IDAuODUwMzAzQzUuMTc0ODQgMC44NTE2NTUgNS4wMDE0NSAwLjkwMzM1OCA0Ljg1MjI3IDAuOTk5Mzk2QzQuNzAzMDkgMS4wOTU0MyA0LjU4NDI0IDEuMjMxODYgNC41MDk1NiAxLjM5MjhDNC40MzQ4OCAxLjU1Mzc0IDQuNDA3NDMgMS43MzI1OCA0LjQzMDQxIDEuOTA4NTFMNi45ODQ2NyAxOS43MzlDNy4wMTQwOCAxOS45MzAxIDcuMTAyMDIgMjAuMTA3NCA3LjIzNjM5IDIwLjI0NjVDNy4zNzA3NSAyMC4zODU2IDcuNTQ0OTMgMjAuNDc5NSA3LjczNDkzIDIwLjUxNTVDNy45MjQ5MiAyMC41NTE0IDguMTIxMzkgMjAuNTI3NiA4LjI5NzI3IDIwLjQ0NzJDOC40NzMxNSAyMC4zNjY5IDguNjE5NzkgMjAuMjM0IDguNzE2OTkgMjAuMDY2OEwxMi41NDkzIDEzLjMxMDlDMTIuNTgyMyAxMy4yNTI3IDEyLjYyOSAxMy4yMDM0IDEyLjY4NTIgMTMuMTY3MkMxMi43NDE0IDEzLjEzMDkgMTIuODA1NiAxMy4xMDg5IDEyLjg3MjIgMTMuMTAyOUwyMC42MDg4IDEyLjQxMTRDMjAuODAxMiAxMi4zOTIxIDIwLjk4MjkgMTIuMzEzNyAyMS4xMjg5IDEyLjE4NjlDMjEuMjc0OSAxMi4wNiAyMS4zNzggMTEuODkxIDIxLjQyMzkgMTEuNzAzMkMyMS40Njk5IDExLjUxNTMgMjEuNDU2NSAxMS4zMTc4IDIxLjM4NTUgMTEuMTM3OUMyMS4zMTQ1IDEwLjk1OCAyMS4xODk1IDEwLjgwNDYgMjEuMDI3NyAxMC42OTg3WiIgZmlsbD0iI0ZGQkYzRiIvPgo8cGF0aCBkPSJNMjEuMDI3NyAxMC42OTg3TDUuODU0NDYgMC45OTE3NTlDNS43MDM4MyAwLjg5ODAwNSA1LjUyOTY4IDAuODQ4OTUxIDUuMzUyMjYgMC44NTAzMDNDNS4xNzQ4NCAwLjg1MTY1NSA1LjAwMTQ1IDAuOTAzMzU4IDQuODUyMjcgMC45OTkzOTZDNC43MDMwOSAxLjA5NTQzIDQuNTg0MjQgMS4yMzE4NiA0LjUwOTU2IDEuMzkyOEM0LjQzNDg4IDEuNTUzNzQgNC40MDc0MyAxLjczMjU4IDQuNDMwNDEgMS45MDg1MUw2Ljk4NDY3IDE5LjczOUM3LjAxNDA4IDE5LjkzMDEgNy4xMDIwMiAyMC4xMDc0IDcuMjM2MzkgMjAuMjQ2NUM3LjM3MDc1IDIwLjM4NTYgNy41NDQ5MyAyMC40Nzk1IDcuNzM0OTMgMjAuNTE1NUM3LjkyNDkyIDIwLjU1MTQgOC4xMjEzOSAyMC41Mjc2IDguMjk3MjcgMjAuNDQ3MkM4LjQ3MzE1IDIwLjM2NjkgOC42MTk3OSAyMC4yMzQgOC43MTY5OSAyMC4wNjY4TDEyLjU0OTMgMTMuMzEwOUMxMi41ODIzIDEzLjI1MjcgMTIuNjI5IDEzLjIwMzQgMTIuNjg1MiAxMy4xNjcyQzEyLjc0MTQgMTMuMTMwOSAxMi44MDU2IDEzLjEwODkgMTIuODcyMiAxMy4xMDI5TDIwLjYwODggMTIuNDExNEMyMC44MDEyIDEyLjM5MjEgMjAuOTgyOSAxMi4zMTM3IDIxLjEyODkgMTIuMTg2OUMyMS4yNzQ5IDEyLjA2IDIxLjM3OCAxMS44OTEgMjEuNDIzOSAxMS43MDMyQzIxLjQ2OTkgMTEuNTE1MyAyMS40NTY1IDExLjMxNzggMjEuMzg1NSAxMS4xMzc5QzIxLjMxNDUgMTAuOTU4IDIxLjE4OTUgMTAuODA0NiAyMS4wMjc3IDEwLjY5ODdaTTIwLjU1MzYgMTEuNzkyN0wxMi44MTcgMTIuNDg0MkMxMi42NTA0IDEyLjQ5OTMgMTIuNDg5OSAxMi41NTQ0IDEyLjM0OTMgMTIuNjQ1QzEyLjIwODYgMTIuNzM1NiAxMi4wOTIgMTIuODU4OCAxMi4wMDkzIDEzLjAwNDNMOC4xNzY5NyAxOS43NjA0QzguMTQ1NTkgMTkuODE3NiA4LjA5NjkzIDE5Ljg2MzQgOC4wMzc5NCAxOS44OTEyQzcuOTc4OTYgMTkuOTE5MSA3LjkxMjY3IDE5LjkyNzUgNy44NDg1OCAxOS45MTU0QzcuNzg0NSAxOS45MDMzIDcuNzI1ODkgMTkuODcxMiA3LjY4MTE1IDE5LjgyMzdDNy42MzY0MSAxOS43NzYzIDcuNjA3ODQgMTkuNzE1OSA3LjU5OTUzIDE5LjY1MTJMNS4wNDUxNSAxLjgyMDYxQzUuMDQxNTYgMS40OTQ4NiA1LjI3NTExIDEuNDAxNTkgNS41MTk5NSAxLjUxNDk1TDIwLjY5MzEgMTEuMjIxOEMyMC43NDg1IDExLjI1NjIgMjAuNzkxNyAxMS4zMDcyIDIwLjgxNjMgMTEuMzY3NkMyMC44NDEgMTEuNDI4IDIwLjg0NTkgMTEuNDk0NiAyMC44MzA0IDExLjU1NzlDMjAuODE1IDExLjYyMTMgMjAuNzc5OCAxMS42NzgxIDIwLjczMDEgMTEuNzIwM0MyMC42ODA0IDExLjc2MjQgMjAuNjE4NiAxMS43ODc4IDIwLjU1MzYgMTEuNzkyN1oiIGZpbGw9IiMwQzI0MzYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83M18xNjY3Ij4KPHJlY3Qgd2lkdGg9IjE5Ljg3MTUiIGhlaWdodD0iMTkuODcxNSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMjA4OTgpIHJvdGF0ZSgxMi4yMjgyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=), auto; } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li .sub-menu li a { font-size: 14px; line-height: 20px; opacity: 0.8; padding: 10px 0 !important; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li .sub-menu li a.active, .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li .sub-menu li a:hover { color: #FFBF3F; cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzczXzE2NjcpIj4KPHBhdGggZD0iTTIxLjAyNzcgMTAuNjk4N0w1Ljg1NDQ2IDAuOTkxNzU5QzUuNzAzODMgMC44OTgwMDUgNS41Mjk2OCAwLjg0ODk1MSA1LjM1MjI2IDAuODUwMzAzQzUuMTc0ODQgMC44NTE2NTUgNS4wMDE0NSAwLjkwMzM1OCA0Ljg1MjI3IDAuOTk5Mzk2QzQuNzAzMDkgMS4wOTU0MyA0LjU4NDI0IDEuMjMxODYgNC41MDk1NiAxLjM5MjhDNC40MzQ4OCAxLjU1Mzc0IDQuNDA3NDMgMS43MzI1OCA0LjQzMDQxIDEuOTA4NTFMNi45ODQ2NyAxOS43MzlDNy4wMTQwOCAxOS45MzAxIDcuMTAyMDIgMjAuMTA3NCA3LjIzNjM5IDIwLjI0NjVDNy4zNzA3NSAyMC4zODU2IDcuNTQ0OTMgMjAuNDc5NSA3LjczNDkzIDIwLjUxNTVDNy45MjQ5MiAyMC41NTE0IDguMTIxMzkgMjAuNTI3NiA4LjI5NzI3IDIwLjQ0NzJDOC40NzMxNSAyMC4zNjY5IDguNjE5NzkgMjAuMjM0IDguNzE2OTkgMjAuMDY2OEwxMi41NDkzIDEzLjMxMDlDMTIuNTgyMyAxMy4yNTI3IDEyLjYyOSAxMy4yMDM0IDEyLjY4NTIgMTMuMTY3MkMxMi43NDE0IDEzLjEzMDkgMTIuODA1NiAxMy4xMDg5IDEyLjg3MjIgMTMuMTAyOUwyMC42MDg4IDEyLjQxMTRDMjAuODAxMiAxMi4zOTIxIDIwLjk4MjkgMTIuMzEzNyAyMS4xMjg5IDEyLjE4NjlDMjEuMjc0OSAxMi4wNiAyMS4zNzggMTEuODkxIDIxLjQyMzkgMTEuNzAzMkMyMS40Njk5IDExLjUxNTMgMjEuNDU2NSAxMS4zMTc4IDIxLjM4NTUgMTEuMTM3OUMyMS4zMTQ1IDEwLjk1OCAyMS4xODk1IDEwLjgwNDYgMjEuMDI3NyAxMC42OTg3WiIgZmlsbD0iI0ZGQkYzRiIvPgo8cGF0aCBkPSJNMjEuMDI3NyAxMC42OTg3TDUuODU0NDYgMC45OTE3NTlDNS43MDM4MyAwLjg5ODAwNSA1LjUyOTY4IDAuODQ4OTUxIDUuMzUyMjYgMC44NTAzMDNDNS4xNzQ4NCAwLjg1MTY1NSA1LjAwMTQ1IDAuOTAzMzU4IDQuODUyMjcgMC45OTkzOTZDNC43MDMwOSAxLjA5NTQzIDQuNTg0MjQgMS4yMzE4NiA0LjUwOTU2IDEuMzkyOEM0LjQzNDg4IDEuNTUzNzQgNC40MDc0MyAxLjczMjU4IDQuNDMwNDEgMS45MDg1MUw2Ljk4NDY3IDE5LjczOUM3LjAxNDA4IDE5LjkzMDEgNy4xMDIwMiAyMC4xMDc0IDcuMjM2MzkgMjAuMjQ2NUM3LjM3MDc1IDIwLjM4NTYgNy41NDQ5MyAyMC40Nzk1IDcuNzM0OTMgMjAuNTE1NUM3LjkyNDkyIDIwLjU1MTQgOC4xMjEzOSAyMC41Mjc2IDguMjk3MjcgMjAuNDQ3MkM4LjQ3MzE1IDIwLjM2NjkgOC42MTk3OSAyMC4yMzQgOC43MTY5OSAyMC4wNjY4TDEyLjU0OTMgMTMuMzEwOUMxMi41ODIzIDEzLjI1MjcgMTIuNjI5IDEzLjIwMzQgMTIuNjg1MiAxMy4xNjcyQzEyLjc0MTQgMTMuMTMwOSAxMi44MDU2IDEzLjEwODkgMTIuODcyMiAxMy4xMDI5TDIwLjYwODggMTIuNDExNEMyMC44MDEyIDEyLjM5MjEgMjAuOTgyOSAxMi4zMTM3IDIxLjEyODkgMTIuMTg2OUMyMS4yNzQ5IDEyLjA2IDIxLjM3OCAxMS44OTEgMjEuNDIzOSAxMS43MDMyQzIxLjQ2OTkgMTEuNTE1MyAyMS40NTY1IDExLjMxNzggMjEuMzg1NSAxMS4xMzc5QzIxLjMxNDUgMTAuOTU4IDIxLjE4OTUgMTAuODA0NiAyMS4wMjc3IDEwLjY5ODdaTTIwLjU1MzYgMTEuNzkyN0wxMi44MTcgMTIuNDg0MkMxMi42NTA0IDEyLjQ5OTMgMTIuNDg5OSAxMi41NTQ0IDEyLjM0OTMgMTIuNjQ1QzEyLjIwODYgMTIuNzM1NiAxMi4wOTIgMTIuODU4OCAxMi4wMDkzIDEzLjAwNDNMOC4xNzY5NyAxOS43NjA0QzguMTQ1NTkgMTkuODE3NiA4LjA5NjkzIDE5Ljg2MzQgOC4wMzc5NCAxOS44OTEyQzcuOTc4OTYgMTkuOTE5MSA3LjkxMjY3IDE5LjkyNzUgNy44NDg1OCAxOS45MTU0QzcuNzg0NSAxOS45MDMzIDcuNzI1ODkgMTkuODcxMiA3LjY4MTE1IDE5LjgyMzdDNy42MzY0MSAxOS43NzYzIDcuNjA3ODQgMTkuNzE1OSA3LjU5OTUzIDE5LjY1MTJMNS4wNDUxNSAxLjgyMDYxQzUuMDQxNTYgMS40OTQ4NiA1LjI3NTExIDEuNDAxNTkgNS41MTk5NSAxLjUxNDk1TDIwLjY5MzEgMTEuMjIxOEMyMC43NDg1IDExLjI1NjIgMjAuNzkxNyAxMS4zMDcyIDIwLjgxNjMgMTEuMzY3NkMyMC44NDEgMTEuNDI4IDIwLjg0NTkgMTEuNDk0NiAyMC44MzA0IDExLjU1NzlDMjAuODE1IDExLjYyMTMgMjAuNzc5OCAxMS42NzgxIDIwLjczMDEgMTEuNzIwM0MyMC42ODA0IDExLjc2MjQgMjAuNjE4NiAxMS43ODc4IDIwLjU1MzYgMTEuNzkyN1oiIGZpbGw9IiMwQzI0MzYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83M18xNjY3Ij4KPHJlY3Qgd2lkdGg9IjE5Ljg3MTUiIGhlaWdodD0iMTkuODcxNSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMjA4OTgpIHJvdGF0ZSgxMi4yMjgyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=), auto; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li .sub-menu li a::before { content: none; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li .sub-menu li + li { margin-top: 18px; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li:hover .sub-menu { opacity: 1; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); pointer-events: unset; } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li.current-menu-item { background-color: #0C2436; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li.current-menu-item > a { color: #FFBF3F; } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li.open { background-color: rgba(12, 36, 54, 0.53); } } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li.open .sub-menu { display: block; opacity: 1; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); pointer-events: unset; } } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header { position: fixed; bottom: 0; left: 0; right: 0; padding: 15px; background-color: #0C2436; z-index: 99; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul { gap: 35px; } @media (max-width: 1399px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul { gap: 16px; } } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul { -ms-flex-pack: distribute; justify-content: space-around; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul li a { font-weight: 600; font-size: 14px; line-height: 17px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 17px; text-transform: capitalize; color: #ffffff; } @media (max-width: 1399px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul li a { font-size: 13px; line-height: 15px; gap: 14px; } } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul li a img { height: 22px; width: auto; -o-object-fit: contain; object-fit: contain; opacity: 0.75; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul li a:hover { color: #FFBF3F; } .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul li a:hover img { opacity: 1; } @media (min-width: 1200px) { .cs_header .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul li.search-bar { display: none; } } @media (max-width: 1199px) { .cs_header .top-navigation .site-navigation .top-bar.open { left: 0; top: 95px; right: 0; width: 100%; text-align: center; background: #1D57A5; padding: 0; } } .cs_header.is-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 99; } .cs_header.is-sticky .top-navigation .site-navigation .top-bar .top-bar-left .logo-wrapper .brand { display: none; } .cs_header.is-sticky .top-navigation .site-navigation .top-bar .top-bar-left .logo-wrapper .sticly-logo { display: block; } .cs_header.is-sticky .top-navigation .site-navigation .top-bar .top-bar-right .desktop-menu .menu li a { padding: 41px 0px 31px; padding-right: 25px; -o-transition: all 250ms linear; transition: all 250ms linear; -webkit-transition: all 250ms linear; } .cs_header.is-sticky .top-navigation .site-navigation .top-bar .top-bar-right .cs_search_header ul li a { gap: 10px; } .swiper-button-next, .swiper-button-prev { height: 48.09px; width: 48.09px; border-radius: 50%; border: 3px solid #ffffff; } @media (max-width: 767px) { .swiper-button-next, .swiper-button-prev { height: 32.09px; width: 32.09px; } } .swiper-button-next::after, .swiper-button-prev::after { content: ""; position: absolute; left: 50%; right: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMjE5MTIgMC41NDk1OTRDMi42OTc5IDAuMDI4MzcwNiAxLjg2MTk3IDAuMDI4MzcwNCAxLjM0MDc1IDAuNTQ5NTk0QzAuODE5NTIzIDEuMDcwODIgMC44MTk1MjMgMS45MDY3NCAxLjM0MDc1IDIuNDI3OTdMNi44Njc2OCA3Ljk1NDlMMS4zNDA3NCAxMy40ODE4QzAuODE5NTIxIDE0LjAwMzEgMC44MTk1MjEgMTQuODM5IDEuMzQwNzQgMTUuMzYwMkMxLjU5NjQ0IDE1LjYxNTkgMS45NDA2NCAxNS43NTM2IDIuMjc1MDEgMTUuNzUzNkMyLjYwOTM4IDE1Ljc1MzYgMi45NTM1OSAxNS42MjU3IDMuMjA5MjggMTUuMzYwMkw5LjY3MDQ5IDguODk5MDFDMTAuMTkxNyA4LjM3Nzc4IDEwLjE5MTcgNy41NDE4NiA5LjY3MDQ5IDcuMDIwNjNMMy4yMTkxMiAwLjU0OTU5NFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: contain; width: 10px; height: 16px; } .swiper-button-next::before, .swiper-button-prev::before { content: ""; position: absolute; left: 0px; right: 0; top: 0px; height: 100%; width: 100%; border-radius: 50%; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); background-color: #FFBF3F; z-index: -1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .swiper-button-next:hover::before, .swiper-button-prev:hover::before { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .swiper-button-prev::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODcxMTEgMTUuMzYwMkM3LjM5MjMzIDE1Ljg4MTQgOC4yMjgyNiAxNS44ODE0IDguNzQ5NDggMTUuMzYwMkM5LjI3MDcgMTQuODM4OSA5LjI3MDcgMTQuMDAzIDguNzQ5NDggMTMuNDgxOEwzLjIyMjU0IDcuOTU0ODZMOC43NDk0OCAyLjQyNzkyQzkuMjcwNyAxLjkwNjcgOS4yNzA3IDEuMDcwNzggOC43NDk0OCAwLjU0OTU1M0M4LjQ5Mzc4IDAuMjkzODU4IDguMTQ5NTggMC4xNTYxNzggNy44MTUyMSAwLjE1NjE3OEM3LjQ4MDg0IDAuMTU2MTc4IDcuMTM2NjMgMC4yODQwMjQgNi44ODA5NCAwLjU0OTU1M0wwLjQxOTczNiA3LjAxMDc2Qy0wLjEwMTQ4NyA3LjUzMTk4IC0wLjEwMTQ4NyA4LjM2NzkxIDAuNDE5NzM2IDguODg5MTNMNi44NzExMSAxNS4zNjAyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); } .swiper-pagination .swiper-pagination-bullet { height: 14px; width: 14px; border-radius: 50%; background-color: #FFBF3F; margin: 0 5px; opacity: 1; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #BA3C8B; } @media (max-width: 575px) { .swiper-pagination .swiper-pagination-bullet { height: 10px; width: 10px; margin: 0 7px; } } .common-navigation { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 9; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .common-navigation .swiper-button-next, .common-navigation .swiper-button-prev { position: relative; top: inherit; right: inherit; bottom: inherit; left: inherit; height: 100%; width: 100%; height: 48.08px; width: 48.08px; border: none; } @media (max-width: 767px) { .common-navigation .swiper-button-next, .common-navigation .swiper-button-prev { width: 26px; height: 26px; background-size: 26px; } } .common-navigation .swiper-button-next::after, .common-navigation .swiper-button-prev::after { height: 48.09px; width: 48.09px; border-radius: 50%; border: 3px solid #0C2436; background-size: auto; background-position: center; } @media (max-width: 767px) { .common-navigation .swiper-button-next::after, .common-navigation .swiper-button-prev::after { width: 26px; height: 26px; border-width: 2px; } } .common-navigation .swiper-button-next::before, .common-navigation .swiper-button-prev::before { content: ""; position: absolute; height: 100%; width: 100%; background-color: #FFBF3F; border-radius: 50%; left: 6px; top: -4px; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media (max-width: 767px) { .common-navigation .swiper-button-next::before, .common-navigation .swiper-button-prev::before { left: 3px; top: -4px; } } .common-navigation .swiper-button-next:hover, .common-navigation .swiper-button-prev:hover { -webkit-transition: background-position 500ms ease; -o-transition: background-position 500ms ease; transition: background-position 500ms ease; } .common-navigation .swiper-button-next:hover::before, .common-navigation .swiper-button-prev:hover::before { top: 0px; left: 0px; } .common-navigation .swiper-button-prev::before { left: -6px; top: 4px; } @media (max-width: 767px) { .common-navigation .swiper-button-prev::before { left: -3px; top: 4px; } } .common-navigation .swiper-button-prev:hover::before { top: 0px; left: 0px; } .dark-navigation .swiper-button-next::after, .dark-navigation .swiper-button-prev::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMjE5MTIgMC41NDk2MDlDMi42OTc5IDAuMDI4Mzg1NSAxLjg2MTk3IDAuMDI4Mzg1NSAxLjM0MDc1IDAuNTQ5NjA5QzAuODE5NTIzIDEuMDcwODMgMC44MTk1MjMgMS45MDY3NiAxLjM0MDc1IDIuNDI3OThMNi44Njc2OCA3Ljk1NDkyTDEuMzQwNzUgMTMuNDgxOUMwLjgxOTUyMyAxNC4wMDMxIDAuODE5NTIzIDE0LjgzOSAxLjM0MDc1IDE1LjM2MDJDMS41OTY0NCAxNS42MTU5IDEuOTQwNjUgMTUuNzUzNiAyLjI3NTAyIDE1Ljc1MzZDMi42MDkzOSAxNS43NTM2IDIuOTUzNTkgMTUuNjI1OCAzLjIwOTI4IDE1LjM2MDJMOS42NzA0OSA4Ljg5OTAyQzEwLjE5MTcgOC4zNzc4IDEwLjE5MTcgNy41NDE4NyA5LjY3MDQ5IDcuMDIwNjVMMy4yMTkxMiAwLjU0OTYwOVoiIGZpbGw9IiMwQzI0MzYiLz4KPC9zdmc+Cg==); } @media (max-width: 767px) { .dark-navigation .swiper-button-next::after, .dark-navigation .swiper-button-prev::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjE4ODUzIDEuMDM0NzRDMS43ODAyMyAwLjYyNjQ0MSAxLjEyNTQxIDAuNjI2NDQxIDAuNzE3MTEzIDEuMDM0NzRDMC4zMDg4MTQgMS40NDMwNCAwLjMwODgxNCAyLjA5Nzg2IDAuNzE3MTEzIDIuNTA2MTZMNS4wNDY2MyA2LjgzNTY3TDAuNzE3MTExIDExLjE2NTJDMC4zMDg4MTIgMTEuNTczNSAwLjMwODgxMiAxMi4yMjgzIDAuNzE3MTExIDEyLjYzNjZDMC45MTc0MDkgMTIuODM2OSAxLjE4NzA0IDEyLjk0NDggMS40NDg5NyAxMi45NDQ4QzEuNzEwOSAxMi45NDQ4IDEuOTgwNTMgMTIuODQ0NiAyLjE4MDgzIDEyLjYzNjZMNy4yNDIyIDcuNTc1MjRDNy42NTA1IDcuMTY2OTQgNy42NTA1IDYuNTEyMTIgNy4yNDIyIDYuMTAzODJMMi4xODg1MyAxLjAzNDc0WiIgZmlsbD0iIzBDMjQzNiIvPgo8L3N2Zz4K); } } .dark-navigation .swiper-button-prev::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjEyNzggMTUuNDUwNEM3LjczNCAxNS45NzE2IDguNTY5OTMgMTUuOTcxNiA5LjA5MTE1IDE1LjQ1MDRDOS42MTIzOCAxNC45MjkyIDkuNjEyMzggMTQuMDkzMiA5LjA5MTE1IDEzLjU3MkwzLjU2NDIyIDguMDQ1MDhMOS4wOTExNSAyLjUxODE1QzkuNjEyMzggMS45OTY5MiA5LjYxMjM4IDEuMTYxIDkuMDkxMTUgMC42Mzk3NzhDOC44MzU0NiAwLjM4NDA4NCA4LjQ5MTI1IDAuMjQ2NDAzIDguMTU2ODggMC4yNDY0MDNDNy44MjI1MSAwLjI0NjQwMyA3LjQ3ODMxIDAuMzc0MjQ5IDcuMjIyNjIgMC42Mzk3NzhMMC43NjE0MTEgNy4xMDA5OEMwLjI0MDE4NyA3LjYyMjIgMC4yNDAxODggOC40NTgxMyAwLjc2MTQxMSA4Ljk3OTM1TDcuMjEyNzggMTUuNDUwNFoiIGZpbGw9IiMwQzI0MzYiLz4KPC9zdmc+Cg==); } @media (max-width: 767px) { .dark-navigation .swiper-button-prev::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjQ4Mjg1IDEyLjYzNjZDNS44OTExNSAxMy4wNDQ5IDYuNTQ1OTcgMTMuMDQ0OSA2Ljk1NDI3IDEyLjYzNjZDNy4zNjI1NyAxMi4yMjgzIDcuMzYyNTcgMTEuNTczNSA2Ljk1NDI3IDExLjE2NTJMMi42MjQ3NiA2LjgzNTcxTDYuOTU0MjcgMi41MDYyQzcuMzYyNTcgMi4wOTc5IDcuMzYyNTcgMS40NDMwOCA2Ljk1NDI3IDEuMDM0NzhDNi43NTM5OCAwLjgzNDQ4MSA2LjQ4NDM0IDAuNzI2NjI5IDYuMjIyNDIgMC43MjY2MjlDNS45NjA0OSAwLjcyNjYyOSA1LjY5MDg2IDAuODI2Nzc3IDUuNDkwNTYgMS4wMzQ3OEwwLjQyOTE4NiA2LjA5NjE1QzAuMDIwODg2NSA2LjUwNDQ1IDAuMDIwODg2NCA3LjE1OTI3IDAuNDI5MTg2IDcuNTY3NTdMNS40ODI4NSAxMi42MzY2WiIgZmlsbD0iIzBDMjQzNiIvPgo8L3N2Zz4K); } } .cs-hero-banner { height: 636px; } .heroSwiper { height: 100%; } .heroSwiper .content-wrapper { position: relative; height: 100%; width: 100%; z-index: 1; padding: 95px 139px; } @media (max-width:1499px) { .heroSwiper .content-wrapper { padding: 95px 123px; } } @media (max-width: 1299px) { .heroSwiper .content-wrapper { padding: 95px 117px; } } @media (max-width: 767px) { .heroSwiper .content-wrapper { padding: 95px 20px; } } @media (max-width: 575px) { .heroSwiper .content-wrapper { padding: 70px 15px; } } .heroSwiper .content-wrapper::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(18, 51, 77, 0.85); z-index: -1; } .heroSwiper .content-wrapper .event-label { background-color: #0C2436; border: 1px solid #ffffff; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; padding: 7px 20px 8px; position: relative; margin-bottom: 40px; } .heroSwiper .content-wrapper .event-label::before { content: ""; position: absolute; width: 21px; height: 14px; right: 5px; top: 5px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDE1QzIyIDEzLjcwMjIgMjIgMTEuNzYyNSAyMiAxMC40MTI5QzIyIDcuNSAyMS45NjU0IDYuMDY4MSAyMC45MzggNC41QzE4LjcyOTYgMS4xMjkyNiAxMS4wNzA2IDEgNy41IDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTQgMUMyLjk5NzIyIDEgMi4wMDUwNiAxIDEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .heroSwiper .content-wrapper .event-label::before { content: none; } } .heroSwiper .content-wrapper .event-label .event-icon { height: 20px; width: 20px; margin-right: 20px; } @media (max-width: 575px) { .heroSwiper .content-wrapper .event-label .event-icon { height: 14px; width: 14px; } } .heroSwiper .content-wrapper .event-label span { color: #FB914A; margin-right: 13px; font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .heroSwiper .content-wrapper .event-label span { font-size: 16px; font-weight: 600; line-height: 23px; } } @media (max-width: 575px) { .heroSwiper .content-wrapper .event-label span { font-size: 14px; line-height: 17px; } } .heroSwiper .content-wrapper .event-label p { font-size: 14px; font-weight: 600; line-height: 17px; color: #ffffff; margin-bottom: 0; -webkit-transform: none; -o-transform: none; transform: none; margin-top: 1px; } @media (max-width: 575px) { .heroSwiper .content-wrapper .event-label p { font-size: 12px; line-height: 14px; } } .heroSwiper .content-wrapper h1 { max-width: 600px; color: #ffffff; margin-bottom: 20px; -webkit-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } @media (max-width:1600px) { .heroSwiper .content-wrapper h1 { max-width: 500px; } } @media (max-width: 1299px) { .heroSwiper .content-wrapper h1 { max-width: 400px; } } @media (max-width: 767px) { .heroSwiper .content-wrapper h1 { margin-bottom: 40px; } } @media (max-width: 575px) { .heroSwiper .content-wrapper h1 { max-width: 300px; } } .heroSwiper .content-wrapper h1 span { -webkit-transition: 2s; -o-transition: 2s; transition: 2s; color: rgba(255, 255, 255, 0.7); background: -webkit-gradient(linear, left top, right top, from(#BA3C8B), color-stop(#BA3C8B), color-stop(50%), color-stop(50%, rgb(255, 255, 255))); background: -webkit-linear-gradient(left, #BA3C8B, #BA3C8B, 50%, rgb(255, 255, 255) 50%); background: -o-linear-gradient(left, #BA3C8B, #BA3C8B, 50%, rgb(255, 255, 255) 50%); background: linear-gradient(to right, #BA3C8B, #BA3C8B, 50%, rgb(255, 255, 255) 50%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-size: 200%, 100%; background-position: 100%; color: #BA3C8B; } .heroSwiper .content-wrapper p { max-width: 711px; color: #ffffff; font-size: 18px; font-weight: 600; line-height: 27px; margin-bottom: 49px; -webkit-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); opacity: 0; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } @media (max-width: 767px) { .heroSwiper .content-wrapper p { font-size: 16px; font-weight: 600; line-height: 23px; } } @media (max-width: 767px) { .heroSwiper .content-wrapper p { margin-bottom: 30px; } } @media (max-width: 575px) { .heroSwiper .content-wrapper p { max-width: 294px; margin-bottom: 55px; } } .heroSwiper .content-wrapper .cs-btn { opacity: 0; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; border: 1px solid #ffffff; } .heroSwiper .content-wrapper .cs-btn:hover::after { border: 1px solid #0C2436; } .heroSwiper .swiper-slide { background-repeat: no-repeat; background-size: cover; } .heroSwiper .swiper-slide.swiper-slide-active .content-wrapper .event-label { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .heroSwiper .swiper-slide.swiper-slide-active .content-wrapper h1 { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .heroSwiper .swiper-slide.swiper-slide-active .content-wrapper h1 span { background-position: 0; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .heroSwiper .swiper-slide.swiper-slide-active .content-wrapper p { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .heroSwiper .swiper-slide.swiper-slide-active .content-wrapper .cs-btn { -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .heroSwiper .swiper-pagination { bottom: 40px; } @media (max-width: 767px) { .heroSwiper .swiper-navigation { display: none; } } .heroSwiper .swiper-navigation .swiper-button-next { right: 100px; } @media (max-width:1499px) { .heroSwiper .swiper-navigation .swiper-button-next { right: 70px; } } @media (max-width: 1299px) { .heroSwiper .swiper-navigation .swiper-button-next { right: 50px; } } @media (max-width: 767px) { .heroSwiper .swiper-navigation .swiper-button-next { right: 30px; } } @media (max-width: 575px) { .heroSwiper .swiper-navigation .swiper-button-next { right: 20px; } } .heroSwiper .swiper-navigation .swiper-button-prev { left: 100px; } @media (max-width:1499px) { .heroSwiper .swiper-navigation .swiper-button-prev { left: 70px; } } @media (max-width: 1299px) { .heroSwiper .swiper-navigation .swiper-button-prev { left: 50px; } } @media (max-width: 767px) { .heroSwiper .swiper-navigation .swiper-button-prev { left: 30px; } } @media (max-width: 575px) { .heroSwiper .swiper-navigation .swiper-button-prev { left: 20px; } } .cs-footer { background-repeat: no-repeat; background-size: cover; background-position: bottom; position: relative; z-index: 2; } .cs-footer .footer-bg { position: relative; padding: 224px 0 40px; } @media (max-width:1499px) { .cs-footer .footer-bg { margin-top: -50px; } } @media (max-width: 1299px) { .cs-footer .footer-bg { padding: 263px 0 23px; margin-top: -191px; } } @media (max-width: 1023px) { .cs-footer .footer-bg { padding: 263px 0 23px; margin-top: -132px; } } @media (max-width: 767px) { .cs-footer .footer-bg { background-position: left -200px top 0; margin-top: -229px; padding: 356px 0 23px; } } .cs-footer .footer-bg::before { content: ""; position: absolute; z-index: -1; background-image: url(/wp-content/themes/cscnl/dist/images/footer-bg.svg); width: 100%; height: 100%; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: bottom; } @media (max-width: 1023px) { .cs-footer .footer-bg::before { background-position: inherit; } } @media (min-width: 768px) { .cs-footer .footer-bg .social-menu { display: none; } } .cs-footer .footer-bg .social-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; margin-top: 50px; margin-bottom: 30px; } .cs-footer .footer-bg .social-menu ul li a { color: #ffffff; opacity: 0.75; } .cs-footer .footer-bg .social-menu ul li a:hover { color: #BA3C8B; } .cs-footer .footer-logo { max-width: 142px; margin-bottom: 50px; } @media (max-width: 1299px) { .cs-footer .footer-logo { margin-bottom: 20px; } } @media (max-width: 1023px) { .cs-footer .footer-logo { margin: 0 auto 40px; } } @media (max-width: 767px) { .cs-footer .footer-logo { max-width: 100px; margin-left: 0; } } @media (max-width: 1023px) { .cs-footer .footer-menu { margin-bottom: 46px; } } .cs-footer .footer-menu ul { gap: 50px; row-gap: 20px; } @media (max-width: 1299px) { .cs-footer .footer-menu ul { gap: 20px; } } @media (max-width: 767px) { .cs-footer .footer-menu ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 25px; } } @media (max-width: 1023px) { .cs-footer .footer-menu ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cs-footer .footer-menu ul li { display: -webkit-box; display: -ms-flexbox; display: flex; } .cs-footer .footer-menu ul li a { font-size: 14px; font-weight: 600; line-height: 17px; color: #ffffff; text-transform: uppercase; } @media (max-width: 1023px) { .cs-footer .footer-menu ul li a { font-weight: 600; font-size: 14px; line-height: 17px; } } .cs-footer .footer-menu ul li a:hover { color: #FFBF3F; } @media (min-width: 768px) { .cs-footer .footer-menu ul li.footer_link { display: none; } } .cs-footer .footer-office-address { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 66px; color: #ffffff; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1023px) { .cs-footer .footer-office-address { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .cs-footer .footer-office-address { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 45px; } } .cs-footer .footer-office-address .footer-address { padding: 11px 0 0; } .cs-footer .footer-office-address .footer-address:nth-child(1) { text-align: right; } .cs-footer .footer-office-address .footer-address:nth-child(1) p { max-width: 169px; } .cs-footer .footer-office-address .footer-address:nth-child(1) p a { color: #ffffff; } .cs-footer .footer-office-address .footer-address:nth-child(1) p a:hover { color: #FFBF3F; } @media (max-width: 767px) { .cs-footer .footer-office-address .footer-address:nth-child(1) { text-align: center; } } .cs-footer .footer-office-address .footer-address:last-child { position: relative; } .cs-footer .footer-office-address .footer-address:last-child::before { content: ""; position: absolute; left: -40px; top: 0; bottom: 0; height: 139px; width: 22px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTM3IiB2aWV3Qm94PSIwIDAgMjIgMTM3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTYuMTEwMiAwLjY0NDUzMUMxNS44NTc0IDQuOTQzIDEyLjQ4NjcgOC44NDk1MSAxMS41MTk3IDEzLjAwNzhDMTAuMTk3NyAxOC42OTIyIDguNDM3MSAyMy44ODA1IDguMTU0OTggMjkuODA1MUM3LjYyNTE3IDQwLjkzMTEgMTAuMTIyNSA1MS4wMTEzIDE1LjQwNiA2MC43NjU0QzIwLjEyNTYgNjkuNDc4NCAyMC44MDUxIDgwLjMyMjEgMjAuODA1MSA5MC4wNTYzQzIwLjgwNTEgOTUuNTY4IDE4Ljk4OTIgMTAxLjM0NSAxNi45OTcgMTA2LjQzNkMxMi45MDA0IDExNi45MDYgNi4yNTcyIDEyNi4zNTUgMS4wODY1NSAxMzYuMzI3IiBzdHJva2U9IiNGRkJGM0YiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjEwIDEwIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: contain; } @media (max-width: 767px) { .cs-footer .footer-office-address .footer-address:last-child::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCA5MiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkxLjYxMzUgNS4zOTk5Qzg4Ljc1NzQgNS40MTAxNCA4Ni4wMzM1IDMuMzUyNyA4My4yNDExIDIuODg3MjNDNzkuNDIzOCAyLjI1MDkzIDc1LjkxNyAxLjMwNTYxIDcxLjk4MzIgMS4zNjMzOUM2NC41OTU4IDEuNDcxOTEgNTguMDI0MyAzLjUyOTM2IDUxLjc4MjUgNy40MDY3QzQ2LjIwNjggMTAuODcwMiAzOS4wNTU2IDExLjc2MjkgMzIuNjExMiAxMi4xNjI5QzI4Ljk2MjIgMTIuMzg5MyAyNS4wNjMzIDExLjQzMTggMjEuNjExNSAxMC4zMzAxQzE0LjUxMzEgOC4wNjQ2MSA3Ljk4NTgxIDQuMDgxNiAxLjE3MjgzIDEuMDg4OTgiIHN0cm9rZT0iI0ZGQkYzRiIgc3Ryb2tlLXdpZHRoPSIwLjc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjEwIDEwIi8+Cjwvc3ZnPgo=); left: 0; right: 0; top: -23px; height: 13px; width: 90px; margin: 0 auto; } } .cs-footer .footer-office-address .footer-address:last-child p { max-width: 148px; } .cs-footer .footer-office-address .footer-address:last-child p a { color: #ffffff; } .cs-footer .footer-office-address .footer-address:last-child p a:hover { color: #FFBF3F; } @media (max-width: 767px) { .cs-footer .footer-office-address .footer-address:last-child { text-align: center; } } .cs-footer .footer-office-address .footer-address h5 { color: #ffffff; margin-bottom: 20px; } @media (max-width: 767px) { .cs-footer .footer-office-address .footer-address h5 { margin-bottom: 10px; font-weight: 600; font-size: 12px; line-height: 14px; } } .cs-footer .footer-office-address .footer-address p { font-size: 14px; font-weight: 600; line-height: 17px; opacity: 0.75; } @media (max-width: 767px) { .cs-footer .footer-office-address .footer-address p { font-weight: 400; font-size: 12px; line-height: 14px; } } .cs-footer .footer-office-address .footer-address p span { display: block; } .cs-footer .terms-menu { background-color: #00A7B5; color: #FAF9F7; font-weight: 400; font-size: 12px; line-height: 14px; padding: 5px 0; } @media (max-width: 767px) { .cs-footer .terms-menu { padding: 20px 0; } } .cs-footer .terms-menu p { font-weight: 400; font-size: 12px; line-height: 14px; } .cs-footer .terms-menu p span { margin-left: 15px; } .cs-footer .terms-menu a { color: #FAF9F7; } @media (max-width: 575px) { .cs-footer .terms-menu a { padding: 10px; } } .cs-footer .terms-menu a:hover { color: #1D57A5; } .cs-footer .terms-menu .footer-bottom { gap: 200px; } @media (max-width:1600px) { .cs-footer .terms-menu .footer-bottom { gap: 100px; } } @media (max-width: 1299px) { .cs-footer .terms-menu .footer-bottom { gap: 50px; } } @media (max-width: 1023px) { .cs-footer .terms-menu .footer-bottom { gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .cs-footer .terms-menu .align-justify { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cs-footer .terms-menu .menu { z-index: 2; } @media (max-width: 767px) { .cs-footer .terms-menu .menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 14px; } } .cs-footer .terms-menu .menu p { border-right: 0.5px solid #ffffff; padding-right: 15px; } @media (max-width: 767px) { .cs-footer .terms-menu .menu p { border-right: 0; } } @media (max-width: 767px) { .cs-footer .terms-menu .menu .terms { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cs-footer .terms-menu .social-menu { position: absolute; left: 0; right: 0; } @media (max-width: 1599px) { .cs-footer .terms-menu .social-menu { position: relative; } } @media (max-width: 767px) { .cs-footer .terms-menu .social-menu { display: none; } } .cs-footer .terms-menu .social-menu ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 25px; } .cs-footer .terms-menu .social-menu ul li a { color: #ffffff; opacity: 0.75; font-size: 14px; } .cs-footer .terms-menu .social-menu ul li a:hover { opacity: 1; color: #BA3C8B; } @media (max-width: 767px) { .cs-footer .terms-menu .jac-signature { display: none; } } .cs-footer .responsive-jac { background-color: #FFBF3F; text-align: center; } @media (min-width: 768px) { .cs-footer .responsive-jac { display: none; } } .event-section { margin-top: 20px; position: relative; overflow: hidden; padding-bottom: 173px; } .event-section::before { content: ""; position: absolute; right: -7%; bottom: 0; width: 554px; height: 520px; background-image: url(/wp-content/themes/cscnl/dist/images/yellow-blob.svg); background-repeat: no-repeat; background-size: contain; } @media (max-width: 575px) { .event-section::before { -webkit-transform: rotate(-48deg); -o-transform: rotate(-48deg); transform: rotate(-48deg); left: -24%; top: 1%; right: inherit; bottom: inherit; width: 293px; height: 275px; } } @media (max-width: 575px) { .event-section { margin-top: 0; padding-bottom: 0; } } .event-section .event-wrapper { position: relative; padding: 0 80px 0 100px; } @media (max-width:1600px) { .event-section .event-wrapper { padding: 0 60px 0 70px; } } @media (max-width: 1399px) { .event-section .event-wrapper { padding: 0 66px 0 80px; } } @media (max-width: 767px) { .event-section .event-wrapper { padding: 0 30px 0 50px; } } .event-section .event-wrapper .eventSwiper { padding: 60px 20px 60px 0; } @media (max-width: 1199px) { .event-section .event-wrapper .eventSwiper { padding: 30px 20px 60px 0; } } @media (max-width: 575px) { .event-section .event-wrapper .eventSwiper { padding-top: 21px; } } .event-section .event-wrapper .common-navigation .swiper-button-next { background-position: top right; } .event-section .event-wrapper .common-navigation .swiper-button-next::after { border-width: 0.05em; } .event-section .event-wrapper .common-navigation .swiper-button-next:hover { background-position: center; -webkit-transition: background-position 500ms ease; -o-transition: background-position 500ms ease; transition: background-position 500ms ease; } .event-section .event-wrapper .common-navigation .swiper-button-prev { background-position: bottom left; } .event-section .event-wrapper .common-navigation .swiper-button-prev::after { border-width: 0.05em; } .event-section .event-wrapper .common-navigation .swiper-button-prev:hover { background-position: center; -webkit-transition: background-position 500ms ease; -o-transition: background-position 500ms ease; transition: background-position 500ms ease; } .event-section .border-wrapper { position: relative; } .event-section .border-wrapper::before { content: ""; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; right: 0; bottom: 0; border: 2px solid #000000; border-radius: 15px; -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); clip-path: polygon(0% 0%, 100% 0%, 100% 13.99%, 88.52% 13.99%, 88.52% 20.7%, 100% 20.7%, 100% 27.98%, 90.05% 27.98%, 90.31% 36.79%, 99.88% 36.77%, 100% 100%, 0% 100%); } .event-section .card-wrapper { padding: 30px; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 15px; gap: 40px; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width:1600px) { .event-section .card-wrapper { padding: 24px; } } @media (max-width: 767px) { .event-section .card-wrapper { gap: 25px; } } .event-section .card-wrapper .button-wrapper .cs-btn { border: 1px solid #ffffff; } .event-section .card-wrapper .button-wrapper .cs-btn:hover .bg { background-color: #0C2436; } .event-section .card-wrapper.blue { background-color: #1D57A5; } .event-section .card-wrapper.blue .button-wrapper .cs-btn:hover::after { border-color: #1D57A5; } .event-section .card-wrapper.green { background-color: #00A7B5; } .event-section .card-wrapper.green .button-wrapper .cs-btn:hover::after { border-color: #00A7B5; } .event-section .card-wrapper.orange { background-color: #FB914A; } .event-section .card-wrapper.orange .button-wrapper .cs-btn:hover::after { border-color: #FB914A; } .event-section .card-wrapper.yellow { background-color: #FFBF3F; } .event-section .card-wrapper.yellow .button-wrapper .cs-btn:hover::after { border-color: #FFBF3F; } .event-section .card-wrapper p { line-height: 21px; } .event-section.animate.active .event-wrapper .border-wrapper::before { -webkit-transform: translate(7px, -7px); -o-transform: translate(7px, -7px); transform: translate(7px, -7px); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .featured-event-section { position: relative; z-index: 2; } .featured-event-section .section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; } @media (max-width: 1023px) { .featured-event-section .section-title { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .featured-event-section .section-title h2 { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } @media (max-width: 575px) { .featured-event-section .section-title .image-wrapper { position: absolute; max-width: 164px; right: 35px; } } .featured-event-section.animate.active .upcoming-events::before { background-position: 0%; } .featured-event-section.animate.active .upcoming-events::after { -webkit-transform: translate(13px, -13px); -o-transform: translate(13px, -13px); transform: translate(13px, -13px); -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; } @media (max-width: 767px) { .featured-event-section.animate.active .upcoming-events::after { -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); } } .featured-event-section a.cs-btn { border: 1px solid #ffffff; } .featured-event-section a.cs-btn:hover { color: #0C2436; border: 1px solid #0C2436; } .featured-event-section a.cs-btn:hover .bg { background-color: #BA3C8B; } .featured-event-section a.cs-btn:hover::after { border-color: #0C2436; border-color: #ffbf3f; } .event-blog { position: relative; overflow-x: hidden; } @media (max-width: 639px) { .event-blog { margin-bottom: 40px; padding-top: 120px; margin-top: -76px; margin-bottom: 0; } } .event-blog::after { content: ""; position: absolute; background-image: url(/wp-content/themes/cscnl/dist/images/blue-blob.svg); left: 0; top: 0; width: 519px; height: 389px; background-repeat: no-repeat; background-size: contain; z-index: -1; } @media (max-width: 575px) { .event-blog::after { left: -65%; top: -2%; } } .event-blog::before { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ0IiBoZWlnaHQ9IjQxMSIgdmlld0JveD0iMCAwIDI0NCA0MTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNMS40NzcwNSA0MDkuNTMxQzQuMjI1NjcgNDAwLjYwNSA4LjE5NjA5IDM5Mi4yODcgMTAuOTY3IDM4My4yODlDMTUuNzIxOSAzNjcuODQ5IDIwLjAyMDYgMzUxLjI3NyAyOC4yNzEgMzM3LjI2NEMzNi45NjY0IDMyMi40OTYgNDQuNzQwOSAzMDYuNTA4IDU0LjMxMTggMjkyLjM0NUM2My44MDIzIDI3OC4zMDEgNzYuNzU1OSAyNjUuMzcxIDg4LjMyMzQgMjUzLjA1MUMxMDkuMjYzIDIzMC43NDggMTMyLjY4OCAyMDguMDE0IDE2My43MDUgMjAyLjQwNUMxOTAuODczIDE5Ny40OTIgMjE2LjgxOSAyMDguMDc5IDIzMy4wMTkgMjMwLjQwOEMyNDguNDczIDI1MS43MDkgMjQ2LjExOSAyODEuNSAyMjIuMTA1IDI5OC4zNzJDMjE2LjQgMzAyLjM3OSAyMDEuNjE5IDMxMy41IDE4MC4xMTkgMzEzLjVDMTU4LjYxOSAzMTMuNSAxMjkuNTY0IDMwNC4wMDIgMTE2LjAwNyAyODguNjhDOTYuMDMxMyAyNjYuMTAzIDgzLjE0OTUgMjM1LjA1MSA3My42NDg2IDIwNi42ODhDNjIuNDQ1NCAxNzMuMjQyIDUzLjc3MTQgMTQwLjY4MyA0OC4yMTYgMTA1LjgxNkM0NC4yNyA4MS4wNDk5IDM3LjY4OTIgNTYuMDU1NCAzOS4yNDIzIDMwLjc3NjdDMzkuODM3NyAyMS4wODY4IDQyLjExMyAxMC41ODEgNDEuMzY5OSAxIiBzdHJva2U9IiMwMEE3QjUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjEwIDEwIi8+CjxkZWZzPgo8c3R5bGU+Ci5wYXRoIHsKICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEwOwogICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDUwMDsKICAgIGFuaW1hdGlvbjogZGFzaCAxMHMgbGluZWFyIGFsdGVybmF0ZSBpbmZpbml0ZTsKfQoKQGtleWZyYW1lcyBkYXNoIHsKICAgIHRvIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgfQp9Cjwvc3R5bGU+CjwvZGVmcz4KPC9zdmc+Cg==); left: -51px; top: 0; width: 270px; height: 402px; background-repeat: no-repeat; background-size: contain; z-index: 1; } @media (max-width: 575px) { .event-blog::before { left: -40px; top: 0; width: 157px; height: 234px; } } .event-blog.orange-blob::before { content: none; } .event-blog.orange-blob::after { content: ""; position: absolute; background-image: url(/wp-content/themes/cscnl/dist/images/orange-blob.svg); left: 0; top: 70px; width: 399px; height: 479px; background-repeat: no-repeat; background-size: contain; z-index: -1; } .event-blog.blue .image-wrapper::before { background-color: rgba(29, 87, 165, 0.4) !important; opacity: unset !important; } .event-blog.other-event::after { content: none; } .event-blog.other-event::before { content: none; } .event-blog.other-event .event-blog-wrapper::before { content: none; } .event-blog .event-blog-wrapper { position: relative; padding: 0 100px; margin-bottom: 65px; } @media (max-width: 1399px) { .event-blog .event-blog-wrapper { padding: 0 80px; } } @media (max-width: 992px) { .event-blog .event-blog-wrapper { padding: 50px 0 60px; padding-bottom: 0; margin-bottom: 50px; } } .event-blog .event-blog-wrapper::before { content: ""; position: absolute; background-image: url(/wp-content/themes/cscnl/dist/images/dotted-blob.svg); height: 205px; width: 216px; background-repeat: no-repeat; background-size: contain; left: 23%; top: 8%; } @media (max-width: 767px) { .event-blog .event-blog-wrapper::before { content: none; } } .event-blog .event-blog-wrapper .wrapper { position: relative; padding-top: 34px; } .event-blog .event-blog-wrapper .wrapper .date { position: absolute; width: 134px; height: 89px; right: 58px; top: 23px; -webkit-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s; } .event-blog .event-blog-wrapper .wrapper .date .date-number { width: 134px; height: 89px; background: #0C2436; border-radius: 10px; right: 0px; top: 0; color: #ffffff; font-weight: 900; font-size: 32px; line-height: 38px; text-align: center; padding: 10px; position: relative; z-index: 9; } .event-blog .event-blog-wrapper .wrapper .date .date-number span { display: block; font-size: 22px; font-weight: 700; line-height: 30px; text-transform: capitalize; } @media (max-width: 1199px) { .event-blog .event-blog-wrapper .wrapper .date .date-number span { font-size: 18px; font-weight: 700; line-height: 26px; } } @media (max-width: 767px) { .event-blog .event-blog-wrapper .wrapper .date .date-number span { font-size: 16px; font-weight: 700; line-height: 28px; } } .event-blog .event-blog-wrapper .wrapper .date::before { content: ""; position: absolute; right: -29px; top: 6px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCAzMSA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSA2M1YwLjVMMTUuNzUgMjAuNzVMMzEgNDFMMC41IDYzWiIgZmlsbD0iI0MwMzA4QiIvPgo8L3N2Zz4K); background-size: contain; width: 30.5px; height: 62.5px; } .event-blog .event-blog-wrapper .wrapper .blog-wrapper { position: relative; } .event-blog .event-blog-wrapper .wrapper .blog-wrapper::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 2px solid #0C2436; border-radius: 20px; z-index: 1; clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 71.18%, 89.2% 71.18%, 89.91% 76%, 100% 76%, 100% 81.33%, 89.2% 81.33%, 89.2% 92.36%, 100% 92.36%, 100% 100%, 0% 100%); } .event-blog .event-blog-wrapper .wrapper .blog-wrapper .image-wrapper { border-radius: 20px 20px 0 0; overflow: hidden; position: relative; } .event-blog .event-blog-wrapper .wrapper .blog-wrapper .image-wrapper img { -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; border-radius: 20px 20px 0 0; } .event-blog .event-blog-wrapper .wrapper .blog-wrapper .image-wrapper::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #00A7B5; opacity: 0.39; z-index: 1; border-radius: 20px 20px 0 0; } .event-blog .event-blog-wrapper .wrapper .blog-wrapper .card-wrapper { padding: 40px 50px; gap: 0; border-radius: 15px; } @media (max-width: 1800px) { .event-blog .event-blog-wrapper .wrapper .blog-wrapper .card-wrapper { padding: 40px 30px; } } @media (max-width: 1199px) { .event-blog .event-blog-wrapper .wrapper .blog-wrapper .card-wrapper { padding: 30px 30px; } } @media (max-width: 639px) { .event-blog .event-blog-wrapper .wrapper .blog-wrapper .card-wrapper { background-color: #ffffff; } } .event-blog .event-blog-wrapper .wrapper .blog-wrapper .card-wrapper h3, .event-blog .event-blog-wrapper .wrapper .blog-wrapper .card-wrapper h4 { margin-bottom: 30px; } .event-blog .event-blog-wrapper .wrapper .blog-wrapper .card-wrapper p { font-weight: 600; font-size: 16px; line-height: 21px; color: #0C2436; margin-bottom: 44px; } .event-blog .event-blog-wrapper .wrapper .blog-wrapper:hover .image-wrapper img { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 767px) { .event-blog .event-blog-wrapper .common-navigation { display: none; } } @media (max-width: 992px) { .event-blog .event-blog-wrapper .eventblogSwiper { padding-bottom: 89px; } } @media (max-width: 992px) { .event-blog .event-blog-wrapper .eventblogSwiper .swiper-pagination { bottom: 0; } } .event-blog .event-blog-wrapper .eventblogSwiper .swiper-navigation { top: 54%; } .event-blog.animate.active .event-blog-wrapper .wrapper .date { top: 0; } @media (max-width: 992px) { .event-blog .middle-btn .cs-btn { display: none; } } .cscnl-program { overflow-x: hidden; } .latest-news { position: relative; } .latest-news.gray { background-color: rgba(197, 217, 220, 0.3); } .latest-news.right-pattern::before { content: ""; position: absolute; right: 0; bottom: 42px; background-repeat: no-repeat; background-size: contain; width: 425px; height: 426px; background-image: url(/wp-content/themes/cscnl/dist/images/right-pattern.svg); z-index: -1; } @media (max-width: 767px) { .latest-news.right-pattern::before { bottom: 0; background-image: none; } } .latest-news.left-pattern::before { content: ""; position: absolute; left: 0; bottom: 52px; background-repeat: no-repeat; background-size: contain; width: 425px; height: 426px; background-image: url(/wp-content/themes/cscnl/dist/images/left-pattern.svg); z-index: -1; } @media (max-width: 767px) { .latest-news.left-pattern::before { width: 100%; } } .latest-news .swiper-wrapper { padding-bottom: 80px; } .latest-news .filter-section { margin-bottom: 60px; } .latest-news .event-card { padding: 0 20px; } .latest-news .event-card .card-wrapper { display: block; } .latest-news .event-card .card-wrapper .date { margin-bottom: 26px; color: #000000; } .latest-news .event-card .card-wrapper h3 { margin-bottom: 28px; color: #000000; } .latest-news .event-card .card-wrapper p { margin-bottom: 35px; line-height: 21px; color: #0C2436; } @media (max-width: 575px) { .latest-news .section-title { max-width: 50%; } } .latest-news .latestnews .wrapper .image-wrapper { height: 519px; border-radius: 13px; overflow: hidden; position: relative; } @media (max-width: 575px) { .latest-news .latestnews .wrapper .image-wrapper { border-radius: 0; } } .latest-news .latestnews .wrapper .image-wrapper::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #00A7B5; opacity: 0.39; z-index: 1; } .latest-news .latestnews .wrapper .image-wrapper img { -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .latest-news .latestnews .wrapper .card-wrapper { background-color: #ffffff; padding: 20px 30px 33px; border-radius: 20px; margin: 0 40px; -webkit-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s; max-width: 399px; margin: -200px auto 0; position: relative; z-index: 1; } .latest-news .latestnews .wrapper .card-wrapper::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 45.5% 100%, 13% 100%, 13% 70.18%, 0% 70.18%, 0% 76%, 13% 76%, 100% 81.33%, 0% 81.33%, 0% 90.86%, 13% 90.86%, 13% 100%, 0% 100%); border: 2px solid #0C2436; border-radius: 20px; z-index: -1; } @media (max-width: 1023px) { .latest-news .latestnews .wrapper .card-wrapper { max-width: 100%; } } .latest-news.animate.active .latestnews .wrapper .card-wrapper { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .latest-news .all-news { position: relative; } .latest-news .all-news::after { content: ""; position: absolute; width: 386px; height: 390px; top: 23%; right: -13%; background-image: url(/wp-content/themes/cscnl/dist/images/orange-round-blob.svg); background-size: contain; background-repeat: no-repeat; opacity: 0.1; z-index: -2; } @media (min-width: 1200px) { .latest-news .all-news .section-title { padding-left: 30px; } } .client-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 115px; } @media (max-width: 1299px) { .client-logo { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 50px; } } @media (max-width: 575px) { .client-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } } .client-logo .image-wrapper img { -o-object-fit: contain; object-fit: contain; } @media (max-width: 1023px) { .client-logo .image-wrapper img { max-width: 150px; } } .featured-resource-section { position: relative; min-height: 732px; padding: 136px 0; } .featured-resource-section .image-wrapper { position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; } .featured-resource-section .image-wrapper img { display: block; width: 100%; mask-position: center; -webkit-mask-position: center; mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkxOSIgaGVpZ2h0PSI3MzIiIHZpZXdCb3g9IjAgMCAxOTE5IDczMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTg2LjE1NzggMjYuNzgzNEM0OS41NjkyIDI3LjAyNDggMTkuNTc4MyAzMS43NzgxIDAgMzUuNzQwNFY2OTQuOTUxQzI5Ljk1MDcgNzA3LjIwNyA3NS42OTgyIDcyMi42MDcgMTMyLjc1IDcyOC4yODVDMjI3LjU1IDczNy43MTggMjg4LjYyNSA3MTMuODU4IDM1MS4yOTYgNzAxLjM5NEM0OTYuNzU4IDY3Mi40NzIgNTE5LjU0MSA3MzEuMDY4IDY5OC41NzUgNzMxLjk4NkM4OTkuNDk0IDczMy4wMTkgODk4LjY0MiA2NTkuMzY1IDEwOTAuMTkgNjU5Ljk5NUMxMjg1Ljk4IDY2MC42MzkgMTI3OC43MiA3MzcuNTcxIDE0NTAuMDIgNzIyLjM0NUMxNTgyLjI2IDcxMC41OTMgMTY1My45NiA2NTguNzU1IDE4MDUuNjggNjc5LjE1NkMxODU5LjI4IDY4Ni4zNjMgMTkwMi40MiA2OTkuODM5IDE5MzEgNzEwLjM3MVYzMy44Mjk3QzE2NzQuOTggLTIwLjgzNzQgMTQ4NS4xMiAwLjIxNDE0OSAxMzU3LjIyIDMwLjgzMjhDMTIzNi4wNyA1OS44MzU4IDExNjAuNjYgOTkuNzg3IDEwMDkuOTQgOTkuNjg2NEM4NTguNzU1IDk5LjU4NTkgODUxLjYwMSA1OS4zMzk3IDY4Ni42MDcgNTcuNzc3NkM0NjguMjgzIDU1LjcwNTkgNDQ2LjM1OCAxMjUuODQ3IDMxOC4zNjggODQuNzIyM0MyNTUuODI1IDY0LjYyOTUgMTkzLjIwOCAyNi4wNzk1IDg2LjE1NzggMjYuNzkwMVYyNi43ODM0WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkxOSIgaGVpZ2h0PSI3MzIiIHZpZXdCb3g9IjAgMCAxOTE5IDczMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTg2LjE1NzggMjYuNzgzNEM0OS41NjkyIDI3LjAyNDggMTkuNTc4MyAzMS43NzgxIDAgMzUuNzQwNFY2OTQuOTUxQzI5Ljk1MDcgNzA3LjIwNyA3NS42OTgyIDcyMi42MDcgMTMyLjc1IDcyOC4yODVDMjI3LjU1IDczNy43MTggMjg4LjYyNSA3MTMuODU4IDM1MS4yOTYgNzAxLjM5NEM0OTYuNzU4IDY3Mi40NzIgNTE5LjU0MSA3MzEuMDY4IDY5OC41NzUgNzMxLjk4NkM4OTkuNDk0IDczMy4wMTkgODk4LjY0MiA2NTkuMzY1IDEwOTAuMTkgNjU5Ljk5NUMxMjg1Ljk4IDY2MC42MzkgMTI3OC43MiA3MzcuNTcxIDE0NTAuMDIgNzIyLjM0NUMxNTgyLjI2IDcxMC41OTMgMTY1My45NiA2NTguNzU1IDE4MDUuNjggNjc5LjE1NkMxODU5LjI4IDY4Ni4zNjMgMTkwMi40MiA2OTkuODM5IDE5MzEgNzEwLjM3MVYzMy44Mjk3QzE2NzQuOTggLTIwLjgzNzQgMTQ4NS4xMiAwLjIxNDE0OSAxMzU3LjIyIDMwLjgzMjhDMTIzNi4wNyA1OS44MzU4IDExNjAuNjYgOTkuNzg3IDEwMDkuOTQgOTkuNjg2NEM4NTguNzU1IDk5LjU4NTkgODUxLjYwMSA1OS4zMzk3IDY4Ni42MDcgNTcuNzc3NkM0NjguMjgzIDU1LjcwNTkgNDQ2LjM1OCAxMjUuODQ3IDMxOC4zNjggODQuNzIyM0MyNTUuODI1IDY0LjYyOTUgMTkzLjIwOCAyNi4wNzk1IDg2LjE1NzggMjYuNzkwMVYyNi43ODM0WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); opacity: 0.2; -webkit-mask-size: cover; -webkit-mask-position-x: left; } .featured-resource-section.animate.active .image-wrapper img { -webkit-mask-position-x: cener; } .featured-resource-section.animate.active .resource-section .wrapper::before { -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms; -webkit-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } @media (max-width: 767px) { .featured-resource-section.animate.active .resource-section .wrapper::before { -webkit-transform: translate(6px, -6px); -o-transform: translate(6px, -6px); transform: translate(6px, -6px); } } @media (max-width: 767px) { .featured-resource-section.animate.active .resource-section .wrapper::before { -webkit-transform: translate(4px, -4px); -o-transform: translate(4px, -4px); transform: translate(4px, -4px); } } .featured-resource-section.animate.active .resource-section .wrapper:hover::before { -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; -webkit-transition-delay: inherit; -o-transition-delay: inherit; transition-delay: inherit; } .featured-resource-section.animate.active .resource-section .wrapper:hover h3 { color: #000000; } .braedcumb-sec { padding: 35px 0; } .braedcumb-sec .breadcumb ul.breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; gap: 15px; position: relative; padding-left: 30px; } @media (max-width: 575px) { .braedcumb-sec .breadcumb ul.breadcrumbs { gap: 10px; } } .braedcumb-sec .breadcumb ul.breadcrumbs .pages-icon { position: absolute; top: -11px; left: 0; } @media (max-width: 1199px) { .braedcumb-sec .breadcumb ul.breadcrumbs .pages-icon { top: -7px; } } .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c { font-size: 13px; font-weight: 600; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c { gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c span { color: #D5419E; } .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c a { color: #0C2436; text-decoration: none; text-transform: capitalize; } .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c a:hover { color: #FFBF3F !important; } .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c .breadcrumb_last { color: #D5419E; } .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c .breadcrumb_last a { color: #FFBF3F; } .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c img.right { max-width: 6px; } .braedcumb-sec .breadcumb ul.breadcrumbs i { font-family: "FontAwesome"; } .about_zigzag .zigzag-title h2 { margin-bottom: 36px; } @media (max-width: 767px) { .about_zigzag .zigzag-title h2 { margin-bottom: 20px; } } .zigzag-sec { position: relative; } @media (max-width: 1023px) { .zigzag-sec .zigzag-content { margin-top: 30px; } } .zigzag-sec .zigzag-content .zigzag-title .h1 span:nth-child(1) { color: #1D57A5; } .zigzag-sec .zigzag-content .zigzag-title .h1 span:nth-child(2) { color: #00A7B5; } .zigzag-sec .zigzag-content .zigzag-title .h1 span:nth-child(3) { color: #FB914A; } .zigzag-sec .zigzag-content .zigzag-title .h1 span:nth-child(4) { color: #FFBF3F; } .zigzag-sec .zigzag-content .zigzag-title .h1 span:nth-child(5) { color: #D5419E; } .zigzag-sec .zigzag-content .zigzag-content p { font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .zigzag-sec .zigzag-content .zigzag-content p { font-size: 16px; font-weight: 600; line-height: 23px; } } @media (max-width: 1023px) { .zigzag-sec .zigzag-content .zigzag-content { margin-top: 30px; } } .zigzag-sec .zigzag-img { max-width: 650px; margin-left: auto; position: relative; } @media (max-width: 1023px) { .zigzag-sec .zigzag-img { max-width: 100%; } } .zigzag-sec .zigzag-img img { border-radius: 15px; } .zigzag-sec .zigzag-img::before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 167, 181, 0.26); border-radius: 15px; } .zigzag-sec .zigzag-img::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: 2px solid #00A7B5; border-radius: 15px; -webkit-transform: translate(8px, -8px); -o-transform: translate(8px, -8px); transform: translate(8px, -8px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%, 100% 0%, 100% 18.75%, 86.5% 18.75%, 86.72% 44.57%, 100% 44.57%, 100% 50.54%, 86.5% 51%, 86.85% 61.28%, 100% 60.83%, 100% 100%, 0% 100%); } .zigzag-sec.right-blob { position: relative; } .zigzag-sec.right-blob::before { content: ""; position: absolute; width: 520px; height: 390px; top: -240px; right: 0px; background-image: url(/wp-content/themes/cscnl/dist/images/right-blob.svg); background-size: contain; background-repeat: no-repeat; background-position: right; z-index: -1; } @media (max-width: 1023px) { .zigzag-sec.right-blob::before { width: 284px; height: 313px; } } @media (max-width: 575px) { .zigzag-sec.right-blob::before { width: 218px; height: 313px; } } .directors-sec { margin-top: 30px; } .directors-sec .director-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } @media (max-width:1366px) { .directors-sec .director-grid { gap: 20px; } } @media (max-width: 1023px) { .directors-sec .director-grid { grid-template-columns: 1fr; } } .directors-sec .director-grid .directors { background-color: #FFBF3F; padding: 110px; border-radius: 20px; position: relative; } .directors-sec .director-grid .directors::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: 2px solid #000; border-radius: 20px; -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%, 100% 0%, 100% 13.99%, 88.52% 13.99%, 88.52% 20.7%, 100% 20.7%, 100% 27.98%, 90.05% 27.98%, 90.31% 36.79%, 99.88% 36.77%, 100% 100%, 0% 100%); } @media (max-width:1366px) { .directors-sec .director-grid .directors::before { -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); } } @media (max-width: 1023px) { .directors-sec .director-grid .directors::before { content: none; } } @media (max-width:1600px) { .directors-sec .director-grid .directors { padding: 80px 60px; } } @media (max-width:1366px) { .directors-sec .director-grid .directors { padding: 60px 40px; } } .directors-sec .director-grid .directors.orange { background-color: #FB914A; border: 1px solid #ffffff; } .directors-sec .director-grid .directors.orange .cs-btn { border: 1px solid #ffffff; } .directors-sec .director-grid .directors.orange .cs-btn:hover { border: 1px solid #0C2436; } .directors-sec .director-grid .directors.orange .cs-btn:hover .bg { background-color: #0C2436; } .directors-sec .director-grid .directors.orange .cs-btn:hover::after { border: 1px solid #FB914A; } .directors-sec .director-grid .directors.yellow { background-color: #FFBF3F; } .directors-sec .director-grid .directors.yellow .cs-btn { border: 1px solid #ffffff; } .directors-sec .director-grid .directors.yellow .cs-btn:hover { border: 1px solid #0C2436; } .directors-sec .director-grid .directors.yellow .cs-btn:hover .bg { background-color: #0C2436; } .directors-sec .director-grid .directors.yellow .cs-btn:hover::after { border: 1px solid #FFBF3F; } .directors-sec .director-grid .directors.green { background-color: #00A7B5; } .directors-sec .director-grid .directors.green .cs-btn { border: 1px solid #ffffff; } .directors-sec .director-grid .directors.green .cs-btn .bg { background-color: #0C2436; } .directors-sec .director-grid .directors.green .cs-btn:hover::after { border: 1px solid #00A7B5; } .directors-sec .director-grid .content .title h2 { color: #0C2436; } .directors-sec .director-grid .content .text { margin-top: 30px; } .directors-sec .director-grid .content .text p { color: rgba(12, 36, 54, 0.85); font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .directors-sec .director-grid .content .text p { font-size: 16px; font-weight: 600; line-height: 23px; } } .directors-sec .director-grid .content .read-btn { margin-top: 60px; } @media (max-width: 767px) { .directors-sec .director-grid .content .read-btn { margin-top: 40px; } } .directors-sec.active .director-grid .directors::before { -webkit-transform: translate(13px, -13px); -o-transform: translate(13px, -13px); transform: translate(13px, -13px); -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .cscnl-job { z-index: 2; position: relative; } .cscnl-job .job-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cscnl-job .job-content .section-title { margin-bottom: 0; } .cscnl-job .job-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-top: 100px; } @media (max-width:1600px) { .cscnl-job .job-grid { margin-top: 60px; } } @media (max-width: 1023px) { .cscnl-job .job-grid { grid-template-columns: 1fr; gap: 40px; margin-top: 30px; } } .cscnl-job .job-grid .job-description { padding: 0 90px; position: relative; } @media (max-width:1600px) { .cscnl-job .job-grid .job-description { padding: 0 60px; } } @media (max-width:1499px) { .cscnl-job .job-grid .job-description { padding: 0 30px; } } @media (max-width: 1023px) { .cscnl-job .job-grid .job-description { padding: 0; } } .cscnl-job .job-grid .job-description::before { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzM3IiB2aWV3Qm94PSIwIDAgMzAgMzM3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBjbGFzcz0icGF0aCIgZD0iTTEwLjcxODcgMS41NjU2QzMuMDg0MjkgMjIuOTYxNiAxMS4zMDM2IDQ4LjgxNzMgMTQuMjc1OSA3MC4xNjQ2QzE5LjgxNDEgMTA5LjkzOSAzNS41ODU0IDE0MS44NzMgMjQuNzEzMiAxODIuNzcxQzE2LjYwODggMjEzLjI1NyAyLjgyMDk0IDI0MC41NzkgMS43Njk5OSAyNzIuMzg0QzEuMDMxMDkgMjk0Ljc0NiA4LjgzOTkxIDMxNC45MzYgMTQuMTI1NiAzMzYuMDUzIiBzdHJva2U9IiNGRkJGM0YiIHN0cm9rZS13aWR0aD0iMS41NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxNSAxNSIvPgo8L3N2Zz4K); height: 334px; width: 100%; right: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: right; } @media (max-width:1499px) { .cscnl-job .job-grid .job-description::before { right: -10px; } } @media (max-width: 1023px) { .cscnl-job .job-grid .job-description::before { content: none; } } .cscnl-job .job-grid .job-description .content .job-text { margin-top: 30px; } @media (max-width: 1023px) { .cscnl-job .job-grid .job-description .content .job-text { margin-top: 20px; } } .cscnl-job .job-grid .job-description .content .job-text p { font-size: 18px; font-weight: 600; line-height: 27px; color: rgba(12, 36, 54, 0.85); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } @media (max-width: 767px) { .cscnl-job .job-grid .job-description .content .job-text p { font-size: 16px; font-weight: 600; line-height: 23px; } } .cscnl-job .job-grid .job-description .content .job-id { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 2px solid #D5419E; border-bottom: 2px solid #D5419E; padding: 18px 0; margin-top: 50px; } @media (max-width: 1023px) { .cscnl-job .job-grid .job-description .content .job-id { margin-top: 20px; } } @media (max-width: 575px) { .cscnl-job .job-grid .job-description .content .job-id { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cscnl-job .job-grid .job-description .content .job-id p { font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .cscnl-job .job-grid .job-description .content .job-id p { font-size: 16px; font-weight: 600; line-height: 23px; } } .cscnl-job .job-grid .job-description:last-child::before { content: none; } .cscnl-job .job-grid .read-btn { margin-top: 50px; } @media (max-width: 1023px) { .cscnl-job .job-grid .read-btn { margin-top: 20px; } } .annual-report .annual-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 120px; position: relative; } @media (max-width:1600px) { .annual-report .annual-grid { gap: 60px; } } @media (max-width:1366px) { .annual-report .annual-grid { gap: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 1023px) { .annual-report .annual-grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media (max-width: 575px) { .annual-report .annual-grid { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .annual-report .annual-grid.annual-report-grid { gap: 25px; } .annual-report .annual-grid.annual-report-grid .report-grid .grid-box { max-width: 100%; } .annual-report .annual-grid.annual-report-grid .report-grid .grid-box a { max-width: 100%; height: 187px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; z-index: 1; padding: 20px; } @media (max-width: 767px) { .annual-report .annual-grid.annual-report-grid .report-grid .grid-box a { height: 150px; } } .annual-report .annual-grid.annual-report-grid .report-grid .grid-box a .read-more { height: 15px; width: 15px; } .annual-report .annual-grid.annual-report-grid.active .report-grid .grid-box::after { -webkit-transform: translate(8px, -8px); -o-transform: translate(8px, -8px); transform: translate(8px, -8px); -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } @media (max-width: 767px) { .annual-report .annual-grid.annual-report-grid.active .report-grid .grid-box::after { -webkit-transform: translate(4px, -4px); -o-transform: translate(4px, -4px); transform: translate(4px, -4px); } } .annual-report .annual-content { max-width: 370px; } @media (max-width:1366px) { .annual-report .annual-content { max-width: 100%; } } @media (max-width: 1023px) { .annual-report .annual-content { max-width: 100%; margin-bottom: 30px; } } .annual-report .annual-content .section-title { margin-bottom: 0; } .annual-report .annual-content .annual-text p { font-size: 16px; font-weight: 400; line-height: 25px; color: #0C2436; } @media (max-width: 767px) { .annual-report .annual-content .annual-text p { font-size: 14px; font-weight: 400; line-height: 23px; } } .annual-report .annual-content .read-btn { margin-top: 20px; } @media (max-width: 1023px) { section.history-timeline { margin-top: 30px; } } section.history-timeline .slider.timeLineSlider { background-color: transparent; height: auto; margin: 0; } section.history-timeline .slider.timeLineSlider .slick-slide .row { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } section.history-timeline .slider.timeLineSlider .slick-slide .slide-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 56px; } @media (max-width:1499px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-content { gap: 30px; } } @media (max-width: 1023px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } @media (max-width: 1023px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } section.history-timeline .slider.timeLineSlider .slick-slide .slide-content .title span { font-size: 110px; font-weight: 900; line-height: 80px; } @media (max-width:1600px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-content .title span { font-size: 80px; line-height: 90px; } } @media (max-width:1366px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-content .title span { font-size: 60px; line-height: 70px; } } @media (max-width: 1023px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-content .title span { font-size: 50px; line-height: 50px; } } @media (max-width: 767px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-content .title span { font-size: 40px; line-height: 40px; } } section.history-timeline .slider.timeLineSlider .slick-slide .slide-content .content p { font-size: 16px; font-weight: 400; line-height: 27px; } section.history-timeline .slider.timeLineSlider .slick-slide .slide-img { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding-bottom: 0; } @media (max-width:450px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-img { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } section.history-timeline .slider.timeLineSlider .slick-slide .slide-img a { position: relative; width: 190px; height: 157px; border-radius: 10px; } @media (max-width: 575px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-img a { width: 120px; height: 120px; } } @media (max-width:450px) { section.history-timeline .slider.timeLineSlider .slick-slide .slide-img a { width: 77px; height: 65px; } } section.history-timeline .slider.timeLineSlider .slick-slide .slide-img a::before { content: ""; position: absolute; background: rgba(0, 167, 181, 0.1); border-radius: 10px; height: 100%; width: 100%; top: 0; left: 0; } section.history-timeline .slider.timeLineSlider .slick-slide .slide-img a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: 2px solid #FFBF3F; border-radius: 10px; -webkit-transform: translate(4px, -4px); -o-transform: translate(4px, -4px); transform: translate(4px, -4px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%, 100% 0%, 100% 13.99%, 88.52% 13.99%, 88.52% 20.7%, 100% 20.7%, 100% 27.98%, 90.05% 27.98%, 90.31% 36.79%, 99.88% 36.77%, 100% 100%, 0% 100%); } section.history-timeline .slider.timeLineSlider .slick-slide .slide-img a .img { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border-radius: 10px; } section.history-timeline .slider.timeLineSlider .slick-slide .slide-img a img { border-radius: 10px; height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } section.history-timeline .slider.timeLineSlider .slick-slide .slide-img a:hover::after { -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } section.history-timeline .slider.slider-nav { background: transparent; height: auto; margin-top: 0; } section.history-timeline .slider.slider-nav .slick-list { padding-top: 40px; } section.history-timeline .slider.slider-nav .slick-list .slick-track .content p { display: none; position: absolute; left: 0; bottom: 0; right: 0; } section.history-timeline .slider.slider-nav .slick-list .slick-track :before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 2px; background-color: #FB914A; z-index: -1; } section.history-timeline .slider.slider-nav .slick-list .slick-track .slider-dot { text-align: center; padding-top: 40px; } section.history-timeline .slider.slider-nav .slick-list .slick-track .slider-dot.slick-current { position: relative; } section.history-timeline .slider.slider-nav .slick-list .slick-track .slider-dot.slick-current::after { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjExLjc1IiBmaWxsPSIjRkI5MTRBIiBzdHJva2U9IiMwQzI0MzYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjIgNCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; height: 25px; width: 25px; left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: -10px; } section.history-timeline .slider.slider-nav .slick-list .slick-track .slider-dot.slick-current + .content p { display: block; } section.history-timeline .slider.slider-nav .slick-list .slick-track .slider-dot button { font-weight: 600; font-size: 30px; line-height: 30px; color: #0C2436; } @media (max-width:1600px) { section.history-timeline .slider.slider-nav .slick-list .slick-track .slider-dot button { font-size: 26px; line-height: 26px; } } @media (max-width:1499px) { section.history-timeline .slider.slider-nav .slick-list .slick-track .slider-dot button { font-size: 22px; line-height: 22px; } } section.history-timeline .slider.slider-nav .slick-arrow { display: none !important; } section.history-timeline .slider.slider-nav-1 { height: auto; background: transparent; } section.history-timeline .slider.slider-nav-1 .content p { font-size: 19px; font-weight: 500; line-height: 29px; color: #00A7B5; padding: 5px 0px; } .bod-sec .bod-sec-inner { position: relative; } .bod-sec .bod-sec-inner::before { content: ""; position: absolute; width: 399px; height: 389px; top: -205px; right: 0; background-image: url(/wp-content/themes/cscnl/dist/images/blue-blob2.svg); background-size: contain; background-repeat: no-repeat; z-index: -1; } @media (max-width: 1023px) { .bod-sec .bod-sec-inner::before { width: 250px; height: 250px; } } .bod-sec .bod-sec-inner::after { content: ""; position: absolute; width: 250px; height: 228px; top: -160px; right: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc0IiBoZWlnaHQ9IjIzMCIgdmlld0JveD0iMCAwIDI3NCAyMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNMjEuMzgyIDFDMzIuNzU2NSAyLjI2MjU3IDM3LjIzOTYgMjEuMDQxIDM3Ljg0NDcgMjkuODA2NUMzOC45OTczIDQ2LjUwMTcgMzQuNTg2NSA1NS42NzUxIDI0LjY1NDEgNjkuMDMyM0MxNC4wMzAyIDgzLjMxOTUgNS41MTExOSA5My4yNDggMi4wNTYyNyAxMTAuNTA1Qy0xLjM1MjM2IDEyNy41MzEgMy43ODU0OCAxMzYuNjU0IDEzLjIwMTggMTQ5LjUyN0MyMy41NTMyIDE2My42NzggNDQuMjExNCAxNzQuMDAzIDU5LjQyMDEgMTgxLjI5NkM4NC41NTI0IDE5My4zNDcgMTEzLjc5OSAxOTYuNTcgMTQxLjIyMiAxOTMuNjU2QzE2Ni42MjMgMTkwLjk1NiAxOTEuOTc0IDE4NC44NzEgMjE3LjYwNSAxODQuODcxQzI2My4xNjEgMTg0Ljg3MSAzMDkuMDUzIDIxMC4xNTUgMzQ5IDIyOSIgc3Ryb2tlPSIjMDBBN0I1IiBzdHJva2Utd2lkdGg9IjEuNTQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMTUgMTUiLz4KPHN0eWxlPgoucGF0aCB7CiAgICBzdHJva2UtZGFzaGFycmF5OiAxMDsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiA1MDA7CiAgICBhbmltYXRpb246IGRhc2ggMTBzIGxpbmVhciBhbHRlcm5hdGUgaW5maW5pdGU7Cn0KCkBrZXlmcmFtZXMgZGFzaCB7CiAgICB0byB7CiAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgIH0KfQo8L3N0eWxlPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; z-index: -1; } @media (max-width: 1023px) { .bod-sec .bod-sec-inner::after { width: 180px; height: 228px; } } .bod-sec .bod-sec-inner .bod-sec-info { position: relative; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 120px; margin-top: 80px; row-gap: 82px; } @media (max-width:1600px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid { gap: 80px; margin-top: 60px; row-gap: 60px; } } @media (max-width:1366px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid { grid-template-columns: repeat(3, 1fr); gap: 60px; row-gap: 50px; } } @media (max-width: 1023px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 40px; row-gap: 40px; } } @media (max-width: 575px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid { grid-template-columns: repeat(1, 1fr); } } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box { position: relative; display: block !important; cursor: pointer; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box::after, .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box::before { content: ""; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box.orange .grid-img::after { content: ""; position: absolute; height: 100%; width: 100%; background: #FB914A; z-index: -1; border-radius: 15px; -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); top: 0; left: 0; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box.pink .grid-img::after { content: ""; position: absolute; height: 100%; width: 100%; background: #D5419E; z-index: -1; border-radius: 15px; -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); top: 0; left: 0; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box.yellow .grid-img::after { content: ""; position: absolute; height: 100%; width: 100%; background: #FFBF3F; z-index: -1; border-radius: 15px; -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); top: 0; left: 0; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box.green .grid-img::after { content: ""; position: absolute; height: 100%; width: 100%; background: #00A7B5; z-index: -1; border-radius: 15px; -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); top: 0; left: 0; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box.full-line .grid-img::before { content: ""; position: absolute; height: 100%; width: 100%; border: 2px solid #0C2436; z-index: 1; border-radius: 15px; -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box.half-line .grid-img::before { content: ""; position: absolute; height: 100%; width: 100%; border: 2px solid #0C2436; z-index: 1; border-radius: 15px; -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); clip-path: polygon(0% 0%, 100% 0%, 100% 13.99%, 88.52% 13.99%, 88.52% 20.7%, 100% 20.7%, 100% 27.98%, 90.05% 27.98%, 90.31% 36.79%, 99.88% 36.77%, 100% 100%, 0% 100%); } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-img { border: 1.5px solid rgba(12, 36, 54, 0.15); border-radius: 20px; position: relative; z-index: 1; height: 270px; width: auto; margin: 0 auto; } @media (max-width:1366px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-img { height: 300px; } } @media (max-width: 1023px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-img { height: 350px; } } @media (max-width: 767px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-img { height: 293px; } } @media (max-width: 640px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-img { height: 247px; } } @media (max-width: 575px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-img { height: 200px; width: 200px; margin: 0 auto; } } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-img img { position: relative; z-index: 99; border-radius: 18px; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-img:hover::after, .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-img:hover::before { -webkit-transform: translate(-10px, 10px); -o-transform: translate(-10px, 10px); transform: translate(-10px, 10px); -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-content { text-align: center; margin-top: 30px; } @media (max-width: 1023px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-content { margin-top: 15px; } } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-content h3 { color: #0C2436; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-content h5 { color: #00A7B5; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-content a { color: rgba(12, 36, 54, 0.85); font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-content a { font-size: 16px; font-weight: 600; line-height: 23px; } } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-content a:hover { color: #D5419E; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-content p { font-size: 14px; line-height: 20px; margin-top: 5px; } .bod-sec .bod-sec-inner .bod-sec-info .staff-grid .grid-box .grid-content p span { color: #00A7B5; } .bod-sec.left-line::after { top: 150px; left: 0; bottom: unset; } @media (max-width:1600px) { .bod-sec.left-line::after { left: 0; } } .bod-sec.orange-blob::before { background-image: url(/wp-content/themes/cscnl/dist/images/orange-svg.svg); top: unset; bottom: -110px; left: 0; } html.is-reveal-open { position: unset !important; } .grid-box.reveal { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; gap: 30px; padding: 30px !important; position: absolute; top: 50% !important; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 750px; } @media (max-width: 1023px) { .grid-box.reveal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 90%; margin: auto; } } @media (max-width: 640px) { .grid-box.reveal { top: 0 !important; left: 0 !important; -webkit-transform: unset !important; -o-transform: unset !important; transform: unset !important; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; min-height: unset !important; } } .grid-box.reveal .grid-img { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; border-radius: 18px; width: 270px; height: 270px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .grid-box.reveal .grid-img img { border-radius: 18px; } @media (max-width: 1023px) { .grid-box.reveal .grid-img { -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: 400px; -o-object-fit: cover; object-fit: cover; margin: auto; height: 400px; } } @media (max-width: 575px) { .grid-box.reveal .grid-img { max-width: 100%; height: 300px; } } .grid-box.reveal .grid-content { max-width: 500px; text-align: left; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } @media (max-width: 1199px) { .grid-box.reveal .grid-content { max-width: 250px; } } @media (max-width: 1023px) { .grid-box.reveal .grid-content { max-width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } .grid-box.reveal .grid-content h4 { font-weight: 900; color: #0C2436; margin-bottom: 10px; font-size: 24px; } @media (max-width: 1023px) { .grid-box.reveal .grid-content h4 { font-size: 20px; line-height: 25px; } } @media (max-width: 767px) { .grid-box.reveal .grid-content h4 { font-size: 18px; line-height: 22px; } } .grid-box.reveal .grid-content h5 { color: #00A7B5; } @media (max-width: 1023px) { .grid-box.reveal .grid-content h5 { margin-top: 10px; } } .grid-box.reveal .grid-content a { margin-top: 20px; color: rgba(12, 36, 54, 0.85); font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .grid-box.reveal .grid-content a { font-size: 16px; font-weight: 600; line-height: 23px; } } @media (max-width: 1023px) { .grid-box.reveal .grid-content a { margin-top: 10px; } } .grid-box.reveal .grid-content p { margin-top: 20px; font-size: 14px; line-height: 20px; } @media (max-width: 1023px) { .grid-box.reveal .grid-content p { margin-top: 10px; } } .grid-box.reveal .grid-content .close-modal { top: 0; position: absolute; right: 0; height: 30px; width: 30px; cursor: pointer; font-size: 27px; } .job-wrapper { position: relative; } .job-wrapper::before { content: ""; position: absolute; width: 350px; height: 418px; top: -220px; right: 0; background-image: url(/wp-content/themes/cscnl/dist/images/job-blob.svg); background-repeat: no-repeat; background-size: contain; z-index: -1; } .job-wrapper::after { content: ""; position: absolute; width: 130px; height: 350px; top: -200px; right: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA4IiBoZWlnaHQ9IjU1OCIgdmlld0JveD0iMCAwIDIwOCA1NTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNMzA1LjAxNyA1NTYuNDM4QzI4NC43NTkgNTQ4LjM5OCAyNjUuODczIDUzOS4xOTIgMjQ4LjUyOSA1MjUuNjkzQzIyMy45NzcgNTA2LjU4MyAxOTkuNzE0IDQ4Ny4xMjggMTg0LjQ3IDQ1OS4zMDVDMTY3Ljg0OCA0MjguOTY4IDE2My4wODUgMzkwLjkzIDE1OC41NTkgMzU3LjExQzE1NS4wMDggMzMwLjU3NSAxNTQuNzEzIDMwNC4zMyAxNDcuMTc3IDI3OC40NkMxNDMuMjE2IDI2NC44NjMgMTMyLjczOCAyNTIuOTY2IDEyMi41MyAyNDMuNDMyQzEwMy43IDIyNS44NDQgODIuMDI5MSAyMTEuMjE2IDYyLjIxOTMgMTk0Ljc3NUMzOS42ODIxIDE3Ni4wNyAxOS44Njg2IDE1OC4zMDcgOS4wNDQwNiAxMzAuMjk5QzIuNDYxNDEgMTEzLjI2NyAtMC4yMTIyMzMgOTUuNTMxNiAxLjcwNzg3IDc3LjMzMzZDMi44NzAxOCA2Ni4zMTc3IDUuMTg3MDYgNTUuMjU3MyA4LjQzMDkxIDQ0LjY2ODRDMTMuNDEwOSAyOC40MTIyIDIxLjczODggMTUuNjgwMyAzMC4wNDU2IDEuMTU0ODkiIHN0cm9rZT0iIzAwQTdCNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjE1IDE1Ii8+CjxzdHlsZT4KLnBhdGggewogICAgc3Ryb2tlLWRhc2hhcnJheTogMTA7CiAgICBzdHJva2UtZGFzaG9mZnNldDogNTAwOwogICAgYW5pbWF0aW9uOiBkYXNoIDEwcyBsaW5lYXIgYWx0ZXJuYXRlIGluZmluaXRlOwp9CgpAa2V5ZnJhbWVzIGRhc2ggewogICAgdG8gewogICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7CiAgICB9Cn0KPC9zdHlsZT4KPC9zdmc+Cg==); background-repeat: no-repeat; background-size: contain; z-index: -1; } .job-wrapper .job-wrapper-info .job-slider { margin-top: 20px; } .job-wrapper .job-wrapper-info .job-slider .swiper-wrapper { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; padding-bottom: 90px; } .job-wrapper .job-wrapper-info .job-slider .swiper-wrapper .swiper-slide { margin-top: 90px !important; } @media (max-width:1600px) { .job-wrapper .job-wrapper-info .job-slider .swiper-wrapper .swiper-slide { margin-top: 70px; } } @media (max-width: 1023px) { .job-wrapper .job-wrapper-info .job-slider .swiper-wrapper .swiper-slide { margin-top: 40px; } } .job-wrapper .job-wrapper-info .job-slider .swiper-wrapper .swiper-slide .read-btn { margin-top: 50px; } @media (max-width: 1023px) { .job-wrapper .job-wrapper-info .job-slider .swiper-wrapper .swiper-slide .read-btn { margin-top: 20px; } } .job-wrapper .job-wrapper-info .job-slider .swiper-wrapper .swiper-slide + .swiper-slide .job-description::before { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzM3IiB2aWV3Qm94PSIwIDAgMzAgMzM3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBjbGFzcz0icGF0aCIgZD0iTTEwLjcxODcgMS41NjU2QzMuMDg0MjkgMjIuOTYxNiAxMS4zMDM2IDQ4LjgxNzMgMTQuMjc1OSA3MC4xNjQ2QzE5LjgxNDEgMTA5LjkzOSAzNS41ODU0IDE0MS44NzMgMjQuNzEzMiAxODIuNzcxQzE2LjYwODggMjEzLjI1NyAyLjgyMDk0IDI0MC41NzkgMS43Njk5OSAyNzIuMzg0QzEuMDMxMDkgMjk0Ljc0NiA4LjgzOTkxIDMxNC45MzYgMTQuMTI1NiAzMzYuMDUzIiBzdHJva2U9IiNGRkJGM0YiIHN0cm9rZS13aWR0aD0iMS41NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxNSAxNSIvPgo8L3N2Zz4K); height: 334px; width: 100%; left: -83px; top: 0; bottom: 0; background-repeat: no-repeat; background-size: contain; background-position: left; } @media (max-width: 1023px) { .job-wrapper .job-wrapper-info .job-slider .swiper-wrapper .swiper-slide + .swiper-slide .job-description::before { content: none; } } .job-single { position: relative; margin-bottom: 50px; } .job-single::before { content: ""; position: absolute; width: 200px; height: 570px; top: -200px; right: 0; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA0IiBoZWlnaHQ9IjU1OCIgdmlld0JveD0iMCAwIDIwNCA1NTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNMzA1LjAxNyA1NTYuNDM4QzI4NC43NTkgNTQ4LjM5OCAyNjUuODczIDUzOS4xOTIgMjQ4LjUyOSA1MjUuNjkzQzIyMy45NzcgNTA2LjU4MyAxOTkuNzE0IDQ4Ny4xMjggMTg0LjQ3IDQ1OS4zMDVDMTY3Ljg0OCA0MjguOTY4IDE2My4wODUgMzkwLjkzIDE1OC41NTkgMzU3LjExQzE1NS4wMDggMzMwLjU3NSAxNTQuNzEzIDMwNC4zMyAxNDcuMTc3IDI3OC40NkMxNDMuMjE2IDI2NC44NjMgMTMyLjczOCAyNTIuOTY2IDEyMi41MyAyNDMuNDMyQzEwMy43IDIyNS44NDQgODIuMDI5MSAyMTEuMjE2IDYyLjIxOTMgMTk0Ljc3NUMzOS42ODIxIDE3Ni4wNyAxOS44Njg2IDE1OC4zMDcgOS4wNDQwNiAxMzAuMjk5QzIuNDYxNDEgMTEzLjI2NyAtMC4yMTIyMzMgOTUuNTMxNiAxLjcwNzg3IDc3LjMzMzZDMi44NzAxOCA2Ni4zMTc3IDUuMTg3MDYgNTUuMjU3MyA4LjQzMDkxIDQ0LjY2ODRDMTMuNDEwOSAyOC40MTIyIDIxLjczODggMTUuNjgwMyAzMC4wNDU2IDEuMTU0ODkiIHN0cm9rZT0iI0ZGQkYzRiIgc3Ryb2tlLW9wYWNpdHk9IjAuNjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxNSAxNSIvPgo8c3R5bGU+Ci5wYXRoIHsKICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEwOwogICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDUwMDsKICAgIGFuaW1hdGlvbjogZGFzaCAxMHMgbGluZWFyIGFsdGVybmF0ZSBpbmZpbml0ZTsKfQoKQGtleWZyYW1lcyBkYXNoIHsKICAgIHRvIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgfQp9Cjwvc3R5bGU+Cjwvc3ZnPgo=); z-index: -1; } .job-single .job-single-info { max-width: 1228px; margin: auto; } .job-single .job-single-info .job-info { max-width: 384px; } .job-single .job-single-info .job-info .job-single-title { text-transform: capitalize; } .job-single .job-single-info .job-info .job-single-title h2 { color: #0C2436; } .job-single .job-single-info .job-info .job-company { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 25px; margin-top: 20px; } .job-single .job-single-info .job-info .job-company p { font-size: 18px; font-weight: 600; line-height: 27px; text-transform: capitalize; } @media (max-width: 767px) { .job-single .job-single-info .job-info .job-company p { font-size: 16px; font-weight: 600; line-height: 23px; } } .job-single .job-single-info .job-info .job-company img { max-width: 20px; } .job-single .job-single-info .job-info .job-id { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 2px solid #D5419E; border-bottom: 2px solid #D5419E; padding: 14px 0; margin-top: 20px; } @media (max-width: 1023px) { .job-single .job-single-info .job-info .job-id { margin-top: 20px; } } @media (max-width: 575px) { .job-single .job-single-info .job-info .job-id { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .job-single .job-single-info .job-info .job-id p { font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .job-single .job-single-info .job-info .job-id p { font-size: 16px; font-weight: 600; line-height: 23px; } } .job-single .job-single-info .job-desc { margin-top: 70px; } @media (max-width:1499px) { .job-single .job-single-info .job-desc { margin-top: 50px; } } @media (max-width: 1023px) { .job-single .job-single-info .job-desc { margin-top: 30px; } } .job-single .job-single-info .job-desc .job-title h4 { color: #000000; } .job-single .job-single-info .job-desc .job-content { text-transform: capitalize; margin-top: 50px; } @media (max-width: 1023px) { .job-single .job-single-info .job-desc .job-content { margin-top: 30px; } } .job-single .job-single-info .job-desc .job-content p { font-size: 18px; font-weight: 600; line-height: 27px; color: rgba(12, 36, 54, 0.75); margin-top: 40px; } @media (max-width: 767px) { .job-single .job-single-info .job-desc .job-content p { font-size: 16px; font-weight: 600; line-height: 23px; } } .job-single .job-single-info .job-desc .job-content p:first-child { margin-top: 0; } .job-single .job-single-info .job-desc .job-content ul li { color: rgba(12, 36, 54, 0.75); position: relative; padding-left: 48px; padding-top: 28px; font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 1023px) { .job-single .job-single-info .job-desc .job-content ul li { font-size: 16px; font-weight: 600; line-height: 23px; } } .job-single .job-single-info .job-desc .job-content ul li::before { content: ""; position: absolute; height: 32px; width: 32px; left: 0; top: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5Nl8zNDE0KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjkuMTUyNyAxNS45OTk0QzI5LjE1MjcgMjMuMjUxOSAyMy4yNTI3IDI5LjE1MTcgMTYuMDAwMiAyOS4xNTE3QzguNzQ3NjYgMjkuMTUxNyAyLjg0NzY2IDIzLjI1MTkgMi44NDc2NiAxNS45OTk0QzIuODQ3NjYgOC43NDY5OSA4Ljc0Nzc4IDIuODQ2NjggMTYuMDAwMiAyLjg0NjY4QzIzLjI1MjUgMi44NDY2MiAyOS4xNTI3IDguNzQ2OTkgMjkuMTUyNyAxNS45OTk0Wk0xMy45OTAzIDE4LjczMjJMMTAuNjE0NCAxNS4zNTYxQzEwLjI1ODkgMTUuMDAwNiA5LjY4Mjg0IDE1LjAwMDUgOS4zMjc0MSAxNS4zNTYxQzguOTcyMTYgMTUuNzExNCA4Ljk3MjAzIDE2LjI4NzYgOS4zMjc0MSAxNi42NDNMMTMuMzQ3IDIwLjY2MjRDMTMuNTE3NyAyMC44MzMxIDEzLjc0OTEgMjAuOTI4NSAxMy45OTAzIDIwLjkyODVDMTQuMjMxNyAyMC45Mjg1IDE0LjQ2MzEgMjAuODMzMSAxNC42MzM4IDIwLjY2MjRMMjIuNjcyOCAxMi42MjM4QzIzLjAyODMgMTIuMjY4MyAyMy4wMjgyIDExLjY5MjEgMjIuNjcyOCAxMS4zMzY2QzIyLjMxNzUgMTAuOTgxMSAyMS43NDEyIDEwLjk4MTIgMjEuMzg1OSAxMS4zMzY2TDEzLjk5MDMgMTguNzMyMloiIGZpbGw9IiNGRkJGM0YiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43MzY0IDExLjI3MjdDMjMuMTI2OSAxMS42NjM1IDIzLjEyNjkgMTIuMjk2NSAyMi43MzY0IDEyLjY4NzJMMTQuNjk3NSAyMC43MjU4QzE0LjUxIDIwLjkxMzUgMTQuMjU1NiAyMS4wMTgzIDEzLjk5MDQgMjEuMDE4M0MxMy43MjUyIDIxLjAxODMgMTMuNDcwOSAyMC45MTM1IDEzLjI4MzQgMjAuNzI1OEw5LjI2MzgxIDE2LjcwNjRDOC44NzMzNyAxNi4zMTYgOC44NzMzNyAxNS42ODI2IDkuMjYzODEgMTUuMjkyMkM5LjY1NDMxIDE0LjkwMTUgMTAuMjg3NiAxNC45MDE1IDEwLjY3ODEgMTUuMjkyMkwxMy45OTA0IDE4LjYwNDdMMjEuMzIyMyAxMS4yNzI3QzIxLjcxMjggMTAuODgyMyAyMi4zNDU5IDEwLjg4MjMgMjIuNzM2NCAxMS4yNzI3Wk0xNi4wMDAyIDI5LjA2MTVDMjMuMjAyOCAyOS4wNjE1IDI5LjA2MjcgMjMuMjAyMiAyOS4wNjI3IDE1Ljk5OTFDMjkuMDYyNyA4Ljc5NjM0IDIzLjIwMjkgMi45MzY0IDE2LjAwMDIgMi45MzY0QzguNzk3NTYgMi45MzY0IDIuOTM3NjggOC43OTYzNCAyLjkzNzY4IDE1Ljk5OTFDMi45Mzc2MiAyMy4yMDIyIDguNzk3NTYgMjkuMDYxNSAxNi4wMDAyIDI5LjA2MTVaTTI2LjY1MSA1LjM0ODIxQzIzLjgwNjEgMi41MDM0IDIwLjAyMzYgMC45MzY1MjMgMTYuMDAwMiAwLjkzNjUyM0MxMS45NzY4IDAuOTM2NTIzIDguMTk0MzEgMi41MDM0IDUuMzQ5NDMgNS4zNDgyMUMyLjUwNDQ5IDguMTkzMzQgMC45Mzc3NDQgMTEuOTc1OCAwLjkzNzc0NCAxNS45OTkxQzAuOTM3NzQ0IDIwLjAyMjcgMi41MDQ0OSAyMy44MDUzIDUuMzQ5NDMgMjYuNjUwM0M4LjE5NDMxIDI5LjQ5NTEgMTEuOTc2OSAzMS4wNjE1IDE2LjAwMDIgMzEuMDYxNUMyMC4wMjM2IDMxLjA2MTUgMjMuODA2MSAyOS40OTUyIDI2LjY1MSAyNi42NTAzQzI5LjQ5NTkgMjMuODA1MiAzMS4wNjI2IDIwLjAyMjcgMzEuMDYyNiAxNS45OTkxQzMxLjA2MjYgMTEuOTc1OCAyOS40OTU5IDguMTkzMzQgMjYuNjUxIDUuMzQ4MjFaIiBmaWxsPSIjMEMyNDM2IiBmaWxsLW9wYWNpdHk9IjAuNzUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xOTZfMzQxNCI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); top: 50%; } @media (max-width: 1023px) { .job-single .job-single-info .job-desc .job-content ul li::before { top: 28px; } } .job-single .job-single-info .job-desc .read-btn { margin-top: 60px; } @media (max-width:1600px) { .job-single .job-single-info .job-desc .read-btn { margin-top: 40px; } } @media (max-width: 1023px) { .job-single .job-single-info .job-desc .read-btn { margin-top: 30px; } } .jobs-slider { background: #0C2436; } .jobs-slider .jobs-slider-info .content .job-title h3 { color: #ffffff; } .jobs-slider .jobs-slider-info .content .job-text p { color: #ffffff; opacity: 0.75; } .jobs-slider .jobs-slider-info .content .job-id p { color: #ffffff; } .jobs-slider .jobs-slider-info .content .read-btn { margin-top: 50px; } .jobs-slider .jobs-slider-info .content .read-btn .cs-btn { border: 1px solid #ffffff; } .jobs-slider .jobs-slider-info .content .read-btn .cs-btn:hover::after { border-color: #0C2436; } .jobs-slider .jobs-slider-info .swiper-wrapper { padding: 60px 0 90px 0; } @media (max-width:1366px) { .jobs-slider .jobs-slider-info .swiper-wrapper { padding: 60px 0 60px 0; } } .jobs-slider .jobs-slider-info .swiper-wrapper .swiper-slide + .swiper-slide .job-description::before { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzM3IiB2aWV3Qm94PSIwIDAgMzAgMzM3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBjbGFzcz0icGF0aCIgZD0iTTEwLjcxODcgMS41NjU2QzMuMDg0MjkgMjIuOTYxNiAxMS4zMDM2IDQ4LjgxNzMgMTQuMjc1OSA3MC4xNjQ2QzE5LjgxNDEgMTA5LjkzOSAzNS41ODU0IDE0MS44NzMgMjQuNzEzMiAxODIuNzcxQzE2LjYwODggMjEzLjI1NyAyLjgyMDk0IDI0MC41NzkgMS43Njk5OSAyNzIuMzg0QzEuMDMxMDkgMjk0Ljc0NiA4LjgzOTkxIDMxNC45MzYgMTQuMTI1NiAzMzYuMDUzIiBzdHJva2U9IiNGRkJGM0YiIHN0cm9rZS13aWR0aD0iMS41NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxNSAxNSIvPgo8L3N2Zz4K); height: 334px; width: 100%; left: -83px; top: 0; bottom: 0; background-repeat: no-repeat; background-size: contain; background-position: left; } @media (max-width: 767px) { .jobs-slider .jobs-slider-info .swiper-wrapper .swiper-slide + .swiper-slide .job-description::before { content: none; } } .jobs-slider .jobs-slider-info .jobs .swiper-pagination { bottom: 0; } .contact-wrapper { position: relative; } .contact-wrapper::before { content: ""; position: absolute; width: 235px; height: 310px; right: 0px; top: -220px; background-image: url(/wp-content/themes/cscnl/dist/images/contact-blob.svg); background-repeat: no-repeat; background-size: contain; z-index: -1; } .contact-wrapper .job-wrapper-info .contact-box { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 175px; margin-top: 20px; } @media (max-width:1600px) { .contact-wrapper .job-wrapper-info .contact-box { gap: 120px; } } @media (max-width:1366px) { .contact-wrapper .job-wrapper-info .contact-box { gap: 70px; } } @media (max-width: 1023px) { .contact-wrapper .job-wrapper-info .contact-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } } .contact-wrapper .job-wrapper-info .contact-box .get-in-touch-box { background-color: #FFBF3F; padding: 40px 54px; border-radius: 15px; max-width: 430px; margin: auto; position: relative; min-height: 415px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .contact-wrapper .job-wrapper-info .contact-box .get-in-touch-box { padding: 30px; margin: 0 0px 30px; max-width: 100%; } } .contact-wrapper .job-wrapper-info .contact-box .get-in-touch-box::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: 2px solid #000; border-radius: 15px; -webkit-transform: translate(6px, -6px); -o-transform: translate(6px, -6px); transform: translate(6px, -6px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; z-index: -1; clip-path: polygon(0% 0%, 100% 0%, 100% 13.99%, 88.52% 13.99%, 88.52% 20.7%, 100% 20.7%, 100% 27.73%, 90.05% 27.98%, 90.31% 36.79%, 100% 36.79%, 100% 100%, 0% 100%); } @media (max-width: 575px) { .contact-wrapper .job-wrapper-info .contact-box .get-in-touch-box::before { content: none; } } .contact-wrapper .job-wrapper-info .contact-box .get-in-touch-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .contact-wrapper .job-wrapper-info .contact-box .get-in-touch-info .get-in-touch-title h4 { color: #000000; } .contact-wrapper .job-wrapper-info .contact-box .get-in-touch-info .get-in-touch-text p { font-size: 18px; font-weight: 600; line-height: 27px; color: rgba(12, 36, 54, 0.8); } @media (max-width: 767px) { .contact-wrapper .job-wrapper-info .contact-box .get-in-touch-info .get-in-touch-text p { font-size: 16px; font-weight: 600; line-height: 23px; } } .contact-wrapper_two { position: relative; } .contact-wrapper_two::after { content: ""; position: absolute; width: 100%; height: 620px; background-image: url(/wp-content/themes/cscnl/dist/images/pink-blob.svg); bottom: -20px; left: 0; background-repeat: no-repeat; background-size: contain; z-index: -1; } .contact-wrapper_two .other-info { border-bottom: 2px solid rgba(12, 36, 54, 0.26); padding: 50px 0; } @media (max-width:1366px) { .contact-wrapper_two .other-info { padding: 30px 0; } } @media (max-width: 1023px) { .contact-wrapper_two .other-info { padding: 20px 0; } } .contact-wrapper_two .other-info:last-child { border-bottom: 0; } .contact-wrapper_two .other-info .address-info { display: unset; } .contact-wrapper_two .other-info .address-info .address-flex-box { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 40px; } @media (max-width: 1023px) { .contact-wrapper_two .other-info .address-info .address-flex-box { grid-template-columns: repeat(2, 1fr); row-gap: 20px; } } @media (max-width: 575px) { .contact-wrapper_two .other-info .address-info .address-flex-box { grid-template-columns: repeat(1, 1fr); } } .address-info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 160px; } @media (max-width:1600px) { .address-info { gap: 100px; } } @media (max-width:1366px) { .address-info { gap: 50px; } } @media (max-width: 767px) { .address-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } } .address-info.main { padding: 50px 0; } @media (max-width:1366px) { .address-info.main { padding: 30px 0; } } .address-info.main .address-info-box { max-width: 295px; } .address-info.main .address-info-box .address-text p { white-space: normal; } .address-info .address-info-box .address-title { margin-bottom: 26px; } .address-info .address-info-box .address-title h4 { color: #0C2436; } .address-info .address-info-box .address-text { position: relative; padding: 0 25px; } .address-info .address-info-box .address-text p { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(12, 36, 54, 0.75); white-space: nowrap; } .address-info .address-info-box .address-text p.p2 { font-size: 18px; font-weight: 600; line-height: 27px; color: #0C2436; } @media (max-width: 767px) { .address-info .address-info-box .address-text p.p2 { font-size: 16px; font-weight: 600; line-height: 23px; } } .address-info .address-info-box .address-text p a { color: rgba(12, 36, 54, 0.75); } .address-info .address-info-box .address-text p a:hover { color: #1D57A5; } .address-info .address-info-box .address-text br { display: none; } .address-info .address-info-box .address-text p br { display: block; } .address-info .address-info-box .address-text.pink::before { background-color: #BA3C8B; } .address-info .address-info-box .address-text.green::before { background-color: #00A7B5; } .address-info .address-info-box .address-text.orange::before { background-color: #FB914A; } .address-info .address-info-box .address-text.blue::before { background-color: #1D57A5; } .address-info .address-info-box .address-text.yellow::before { background-color: #FFBF3F; } .address-info .address-info-box .address-text::before { content: ""; position: absolute; width: 6px; height: 100%; left: 1px; top: -2px; border-radius: 5px; } .address-info .address-info-box .address-text::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 6px; border: 1px solid #000; border-radius: 10px; -webkit-transform: translate(3px, -3px); -o-transform: translate(3px, -3px); transform: translate(3px, -3px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 47%, 0% 0%, 100% 0%, 100% 7%, 70.5% 7%, 70.5% 13.87%, 100% 14.5%, 100% 19.67%, 70.5% 19.67%, 70.5% 24.09%, 100% 24.09%, 100% 76.5%, 100% 100%, 0% 100%, 0% 75%); } .event-banner { background: #1D57A5; z-index: 2; } .event-banner .braedcumb-sec { padding-bottom: 0; } .event-banner .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c { color: #ffffff; } .event-banner .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c a { color: #ffffff; } .event-banner .event-banner .event-info { /*padding: 64px 23px 100px;*/ padding: 20px 23px 30px; } @media (max-width: 1600px) { .event-banner .event-banner .event-info { /*padding: 64px 23px 100px;*/ padding: 20px 23px 30px; } } @media (max-width: 1023px) { .event-banner .event-banner .event-info { /*padding: 64px 23px 100px;*/ padding: 20px 0px 30px; } } .event-banner .event-content { max-width: 733px; } .event-banner .event-content .title { margin-top: 30px; } .event-banner .event-content .title h2, .event-banner .event-content .title h1 { color: #ffffff; } .event-banner .event-content .text { margin-top: 25px; margin-bottom: 20px; } .event-banner .event-content .text p { color: rgba(255, 255, 255, 0.75); font-size: 18px; font-weight: 600; line-height: 27px; } @media (max-width: 767px) { .event-banner .event-content .text p { font-size: 16px; font-weight: 600; line-height: 23px; } } .event-banner .event-content .learn-btn { margin-top: 50px; } .event-banner .event-content .cs-btn:hover { border: 1px solid #ffffff; } .event-overview { margin-bottom: 50px; } .event-overview .event-overview-inner .event-content-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } @media (max-width: 1299px) { .event-overview .event-overview-inner .event-content-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 30px; } } .event-overview .event-overview-inner .event-content-box .requirements { margin-top: 50px; max-width: 828px; } .event-overview .event-overview-inner .event-content-box .requirements .title h3 { text-transform: capitalize; } .event-overview .event-overview-inner .event-content-box .requirements .content { margin-top: 30px; } .event-overview .event-overview-inner .event-content-box .requirements .content p { font-size: 18px; font-weight: 600; line-height: 27px; color: rgba(12, 36, 54, 0.8); } @media (max-width: 767px) { .event-overview .event-overview-inner .event-content-box .requirements .content p { font-size: 16px; font-weight: 600; line-height: 23px; } } .event-overview .event-overview-inner .event-content-box .application-btn { margin-top: 86px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } @media (max-width:1600px) { .event-overview .event-overview-inner .event-content-box .application-btn { margin-top: 60px; } } @media (max-width:1366px) { .event-overview .event-overview-inner .event-content-box .application-btn { margin-top: 30px; } } @media (max-width: 767px) { .event-overview .event-overview-inner .event-content-box .application-btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info { padding-left: 90px; border-left: 2px solid #FB914A; margin-left: 70px; margin-top: 40px; } @media (max-width:1499px) { .event-overview .event-overview-inner .event-content-box .contact-box .contact-info { padding-left: 40px; margin-left: 40px; } } @media (max-width: 1299px) { .event-overview .event-overview-inner .event-content-box .contact-box .contact-info { padding-left: 0px; border-left: 0; margin-left: 0; } } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .contact-info-title h3 { color: #BA3C8B; margin-bottom: 15px; } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .contact-info-content p, .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .contact-info-content a { font-size: 18px; font-weight: 600; line-height: 27px; color: #0C2436; } @media (max-width: 767px) { .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .contact-info-content p, .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .contact-info-content a { font-size: 16px; font-weight: 600; line-height: 23px; } } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .contact-info-content .contact-detail a:hover { color: #D5419E; } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .learn-btn { margin-top: 20px; } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .social-info { margin-top: 70px; } @media (max-width: 1299px) { .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .social-info { margin-top: 40px; } } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .social-info .social-icons ul { gap: 14px; } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .social-info .social-icons ul li.social-green a i { color: #00A7B5; } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .social-info .social-icons ul li.social-yellow a i { color: #FFBF3F; } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .social-info .social-icons ul li.social-pink a i { color: #BA3C8B; } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .social-info .social-icons ul li a i { font-size: 15px; } .event-overview .event-overview-inner .event-content-box .contact-box .contact-info .social-info .social-icons ul li a i:hover { color: #000000; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .event-overview .event-overview-inner .event-content-box .contact-box .quick-links { padding-left: 90px; margin-top: 120px; margin-left: 70px; } @media (max-width:1499px) { .event-overview .event-overview-inner .event-content-box .contact-box .quick-links { padding-left: 40px; margin-left: 40px; } } @media (max-width: 1299px) { .event-overview .event-overview-inner .event-content-box .contact-box .quick-links { padding-left: 0px; margin-left: 0px; margin-top: 40px; } } .event-overview .event-overview-inner .event-content-box .contact-box .quick-links .quick-btn { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .event-sec .upcoming-events::before { background: -webkit-gradient(linear, left top, right top, from(#00A7B5), color-stop(#00A7B5), color-stop(50%), color-stop(50%, rgba(0, 167, 181, 0.7))); background: -webkit-linear-gradient(left, #00A7B5, #00A7B5, 50%, rgba(0, 167, 181, 0.7) 50%); background: -o-linear-gradient(left, #00A7B5, #00A7B5, 50%, rgba(0, 167, 181, 0.7) 50%); background: linear-gradient(to right, #00A7B5, #00A7B5, 50%, rgba(0, 167, 181, 0.7) 50%); background-size: 200%, 100%; background-position: 100%; } .event-sec .upcoming-events .left-side li { background-color: #FFBF3F; } .event-sec .upcoming-events .right-side::before { background-color: #000000; } .event-sec .upcoming-events .right-side .time-table .grid-box .info::before { background-color: #000000; } .event-sec .upcoming-events .cs-btn:hover .bg { background-color: #0C2436; } .event-sec .upcoming-events .cs-btn:hover::after { border: 1px solid #00A7B5; } .event-sec.animate.active .upcoming-events::before { background-position: 0%; } .event-sec.animate.active .upcoming-events::after { -webkit-transform: translate(13px, -13px); -o-transform: translate(13px, -13px); transform: translate(13px, -13px); -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; } @media (max-width: 767px) { .event-sec.animate.active .upcoming-events::after { -webkit-transform: translate(10px, -10px); -o-transform: translate(10px, -10px); transform: translate(10px, -10px); } } .general-info .regular-content { max-width: 1092px; margin-left: 100px; padding: 0 20px; } @media (max-width:1600px) { .general-info .regular-content { margin-left: 60px; } } @media (max-width:1366px) { .general-info .regular-content { margin-left: 30px; } } @media (max-width: 1023px) { .general-info .regular-content { margin-left: 0; max-width: 100%; } } .latest-news-wrapper { position: relative; } @media (max-width: 575px) { .latest-news-wrapper { margin: 0 -20px; } } .latest-news-wrapper.no-swiper { margin-bottom: 20px; } @media (max-width: 575px) { .latest-news-wrapper.no-swiper { margin: 0 0 20px; } } .latest-news-wrapper.no-swiper .blog-latest-news { display: grid; gap: 60px; grid-template-columns: repeat(auto-fill, minmax(391px, 1fr)); position: relative; margin-bottom: 70px; } @media (max-width: 767px) { .latest-news-wrapper.no-swiper .blog-latest-news { grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); } } @media (max-width: 575px) { .latest-news-wrapper.no-swiper .blog-latest-news { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } } .latest-news-wrapper.no-swiper .blog-latest-news.listView { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .latest-news-wrapper.no-swiper .blog-latest-news.listView .wrapper .blog-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } @media (max-width: 1023px) { .latest-news-wrapper.no-swiper .blog-latest-news.listView .wrapper .blog-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } } .latest-news-wrapper.no-swiper .blog-latest-news.listView .wrapper .blog-wrapper .image-wrapper { width: 30%; height: 300px; } @media (max-width: 1023px) { .latest-news-wrapper.no-swiper .blog-latest-news.listView .wrapper .blog-wrapper .image-wrapper { width: 100%; } } .latest-news-wrapper.no-swiper .blog-latest-news.listView .wrapper .blog-wrapper .image-wrapper img { -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .latest-news-wrapper.no-swiper .blog-latest-news.listView .wrapper .blog-wrapper .event-card { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; } @media (max-width: 1023px) { .latest-news-wrapper.no-swiper .blog-latest-news.listView .wrapper .blog-wrapper .event-card { background-color: #ffffff; } } .latest-news-wrapper.no-swiper .blog-latest-news.listView .wrapper .blog-wrapper .event-card .card-wrapper { margin: 0; width: 100%; max-width: 100%; height: 100%; -webkit-transition: none; -o-transition: none; transition: none; } .latest-news-wrapper.no-swiper .blog-latest-news.gridView .wrapper .blog-wrapper .image-wrapper { height: 519px; border-radius: 13px; overflow: hidden; width: 100%; } .latest-news-wrapper.no-swiper .blog-latest-news.gridView .wrapper .blog-wrapper .image-wrapper img { -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .latest-news-wrapper.no-swiper .blog-latest-news.gridView .wrapper .blog-wrapper .event-card .card-wrapper { background-color: #ffffff; padding: 20px 30px 33px; border-radius: 20px; margin: 0 40px; max-width: 399px; margin: -200px auto 0; position: relative; z-index: 1; } .latest-news-wrapper.no-swiper .blog-latest-news.gridView .wrapper .blog-wrapper .event-card .card-wrapper::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 45.5% 100%, 13% 100%, 13% 70.18%, 0% 70.18%, 0% 76%, 13% 76%, 100% 81.33%, 0% 81.33%, 0% 90.86%, 13% 90.86%, 13% 100%, 0% 100%); border: 2px solid #0C2436; border-radius: 20px; z-index: -1; } @media (max-width: 1023px) { .latest-news-wrapper.no-swiper .blog-latest-news.gridView .wrapper .blog-wrapper .event-card .card-wrapper { max-width: 100%; } } .latest-news-wrapper.no-swiper .blog-latest-news .wrapper:hover .blog-wrapper .image-wrapper img { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .latest-news-wrapper .latestnews .blog-wrapper:hover .image-wrapper img { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .latest-news-wrapper .latestnews .swiper-pagination { bottom: 0; } .latest-news-wrapper .common-navigation { position: absolute; top: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: inherit; right: 50px; gap: 30px; display: none; } @media (max-width: 767px) { .latest-news-wrapper .common-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; } } .latest-news-wrapper .common-navigation .swiper-button-next, .latest-news-wrapper .common-navigation .swiper-button-prev { margin-top: 0; height: 37px; width: 37px; background-image: none; background-color: #FFBF3F; } .latest-news-wrapper .common-navigation .swiper-button-next::after, .latest-news-wrapper .common-navigation .swiper-button-prev::after { width: 38px; height: 38px; } .latest-news-wrapper .common-navigation .swiper-button-next::before, .latest-news-wrapper .common-navigation .swiper-button-prev::before { content: none; } .latest-news-wrapper .common-navigation .swiper-button-next:hover, .latest-news-wrapper .common-navigation .swiper-button-prev:hover { background-color: #FB914A; } .panel { -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .panel ul { list-style: none; margin: 0; padding: 0; } .panel ul li { padding: 5px; } .panel ul li:hover { background-color: #f1f1f1; } .accordion { cursor: pointer; } .accordion .check-svg { height: 32px; width: 32px; margin-left: 51px; } @media (max-width: 767px) { .accordion .check-svg { margin: 0 auto; height: 25px; width: 25px; } } .alphabet { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .alphabet a { width: 29px; height: 30px; border: 1px solid #000000; background-color: #FFBF3F; border-radius: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-transform: uppercase; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000000; font-weight: 800; font-size: 20px; line-height: 24px; } .alphabet a.active { background-color: #000000; color: #FFBF3F; } .accordian-table { margin-top: 40px; position: relative; } .accordian-table .result-num { font-weight: 600; font-size: 18px; line-height: 27px; text-align: right; color: rgba(12, 36, 54, 0.75); } @media (max-width: 575px) { .accordian-table .result-num { text-align: left; margin-top: 10px; } } .accordian-table .accordian-tab { border-top: 1px solid #1D57A5; border-bottom: 1px solid #1D57A5; position: relative; } .accordian-table .accordian-tab > td { padding: 50px 20px; } @media (max-width: 767px) { .accordian-table .accordian-tab > td { padding: 30px 0px; } } .accordian-table .accordian-tab > td table { margin: 0; } .accordian-table table { background-color: transparent; margin-bottom: 40px; margin-top: 40px; min-width: 1024px; } .accordian-table table thead { background-color: transparent; border: none; } .accordian-table table thead tr th { font-weight: 900; font-size: 32px; line-height: 38px; color: rgba(12, 36, 54, 0.75); } @media (max-width: 1025px) { .accordian-table table thead tr th { font-size: 29px; line-height: 38px; } } @media (max-width: 575px) { .accordian-table table thead tr th { font-size: 22px; line-height: 26px; } } .accordian-table table thead tr th:first-child { width: 35%; padding-left: 100px; } @media (max-width: 767px) { .accordian-table table thead tr th:first-child { padding-left: 0px; width: 37%; } } .accordian-table table thead tr th:nth-child(2) { width: 48%; } @media (max-width: 767px) { .accordian-table table thead tr th:nth-child(2) { width: 34%; } } .accordian-table table thead tr th:last-child { width: 17%; text-align: center; } @media (max-width: 767px) { .accordian-table table thead tr th:last-child { width: auto; } } .accordian-table table tbody { background-color: transparent; border: none; } .accordian-table table tbody tr { background-color: transparent; } .accordian-table table tbody tr.accordion { position: sticky; } .accordian-table table tbody tr.accordion::before { content: ""; position: absolute; left: 0px; top: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjYyNDcgMTQuNzQ3N0gxNy4yNTAzVjEwLjM3MzNDMTcuMjUwMyA5LjY4MzY2IDE2LjY5MDYgOS4xMjQwMiAxNi4wMDEgOS4xMjQwMkMxNS4zMTE0IDkuMTI0MDIgMTQuNzUxOCA5LjY4MzY2IDE0Ljc1MTggMTAuMzczM1YxNC43NDc3SDEwLjM3NzRDOS42ODc4MSAxNC43NDc3IDkuMTI4MTcgMTUuMzA3MyA5LjEyODE3IDE1Ljk5NjlDOS4xMjgxNyAxNi42ODY1IDkuNjg3ODEgMTcuMjQ2MSAxMC4zNzc0IDE3LjI0NjFIMTQuNzUxOFYyMS42MjA1QzE0Ljc1MTggMjIuMzEwMSAxNS4zMTE0IDIyLjg2OTggMTYuMDAxIDIyLjg2OThDMTYuNjkwNiAyMi44Njk4IDE3LjI1MDMgMjIuMzEwMSAxNy4yNTAzIDIxLjYyMDVWMTcuMjQ2MUgyMS42MjQ3QzIyLjMxNDMgMTcuMjQ2MSAyMi44NzM5IDE2LjY4NjUgMjIuODczOSAxNS45OTY5QzIyLjg3MzkgMTUuMzA3MyAyMi4zMTQzIDE0Ljc0NzcgMjEuNjI0NyAxNC43NDc3WiIgZmlsbD0iIzAwQTdCNSIvPgo8bWFzayBpZD0ibWFzazBfMjA3XzE0MTk3IiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4KPHBhdGggZD0iTTMyIDBIMFYzMkgzMlYwWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMyIDBIMFYzMkgzMlYwWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwN18xNDE5NykiPgo8cGF0aCBkPSJNMTUuOTk5IDMyQzEzLjg0IDMyIDExLjc0NCAzMS41NzY2IDkuNzcxNjYgMzAuNzQyNEM3Ljg2NjM4IDI5LjkzNTQgNi4xNTYwMiAyOC43ODI2IDQuNjg2NzEgMjcuMzEzM0MzLjIxNzQgMjUuODQ0IDIuMDY0NTggMjQuMTMzNiAxLjI1NzYxIDIyLjIyODNDMC40MjMzOTcgMjAuMjUzOSAwIDE4LjE2IDAgMTUuOTk5QzAgMTMuODM4IDAuNDIzMzk3IDExLjc0NCAxLjI1NzYxIDkuNzcxNjZDMi4wNjI0OSA3Ljg2NjM4IDMuMjE3NCA2LjE1NjAyIDQuNjg2NzEgNC42ODY3MUM2LjE1NjAyIDMuMjE3NCA3Ljg2NjM4IDIuMDY0NTggOS43NzE2NiAxLjI1NzYxQzExLjc0NCAwLjQyMzM5NyAxMy44NCAwIDE1Ljk5OSAwQzE4LjE1NzkgMCAyMC4yNTM5IDAuNDIzMzk3IDIyLjIyNjIgMS4yNTc2MUMyNC4xMzE1IDIuMDYyNDkgMjUuODQxOSAzLjIxNzQgMjcuMzExMiA0LjY4NjcxQzI4Ljc4MDUgNi4xNTYwMiAyOS45MzMzIDcuODY2MzggMzAuNzQwMyA5Ljc3MTY2QzMxLjU3NDUgMTEuNzQ0IDMxLjk5NzkgMTMuODQgMzEuOTk3OSAxNS45OTlDMzEuOTk3OSAxOS4xNTc3IDMxLjA2MSAyMi4yMjgzIDI5LjI4NzcgMjQuODgxOUMyOC45MDQyIDI1LjQ1NjIgMjguMTI4NiAyNS42MDkyIDI3LjU1NDMgMjUuMjI1N0MyNi45OCAyNC44NDIxIDI2LjgyNyAyNC4wNjY1IDI3LjIxMDYgMjMuNDkyMkMyOC43MDcxIDIxLjI1MTYgMjkuNDk5NCAxOC42NjA5IDI5LjQ5OTQgMTUuOTk5QzI5LjQ5OTQgMTIuMzkzOCAyOC4wOTUxIDkuMDAyNDIgMjUuNTQ2MyA2LjQ1MzY2QzIyLjk5NzYgMy45MDQ4OSAxOS42MDYyIDIuNTAwNTYgMTYuMDAxIDIuNTAwNTZDMTIuMzk1OSAyLjUwMDU2IDkuMDA0NTIgMy45MDQ4OSA2LjQ1NTc1IDYuNDUzNjZDMy45MDY5OSA5LjAwMjQyIDIuNTAwNTYgMTIuMzkzOCAyLjUwMDU2IDE1Ljk5OUMyLjUwMDU2IDE5LjYwNDEgMy45MDQ4OSAyMi45OTU1IDYuNDUzNjYgMjUuNTQ0MkM5LjAwMjQyIDI4LjA5MyAxMi4zOTM4IDI5LjQ5NzMgMTUuOTk5IDI5LjQ5NzNDMTguNDY4MSAyOS40OTczIDIwLjg4MjcgMjguODI0NSAyMi45ODI5IDI3LjU1MjJDMjMuNTc0IDI3LjE5MzggMjQuMzQxMSAyNy4zODI1IDI0LjY5OTUgMjcuOTczNUMyNS4wNTggMjguNTY0NiAyNC44NjkzIDI5LjMzMTggMjQuMjc4MiAyOS42OTAyQzIxLjc4ODIgMzEuMTk5MyAxOC45MjUgMzEuOTk1OCAxNS45OTkgMzEuOTk1OFYzMloiIGZpbGw9IiMwMEE3QjUiLz4KPC9nPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: contain; height: 32px; width: 32px; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } @media (max-width: 767px) { .accordian-table table tbody tr.accordion::before { height: 20px; width: 20px; top: 12px; } } .accordian-table table tbody tr.accordion td { font-weight: 600; font-size: 18px; line-height: 27px; color: #0C2436; } @media (max-width: 767px) { .accordian-table table tbody tr.accordion td { vertical-align: baseline; } } .accordian-table table tbody tr.accordion td:first-child { width: 35%; padding-left: 80px; } @media (max-width: 767px) { .accordian-table table tbody tr.accordion td:first-child { width: 37%; padding-left: 40px; } } .accordian-table table tbody tr.accordion td:nth-child(2) { width: 48%; } @media (max-width: 767px) { .accordian-table table tbody tr.accordion td:nth-child(2) { width: 34%; } } .accordian-table table tbody tr.accordion td:last-child { width: 17%; } @media (max-width: 767px) { .accordian-table table tbody tr.accordion td:last-child { width: 32%; } } .accordian-table table tbody tr.accordion.active::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwN18xNDIzOSkiPgo8cGF0aCBkPSJNMjEuNjI1MyAxNC43NDkzSDEwLjM3NDdDOS42ODQgMTQuNzQ5MyA5LjEyNTM0IDE1LjMwOTMgOS4xMjUzNCAxNS45OTg3QzkuMTI1MzQgMTYuNjg4IDkuNjg1MzMgMTcuMjQ5MyAxMC4zNzQ3IDE3LjI0OTNIMjEuNjI1M0MyMi4zMTYgMTcuMjQ5MyAyMi44NzQ3IDE2LjY4OTMgMjIuODc0NyAxNS45OTg3QzIyLjg3NDcgMTUuMzA4IDIyLjMxNDcgMTQuNzQ5MyAyMS42MjUzIDE0Ljc0OTNaIiBmaWxsPSIjRkI5MTRBIi8+CjxtYXNrIGlkPSJtYXNrMF8yMDdfMTQyMzkiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cGF0aCBkPSJNMzIgMEgwVjMySDMyVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjA3XzE0MjM5KSI+CjxwYXRoIGQ9Ik0xNiAzMkMxMy44NCAzMiAxMS43NDUzIDMxLjU3NzMgOS43NzIgMzAuNzQyN0M3Ljg2NjY3IDI5LjkzNzMgNi4xNTYgMjguNzgyNyA0LjY4NjY3IDI3LjMxNDdDMy4yMTczMyAyNS44NDUzIDIuMDY0IDI0LjEzNDcgMS4yNTg2NyAyMi4yMjkzQzAuNDIyNjY3IDIwLjI1NDcgMCAxOC4xNiAwIDE2QzAgMTMuODQgMC40MjI2NjcgMTEuNzQ1MyAxLjI1NzMzIDkuNzcyQzIuMDYyNjcgNy44NjY2NyAzLjIxNzMzIDYuMTU2IDQuNjg1MzMgNC42ODY2N0M2LjE1NDY3IDMuMjE3MzMgNy44NjUzMyAyLjA2NCA5Ljc3MDY3IDEuMjU4NjdDMTEuNzQ1MyAwLjQyMjY2NyAxMy44NCAwIDE2IDBDMTguMTYgMCAyMC4yNTQ3IDAuNDIyNjY3IDIyLjIyOCAxLjI1NzMzQzI0LjEzMzMgMi4wNjI2NyAyNS44NDQgMy4yMTczMyAyNy4zMTMzIDQuNjg1MzNDMjguNzgyNyA2LjE1NDY3IDI5LjkzNiA3Ljg2NTMzIDMwLjc0MTMgOS43NzA2N0MzMS41NzYgMTEuNzQ0IDMxLjk5ODcgMTMuODQgMzEuOTk4NyAxNS45OTg3QzMxLjk5ODcgMTkuMTU3MyAzMS4wNjEzIDIyLjIyOCAyOS4yODggMjQuODgxM0MyOC45MDQgMjUuNDU0NyAyOC4xMjggMjUuNjA5MyAyNy41NTQ3IDI1LjIyNTNDMjYuOTgxMyAyNC44NDEzIDI2LjgyNjcgMjQuMDY1MyAyNy4yMTA3IDIzLjQ5MkMyOC43MDggMjEuMjUyIDI5LjUgMTguNjYxMyAyOS41IDE1Ljk5ODdDMjkuNSAxMi4zOTIgMjguMDk2IDkuMDAyNjcgMjUuNTQ1MyA2LjQ1MzMzQzIyLjk5NiAzLjkwNCAxOS42MDUzIDIuNDk4NjcgMTYgMi40OTg2N0MxMi4zOTQ3IDIuNDk4NjcgOS4wMDQgMy45MDI2NyA2LjQ1NDY3IDYuNDUzMzNDMy45MDUzMyA5LjAwMjY3IDIuNSAxMi4zOTMzIDIuNSAxNS45OTg3QzIuNSAxOS42MDQgMy45MDQgMjIuOTk0NyA2LjQ1NDY3IDI1LjU0NEM5LjAwNCAyOC4wOTMzIDEyLjM5NDcgMjkuNDk4NyAxNiAyOS40OTg3QzE4LjQ2OTMgMjkuNDk4NyAyMC44ODQgMjguODI2NyAyMi45ODQgMjcuNTU0N0MyMy41NzQ3IDI3LjE5NzMgMjQuMzQyNyAyNy4zODUzIDI0LjcwMTMgMjcuOTc2QzI1LjA1ODcgMjguNTY2NyAyNC44NzA3IDI5LjMzNDcgMjQuMjggMjkuNjkzM0MyMS43ODkzIDMxLjIwMTMgMTguOTI2NyAzMS45OTg3IDE2LjAwMTMgMzEuOTk4N0wxNiAzMloiIGZpbGw9IiNGQjkxNEEiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIwN18xNDIzOSI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } .accordian-table table tbody tr.panel { display: none; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .accordian-table table tbody tr.panel td { padding-left: 80px; } .accordian-table table tbody tr.panel p { font-weight: 400; font-size: 16px; line-height: 25px; color: #000000; } .accordian-table .cs-pagination { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; right: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 17px; } @media (max-width: 767px) { .accordian-table .cs-pagination { right: inherit; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: 20px; } } @media (max-width: 575px) { .accordian-table .cs-pagination { position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: inherit; } } .accordian-table .cs-pagination .page-numbers { font-weight: 700; font-size: 22px; line-height: 30px; color: #0C2436; } .accordian-table .cs-pagination .page-numbers.current { color: #BA3C8B; } .accordian-table .cs-pagination .page-numbers.next { display: none; } .accordian-table .cs-pagination .page-numbers.prev { display: none; } .event-banner .learn-btn { margin-top: 50px; } .event-banner .cs-btn:hover::after { border: 1px solid #1D57A5; } .program-grid { display: grid; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; row-gap: 30px; } @media (max-width: 1199px) { .program-grid { grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } @media (max-width: 575px) { .program-grid { grid-template-columns: repeat(1, 1fr); } } .program-grid .program-box { padding: 40px; position: relative; } @media (max-width: 1199px) { .program-grid .program-box { padding: 30px; } } @media (max-width: 1023px) { .program-grid .program-box { padding: 20px; } } .program-grid .program-box::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; border: 2px solid #000; border-radius: 10px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%, 82.47% 0%, 82.47% 12.03%, 85.85% 12.03%, 85.85% 0%, 89.3% 0%, 89.3% 12.9%, 93.75% 12.56%, 93.75% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: -1; } .program-grid .program-box .program-img img { max-width: 381px; border-radius: 10px; } .program-grid .program-box .title { margin-top: 30px; } @media (max-width: 1023px) { .program-grid .program-box .title { margin-top: 20px; } } .program-grid .program-box .title h5 { color: #00A7B5; } .program-grid .program-box .content { margin-top: 30px; } @media (max-width: 1023px) { .program-grid .program-box .content { margin-top: 20px; } } .program-grid .program-box .content p { font-size: 16px; font-weight: 400; line-height: 25px; color: rgba(12, 36, 54, 0.75); } @media (max-width: 767px) { .program-grid .program-box .content p { font-size: 14px; font-weight: 400; line-height: 23px; } } .program-grid .program-box .learn-btn { margin-top: 30px; } @media (max-width: 1023px) { .program-grid .program-box .learn-btn { margin-top: 20px; } } .view-btn { text-align: center; margin-top: 70px; } @media (max-width:1600px) { .view-btn { margin-top: 50px; } } @media (max-width:1366px) { .view-btn { margin-top: 30px; } } .media-gallery-wrapper { margin-top: 30px; padding-bottom: 0px; } .media-gallery-wrapper .media-gallery-inner { position: relative; } .media-gallery-wrapper .media-gallery-info .media-img-grid { display: grid; grid-template-columns: repeat(4, 1fr); -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; row-gap: 34px; } @media (max-width:1366px) { .media-gallery-wrapper .media-gallery-info .media-img-grid { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; row-gap: 20px; } } @media (max-width: 1023px) { .media-gallery-wrapper .media-gallery-info .media-img-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .media-gallery-wrapper .media-gallery-info .media-img-grid { grid-template-columns: repeat(1, 1fr); } } .media-gallery-wrapper .media-gallery-info .media-img-grid a { position: relative; z-index: 1; } .media-gallery-wrapper .media-gallery-info .media-img-grid a::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #FB914A; z-index: -1; border-radius: 10px; -webkit-transform: translate(6px, -6px); -o-transform: translate(6px, -6px); transform: translate(6px, -6px); } .media-gallery-wrapper .media-gallery-info .media-img-grid a img { border-radius: 10px; } .media-gallery-wrapper .media-gallery-info .tags { margin-top: 80px; } @media (max-width:1366px) { .media-gallery-wrapper .media-gallery-info .tags { margin-top: 50px; } } @media (max-width: 1023px) { .media-gallery-wrapper .media-gallery-info .tags { margin-top: 30px; } } .media-gallery-wrapper .media-gallery-info .tags ul { gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .media-gallery-wrapper .media-gallery-info .tags ul li a { background-color: #00A7B5; font-size: 14px; font-weight: 600; line-height: 17px; border-radius: 3px; color: #ffffff; padding: 8px 22px; position: relative; z-index: 1; min-width: 85px; text-align: center; display: inline; } .media-gallery-wrapper .media-gallery-info .tags ul li a:hover::before { -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .media-gallery-wrapper .media-gallery-info .tags ul li a::after { content: ""; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; right: 0; bottom: 0; border: 1px solid rgba(12, 36, 54, 0.75); -webkit-transform: translate(2px, -2px); -o-transform: translate(2px, -2px); transform: translate(2px, -2px); border-radius: 15px; border-radius: 3px; z-index: -1; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .event-banner .event-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .event-banner .event-info .event-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; text-transform: lowercase; color: rgba(255, 255, 255, 0.75); font-weight: 600; font-size: 13px; line-height: 16px; text-align: right; position: relative; } @media (max-width: 1023px) { .event-banner .event-info .event-btn { margin-right: 50px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 40px; padding-left: 4px; } } .event-banner .event-info .event-btn .addtoany_shortcode { position: absolute; left: 0; height: 23px; width: 23px; -webkit-transform: translateY(-14px); -o-transform: translateY(-14px); transform: translateY(-14px); } @media (max-width: 1023px) { .event-banner .event-info .event-btn .addtoany_shortcode { -webkit-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } } .event-banner .event-info .event-btn .addtoany_shortcode .addtoany_share_save { line-height: auto; font-size: inherit; width: 27px; } .event-banner .event-info .event-btn a.share-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .event-banner .event-info .event-btn a.share-btn img { max-width: 28px; height: 28px; } .event-banner .event-info .event-btn a.share-btn p { font-size: 13px; font-weight: 600; line-height: 16px; color: #ffffff; opacity: 0.75; } .fullwidth-img .full-img { position: relative; padding-top: 31.05%; } .fullwidth-img .full-img::before { content: ""; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; right: 0; bottom: 0; border: 2px solid #BA3C8B; -webkit-transform: translate(8px, -8px); -o-transform: translate(8px, -8px); transform: translate(8px, -8px); border-radius: 15px; clip-path: polygon(0% 0%, 79.28% 0.23%, 79.24% 13.13%, 81.9% 12.84%, 81.9% 0%, 86.41% 0%, 86.41% 13.02%, 93.75% 13.13%, 93.75% 0.23%, 100% 0%, 100% 100%, 0% 100%); z-index: -1; } .fullwidth-img .full-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; border-radius: 15px; } .fullwidth-img .full-img-content { margin-top: 50px; max-width: 898px; } .fullwidth-img .full-img-content p { font-size: 18px; font-weight: 600; line-height: 27px; color: #54575A; } @media (max-width: 767px) { .fullwidth-img .full-img-content p { font-size: 16px; font-weight: 600; line-height: 23px; } } .yellow-sec-wrapper .general-content { max-width: 1070px; background-color: #FFBF3F; border-radius: 30px; padding: 50px 100px; margin: auto; text-align: center; position: relative; } @media (max-width: 1023px) { .yellow-sec-wrapper .general-content { padding: 40px 60px; } } @media (max-width: 767px) { .yellow-sec-wrapper .general-content { padding: 30px 40px; } } .yellow-sec-wrapper .general-content::before { content: ""; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; right: 0; bottom: 0; border: 0.15rem solid #000000; -webkit-transform: translate(8px, -8px); -o-transform: translate(8px, -8px); transform: translate(8px, -8px); border-radius: 15px; clip-path: polygon(0% 0%, 88.42% 0%, 88.42% 25.22%, 90.77% 25.22%, 90.77% 0%, 94.38% 0%, 95.13% 24.68%, 95.78% 24.85%, 95.13% 0%, 100% 0%, 100% 100%, 0% 100%); border-radius: 30px; z-index: -1; } .yellow-sec-wrapper .general-content h3 { color: rgba(12, 36, 54, 0.75); } .general-page { position: relative; } .general-page::before { content: ""; position: absolute; left: 0; top: 3%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iOTc5IiB2aWV3Qm94PSIwIDAgOTcgOTc5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNLTEyLjQwNzYgOTc4LjE0NEMxLjY1ODMgOTA1LjU0NiAyMi4wOTUzIDg1MC4xMyAzOC4zMjQxIDgxMi42ODJDNzMuMDQ0OCA3MzIuNTggMTEyLjE5OSA2ODAuMDg5IDg5LjgyNSA2MzQuMzFDNzguNDUyNyA2MTEuMDMxIDU4Ljg1OTIgNjA1LjIyIDU2LjI1NTUgNTc3Ljk2OUM1My4yODg5IDU0Ni45MTUgNzYuOTk4NCA1MzYuMzA2IDcyLjUwNjYgNTA2LjY2OEM2OC4wMjI1IDQ3Ny4xMDEgNDMuMTM3NyA0NzkuMTU1IDM2Ljg4NCA0NDguNDEyQzMwLjMwNDcgNDE2LjAzNSA1NC45Mjg4IDM5OS4xNyA0NC4xODU4IDM2Ni45MjdDMzkuNDg4MyAzNTIuODM0IDMyLjYyMjMgMzQ5LjU1NSAyNS4yNzUyIDMzOC41NjFDLTcuNjQ5OCAyODkuMjg5IDUyLjc0ODkgMjM5LjA4OCAzNS44MDg3IDE2MS43NjFDMjYuODU4NCAxMjAuOTE0IDUuNzU2ODkgMTE1LjUzMSAtOC4wMjU1OSA1MS4yNTg1Qy0xMi41OTY2IDI5Ljk0NDkgLTE0LjI1ODYgMTEuOTcyMiAtMTQuOTM4NiAyLjU4NzE4ZS0wNUMtOS40NjY5NCAxMDQuNTMyIC01LjY2NDMxIDIwOS4wOTUgLTMuNTMxMDIgMzEzLjY5NkMwLjk3NzM3NSA1MzUuMDI4IC0xLjk3NzUzIDc1Ni41MTEgLTEyLjQwNzYgOTc4LjE0NFoiIGZpbGw9IiMwMEE3QjUiIGZpbGwtb3BhY2l0eT0iMC4xOSIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: contain; width: 78px; height: 976px; } .general-content-wrapper .general-info p { font-size: 18px; font-weight: 600; line-height: 27px; color: rgba(12, 36, 54, 0.75); margin-top: 40px; } @media (max-width: 767px) { .general-content-wrapper .general-info p { font-size: 16px; font-weight: 600; line-height: 23px; } } @media (max-width: 1023px) { .general-content-wrapper .general-info p { margin-top: 20px; } } .general-content-wrapper .general-info p:first-child { margin-top: 0; } .contact-form { background-color: #0C2436; padding: 100px 0 150px; position: relative; z-index: 1; overflow: hidden; margin-bottom: 30px; } @media (max-width: 1199px) { .contact-form { margin-bottom: 25px; margin-top: 20px; } } @media (max-width: 767px) { .contact-form { padding: 100px 0 100px; } } .contact-form::before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA4IiBoZWlnaHQ9IjQwNyIgdmlld0JveD0iMCAwIDUwOCA0MDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGNsYXNzPSJwYXRoIiBkPSJNMSAxLjVDMTYuODMzMyA1MS44MzMzIDc3LjYgMTUxLjUgMTk0IDE0Ny41QzMzOS41IDE0Mi41IDUwMy41IDE4NSA2MTIgNDA2IiBzdHJva2U9IiNGRkJGM0YiIHN0cm9rZS1vcGFjaXR5PSIwLjU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxNSAxNSIvPgo8c3R5bGU+Ci5wYXRoIHsKICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEwOwogICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDUwMDsKICAgIGFuaW1hdGlvbjogZGFzaCAxMHMgbGluZWFyIGFsdGVybmF0ZSBpbmZpbml0ZTsKfQoKQGtleWZyYW1lcyBkYXNoIHsKICAgIHRvIHsKICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgfQp9Cjwvc3R5bGU+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: contain; right: -10%; top: 0; height: 404px; width: 34%; z-index: -1; } .contact-form .h1 { color: #ffffff; opacity: 0.75; margin-bottom: 60px; } .contact-form form .gform_body .gfield input, .contact-form form .gform_body .gfield textarea { background-color: transparent; font-weight: 600; font-size: 14px; line-height: 17px; color: #ffffff; border-radius: 10px; height: 61px; padding-left: 30px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDIgMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIxIiB5MT0iMSIgeDI9IjAuOTk5OTk5IiB5Mj0iMjgiIHN0cm9rZT0iI0ZCOTE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-size: contain; background-position: left 17px top 13px; background-size: auto; border: 2px solid rgba(255, 255, 255, 0.75); clip-path: polygon(0% 0%, 100% 0%, 100% 11.75%, 91.5% 11.75%, 91.5% 24%, 100% 24%, 100% 36.25%, 91.5% 36.25%, 91.5% 47.5%, 100% 47.5%, 100% 100%, 0% 100%); } .contact-form form .gform_body .gfield input::-webkit-input-placeholder, .contact-form form .gform_body .gfield textarea::-webkit-input-placeholder { font-weight: 600; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.75); text-transform: lowercase; } .contact-form form .gform_body .gfield input::-moz-placeholder, .contact-form form .gform_body .gfield textarea::-moz-placeholder { font-weight: 600; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.75); text-transform: lowercase; } .contact-form form .gform_body .gfield input:-ms-input-placeholder, .contact-form form .gform_body .gfield textarea:-ms-input-placeholder { font-weight: 600; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.75); text-transform: lowercase; } .contact-form form .gform_body .gfield input::-ms-input-placeholder, .contact-form form .gform_body .gfield textarea::-ms-input-placeholder { font-weight: 600; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.75); text-transform: lowercase; } .contact-form form .gform_body .gfield input::placeholder, .contact-form form .gform_body .gfield textarea::placeholder { font-weight: 600; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.75); text-transform: lowercase; } .contact-form form .gform_body .gfield textarea { height: 235px !important; padding-top: 16px; } .contact-form form .gform_body .gfield .field_description_below { margin-top: 26px; } .contact-form form .gform_footer { margin-top: 40px !important; } .contact-form form .gform_footer .gform_ajax_spinner { height: 15px; width: 15px; } .contact-form form .gform_footer .cs-btn { cursor: pointer; } .contact-form form .gform_footer .cs-btn.green-btn { border: 1px solid #ffffff; } .contact-form form .gform_footer .cs-btn.green-btn::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUMxIDIuMjk3ODQgMSA0LjIzNzQ1IDEgNS41ODcwNkMxIDguNSAxLjAzNDYyIDkuOTMxOSAyLjA2MiAxMS41QzQuMjcwNDIgMTQuODcwNyAxMS45Mjk0IDE1IDE1LjUgMTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE1QzIwLjAwMjggMTUgMjAuOTk0OSAxNSAyMiAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .contact-form form .gform_footer .cs-btn .bg { background-color: #FB914A; } .contact-form form .gform_footer .cs-btn:hover::after { border: 1px solid #0C2436; } .contact-form form .gform_footer .cs-btn:hover .bg { background-color: #FB914A; } .event-banner .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c svg path { fill: #ffffff; } .event-banner .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c .breadcrumb_last { color: #FFBF3F; } .faq-wrapper { position: relative; } .faq-wrapper::before { content: ""; position: absolute; background-image: url(/wp-content/themes/cscnl/dist/images/faq-design.svg); background-repeat: no-repeat; background-size: contain; height: 831px; width: 132px; right: 0; top: 0; z-index: -1; } .faq-wrapper .section-title h2 { color: #0C2436; } .faq-wrapper .section-title h2 span { text-transform: uppercase; } .faq-wrapper .faqs ul.accordion { background-color: transparent; } .faq-wrapper .faqs ul.accordion .accordion-item { padding: 32px 0; border-top: 1px solid #1D57A5; } .faq-wrapper .faqs ul.accordion .accordion-item:last-child { border-bottom: 1px solid #1D57A5; } .faq-wrapper .faqs ul.accordion .accordion-item a.accordion-title { border: none; font-size: 20px; font-weight: 800; line-height: 24px; color: #0C2436; padding-left: 65px !important; padding: 20px; } .faq-wrapper .faqs ul.accordion .accordion-item a.accordion-title::after { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzN185OTUpIj4KPHBhdGggZD0iTTIxLjYyNDcgMTQuNzQ3N0gxNy4yNTAzVjEwLjM3MzNDMTcuMjUwMyA5LjY4MzY2IDE2LjY5MDYgOS4xMjQwMiAxNi4wMDEgOS4xMjQwMkMxNS4zMTE0IDkuMTI0MDIgMTQuNzUxOCA5LjY4MzY2IDE0Ljc1MTggMTAuMzczM1YxNC43NDc3SDEwLjM3NzRDOS42ODc4MSAxNC43NDc3IDkuMTI4MTcgMTUuMzA3MyA5LjEyODE3IDE1Ljk5NjlDOS4xMjgxNyAxNi42ODY1IDkuNjg3ODEgMTcuMjQ2MSAxMC4zNzc0IDE3LjI0NjFIMTQuNzUxOFYyMS42MjA1QzE0Ljc1MTggMjIuMzEwMSAxNS4zMTE0IDIyLjg2OTggMTYuMDAxIDIyLjg2OThDMTYuNjkwNiAyMi44Njk4IDE3LjI1MDMgMjIuMzEwMSAxNy4yNTAzIDIxLjYyMDVWMTcuMjQ2MUgyMS42MjQ3QzIyLjMxNDMgMTcuMjQ2MSAyMi44NzM5IDE2LjY4NjUgMjIuODczOSAxNS45OTY5QzIyLjg3MzkgMTUuMzA3MyAyMi4zMTQzIDE0Ljc0NzcgMjEuNjI0NyAxNC43NDc3WiIgZmlsbD0iIzAwQTdCNSIvPgo8bWFzayBpZD0ibWFzazBfMjM3Xzk5NSIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxwYXRoIGQ9Ik0zMiAwSDBWMzJIMzJWMFoiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMzdfOTk1KSI+CjxwYXRoIGQ9Ik0xNS45OTkgMzJDMTMuODQgMzIgMTEuNzQ0IDMxLjU3NjYgOS43NzE2NiAzMC43NDI0QzcuODY2MzggMjkuOTM1NCA2LjE1NjAyIDI4Ljc4MjYgNC42ODY3MSAyNy4zMTMzQzMuMjE3NCAyNS44NDQgMi4wNjQ1OCAyNC4xMzM2IDEuMjU3NjEgMjIuMjI4M0MwLjQyMzM5NyAyMC4yNTM5IDAgMTguMTYgMCAxNS45OTlDMCAxMy44MzggMC40MjMzOTcgMTEuNzQ0IDEuMjU3NjEgOS43NzE2NkMyLjA2MjQ5IDcuODY2MzggMy4yMTc0IDYuMTU2MDIgNC42ODY3MSA0LjY4NjcxQzYuMTU2MDIgMy4yMTc0IDcuODY2MzggMi4wNjQ1OCA5Ljc3MTY2IDEuMjU3NjFDMTEuNzQ0IDAuNDIzMzk3IDEzLjg0IDAgMTUuOTk5IDBDMTguMTU3OSAwIDIwLjI1MzkgMC40MjMzOTcgMjIuMjI2MiAxLjI1NzYxQzI0LjEzMTUgMi4wNjI0OSAyNS44NDE5IDMuMjE3NCAyNy4zMTEyIDQuNjg2NzFDMjguNzgwNSA2LjE1NjAyIDI5LjkzMzMgNy44NjYzOCAzMC43NDAzIDkuNzcxNjZDMzEuNTc0NSAxMS43NDQgMzEuOTk3OSAxMy44NCAzMS45OTc5IDE1Ljk5OUMzMS45OTc5IDE5LjE1NzcgMzEuMDYxIDIyLjIyODMgMjkuMjg3NyAyNC44ODE5QzI4LjkwNDIgMjUuNDU2MiAyOC4xMjg2IDI1LjYwOTIgMjcuNTU0MyAyNS4yMjU3QzI2Ljk4IDI0Ljg0MjEgMjYuODI3IDI0LjA2NjUgMjcuMjEwNiAyMy40OTIyQzI4LjcwNzEgMjEuMjUxNiAyOS40OTk0IDE4LjY2MDkgMjkuNDk5NCAxNS45OTlDMjkuNDk5NCAxMi4zOTM4IDI4LjA5NTEgOS4wMDI0MiAyNS41NDYzIDYuNDUzNjZDMjIuOTk3NiAzLjkwNDg5IDE5LjYwNjIgMi41MDA1NiAxNi4wMDEgMi41MDA1NkMxMi4zOTU5IDIuNTAwNTYgOS4wMDQ1MiAzLjkwNDg5IDYuNDU1NzUgNi40NTM2NkMzLjkwNjk5IDkuMDAyNDIgMi41MDA1NiAxMi4zOTM4IDIuNTAwNTYgMTUuOTk5QzIuNTAwNTYgMTkuNjA0MSAzLjkwNDg5IDIyLjk5NTUgNi40NTM2NiAyNS41NDQyQzkuMDAyNDIgMjguMDkzIDEyLjM5MzggMjkuNDk3MyAxNS45OTkgMjkuNDk3M0MxOC40NjgxIDI5LjQ5NzMgMjAuODgyNyAyOC44MjQ1IDIyLjk4MjkgMjcuNTUyMkMyMy41NzQgMjcuMTkzOCAyNC4zNDExIDI3LjM4MjUgMjQuNjk5NSAyNy45NzM1QzI1LjA1OCAyOC41NjQ2IDI0Ljg2OTMgMjkuMzMxOCAyNC4yNzgyIDI5LjY5MDJDMjEuNzg4MiAzMS4xOTkzIDE4LjkyNSAzMS45OTU4IDE1Ljk5OSAzMS45OTU4VjMyWiIgZmlsbD0iIzAwQTdCNSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjM3Xzk5NSI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: contain; height: 32px; width: 32px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .faq-wrapper .faqs ul.accordion .accordion-item a.accordion-title::before { content: none; } .faq-wrapper .faqs ul.accordion .accordion-item a.accordion-title:hover { background-color: transparent; } .faq-wrapper .faqs ul.accordion .accordion-item a.accordion-title:focus { background-color: transparent; } .faq-wrapper .faqs ul.accordion .accordion-item .accordion-content { max-width: 905px; padding: 20px; padding-left: 65px !important; border: none; background: transparent; } .faq-wrapper .faqs ul.accordion .accordion-item .accordion-content p { font-size: 16px; font-weight: 400; line-height: 25px; color: #000000; } @media (max-width: 767px) { .faq-wrapper .faqs ul.accordion .accordion-item .accordion-content p { font-size: 14px; font-weight: 400; line-height: 23px; } } .faq-wrapper .faqs ul.accordion .accordion-item.is-active a.accordion-title::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzN18xMDQzKSI+CjxwYXRoIGQ9Ik0yMS42MjU0IDE0Ljc0OTNIMTAuMzc0N0M5LjY4NDAzIDE0Ljc0OTMgOS4xMjUzNyAxNS4zMDkzIDkuMTI1MzcgMTUuOTk4N0M5LjEyNTM3IDE2LjY4OCA5LjY4NTM3IDE3LjI0OTMgMTAuMzc0NyAxNy4yNDkzSDIxLjYyNTRDMjIuMzE2IDE3LjI0OTMgMjIuODc0NyAxNi42ODkzIDIyLjg3NDcgMTUuOTk4N0MyMi44NzQ3IDE1LjMwOCAyMi4zMTQ3IDE0Ljc0OTMgMjEuNjI1NCAxNC43NDkzWiIgZmlsbD0iI0ZCOTE0QSIvPgo8bWFzayBpZD0ibWFzazBfMjM3XzEwNDMiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cGF0aCBkPSJNMzIgMEgwVjMySDMyVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjM3XzEwNDMpIj4KPHBhdGggZD0iTTE2IDMyQzEzLjg0IDMyIDExLjc0NTMgMzEuNTc3MyA5Ljc3MiAzMC43NDI3QzcuODY2NjcgMjkuOTM3MyA2LjE1NiAyOC43ODI3IDQuNjg2NjcgMjcuMzE0N0MzLjIxNzMzIDI1Ljg0NTMgMi4wNjQgMjQuMTM0NyAxLjI1ODY3IDIyLjIyOTNDMC40MjI2NjcgMjAuMjU0NyAwIDE4LjE2IDAgMTZDMCAxMy44NCAwLjQyMjY2NyAxMS43NDUzIDEuMjU3MzMgOS43NzJDMi4wNjI2NyA3Ljg2NjY3IDMuMjE3MzMgNi4xNTYgNC42ODUzMyA0LjY4NjY3QzYuMTU0NjcgMy4yMTczMyA3Ljg2NTMzIDIuMDY0IDkuNzcwNjcgMS4yNTg2N0MxMS43NDUzIDAuNDIyNjY3IDEzLjg0IDAgMTYgMEMxOC4xNiAwIDIwLjI1NDcgMC40MjI2NjcgMjIuMjI4IDEuMjU3MzNDMjQuMTMzMyAyLjA2MjY3IDI1Ljg0NCAzLjIxNzMzIDI3LjMxMzMgNC42ODUzM0MyOC43ODI3IDYuMTU0NjcgMjkuOTM2IDcuODY1MzMgMzAuNzQxMyA5Ljc3MDY3QzMxLjU3NiAxMS43NDQgMzEuOTk4NyAxMy44NCAzMS45OTg3IDE1Ljk5ODdDMzEuOTk4NyAxOS4xNTczIDMxLjA2MTMgMjIuMjI4IDI5LjI4OCAyNC44ODEzQzI4LjkwNCAyNS40NTQ3IDI4LjEyOCAyNS42MDkzIDI3LjU1NDcgMjUuMjI1M0MyNi45ODEzIDI0Ljg0MTMgMjYuODI2NyAyNC4wNjUzIDI3LjIxMDcgMjMuNDkyQzI4LjcwOCAyMS4yNTIgMjkuNSAxOC42NjEzIDI5LjUgMTUuOTk4N0MyOS41IDEyLjM5MiAyOC4wOTYgOS4wMDI2NyAyNS41NDUzIDYuNDUzMzNDMjIuOTk2IDMuOTA0IDE5LjYwNTMgMi40OTg2NyAxNiAyLjQ5ODY3QzEyLjM5NDcgMi40OTg2NyA5LjAwNCAzLjkwMjY3IDYuNDU0NjcgNi40NTMzM0MzLjkwNTMzIDkuMDAyNjcgMi41IDEyLjM5MzMgMi41IDE1Ljk5ODdDMi41IDE5LjYwNCAzLjkwNCAyMi45OTQ3IDYuNDU0NjcgMjUuNTQ0QzkuMDA0IDI4LjA5MzMgMTIuMzk0NyAyOS40OTg3IDE2IDI5LjQ5ODdDMTguNDY5MyAyOS40OTg3IDIwLjg4NCAyOC44MjY3IDIyLjk4NCAyNy41NTQ3QzIzLjU3NDcgMjcuMTk3MyAyNC4zNDI3IDI3LjM4NTMgMjQuNzAxMyAyNy45NzZDMjUuMDU4NyAyOC41NjY3IDI0Ljg3MDcgMjkuMzM0NyAyNC4yOCAyOS42OTMzQzIxLjc4OTMgMzEuMjAxMyAxOC45MjY3IDMxLjk5ODcgMTYuMDAxMyAzMS45OTg3TDE2IDMyWiIgZmlsbD0iI0ZCOTE0QSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjM3XzEwNDMiPgo8cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .share-icons { padding-top: 30px; } .share-icons .a2a_kit { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .share-icons .a2a_kit a { display: inline-block; width: 107px; height: 44px; padding: 10px 15px; text-align: center; background-color: #BA3C8B; color: #ffffff; border-radius: 3px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .share-icons .a2a_kit a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border: 1px solid rgba(12, 36, 54, 0.75); border-radius: 3px; -webkit-transform: translate(3px, -3px); -o-transform: translate(3px, -3px); transform: translate(3px, -3px); z-index: -1; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .share-icons .a2a_kit a:hover::before { -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .resource-annual .report-grid .grid-box { text-align: center; } .resource-annual .report-grid .grid-box h3 { font-weight: 800; font-size: 20px; line-height: 24px; } .resource-annual .report-grid .grid-box h3::first-letter { text-transform: capitalize; } .resource-single { position: relative; } .resource-single .category-sec .category-title h3 { color: #FB914A; } .resource-single .category-sec .category-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 88px; } @media (max-width: 1299px) { .resource-single .category-sec .category-grid { gap: 45px; } } @media (max-width: 1023px) { .resource-single .category-sec .category-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .resource-single .category-sec .category-grid { grid-template-columns: repeat(1, 1fr); } } .resource-single .category-sec .category-grid .img_cover { margin-bottom: 20px; } .resource-single .category-sec .category-grid .date_box span { font-size: 13px; font-weight: bold; line-height: 16px; position: relative; display: inline-block; } .resource-single .category-sec .category-grid .grid-title { border-bottom: 1.5px solid #FB914A; } .resource-single .category-sec .category-grid .grid-title p { color: #00A7B5; font-size: 22px; font-weight: 700; line-height: 30px; margin-bottom: 10px; text-transform: capitalize; } @media (max-width: 1199px) { .resource-single .category-sec .category-grid .grid-title p { font-size: 18px; font-weight: 700; line-height: 26px; } } @media (max-width: 767px) { .resource-single .category-sec .category-grid .grid-title p { font-size: 16px; font-weight: 700; line-height: 28px; } } .resource-single .category-sec .category-grid .grid-content { margin-top: 20px; } .resource-single .category-sec .category-grid .grid-content p { font-size: 16px; font-weight: 400; line-height: 25px; color: #0C2436; } @media (max-width: 767px) { .resource-single .category-sec .category-grid .grid-content p { font-size: 14px; font-weight: 400; line-height: 23px; } } .resource-single .category-sec .category-grid .grid-btn { margin-top: 30px; } .job-form { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .job-form { display: block; } } .job-form .braedcumb-sec { margin-bottom: 100px; } @media (max-width: 1023px) { .job-form .braedcumb-sec { margin-bottom: 60px; } } .job-form .braedcumb-sec .breadcumb ul.breadcrumbs span { color: #FFBF3F; } .job-form .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c a { color: #ffffff; } .job-form .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c .breadcrumb_last { color: #FFBF3F; } .job-form .braedcumb-sec .breadcumb ul.breadcrumbs span.bred-c svg path { fill: #ffffff; } .job-form .left-side { -webkit-box-flex: 0; -ms-flex: 0 0 628px; flex: 0 0 628px; } @media (max-width:1600px) { .job-form .left-side { -webkit-box-flex: 0; -ms-flex: 0 0 545px; flex: 0 0 545px; } } @media (min-width: 1024px) and (max-width: 1299.9px) { .job-form .left-side { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } } @media (max-width: 1023px) { .job-form .left-side { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; background-color: #1D57A5; padding: 0 50px 156px; } } @media (max-width: 767px) { .job-form .left-side { padding: 0 30px 156px; } } .job-form .left-side h2 { color: #ffffff; margin-bottom: 18px; } .job-form .left-side p { font-weight: 600; font-size: 18px; line-height: 27px; max-width: 419px; color: #fff; opacity: 0.75; } @media (min-width: 1024px) and (max-width: 1299.9px) { .job-form .left-side p { max-width: 348px; } } .job-form .left-side .job-plan { -o-object-fit: contain; object-fit: contain; position: absolute; left: 0; max-width: 620px; top: 12%; } @media (max-width:1600px) { .job-form .left-side .job-plan { max-width: 481px; } } @media (min-width: 1024px) and (max-width: 1299.9px) { .job-form .left-side .job-plan { max-width: 393px; } } @media (max-width: 1023px) { .job-form .left-side .job-plan { right: 0; max-width: 64%; height: 157px; top: 275px; left: inherit; } } .job-form .right-side { padding-left: 30px; padding-right: 30px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .job-form .right-side .gform_wrapper { padding-top: 150px; width: 800px; margin: 0 auto; } @media (max-width:1600px) { .job-form .right-side .gform_wrapper { width: 88%; } } @media (max-width: 1023px) { .job-form .right-side .gform_wrapper { max-width: 100%; width: 100%; margin-top: 60px; } } .job-form .right-side .gform_wrapper form .gform_body .gform_fields { grid-column-gap: 5%; grid-row-gap: 27px; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield label { font-weight: 800; font-size: 20px; line-height: 24px; color: rgba(12, 36, 54, 0.75); } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield input::-webkit-input-placeholder, .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder { font-weight: 400; font-size: 14px; line-height: 16px; color: #00A7B5; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield input::-moz-placeholder, .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield textarea::-moz-placeholder { font-weight: 400; font-size: 14px; line-height: 16px; color: #00A7B5; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield input:-ms-input-placeholder, .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield textarea:-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 16px; color: #00A7B5; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield input::-ms-input-placeholder, .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield textarea::-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 16px; color: #00A7B5; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield input::placeholder, .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield textarea::placeholder { font-weight: 400; font-size: 14px; line-height: 16px; color: #00A7B5; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield input[type=text], .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield input[type=email], .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield input[type=tel], .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield input[type=password] { height: 55px; width: 100%; padding: 20px; background-color: transparent; clip-path: polygon(0% 0%, 82.47% 0%, 82.47% 12.03%, 85.85% 12.03%, 85.85% 0%, 89.3% 0%, 89.3% 12.9%, 93.75% 12.56%, 93.75% 0%, 100% 0%, 100% 100%, 0% 100%); border: 0.14em solid #1D57A5; border-radius: 10px; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_date { position: relative; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_date .ui-datepicker-trigger { position: absolute; height: 17px; width: 17px; right: 20px; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area { width: 100%; padding: 20px; background-color: transparent; clip-path: polygon(0% 0%, 82.47% 0%, 82.47% 12.03%, 85.85% 12.03%, 85.85% 0%, 89.3% 0%, 89.3% 12.9%, 93.75% 12.56%, 93.75% 0%, 100% 0%, 100% 100%, 0% 100%); border: 0.12em solid #1D57A5; border-radius: 10px; position: relative; padding-top: 82px; padding-bottom: 30px; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area::before { content: ""; position: absolute; height: 39px; width: 39px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzOSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM3M18xMDcxKSI+CjxwYXRoIGQ9Ik0yOC4zMzE3IDE2Ljg4MjhWOS41MDIxM0MyOC4zMzE3IDkuMjkwODcgMjguMjM0MSA5LjA5NTY4IDI4LjA5NjEgOC45NDEyNkwxOS44MjEzIDAuMjUyMDIxQzE5LjY2NjkgMC4wODk1NjEzIDE5LjQ0NzMgMCAxOS4yMjggMEg2LjEwODYyQzMuNjg2NiAwIDEuNzUxOTUgMS45NzUxMSAxLjc1MTk1IDQuMzk3NDNWMjkuMjA1M0MxLjc1MTk1IDMxLjYyNzYgMy42ODY2IDMzLjU3MDMgNi4xMDg2MiAzMy41NzAzSDE2LjQ2NDRDMTguNDIzMiAzNi44MjE2IDIxLjk4MzYgMzguOTk5OSAyNi4wMzk0IDM4Ljk5OTlDMzIuMjAwNyAzOC45OTk5IDM3LjIzMjIgMzMuOTkyOCAzNy4yMzIyIDI3LjgyMzVDMzcuMjQwNiAyMi40MzQ0IDMzLjM3MTMgMTcuOTMxMyAyOC4zMzE3IDE2Ljg4MjhaTTIwLjA0MDkgMi44NTMxN0wyNS41OTI1IDguNjk3MjdIMjEuOTkxNkMyMC45MTg3IDguNjk3MjcgMjAuMDQwOSA3LjgxMTQ3IDIwLjA0MDkgNi43Mzg1MlYyLjg1MzE3Wk02LjEwODYyIDMxLjk0NDVDNC41ODg3NiAzMS45NDQ1IDMuMzc3NzQgMzAuNzI1MiAzLjM3Nzc0IDI5LjIwNTNWNC4zOTc0M0MzLjM3Nzc0IDIuODY5MjQgNC41ODg3NiAxLjYyNTc5IDYuMTA4NjIgMS42MjU3OUgxOC40MTUxVjYuNzM4NTJDMTguNDE1MSA4LjcxMzYzIDIwLjAxNjUgMTAuMzIzMSAyMS45OTE2IDEwLjMyMzFIMjYuNzA1OVYxNi42NzEyQzI2LjQ2MjMgMTYuNjYzMiAyNi4yNjcxIDE2LjYzODggMjYuMDU1OCAxNi42Mzg4QzIzLjIxOSAxNi42Mzg4IDIwLjYwOTggMTcuNzI4MSAxOC42NDI3IDE5LjQzNTFIOC4zMTk2OEM3Ljg3MjQ3IDE5LjQzNTEgNy41MDY3OSAxOS44MDA4IDcuNTA2NzkgMjAuMjQ3N0M3LjUwNjc5IDIwLjY5NDkgNy44NzI0NyAyMS4wNjA2IDguMzE5NjggMjEuMDYwNkgxNy4xMzA5QzE2LjU1MzcgMjEuODczNSAxNi4wNzQgMjIuNjg2NCAxNS43MDAzIDIzLjU4MDVIOC4zMTk2OEM3Ljg3MjQ3IDIzLjU4MDUgNy41MDY3OSAyMy45NDYyIDcuNTA2NzkgMjQuMzkzNEM3LjUwNjc5IDI0Ljg0MDMgNy44NzI0NyAyNS4yMDYzIDguMzE5NjggMjUuMjA2M0gxNS4xNzE5QzE0Ljk2ODYgMjYuMDE5MiAxNC44NjMgMjYuOTIxNCAxNC44NjMgMjcuODIzNUMxNC44NjMgMjkuMjg2NiAxNS4xNDc1IDMwLjczMzUgMTUuNjU5NSAzMS45NTI5SDYuMTA4NjJWMzEuOTQ0NVpNMjYuMDQ3OCAzNy4zODI1QzIwLjc4MDYgMzcuMzgyNSAxNi40OTY4IDMzLjA5ODcgMTYuNDk2OCAyNy44MzE2QzE2LjQ5NjggMjIuNTY0NCAyMC43NzIzIDE4LjI4MDYgMjYuMDQ3OCAxOC4yODA2QzMxLjMyMyAxOC4yODA2IDM1LjU5ODQgMjIuNTY0NCAzNS41OTg0IDI3LjgzMTZDMzUuNTk4NCAzMy4wOTg3IDMxLjMxNDkgMzcuMzgyNSAyNi4wNDc4IDM3LjM4MjVaIiBmaWxsPSIjMDBBN0I1Ii8+CjxwYXRoIGQ9Ik04LjMxOTczIDE2Ljk4ODNIMTYuNTUzN0MxNy4wMDA5IDE2Ljk4ODMgMTcuMzY2NiAxNi42MjI0IDE3LjM2NjYgMTYuMTc1NEMxNy4zNjY2IDE1LjcyODIgMTcuMDAwOSAxNS4zNjI1IDE2LjU1MzcgMTUuMzYyNUg4LjMxOTczQzcuODcyNTIgMTUuMzYyNSA3LjUwNjg0IDE1LjcyODIgNy41MDY4NCAxNi4xNzU0QzcuNTA2ODQgMTYuNjIyNCA3Ljg3MjUyIDE2Ljk4ODMgOC4zMTk3MyAxNi45ODgzWiIgZmlsbD0iIzAwQTdCNSIvPgo8cGF0aCBkPSJNMjYuNjI0NiAyMS44MzI4QzI2LjQ3MDIgMjEuNjcwMyAyNi4yNTg5IDIxLjU3MjggMjYuMDMxMyAyMS41NzI4QzI1LjgwMzcgMjEuNTcyOCAyNS41OTI0IDIxLjY3MDMgMjUuNDM4IDIxLjgzMjhMMjAuNjc0NiAyNi45NDU1QzIwLjM2NTcgMjcuMjcwOCAyMC4zOTAxIDI3Ljc5MDkgMjAuNzE1MyAyOC4wOTE3QzIxLjA0MDUgMjguNDAwNSAyMS41Njg3IDI4LjM3NjEgMjEuODc3NSAyOC4wNTEyTDI1LjI0MjggMjQuNDUwM1YzMy4zMjY0QzI1LjI0MjggMzMuNzczNiAyNS42MDg1IDM0LjEzOTMgMjYuMDU1NyAzNC4xMzkzQzI2LjUwMjYgMzQuMTM5MyAyNi44Njg2IDMzLjc3MzYgMjYuODY4NiAzMy4zMjY0VjI0LjQ1MDNMMzAuMjA5MSAyOC4wNTEyQzMwLjM3MTkgMjguMjIxNyAzMC41ODMxIDI4LjMxMTMgMzAuODAyNyAyOC4zMTEzQzMwLjk5NzYgMjguMzExMyAzMS4xOTI4IDI4LjIzODEgMzEuMzU1MyAyOC4wOTE3QzMxLjY4MDUgMjcuNzgyOCAzMS43MDQ5IDI3LjI3MDggMzEuMzk2IDI2Ljk0NTVMMjYuNjI0NiAyMS44MzI4WiIgZmlsbD0iIzAwQTdCNSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM3M18xMDcxIj4KPHJlY3Qgd2lkdGg9IjM5IiBoZWlnaHQ9IjM5IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: contain; left: 0; right: 0; top: 34px; margin: 0 auto; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area .gform_drop_instructions { font-weight: 600; font-size: 13px; line-height: 16px; color: rgba(12, 36, 54, 0.75); } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area .gform_button_select_files { background: transparent; font-weight: 600; font-size: 18px; line-height: 27px; color: #00A7B5; position: relative; padding: 0 0 3px; margin-bottom: 0; } .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_area .gform_button_select_files::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; width: 100%; background-color: #00A7B5; } @media (min-width: 1024px) and (max-width: 1299.9px) { .job-form .right-side .gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-half { grid-column: span 12; } } .job-form .right-side .gform_wrapper form .gform_footer .cs-btn.green-btn::after { background-color: transparent; z-index: -2; } .job-form .right-side .gform_wrapper form .gform_footer .cs-btn .bg { background-color: #00A7B5; border-radius: 9px; } .job-form .right-side .gform_wrapper form .gform_footer .cs-btn .bg input { background: transparent; font-weight: 600; font-size: 18px; line-height: 27px; height: auto; padding: 9px; margin-bottom: 0; } .job-form .right-side .gform_confirmation_wrapper { min-height: 800px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .job-form .right-side .gform_confirmation_wrapper .gform_confirmation_message { background: green; padding: 10px 20px; border-radius: 5px; color: #fff; } @media (max-width: 1199px) { .job-form .right-side .gform_confirmation_wrapper .gform_confirmation_message { max-width: 450px; } } .search-result-page { padding-bottom: 80px; } @media (max-width: 1199px) { .search-result-page { padding-bottom: 50px; } } .search-result-page .posts-navigation { margin-top: 30px; } .search-result-page .posts-navigation .nav-links .nav-next a, .search-result-page .posts-navigation .nav-links .nav-previous a { color: #BA3C8B; text-decoration: underline; } .search-result-page .posts-navigation .nav-links .nav-next a:hover, .search-result-page .posts-navigation .nav-links .nav-previous a:hover { color: #1D57A5; } .search-article { position: relative; padding-top: 33px; border-bottom: 1px solid #0C2436; margin-top: 40px; padding-bottom: 40px; } .search-article h3 { padding-right: 37px; } .search-article h3 a { color: #0C2436; } .search-article h3 a:hover { color: #BA3C8B; } .search-article .updated { position: absolute; top: 0; left: 0; font-weight: 700; font-size: 22px; line-height: 30px; } .search-article .entry-summary p { font-weight: 600; font-size: 18px; line-height: 22px; } .search-article .entry-summary .addtoany_share_save_container { position: absolute; top: 0; right: 0; } .search-article .byline { margin: 10px 0; font-weight: 600; font-size: 18px; line-height: 22px; } .search-article .byline a { color: #BA3C8B; } .page-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .page-pagination .pagination-lg { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; } .page-pagination .pagination-lg .page-item { text-align: center; } .page-pagination .pagination-lg .page-item a { height: 40px; width: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #FB914A; color: #ffffff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Urbanist", sans-serif; text-transform: capitalize; font-size: 18px; line-height: 28px; font-weight: 600; border-radius: 10px; border: 1px solid #FB914A; } .page-pagination .pagination-lg .page-item a:hover { color: #FB914A; background-color: #ffffff; } .page-pagination .pagination-lg .page-item.prev a { width: auto; padding: 0 25px; } .page-pagination .pagination-lg .page-item.next a { width: auto; padding: 0 25px; } .page-pagination .pagination-lg .page-item.active a { background-color: #FB914A; color: #ffffff; } .page-pagination .pagination-lg .page-item.disabled { opacity: 0.5; } .res-cat-listing .category-grid { margin-bottom: 50px; } @media (max-width: 767px) { .res-cat-listing .category-grid { grid-template-columns: repeat(1, 1fr) !important; margin: 30px 0 !important; } } .res-cat-listing .category-grid .grid-box .img_cover { height: 292px; -o-object-fit: cover; object-fit: cover; } .res-cat-listing .category-grid .grid-box .date_box { font-size: 13px; font-weight: 600; line-height: 16px; position: relative; display: inline-block; margin-bottom: 12px; } .res-cat-listing .category-grid .grid-box .date_box::before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; width: 100%; background-color: #D5419E; } body#tinymce { margin: 12px !important; } /*# sourceMappingURL=main.css.map*/