/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */ @font-face { font-family: "rugbyschoolacth"; src: url(fonts/rugbyschoolacth.eot); src: url(fonts/rugbyschoolacthd41d.eot?#iefix) format("embedded-opentype"), url(fonts/rugbyschoolacth.woff2) format("woff2"), url(fonts/rugbyschoolacth.woff) format("woff"), url(fonts/rugbyschoolacth.ttf) format("truetype"), url(fonts/rugbyschoolacth.svg#rugbyschoolacth) format("svg"); font-weight: 400; font-style: normal; } .testimonialcard .swiper-slide-active body{ font-family: "FuturaBT", "Roboto", sans-serif !important; } .icon-library-page .fsContent { position: relative; } .icon-library-page .fsContent[class*="icon"]:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; font-size: 40px; line-height: 1; margin-bottom: 20px; display: block; } .icon-library-page .fsContent .fsElementTitle { font-size: 22px; line-height: 30.8px; letter-spacing: 2.2px; } .icon-library-page #fsPageBody .icon-add-user:before { content: "" !important; } .icon-library-page #fsPageBody .icon-alumni:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apple:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apply:before { content: "" !important; } .icon-library-page #fsPageBody .icon-backpack:before { content: "" !important; } .icon-library-page #fsPageBody .icon-badge:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bar-graph:before { content: "" !important; } .icon-library-page #fsPageBody .icon-baseball:before { content: "" !important; } .icon-library-page #fsPageBody .icon-block:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book-stack:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book:before { content: "" !important; } .icon-library-page #fsPageBody .icon-brainstorm:before { content: "" !important; } .icon-library-page #fsPageBody .icon-briefcase:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bullhorn:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bus:before { content: "" !important; } .icon-library-page #fsPageBody .icon-calendar:before { content: "" !important; } .icon-library-page #fsPageBody .icon-camera:before { content: "" !important; } .icon-library-page #fsPageBody .icon-certificate:before { content: "" !important; } .icon-library-page #fsPageBody .icon-certificate2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat:before { content: "" !important; } .icon-library-page #fsPageBody .icon-check:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chess:before { content: "" !important; } .icon-library-page #fsPageBody .icon-church:before { content: "" !important; } .icon-library-page #fsPageBody .icon-city:before { content: "" !important; } .icon-library-page #fsPageBody .icon-classroom:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cleat:before { content: "" !important; } .icon-library-page #fsPageBody .icon-clock:before { content: "" !important; } .icon-library-page #fsPageBody .icon-college:before { content: "" !important; } .icon-library-page #fsPageBody .icon-connected-users:before { content: "" !important; } .icon-library-page #fsPageBody .icon-construction:before { content: "" !important; } .icon-library-page #fsPageBody .icon-credit-card:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cross:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diagram:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diploma:before { content: "" !important; } .icon-library-page #fsPageBody .icon-directory:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diversity:before { content: "" !important; } .icon-library-page #fsPageBody .icon-droplet:before { content: "" !important; } .icon-library-page #fsPageBody .icon-email:before { content: "" !important; } .icon-library-page #fsPageBody .icon-family:before { content: "" !important; } .icon-library-page #fsPageBody .icon-faq:before { content: "" !important; } .icon-library-page #fsPageBody .icon-flag:before { content: "" !important; } .icon-library-page #fsPageBody .icon-folder:before { content: "" !important; } .icon-library-page #fsPageBody .icon-football:before { content: "" !important; } .icon-library-page #fsPageBody .icon-gift:before { content: "" !important; } .icon-library-page #fsPageBody .icon-global-diversity:before { content: "" !important; } .icon-library-page #fsPageBody .icon-globe:before { content: "" !important; } .icon-library-page #fsPageBody .icon-globe2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-google-classroom:before { content: "" !important; } .icon-library-page #fsPageBody .icon-graduation:before { content: "" !important; } .icon-library-page #fsPageBody .icon-graduation2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group:before { content: "" !important; } .icon-library-page #fsPageBody .icon-handshake:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart:before { content: "" !important; } .icon-library-page #fsPageBody .icon-info:before { content: "" !important; } .icon-library-page #fsPageBody .icon-interactive:before { content: "" !important; } .icon-library-page #fsPageBody .icon-jersey:before { content: "" !important; } .icon-library-page #fsPageBody .icon-laurel:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leader:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leaf:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lightbulb:before { content: "" !important; } .icon-library-page #fsPageBody .icon-link:before { content: "" !important; } .icon-library-page #fsPageBody .icon-location:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lock:before { content: "" !important; } .icon-library-page #fsPageBody .icon-map:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medal:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medical:before { content: "" !important; } .icon-library-page #fsPageBody .icon-menu:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microscope:before { content: "" !important; } .icon-library-page #fsPageBody .icon-mobile-phone:before { content: "" !important; } .icon-library-page #fsPageBody .icon-money:before { content: "" !important; } .icon-library-page #fsPageBody .icon-music:before { content: "" !important; } .icon-library-page #fsPageBody .icon-name-badge:before { content: "" !important; } .icon-library-page #fsPageBody .icon-newspaper:before { content: "" !important; } .icon-library-page #fsPageBody .icon-open-door:before { content: "" !important; } .icon-library-page #fsPageBody .icon-paint:before { content: "" !important; } .icon-library-page #fsPageBody .icon-parent:before { content: "" !important; } .icon-library-page #fsPageBody .icon-park:before { content: "" !important; } .icon-library-page #fsPageBody .icon-party:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pencil:before { content: "" !important; } .icon-library-page #fsPageBody .icon-phone:before { content: "" !important; } .icon-library-page #fsPageBody .icon-picture:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pie-chart:before { content: "" !important; } .icon-library-page #fsPageBody .icon-piggy-bank:before { content: "" !important; } .icon-library-page #fsPageBody .icon-ping-pong:before { content: "" !important; } .icon-library-page #fsPageBody .icon-plate:before { content: "" !important; } .icon-library-page #fsPageBody .icon-playground:before { content: "" !important; } .icon-library-page #fsPageBody .icon-podium:before { content: "" !important; } .icon-library-page #fsPageBody .icon-question:before { content: "" !important; } .icon-library-page #fsPageBody .icon-rain:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading:before { content: "" !important; } .icon-library-page #fsPageBody .icon-report-card:before { content: "" !important; } .icon-library-page #fsPageBody .icon-robot:before { content: "" !important; } .icon-library-page #fsPageBody .icon-school:before { content: "" !important; } .icon-library-page #fsPageBody .icon-school2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-screens:before { content: "" !important; } .icon-library-page #fsPageBody .icon-settings:before { content: "" !important; } .icon-library-page #fsPageBody .icon-shield-police:before { content: "" !important; } .icon-library-page #fsPageBody .icon-snow-icon:before { content: "" !important; } .icon-library-page #fsPageBody .icon-soccer:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star-david:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star:before { content: "" !important; } .icon-library-page #fsPageBody .icon-store:before { content: "" !important; } .icon-library-page #fsPageBody .icon-sun:before { content: "" !important; } .icon-library-page #fsPageBody .icon-task:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teacher:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teamwork:before { content: "" !important; } .icon-library-page #fsPageBody .icon-theatre:before { content: "" !important; } .icon-library-page #fsPageBody .icon-thumbs-up:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tools:before { content: "" !important; } .icon-library-page #fsPageBody .icon-translate:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tree:before { content: "" !important; } .icon-library-page #fsPageBody .icon-trophy:before { content: "" !important; } .icon-library-page #fsPageBody .icon-user:before { content: "" !important; } .icon-library-page #fsPageBody .icon-video:before { content: "" !important; } .icon-library-page #fsPageBody .icon-virus:before { content: "" !important; } .icon-library-page #fsPageBody .icon-warning:before { content: "" !important; } .icon-library-page #fsPageBody .icon-wheelchair:before { content: "" !important; } .icon-library-page #fsPageBody .icon-add-user-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-alumni-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apple-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apply-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-backpack-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-badge-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bar-graph-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-baseball-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-block-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book-stack-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-brainstorm-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-briefcase-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bullhorn-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bus-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-calendar-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-camera-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-certificate-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-check-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chess-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-church-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-city-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-classroom-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cleat-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-clock-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-college-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-connected-users-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-construction-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-credit-card-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cross-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diagram-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diploma-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-directory-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diversity-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-droplet-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-email-solid:before { content: "ຝ" !important; } .icon-library-page #fsPageBody .icon-family-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-faq-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-flag-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-folder-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-football-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-gift-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-global-diversity-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-globe-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-google-classroom-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-graduation-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-handshake-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-info-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-interactive-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-jersey-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-laurel-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leader-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leaf-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lightbulb-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-link-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-location-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lock-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-map-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medal-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medical-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-menu-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microscope-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-mobile-phone-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-money-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-music-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-name-badge-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-newspaper-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-open-door-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-paint-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-parent-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-park-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-party-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pencil-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-phone-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-picture-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pie-chart-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-piggy-bank-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-ping-pong-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-plate-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-playground-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-podium-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-question-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-rain-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-report-card-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-robot-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-school-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-screens-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-settings-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-shield-police-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-snow-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-soccer-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star-david-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-store-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-sun-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-task-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teacher-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teamwork-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-theatre-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-thumbs-up-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tools-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-translate-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tree-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-trophy-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-user-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-video-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-virus-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-warning-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-wheelchair-solid:before { content: "" !important; } /*! helpers - functions v0.0.1 */ /*! helpers - utility v0.0.1 */ /*! helpers - box-model v0.0.1 */ /*! helpers - presentational v0.0.1 */ /*! helpers - ui-pattern v0.0.1 */ /*! helpers - typography v0.0.1 */ .fs_style_1:not(.fs_style_9) { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: rgba(42, 122, 227, 0.62); color: #fff; font-family: 'Manrope', sans-serif !important; font-weight: 500; font-size: 16px; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .campus-color{ background:#14284D !important; } .head-index-bottom{ margin-bottom: -68px !important; } .fs_style_1:not(.fs_style_9):hover, .fs_style_1:not(.fs_style_9):focus, .fsStateSelected .fs_style_1:not(.fs_style_9), .fs_style_1:not(.fs_style_9).on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_15 { width: 100%; max-width: unset; } .fs_style_1:not(.fs_style_9).fs_style_5 { background: #13284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_5:hover, .fs_style_1:not(.fs_style_9).fs_style_5:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_5, .fs_style_1:not(.fs_style_9).fs_style_5.on { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_6 { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_6:hover, .fs_style_1:not(.fs_style_9).fs_style_6:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_6, .fs_style_1:not(.fs_style_9).fs_style_6.on { background: #13284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_7 { background: #9ebba5; color: #13284D; } .fs_style_1:not(.fs_style_9).fs_style_7:hover, .fs_style_1:not(.fs_style_9).fs_style_7:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_7, .fs_style_1:not(.fs_style_9).fs_style_7.on { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_8 { background: #efc515; color: #13284D; } .fs_style_1:not(.fs_style_9).fs_style_8:hover, .fs_style_1:not(.fs_style_9).fs_style_8:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_8, .fs_style_1:not(.fs_style_9).fs_style_8.on { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_11 { background: #fff !important; color: #13284D !important; border-color: #fff !important; } .fs_style_1:not(.fs_style_9).fs_style_11:hover, .fs_style_1:not(.fs_style_9).fs_style_11:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_11, .fs_style_1:not(.fs_style_9).fs_style_11.on { background: #13284D !important; border-color: #fff !important; color: #fff !important; } .fs_style_1.fs_style_9 { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid #13284D !important; background: rgba(0, 0, 0, 0); color: #13284D; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; } .fs_style_1.fs_style_9.fs_style_15 { width: 100%; max-width: unset; } .fs_style_1.fs_style_9:hover, .fs_style_1.fs_style_9:focus, .fsStateSelected .fs_style_1.fs_style_9, .fs_style_1.fs_style_9.on { background: #13284D; color: #fff; } .fs_style_1.fs_style_9.fs_style_6 { color: #14284D; border-color: #14284D !important; } .fs_style_1.fs_style_9.fs_style_6:hover, .fs_style_1.fs_style_9.fs_style_6:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_6, .fs_style_1.fs_style_9.fs_style_6.on { background: #14284D; color: #fff; } .fs_style_1.fs_style_9.fs_style_7 { border-color: #9ebba5 !important; color: #13284D; } .fs_style_1.fs_style_9.fs_style_7:hover, .fs_style_1.fs_style_9.fs_style_7:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_7, .fs_style_1.fs_style_9.fs_style_7.on { background: #9ebba5; } .fs_style_1.fs_style_9.fs_style_8 { border-color: #efc515 !important; color: #13284D; } .fs_style_1.fs_style_9.fs_style_8:hover, .fs_style_1.fs_style_9.fs_style_8:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_8, .fs_style_1.fs_style_9.fs_style_8.on { background: #efc515; } .fs_style_1.fs_style_9.fs_style_12 { border-color: #fff !important; color: #fff !important; background: rgba(0, 0, 0, 0) !important; } .fs_style_1.fs_style_9.fs_style_12:hover, .fs_style_1.fs_style_9.fs_style_12:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_12, .fs_style_1.fs_style_9.fs_style_12.on { background: #fff !important; color: #13284D !important; } .fs_style_1.fs_style_9.fs_style_12.fs_style_7:hover, .fs_style_1.fs_style_9.fs_style_12.fs_style_7:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_12.fs_style_7, .fs_style_1.fs_style_9.fs_style_12.fs_style_7.on { background: #14284D !important; border-color: #14284D !important; color: #fff !important; } .fs_style_1.fs_style_9.fs_style_12.fs_style_8 { border-color: #efc515 !important; } .fs_style_1.fs_style_9.fs_style_12.fs_style_8:hover, .fs_style_1.fs_style_9.fs_style_12.fs_style_8:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_12.fs_style_8, .fs_style_1.fs_style_9.fs_style_12.fs_style_8.on { background: #efc515 !important; color: #13284D !important; } .fs_style_1.fs_style_9.fs_style_18 { border-color: #13284D !important; color: #13284D !important; background: rgba(0, 0, 0, 0) !important; } .fs_style_1.fs_style_9.fs_style_18:hover, .fs_style_1.fs_style_9.fs_style_18:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_18, .fs_style_1.fs_style_9.fs_style_18.on { background: #13284D !important; color: #fff !important; } .fs_style_10:not(.fs_style_9) { display: inline-block; padding: 25px 34px 21px; border: 1px solid rgba(0, 0, 0, 0); background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 17px; line-height: 20px; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; width: 100%; max-width: 280px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; border-radius: 100px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fs_style_10:not(.fs_style_9):hover, .fs_style_10:not(.fs_style_9):focus, .fsStateSelected .fs_style_10:not(.fs_style_9), .fs_style_10:not(.fs_style_9).on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_15 { width: 100%; max-width: unset; } .fs_style_10:not(.fs_style_9) em { display: block; margin-top: 8px; font-size: 16px; line-height: 1.4; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0.0125em; } .fs_style_10:not(.fs_style_9).fs_style_5 { background: #13284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_5:hover, .fs_style_10:not(.fs_style_9).fs_style_5:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_5, .fs_style_10:not(.fs_style_9).fs_style_5.on { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_6 { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_6:hover, .fs_style_10:not(.fs_style_9).fs_style_6:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_6, .fs_style_10:not(.fs_style_9).fs_style_6.on { background: #13284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_7 { background: #9ebba5; color: #13284D; } .fs_style_10:not(.fs_style_9).fs_style_7:hover, .fs_style_10:not(.fs_style_9).fs_style_7:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_7, .fs_style_10:not(.fs_style_9).fs_style_7.on { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_8 { background: #efc515; color: #13284D; } .fs_style_10:not(.fs_style_9).fs_style_8:hover, .fs_style_10:not(.fs_style_9).fs_style_8:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_8, .fs_style_10:not(.fs_style_9).fs_style_8.on { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_12 { border-color: #fff !important; color: #fff !important; background: rgba(0, 0, 0, 0) !important; } .fs_style_10:not(.fs_style_9).fs_style_12:hover, .fs_style_10:not(.fs_style_9).fs_style_12:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_12, .fs_style_10:not(.fs_style_9).fs_style_12.on { background: #fff !important; color: #13284D !important; } .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7:hover, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7.on { background: #14284D !important; border-color: #14284D !important; color: #fff !important; } .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8 { border-color: #efc515 !important; } .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8:hover, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8.on { background: #efc515 !important; color: #13284D !important; } .fs_style_10:not(.fs_style_9).fs_style_11 { background: #fff !important; color: #13284D !important; border-color: #fff !important; } .fs_style_10:not(.fs_style_9).fs_style_11:hover, .fs_style_10:not(.fs_style_9).fs_style_11:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_11, .fs_style_10:not(.fs_style_9).fs_style_11.on { background: rgba(0, 0, 0, 0) !important; border-color: #fff !important; color: #fff !important; } .fs_style_10.fs_style_9 { display: inline-block; padding: 25px 34px 21px; border: 1px solid #13284D; background: rgba(0, 0, 0, 0); color: #13284D; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 17px; line-height: 20px; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; width: 100%; max-width: 280px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; border-radius: 100px; } .fs_style_10.fs_style_9.fs_style_15 { width: 100%; max-width: unset; } .fs_style_10.fs_style_9 em { display: block; margin-top: 8px; font-size: 16px; line-height: 1.4; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0.0125em; } .fs_style_10.fs_style_9:hover, .fs_style_10.fs_style_9:focus, .fsStateSelected .fs_style_10.fs_style_9, .fs_style_10.fs_style_9.on { background: #13284D; color: #fff; } .fs_style_10.fs_style_9.fs_style_6 { color: #14284D; border-color: #14284D !important; } .fs_style_10.fs_style_9.fs_style_6:hover, .fs_style_10.fs_style_9.fs_style_6:focus, .fsStateSelected .fs_style_10.fs_style_9.fs_style_6, .fs_style_10.fs_style_9.fs_style_6.on { background: #14284D; color: #fff; } .fs_style_10.fs_style_9.fs_style_7 { border-color: #9ebba5 !important; color: #13284D; } .fs_style_10.fs_style_9.fs_style_7:hover, .fs_style_10.fs_style_9.fs_style_7:focus, .fsStateSelected .fs_style_10.fs_style_9.fs_style_7, .fs_style_10.fs_style_9.fs_style_7.on { background: #9ebba5; } .fs_style_10.fs_style_9.fs_style_8 { border-color: #efc515 !important; color: #13284D; } .fs_style_10.fs_style_9.fs_style_8:hover, .fs_style_10.fs_style_9.fs_style_8:focus, .fsStateSelected .fs_style_10.fs_style_9.fs_style_8, .fs_style_10.fs_style_9.fs_style_8.on { background: #efc515; } .fs_style_16, .fs_style_17 { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid #cfcfcf !important; background: rgba(0, 0, 0, 0); color: #13284D; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fs_style_16:hover, .fs_style_16:focus, .fsStateSelected .fs_style_16, .fs_style_16.on, .fs_style_17:hover, .fs_style_17:focus, .fsStateSelected .fs_style_17, .fs_style_17.on { border-color: #14284D !important; background: #14284D; color: #fff; } .fs_style_16.fs_style_15, .fs_style_17.fs_style_15 { width: 100%; max-width: unset; } .fs_style_16:before, .fs_style_17:before { font-size: 1rem; line-height: 140%; vertical-align: middle; color: #14284D; text-transform: uppercase; } .fs_style_16:hover:before, .fs_style_16:focus:before, .fs_style_17:hover:before, .fs_style_17:focus:before { color: #fff; } .fs_style_16:before { content: ""; font-family: "rugbyschoolacth"; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 8px; } .fs_style_17:before { content: ""; font-family: "rugbyschoolacth"; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 8px; } .fsStyleDefaultButton { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fsStyleDefaultButton:hover, .fsStyleDefaultButton:focus, .fsStateSelected .fsStyleDefaultButton, .fsStyleDefaultButton.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fsStyleDefaultButton.fs_style_15 { width: 100%; max-width: unset; } .fsStyleDefaultButton.fsLoadMoreButton { margin: 40px 0 0; } @media (min-width: 600px) { .fsBannerLeft .fsStyleDefaultButton.fsLoadMoreButton, .fsBannerRight .fsStyleDefaultButton.fsLoadMoreButton, .fsStyleOneThird .fsStyleDefaultButton.fsLoadMoreButton, .fsTwoColumnLayout .fsStyleDefaultButton.fsLoadMoreButton, .fsThreeColumnLayout > .fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsFourColumnLayout > .fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_3 .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_4 .fsStyleDefaultButton.fsLoadMoreButton { max-width: 100%; width: 100%; } } .fsStyleDefaultButton.fsSelectAll { margin-bottom: 5px; padding: 7px 12px; font-size: 0.875em; line-height: 1.2; } .fsStyleUpdateButton { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fsStyleUpdateButton:hover, .fsStyleUpdateButton:focus, .fsStateSelected .fsStyleUpdateButton, .fsStyleUpdateButton.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fsStyleUpdateButton.fs_style_15 { width: 100%; max-width: unset; } .j-paginate.juicer-button { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: auto; margin-top: 40px; } .j-paginate.juicer-button:hover, .j-paginate.juicer-button:focus, .fsStateSelected .j-paginate.juicer-button, .j-paginate.juicer-button.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .j-paginate.juicer-button.fs_style_15 { width: 100%; max-width: unset; } .compartment { position: relative; margin: 0 auto; max-width: 1180px; } .margin-x { margin-right: 1.0526315789em; margin-left: 1.0526315789em; } .margin-x-2x { margin-right: 2.1052631579em; margin-left: 2.1052631579em; } .margin-y { margin-top: 1.0526315789em; margin-bottom: 1.0526315789em; } .margin-y-2x { margin-top: 2.1052631579em; margin-bottom: 2.1052631579em; } .padding-x { padding-right: 1.0526315789em; padding-left: 1.0526315789em; } .padding-x-2x { padding-right: 2.1052631579em; padding-left: 2.1052631579em; } .padding-y { padding-top: 1.0526315789em; padding-bottom: 1.0526315789em; } .padding-y-2x { padding-top: 2.1052631579em; padding-bottom: 2.1052631579em; } .stretch-container { margin-right: -1.0526315789em; margin-left: -1.0526315789em; } .cover { position: absolute; height: 100%; width: 100%; } .fsYoutubeTitle, .fsVimeoTitle, .fsAthleticsRosterList li > div.fsRosterName, .fsTitle { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.375rem; line-height: 1.925rem; letter-spacing: 2.2px; margin-bottom: 20px; margin-bottom: 15px; } p + .fsYoutubeTitle, p + .fsVimeoTitle, .fsAthleticsRosterList li > p + div.fsRosterName, p + .fsTitle { margin-top: 40px; } @media (max-width: 999px) { .fsYoutubeTitle, .fsVimeoTitle, .fsAthleticsRosterList li > div.fsRosterName, .fsTitle { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 20px; } } .fsYoutubeTitle:last-child, .fsVimeoTitle:last-child, .fsAthleticsRosterList li > div.fsRosterName:last-child, .fsTitle:last-child { margin-bottom: 0; } .fsYoutubeTitle > a, .fsVimeoTitle > a, .fsAthleticsRosterList li > div.fsRosterName > a, .fsTitle > a { color: inherit; font-weight: inherit; text-decoration: none; } .fsYoutubeTitle > a:hover, .fsVimeoTitle > a:hover, .fsAthleticsRosterList li > div.fsRosterName > a:hover, .fsTitle > a:hover, .fsYoutubeTitle > a:focus, .fsVimeoTitle > a:focus, .fsAthleticsRosterList li > div.fsRosterName > a:focus, .fsTitle > a:focus { color: #14284D; /* text-decoration: underline; */ } h1 { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: 'Manrope', sans-serif !important; font-size: 3.75rem; line-height: 5.25rem; position: relative; margin-bottom: 40px; } p + h1 { margin-top: 40px; } @media (max-width: 999px) { h1 { font-size: 2.25rem; line-height: 3.15rem; letter-spacing: 2px; margin-bottom: 30px; } } h2 { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: 'Manrope', sans-serif !important; font-size: 2.375rem; line-height: 3.325rem; letter-spacing: 2.28px; margin-bottom: 20px; } p + h2 { margin-top: 40px; } @media (max-width: 999px) { h2 { font-size: 1.875rem; line-height: 2.625rem; margin-bottom: 20px; } } h3 { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.8125rem; line-height: 2.5375rem; letter-spacing: 1.74px; margin-bottom: 20px; } p + h3 { margin-top: 40px; } @media (max-width: 999px) { h3 { font-size: 1.5625rem; line-height: 2.1875rem; margin-bottom: 20px; } } h4 { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.375rem; line-height: 1.925rem; letter-spacing: 2.2px; margin-bottom: 20px; } p + h4 { margin-top: 40px; } @media (max-width: 999px) { h4 { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 20px; } } h5 { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.125rem; line-height: 1.4875rem; letter-spacing: 1.7px; margin-bottom: 15px; } p + h5 { margin-top: 40px; } @media (max-width: 999px) { h5 { font-size: 1.0625rem; line-height: 1.4875rem; margin-bottom: 20px; } } h6 { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 0.8125rem; line-height: 1.1375rem; letter-spacing: 2.6px; margin-bottom: 15px; } p + h6 { margin-top: 40px; } @media (max-width: 999px) { h6 { font-size: 0.8125rem; line-height: 1.1375rem; margin-bottom: 20px; } } p { margin: 0 0 20px; } body:not(.fsComposeMode) p:last-child { margin-bottom: 0; } hr { margin: 0 auto 20px; border-top: 1px solid #cfcfcf; } .fsElement.fs-divider { margin-bottom: 20px; } .fsResourceElement.fs-divider .fsResourceName { display: none; } .fsResourceElement.fs-divider picture { position: relative; } .fsResourceElement.fs-divider picture:before { content: ""; width: 100%; height: 1px; background: #cfcfcf; position: absolute; top: 50%; margin-top: -0.5px; left: 0; } .fsResourceElement.fs-divider picture img { margin: 0 auto; padding: 0 20px; background: #f8f8f6; position: relative; } a { text-decoration: none; padding: 0 0 5px; border-bottom: 1px solid #14284D; color: #14284D; -webkit-transition: 0.3s all; transition: 0.3s all; } /* a:hover, a:focus { text-decoration: none; color: #14284D; border-bottom: 1px solid rgba(0, 0, 0, 0); } */ ul, ol { margin-top: 0; padding-left: 20px; } img, canvas, video, svg { height: auto; max-width: 100%; } iframe { border: 0; max-width: 100%; } .fsResourceElement.fsSingleItem .fsTitle { display: none; } /*! _main.scss - src/sass/modules/common/ - main common import */ /*! elements - common v0.0.1 */ .fsElement { margin-bottom: 60px; } .fsElement.fsLayout { margin-bottom: 40px; } .fsElement.fsLayout:last-child { margin-bottom: 0; } .fsElement:last-child { margin-bottom: 0; } .fsElementHeaderContent { margin-bottom: 20px; } .fsElementFooterContent { margin-top: 20px; } .fsElementEmpty { font-size: 1rem; line-height: 1.375; font-style: italic; color: #131313; } .fsPanel { margin-bottom: 0; } .fsStyleDefaultField { border: solid 1px #636363; } /*! elements - common - list subtype v0.0.1 */ .fsList article { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #cfcfcf; } .fsList .fsListItems:last-of-type > article:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .fsList .fsListItems:last-of-type > .fsMonthContainer:last-child > .fsDayContainer:last-child article:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .fsList .fsListItems:last-of-type > .fsDayContainer:last-child article:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .fsList li.fsListItem { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #cfcfcf; } .fsListNav .fsStyleDefaultList { list-style: none; margin: 0; padding: 0; } .fsListNav .fsStyleDefaultList .fsListItem a { display: inline-block; padding: 0; } .fsListNav .fsStyleDefaultList .fsListItem a:hover, .fsListNav .fsStyleDefaultList .fsListItem a:focus { color: #14284D; background: rgba(0, 0, 0, 0); } .fsListNav .fsStyleDefaultList .fsListItem.fsResourceCollection.fsStateExpanded > .fsResourceCollectionLink { margin-bottom: 10px; } .fsListNav .fsListLevel1 > .fsListItem { padding: 0 0 20px; margin-bottom: 20px; border-bottom: solid 1px #cfcfcf; } .fsListNav .fsListLevel2 > .fsListItem { padding-left: 10px; } .fsListNav .fsListLevel3 > .fsListItem { padding-left: 20px; } .fsListNav .fsListLevel4 > .fsListItem { padding-left: 30px; } .fsListNav .fsListLevel5 > .fsListItem { padding-left: 40px; } @media (max-width: 599px) { .fsNavigation.hide-mobile { display: none; } } /*! element - common - slideshow subtype v0.0.1 */ .fsSlideshow.fsSlideshowVertical .fsPrevButton { margin: 0 auto 10px; } .fsSlideshow.fsSlideshowVertical .fsPager { margin-bottom: 20px; } .fsSlideshow.fsSlideshowVertical .slick-navigation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fsSlideshow .fsElementSlideshow { margin: 0 -10px; } .fsSlideshow .fsElementSlideshow[data-arrows*="true"] { padding: 0; } .fsSlideshow .slick-navigation { 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; margin-top: 30px; } .fsSlideshow .fsNextButton, .fsSlideshow .fsPrevButton { overflow: hidden; position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; width: 40px; height: 40px; border-radius: 100%; margin: 0 10px; border: 1px solid #636363; background-color: rgba(0, 0, 0, 0); color: #636363; font-size: 0; line-height: 1; -webkit-transition: 0.3s all; transition: 0.3s all; -ms-flex-negative: 0; flex-shrink: 0; } .fsSlideshow .fsNextButton:before, .fsSlideshow .fsPrevButton:before { font-size: 16px; line-height: 1; width: auto; height: auto; color: inherit; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); font-family: "IcoMoon"; font-weight: normal; } .fsSlideshow .fsNextButton:hover, .fsSlideshow .fsNextButton:focus, .fsSlideshow .fsPrevButton:hover, .fsSlideshow .fsPrevButton:focus { border-color: #13284D; background-color: #13284D; color: #fff; } .fsSlideshow .fsPrevButton:before { content: ""; } .fsSlideshow .fsNextButton:before { content: ""; } .fsSlideshow .fsPager { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; margin: -4px 6px; } .fsSlideshow .fsPager li { width: 8px; height: 8px; margin: 4px; } .fsSlideshow .fsPager li button { width: 100%; height: 100%; padding: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0); border: 1px solid #636363; -webkit-transition: 0.3s all; transition: 0.3s all; } .fsSlideshow .fsPager li button:before { content: normal; } .fsSlideshow .fsPager li button:hover, .fsSlideshow .fsPager li button:focus { background-color: #13284D; border-color: #13284D; } .fsSlideshow .fsPager li button:focus { outline: 1px dashed rgba(0, 33, 60, 0.25); } .fsSlideshow .fsPager li.slick-active button { background-color: #13284D; border-color: #13284D; } /*! elements - common - dialog box v0.0.1 */ .fsDialogCloseButton { opacity: 1; width: 40px; height: 40px; top: 20px; right: 20px; font-size: 1rem; line-height: 1; } .fsDialogCloseButton:after { content: normal; } .fsDialogCloseButton:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; color: #131313; background-color: rgba(0, 0, 0, 0); max-width: unset; height: auto; -webkit-transform: none; -ms-transform: none; transform: none; border-radius: 0; -webkit-transition: 0.3s color; transition: 0.3s color; } .fsDialogCloseButton:focus:before { color: #131313; background-color: rgba(0, 0, 0, 0); } .fsDialogCloseButton:hover:before { color: #14284D; background-color: rgba(0, 0, 0, 0); } .fsElementDialog { color: #00213c; width: 800px; border-radius: 8px; -webkit-filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.08)); -webkit-box-shadow: none; box-shadow: none; border: none; } .fs_style_13 { color: #00213c; font-size: 1.375rem; line-height: 2.0625rem; font-weight: 400; } @media (min-width: 600px) { .fs_style_13 { font-size: 1.6875rem; line-height: 2.5625rem; } } blockquote { margin: 50px 0; padding-top: 57px; border-top: solid 1px #cfcfcf; position: relative; font-weight: 400; font-size: 22px; line-height: 1.5; text-align: center; color: #13284D; } @media (min-width: 600px) { blockquote { font-size: 27px; } } body:not(.fsComposeMode) blockquote:first-child { margin-top: 0; } body:not(.fsComposeMode) blockquote:last-child { margin-bottom: 0; } blockquote.\:container\(width\<600px\) { font-size: 1.375rem; line-height: 150%; } blockquote:after { content: ""; display: table; margin: 46px auto 20px; padding: 0 30px 0 20px; color: #9ebba5; position: relative; z-index: 1; font-size: 3.125rem; line-height: 1; width: 5.375rem; background: #f8f8f6; } blockquote:before { content: ""; position: absolute; top: auto; bottom: 22px; left: 0; width: 100%; height: 1px; background-color: #cfcfcf; } cite { display: block; margin: 24px 0 0; font-style: normal; font-weight: 400; font-size: 0.9375rem; line-height: 130%; font-family: "FuturaBT", "Roboto", sans-serif !important; color: #14284D; } cite strong { letter-spacing: 1.08px; text-transform: uppercase; color: #13284D; font-size: 1.125rem; line-height: 140%; font-weight: 500; padding-bottom: 10px; display: inline-block; } .fs_style_14 { display: block; -webkit-box-shadow: 0 none; box-shadow: 0 none; margin: 50px 0; padding-top: 50px; border-top: solid 1px #cfcfcf; font-size: 1.375rem; line-height: 150%; font-weight: 400; color: #13284D; position: relative; text-align: center; } @media (min-width: 600px) { .fs_style_14 { font-size: 1.6875rem; } } .fs_style_14:after { content: ""; font-family: "rugbyschoolacth"; display: table; margin: 50px auto 20px; padding: 0 30px 0 20px; background-color: #f8f8f6; color: #9ebba5; position: relative; z-index: 1; font-size: 2.875rem; line-height: 1; width: 5.375rem; } .fs_style_14:before { content: ""; position: absolute; top: auto; bottom: 14px; left: 0; width: 100%; height: 1px; background-color: #cfcfcf; } .fs_style_14.\:container\(width\<600px\) { font-size: 1.375rem; line-height: 150%; } body:not(.fsComposeMode) .screen-reader-only { display: block; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; top: -9999em; left: -9999em; white-space: nowrap; overflow: hidden; } .fsAthleticsRoster .fsElementTable, .fsAthleticsEvent.fsTable .fsElementTable, table.fs_style_2 { width: 100%; margin-bottom: 20px; } .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable td, .fsAthleticsEvent.fsTable .fsElementTable td, table.fs_style_2 th, table.fs_style_2 td { vertical-align: top; border-bottom: none; } .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable th, table.fs_style_2 th { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.125rem; line-height: 1.4875rem; letter-spacing: 1.7px; margin-bottom: 0; padding: 20px; background: #13284D; color: #fff; text-align: left; text-transform: none; font-size: 1.125rem; font-weight: 400; line-height: 140%; letter-spacing: normal; } .fsAthleticsRoster p + .fsElementTable th, .fsAthleticsEvent.fsTable p + .fsElementTable th, p + table.fs_style_2 th { margin-top: 40px; } @media (max-width: 999px) { .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable th, table.fs_style_2 th { font-size: 1.0625rem; line-height: 1.4875rem; } .evnt-main-sec{ display: block !important; align-items:center; } div#v-pills-tabContent { width: 100% !important; } .news-heading { position: absolute; bottom: -40px; /* pushes it half outside the image */ left: 40%; transform: translateX(-50%); /* center align */ width: 70%; padding: 20px; background: #14284D; color: #fff; box-shadow: 0px 4px 12px rgba(0,0,0,0.3); border-bottom-right-radius: 80px; } .swiper-button-next{ right: 15% !important; } .swiper-button-prev{ left: 76% !important; } } .fsAthleticsRoster .fsElementTable td, .fsAthleticsEvent.fsTable .fsElementTable td, table.fs_style_2 td { padding: 13px 20px; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.1875rem; line-height: 160%; font-weight: 400; } .fsAthleticsRoster .fsElementTable tr, .fsAthleticsEvent.fsTable .fsElementTable tr, table.fs_style_2 tr { border-bottom: solid 1px #fff; } .fsAthleticsRoster .fsElementTable tr:nth-of-type(odd) td, .fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(odd) td, table.fs_style_2 tr:nth-of-type(odd) td { background-color: #fff; } .fsAthleticsRoster .fsElementTable tr:nth-of-type(even) td, .fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(even) td, table.fs_style_2 tr:nth-of-type(even) td { background-color: #f8f8f8; } .fsAthleticsRoster .fsElementTable tr.fsLoadMoreButtonRow td, .fsAthleticsEvent.fsTable .fsElementTable tr.fsLoadMoreButtonRow td, table.fs_style_2 tr.fsLoadMoreButtonRow td { background-color: rgba(0, 0, 0, 0); padding: 20px 0; } body:not(.fsComposeMode) .fsAthleticsRoster .fsElementTable:last-child, .fsAthleticsRoster body:not(.fsComposeMode) .fsElementTable:last-child, body:not(.fsComposeMode) .fsAthleticsEvent.fsTable .fsElementTable:last-child, .fsAthleticsEvent.fsTable body:not(.fsComposeMode) .fsElementTable:last-child, body:not(.fsComposeMode) table.fs_style_2:last-child { margin-bottom: 0; } .table-overflow { overflow-x: auto; max-width: 100%; margin-bottom: 20px; } .table-overflow:last-child { margin-bottom: 0; } .card { color: #00213c; position: relative; overflow: hidden; } .card.watermark:before { content: ""; display: block; width: 283px; height: 351px; position: absolute; right: -153px; bottom: -141px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(images/crest-light-green.png); opacity: 0.3; } .card.light { background-color: #fff; } .card.light a:not([class]) { color: #14284D; font-weight: 400; } .card.light a:not([class]):hover, .card.light a:not([class]):focus { color: #14284D; } .card.light:before { color: #9ebba5; } .card.dark { background-color: #131313; color: #fff; } .card.dark.watermark:before { background-image: url(images/crest-blue.png); } .card.primary { background-color: #13284D; color: #fff; } .card.primary.watermark:before { background-image: url(images/crest-blue.png); } .card.secondary { background-color: #879abd; } .card.secondary.watermark:before { background-image: url(images/crest-gray.png); } .card.accent { background-color: #9ebba5; } .card.accent.watermark:before { background-image: url(images/crest-gray.png); } .card.equal-height { height: 100%; } .card > header .fsElementTitle { margin-bottom: 0; padding: 30px; } .card > header .fsElementHeaderContent { margin: 0; } .card > header .fsElementHeaderContent img { display: block; width: 100%; height: 100%; } .card > .fsElementContent { padding: 50px 30px; font-size: 1.0625rem; font-weight: 400; line-height: 150%; } .card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card .fs_style_13, .card a:not([class]) { color: inherit; border-color: inherit; } .card h1:hover, .card h1:focus, .card h2:hover, .card h2:focus, .card h3:hover, .card h3:focus, .card h4:hover, .card h4:focus, .card h5:hover, .card h5:focus, .card h6:hover, .card h6:focus, .card .fs_style_13:hover, .card .fs_style_13:focus, .card a:not([class]):hover, .card a:not([class]):focus { border-color: rgba(0, 0, 0, 0); } /*! _main.scss - src/sass/navigation/ - main import */ .fsNavigation ul { list-style: none; margin: 0; padding: 0; } .fsNavigation li.fsNavCurrentPage > a, .fsNavigation li.fsNavCurrentPageAncestor > a { color: #14284D; background: rgba(0, 0, 0, 0); } /* .fsNavigation a { display: block; padding: 10px 0; color: #14284D; font-family: "FuturaBT", "Roboto", sans-serif !important; background: rgba(0, 0, 0, 0); } */ .fsNavigation a:hover, .fsNavigation a:focus { color: #14284D; background: rgba(0, 0, 0, 0); } .fsNavigation .fsNavLevel2 > li > a { padding-left: 10px; } .fsNavigation .fsNavLevel3 > li > a { padding-left: 20px; } .fsNavigation .fsNavLevel4 > li > a { padding-left: 30px; } .fsNavigation .fsNavLevel5 > li > a { padding-left: 40px; } .fsBreadcrumb ul li { display: inline-block; } .fsBreadcrumb ul li a { display: inline-block; padding: 0; } .nav-breadcrumbs { position: relative; margin: 0 auto; max-width: 1180px; display: none; } body:not(.fsComposeMode) .nav-breadcrumbs:not([updated]) { opacity: 0; visibility: hidden; } @media (min-width: 600px) { .nav-breadcrumbs { display: block; } } .nav-breadcrumbs.fsElement { margin-bottom: 53px; } .nav-breadcrumbs header, .nav-breadcrumbs footer { display: none; } .nav-breadcrumbs.nav-hide { display: none !important; } .nav-breadcrumbs ul { 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; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .nav-breadcrumbs ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; min-height: 16px; margin: 0 0 0; padding-right: 14px; position: relative; color: #00213c; font-size: 12px; line-height: 1.25; font-weight: 500; font-family: "FuturaBT", "Roboto", sans-serif !important; vertical-align: top; text-transform: uppercase; letter-spacing: 0.31em; } .nav-breadcrumbs ul li[aria-current="location"] { padding: 5px 5px 5px; } .nav-breadcrumbs ul li:after { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; display: block; width: 6px; height: 14px; position: absolute; top: 5px; right: 4px; color: #959595; font-size: 14px; line-height: 14px; vertical-align: top; } .nav-breadcrumbs ul li:last-of-type:after { display: none; } .nav-breadcrumbs ul li a { display: block; padding: 5px 5px 5px; border: 0; color: #636363; font-size: inherit; line-height: inherit; font-weight: inherit; font-family: "FuturaBT", "Roboto", sans-serif !important; text-transform: inherit; vertical-align: top; text-decoration: none; } .nav-breadcrumbs ul li a:hover, .nav-breadcrumbs ul li a:focus { /* color: #14284D; text-decoration: underline; */ } .nav-breadcrumbs .fsNavBreadcrumbSeperator { display: none; } .nav-site-map ul { margin: 0 0 0 20px; padding: 0; } .nav-site-map ul.fsNavLevel1 { margin-left: 0; list-style: none; } @media (min-width: 600px) { .nav-site-map ul.fsNavLevel1 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-rule: 0; -moz-column-rule: 0; column-rule: 0; min-height: initial; } .nav-site-map ul.fsNavLevel1 li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; } } .nav-site-map ul.fsNavLevel1 > li > a { margin-bottom: 20px; font-weight: 700; } .nav-site-map ul.fsNavLevel2 { list-style: disc; } .nav-site-map ul.fsNavLevel3 { list-style: circle; } .nav-site-map ul.fsNavLevel4 { list-style: square; } .nav-site-map ul.fsNavLevel5 { list-style: disc; } .nav-tier ul li a { display: block; padding: 10px 10px; color: #00213c; background: rgba(0, 0, 0, 0); } .nav-tier ul li a:hover, .nav-tier ul li a:focus { color: #14284D; background: rgba(0, 0, 0, 0); } .nav-tier ul li.fsNavCurrentPage > a { color: #14284D; background: #fff; } .nav-tier ul li.fsNavCurrentPage > a:hover, .nav-tier ul li.fsNavCurrentPage > a:focus { color: #14284D; background: #fff; } .nav-tier ul li.fsNavCurrentPageAncestor { background: #fff; } .nav-tier ul li.fsNavCurrentPageAncestor > a { color: #00213c; background: rgba(0, 0, 0, 0); } .nav-tier ul li.fsNavCurrentPageAncestor > a:hover, .nav-tier ul li.fsNavCurrentPageAncestor > a:focus { color: #13284D; background: #f8f8f6; } .nav-tier .fsNavLevel1 { padding-left: 0; } .nav-tier .fsNavLevel1 > li { border-bottom: solid 1px #cfcfcf; } .nav-tier .fsNavLevel1 > li:last-child { border-bottom: none; } .nav-tier .fsNavLevel2 > li > a { padding-left: 20px; } .nav-tier .fsNavLevel3 > li > a { padding-left: 30px; } .nav-tier .fsNavLevel4 > li > a { padding-left: 40px; } .nav-tier .fsNavLevel5 > li > a { padding-left: 50px; } .nav-sub { display: none; } @media screen and (max-width: 600px) { .nav-sub > header { display: block; position: relative; position: relative; padding: 10px 20px; background-color: #fff; color: #00213c; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .nav-sub > header .fsElementTitle { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.125rem; line-height: 1.4875rem; letter-spacing: 1.7px; margin-bottom: 0; color: inherit; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 0.8125rem; line-height: 1.1375rem; font-weight: 500; } p + .nav-sub > header .fsElementTitle { margin-top: 40px; } } @media screen and (max-width: 600px) and (max-width: 999px) { .nav-sub > header .fsElementTitle { font-size: 1.0625rem; line-height: 1.4875rem; } } @media screen and (max-width: 600px) { .nav-sub > header:hover, .nav-sub > header:focus-within { background-color: #fff; color: #00213c; } } @media screen and (max-width: 600px) and (min-width: 600px) { .nav-sub > header { cursor: default; } } @media screen and (max-width: 600px) { .nav-sub > header .fsElementTitle { padding-right: 40px; padding-left: 0; position: relative; color: #010f24; font-size: 13px; line-height: 1.3846153846; font-weight: 500; } .nav-sub > header .nav-toggle { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 20px; height: 20px; position: absolute; right: 20px; -webkit-transform: translate3d(0, -50%, 0) rotate(0deg); transform: translate3d(0, -50%, 0) rotate(0deg); color: inherit; cursor: pointer; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .nav-sub > header .nav-toggle:after { content: ""; font-family: "rugbyschoolacth"; font-smoothing: antialiased; font-weight: normal; speak: none; display: block; width: 20px; height: 20px; position: absolute; top: 0; right: 0; color: #00213c; font-size: 14px; line-height: 20px; text-align: center; } .nav-sub > header .nav-toggle span { display: none; } .nav-sub > .fsElementContent { position: relative; display: block; background-color: #fff; } .nav-sub > .fsElementContent ul li { position: relative; margin: 0 0 0 20px; } .nav-sub > .fsElementContent ul li > .expander-btn { top: 3px; right: -7px; } .nav-sub > .fsElementContent ul li a { display: block; padding: 6px 0 6px !important; border: 0; color: #00213c; background: none !important; font-size: 15px; line-height: 21px; font-weight: 500; font-family: "FuturaBT", "Roboto", sans-serif !important; } .nav-sub > .fsElementContent ul li a:hover, .nav-sub > .fsElementContent ul li a:focus { color: #14284D; background: rgba(0, 0, 0, 0); } .nav-sub > .fsElementContent ul li.fsNavCurrentPage > a { color: #14284D; background: #fff; } .nav-sub > .fsElementContent ul li.fsNavCurrentPage > a:hover, .nav-sub > .fsElementContent ul li.fsNavCurrentPage > a:focus { color: #14284D; background: #fff; } .nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor { background: #fff; } .nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor > a { color: #00213c; background: rgba(0, 0, 0, 0); } .nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor > a:hover, .nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor > a:focus { color: #14284D; background: #fff; } .nav-sub > .fsElementContent .fsNavLevel1 { padding-top: 1px; padding-bottom: 14px; } .nav-sub > .fsElementContent .fsNavLevel1 > li { margin-right: 20px; border-bottom: 1px solid #cfcfcf; } .nav-sub > .fsElementContent .fsNavLevel1 > li > .expander-btn { top: 9px; right: -7px; } .nav-sub > .fsElementContent .fsNavLevel1 > li > a { padding: 13px 0 11px 0 !important; } .nav-sub > .fsElementContent .fsNavLevel2 { padding-top: 5px; padding-bottom: 29px; } .nav-sub > .fsElementContent .fsNavLevel2 > li > a { padding-left: 20px; } .nav-sub > .fsElementContent .fsNavLevel3 > li > a { padding-left: 40px; } .nav-sub > .fsElementContent .fsNavLevel4 > li > a { padding-left: 60px; } .nav-sub > .fsElementContent .fsNavLevel5 > li > a { padding-left: 80px; } .nav-sub.active-nav > header { color: #00213c; background-color: #fff; } .nav-sub.active-nav > header .nav-toggle { -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg); } } @media (min-width: 600px) { .nav-sub { display: block; } } .nav-sub .fsElementTitle { padding-left: 10px; margin-bottom: 30px; font-weight: 500; letter-spacing: 0.06em; } .nav-sub > .fsElementContent { height: auto; max-height: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 600px) { .nav-sub > .fsElementContent { max-height: 9999px; visibility: visible; opacity: 1; } } .nav-sub.active-nav > .fsElementContent { max-height: 9999px; visibility: visible; opacity: 1; } .nav-sub.mobile-nav-sub { display: none; } @media (max-width: 599px) { .nav-sub.mobile-nav-sub { display: block; max-width: calc(100% - 39px); margin: 0 auto 0; position: relative; padding: 21px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #efefef; } .nav-sub.mobile-nav-sub:before { content: ""; background: #f8f8f6; width: calc(100% + 60px); height: calc(100% + 2px); position: absolute; top: -1px; left: -40px; } .nav-sub.mobile-nav-sub header { padding: 21px 20px; } } .fsHeader .nav-sub { display: block; } @media (min-width: 600px) { .fsHeader .nav-sub { display: none; } } .nav-sub.nav-sub-empty { display: none !important; } body.fsComposeMode .nav-sub.nav-sub-empty { display: block !important; } .nav-sub ul li { border: 0 none; position: relative; } .nav-sub ul li a { display: block; padding: 14px 18px 16px; color: #00213c; background: #f0f0f0; border-bottom: 1px solid #cfcfcf; font-size: 0.9375rem; font-weight: 500; line-height: 140%; } .nav-sub ul li a:hover, .nav-sub ul li a:focus { color: #14284D; background: #ebebeb; } .nav-sub ul li.fsNavCurrentPage > a { color: #14284D; background: #fff; } .nav-sub ul li.fsNavCurrentPage > a:hover, .nav-sub ul li.fsNavCurrentPage > a:focus { color: #879abd; background: #f8f8f6; } .nav-sub ul li.fsNavCurrentPageAncestor { background: #fff; } .nav-sub ul li.fsNavCurrentPageAncestor > a { color: #14284D; background: #fff; } .nav-sub ul li.fsNavCurrentPageAncestor > a:hover, .nav-sub ul li.fsNavCurrentPageAncestor > a:focus { color: #879abd; background: #f8f8f6; } .nav-sub .fsNavLevel1 { padding-left: 0; } @media screen and (max-width: 600px) { .nav-sub .fsNavLevel1 { padding-top: 20px; padding-bottom: 20px; } } .nav-sub .fsNavLevel1 ul { display: none; } .nav-sub .fsNavLevel1 > li { position: relative; } .nav-sub .fsNavLevel1 > li:last-child { border-bottom: none; } .nav-sub .fsNavLevel1 > li > a { padding: 18px 18px 20px; background: rgba(0, 0, 0, 0); } .nav-sub .fsNavLevel1 > li > a:hover, .nav-sub .fsNavLevel1 > li > a:focus { background: #f5f5f5; } .nav-sub .fsNavLevel1 > li .expander-btn { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 12px; right: 3px; z-index: 1; font-size: 0px; background: rgba(0, 0, 0, 0); width: 30px; height: 30px; cursor: pointer; } .nav-sub .fsNavLevel1 > li .expander-btn span { font-size: 15px; display: none; } .nav-sub .fsNavLevel1 > li .expander-btn:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 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; font-family: "IcoMoon"; font-weight: 400; font-size: 22px; color: #13284D; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .nav-sub .fsNavLevel1 > li .expander-btn[aria-expanded="true"]:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .nav-sub .fsNavLevel2 > li > a { padding-left: 38px; background: #f5f5f5; } .nav-sub .fsNavLevel2 > li > a:hover, .nav-sub .fsNavLevel2 > li > a:focus { background: #f0f0f0; } .nav-sub .fsNavLevel3 > li > a { padding-left: 58px; } .nav-sub .fsNavLevel4 > li > a { padding-left: 78px; } .nav-sub .fsNavLevel5 > li > a { padding-left: 98px; } .horizontal-nav { display: none; width: 100%; position: relative; margin-bottom: 0; background: #f8f8f8; padding: 25px 5px 25px; -webkit-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.12); box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.12); } @media (min-width: 600px) { .horizontal-nav { display: block; } } .home .horizontal-nav, .horizontal-nav.horizontal-nav-empty { display: none !important; } .horizontal-nav header { display: none; } .horizontal-nav .fsElementContent { position: relative; margin: 0 auto; max-width: 1180px; width: 100%; } .horizontal-nav .fsNavLevel1 { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .horizontal-nav .fsNavLevel1 li { margin: 9px 15px; } .horizontal-nav .fsNavLevel1 li a { display: block; position: relative; padding: 0; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 15px; font-weight: 500; line-height: 21px; text-decoration: none; letter-spacing: normal; color: #00213c; border-bottom: 1px solid rgba(0, 0, 0, 0); } .horizontal-nav .fsNavLevel1 li a:hover, .horizontal-nav .fsNavLevel1 li a:focus { /* color: #14284D; border-bottom: 1px solid #14284D; */ } .horizontal-nav .fsNavLevel1 li.fsNavCurrentPage a { color: #14284D; border-bottom: 1px solid #14284D; } .nav-main { padding: 0 70px; position: relative; z-index: 30; } @media (max-width: 1299px) { .nav-main { padding: 0 50px; } } @media (max-width: 1199px) { .nav-main { padding: 0 20px; } } @media (max-width: 999px) { .nav-main { display: none; } } .nav-main > header { display: none; } .nav-main > .fsElement { margin-bottom: 40px; } @media (min-width: 1000px) { .nav-main .fsNavLevel1 { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 20; } } .nav-main .fsNavLevel1 > li { width: 350px; } .nav-main .fsNavLevel1 > li:hover a, .nav-main .fsNavLevel1 > li:focus-within a, .nav-main .fsNavLevel1 > li.menu-item-open a { color: #fff; background: rgba(0, 0, 0, 0); } .nav-main .fsNavLevel1 > li:hover > a, .nav-main .fsNavLevel1 > li:focus-within > a, .nav-main .fsNavLevel1 > li.menu-item-open > a { color: hsla(0, 0%, 100%, 0.8); } .nav-main .fsNavLevel1 > li:hover > a:before, .nav-main .fsNavLevel1 > li:focus-within > a:before, .nav-main .fsNavLevel1 > li.menu-item-open > a:before { width: 70px; } .nav-main .fsNavLevel1 > li[class*="fsNavCurrentPage"] > a::before { opacity: 1; } .nav-main .fsNavLevel1 > li > a { display: block; color: #bfc3c6; background: rgba(0, 0, 0, 0); padding: 0px 5px 20px; text-align: left; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 29px; font-style: normal; font-weight: 400; line-height: 100%; margin-bottom: 5px; position: relative; font-family: "FuturaBT", "Roboto", sans-serif !important; border: 0; } .nav-main .fsNavLevel1 > li > a:hover, .nav-main .fsNavLevel1 > li > a:focus { color: #9ebba5; } .nav-main .fsNavLevel1 > li > a::before { content: ""; position: absolute; left: 5px; bottom: 0; width: 0; height: 1px; background-color: #fff; -webkit-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s; } .nav-main .fsNavLevel2 li a { display: block; color: #879abd; background: rgba(0, 0, 0, 0); padding: 0 5px; text-align: left; border: 0; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; } .nav-main .fsNavLevel2 li a:hover, .nav-main .fsNavLevel2 li a:focus { color: #9ebba5; background: rgba(0, 0, 0, 0); } .nav-main .fsNavLevel2 li[class*="fsNavCurrentPage"] > a { color: #9ebba5; background: rgba(0, 0, 0, 0); } .nav-main .fsNavLevel2 li:not(:last-child) { margin-bottom: 10px; } .fsAccountBarVisible .fsMenu { top: 50px; } .drawer-ribbon { position: relative; height: 50px; } @media (min-width: 900px) { .drawer-ribbon { display: none; } } .mobile-toggle { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; color: rgba(0, 0, 0, 0); } .mobile-toggle:before, .mobile-toggle:after { position: absolute; top: 50%; left: 50%; height: 2px; width: 50%; content: ""; background: #fff; display: none; } .mobile-toggle:before { margin-top: -0.2105263158em; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: margin-top 0.3s, -webkit-transform 0.3s; transition: margin-top 0.3s, -webkit-transform 0.3s; transition: margin-top 0.3s, transform 0.3s; transition: margin-top 0.3s, transform 0.3s, -webkit-transform 0.3s; } .mobile-toggle:after { -webkit-box-shadow: 0 0.2105263158em 0 0 #fff; box-shadow: 0 0.2105263158em 0 0 #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s; } .drawer-is-active .mobile-toggle:before { margin-top: 0; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .drawer-is-active .mobile-toggle:after { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .fsMenu { position: absolute; z-index: 500; width: 100%; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; top: 0; right: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); -webkit-transform: translate(20%, 0); -ms-transform: translate(20%, 0); transform: translate(20%, 0); top: 0px; left: 0; right: auto; min-height: 100vh; max-width: 100vw; width: 100vw; background: -webkit-gradient( linear, left top, right top, from(#13284D), to(#021f3d) ); background:#0a2c3d; overflow-x: hidden; overflow-y: scroll; position: fixed; height: 100%; } .drawer-is-active .fsMenu { pointer-events: auto; opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } body.drawer-is-active { overflow-y: hidden; } body.drawer-is-active .fsMenu .trigger-container { background-color: rgba(0, 0, 0, 0); } @media (min-width: 1000px) { body.drawer-is-active .fsMenu .trigger-container { background-color: #011d2f; } } body.drawer-is-active .fsMenu .trigger-container header:after { color: #9ebba5; } @media (min-width: 1000px) { body.drawer-is-active .fsMenu .trigger-container header:after { color: #fff; } } body.drawer-is-active .fsMenu .trigger-container .fsElementTitle { color: #fff; } @media (max-width: 999px) { body.drawer-is-active .fsMenu .trigger-container .fsElementTitle { display: none; } } body.drawer-is-active .fsMenu .trigger-container:hover, body.drawer-is-active .fsMenu .trigger-container:focus-within { background-color: rgba(0, 0, 0, 0); } @media (min-width: 1000px) { body.drawer-is-active .fsMenu .trigger-container:hover, body.drawer-is-active .fsMenu .trigger-container:focus-within { background-color: #9ebba5; } } body.drawer-is-active .fsMenu .trigger-container:hover header:after, body.drawer-is-active .fsMenu .trigger-container:focus-within header:after { color: #fff; } @media (min-width: 1000px) { body.drawer-is-active .fsMenu .trigger-container:hover header:after, body.drawer-is-active .fsMenu .trigger-container:focus-within header:after { color: #13284D; } } body.drawer-is-active .fsMenu .trigger-container:hover .fsElementTitle, body.drawer-is-active .fsMenu .trigger-container:focus-within .fsElementTitle { color: #13284D; } .fsMenu .trigger-container { display: table; background-color: rgba(0, 0, 0, 0); padding: 0; position: relative; border-radius: 30px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; margin-top: 25px; margin-left: auto; margin-right: 23px; margin-bottom: 39px; z-index: 20; } @media (min-width: 1000px) { .fsMenu .trigger-container { padding: 9px 20px 7px; margin-top: 50px; margin-left: auto; margin-right: 40px; margin-bottom: 75px; background-color: #9ebba5; } } .fsMenu .trigger-container header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fsMenu .trigger-container header::after { content: ""; font-family: rugbyschoolacth; margin-left: 12px; font-size: 22px; font-weight: 700; -webkit-transition: color ease 0.3s; transition: color ease 0.3s; } @media (max-width: 999px) { .fsMenu .trigger-container header::after { color: #fff; } } .fsMenu .trigger-container .fsElementTitle { margin-bottom: 0; color: #13284D; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: 1.12px; font-family: "FuturaBT", "Roboto", sans-serif !important; text-transform: uppercase; position: relative; color: rgba(0, 0, 0, 0); -webkit-transition: color ease 0.3s; transition: color ease 0.3s; } .fsMenu .trigger-container button { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; color: rgba(0, 0, 0, 0); } .fsMenu .trigger-container:hover, .fsMenu .trigger-container:focus-within { background-color: #011d2f; } @media (max-width: 999px) { .fsMenu .trigger-container:hover header::after, .fsMenu .trigger-container:focus-within header::after { color: #9ebba5; } } .fsMenu .trigger-container:hover .fsElementTitle, .fsMenu .trigger-container:focus-within .fsElementTitle { color: #fff; } @media (max-width: 999px) { .fsMenu .trigger-container:hover .fsElementTitle, .fsMenu .trigger-container:focus-within .fsElementTitle { color: rgba(0, 0, 0, 0); } } .fsMenu .desktop-container { margin-bottom: 0; } @media (max-width: 998px) { .fsMenu .desktop-container { padding-bottom: 28px; } } @media (min-width: 1000px) { .fsMenu .desktop-container { padding-top: 26px; } } @media (max-width: 999px) { .fsMenu .desktop-container > header { display: none; } } .fsMenu .desktop-container > header .fsElementTitle { display: none; } .fsMenu .desktop-container > header .fsElementHeaderContent { position: absolute; right: 0; top: 40px; z-index: 15; } .fsMenu .desktop-container > header .fsElementHeaderContent * { margin: 0; line-height: 1; display: block; } .fsMenu .desktop-container .fsContainer { padding: 30px 50px 50px; } @media (max-width: 1199px) { .fsMenu .desktop-container .fsContainer { padding: 30px 20px 70px; } } @media (max-width: 999px) { .fsMenu .desktop-container .fsContainer { padding: 0 20px 70px; } } .fsMenu .desktop-container .fsContainer > .fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .fsMenu .desktop-container .menu-logo { margin-bottom: 0; margin-right: 110px; } @media (max-width: 999px) { .fsMenu .desktop-container .menu-logo { display: none; } } .fsMenu .desktop-container .menu-logo > header { display: none; } .fsMenu .desktop-container .menu-logo * { line-height: 1; margin: 0; display: block; padding: 0; } .fsMenu .desktop-container .header-nav { display: table; margin-left: auto; margin-right: 0; } @media (max-width: 999px) { .fsMenu .desktop-container .header-nav { margin-left: 0; } } .fsMenu .desktop-container .header-nav > header { display: none; } .fsMenu .desktop-container .header-nav ul:hover a, .fsMenu .desktop-container .header-nav ul:focus-within a { color: #fff; } .fsMenu .desktop-container .header-nav ul li:not(:last-child) { margin-bottom: 11px; } .fsMenu .desktop-container .header-nav ul li a { color: #879abd; text-align: right; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; border: 0; padding: 0; } @media (max-width: 999px) { .fsMenu .desktop-container .header-nav ul li a { text-align: left; } } .fsMenu .desktop-container .header-nav ul li a:hover, .fsMenu .desktop-container .header-nav ul li a:focus { color: #9ebba5; } .fsMenu .desktop-container .header-nav ul li.fsNavCurrentPage > a, .fsMenu .desktop-container .header-nav ul li.fsNavCurrentPageAncestor > a { color: #9ebba5; } .fsMenu .desktop-container .menu-logo * { min-height: 1; margin: 0; display: block; border: 0; } .mobile-main-nav { position: relative; z-index: 50; display: block; width: 100%; padding: 0px 20px 0px 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 28px; } @media (min-width: 1000px) { .mobile-main-nav { display: none; } } .mobile-main-nav > header { display: none; } .mobile-main-nav .fsNavLevel1 > li { position: relative; border-bottom: 1px solid rgba(135, 154, 189, 0.2); } .mobile-main-nav .fsNavLevel1 li a { display: block; position: relative; } .mobile-main-nav .fsNavLevel1 li.fsNavParentPage { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile-main-nav .fsNavLevel1 li.fsNavParentPage .fsNavPageInfo { display: block; width: 100%; } .mobile-main-nav .fsNavLevel1 li.fsNavParentPage > a { padding-right: 10px; width: calc(100% - 40px); } .mobile-main-nav .fsNavLevel1 > li > a { display: block; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 400; font-size: 29px; line-height: 1; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration-color: rgba(0, 0, 0, 0); padding-top: 15px; padding-bottom: 15px; border: 0; } .mobile-main-nav .fsNavLevel1 > li > a:hover, .mobile-main-nav .fsNavLevel1 > li > a:focus { color: #9ebba5; text-decoration: none; border: 0; } .mobile-main-nav .fsNavLevel1 > li.fsNavCurrentPage > a, .mobile-main-nav .fsNavLevel1 > li.fsNavCurrentPageAncestor > a { color: #9ebba5; text-decoration: none; } .mobile-main-nav .fsNavLevel2 { padding: 0px 0 20px 0px; } .mobile-main-nav .fsNavLevel2 li:not(:last-child) { margin-bottom: 18px; } .mobile-main-nav .fsNavLevel2 li a { display: block; font-weight: 400; font-size: 14px; line-height: 20px; text-transform: capitalize; color: #fff; padding: 0; font-family: "FuturaBT", "Roboto", sans-serif !important; text-decoration-color: rgba(0, 0, 0, 0); border: 0; } .mobile-main-nav .fsNavLevel2 li a:hover, .mobile-main-nav .fsNavLevel2 li a:focus { color: #9ebba5; text-decoration: none; border: 0; } .mobile-main-nav .fsNavLevel2 li.fsNavCurrentPage > a, .mobile-main-nav .fsNavLevel2 li.fsNavCurrentPageAncestor > a { color: #9ebba5; text-decoration: none; } .mobile-main-nav .fsNavLevel2, .mobile-main-nav .fsNavLevel3, .mobile-main-nav .fsNavLevel4, .mobile-main-nav .fsNavLevel5 { display: none; } .mobile-main-nav .fsNavLevel2 { padding-left: 20px; } .mobile-main-nav .fsNavLevel3 { padding-left: 20px; padding-top: 18px; } .mobile-main-nav .fsNavLevel4 { padding-left: 20px; padding-top: 18px; } .mobile-main-nav .fsNavLevel5 { padding-left: 20px; padding-top: 18px; } .mobile-main-nav .fsNavLevel1 li.fsNavParentPage .expander-btn { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: relative; z-index: 1; font-size: 0px; background: rgba(0, 0, 0, 0); width: 30px; height: 30px; cursor: pointer; } .mobile-main-nav .fsNavLevel1 li.fsNavParentPage .expander-btn span { font-size: 15px; display: none; } .mobile-main-nav .fsNavLevel1 li.fsNavParentPage .expander-btn:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 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; font-family: "IcoMoon"; font-weight: 400; font-size: 20px; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } .mobile-main-nav .fsNavLevel1 li.fsNavParentPage .expander-btn[aria-expanded="true"]:before { content: ""; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .nav-social nav { margin: -6px; } .nav-social .fsNavLevel1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-social .fsNavLevel1 li { margin: 6px; } .nav-social .fsNavLevel1 [href*="facebook"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="instagram"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="linkedin"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="pinterest"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="tumblr"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="twitter"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="vimeo"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="vine"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="youtube"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="wechat"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="flickr"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="wordpress"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="rss"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="smugmug"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="tiktok"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 [href*="whatsapp"]:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; } .nav-social .fsNavLevel1 a[href*="twitter"]:before { font-family: "rugbyschoolacth" !important; content: "" !important; } .nav-social .fsNavLevel1 a { padding: 0; color: #fff; -webkit-text-decoration: rgba(0, 0, 0, 0); text-decoration: rgba(0, 0, 0, 0); position: relative; height: 40px; width: 40px; border-radius: 100%; text-indent: -200vw; } .nav-social .fsNavLevel1 a:hover, .nav-social .fsNavLevel1 a:focus { background: #14284D; border-color: rgba(0, 0, 0, 0); color: #fff; } .nav-social .fsNavLevel1 a:before { display: block; font-size: 23px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-indent: 0; } #fsHeader { background-color: #fff; } #fsHeader .fsElement { margin-bottom: 0; } .fsHeader .header-logo.header-logo-desktop { display: none; } .fsHeader .header-container > header { display: none; } .fsHeader .header-container > .fsElementContent { 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; padding: 31px 50px; background-color: #13284D; } @media (max-width: 999px) { .fsHeader .header-container > .fsElementContent { padding: 15px 20px; position: relative; top: auto; left: auto; } } .fsHeader .header-container .header-logo > header { display: none; } .fsHeader .header-container .header-logo * { line-height: 1; display: block; margin: 0; padding: 0; } @media (max-width: 999px) { .fsHeader .header-container .header-logo img { height: 45px; display: inline-block; } } .fsHeader .header-container .header-logo a { text-decoration: none; border: 0; } .fsHeader .header-container .trigger-container { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #9ebba5; position: relative; border-radius: 30px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } @media (max-width: 699px) { .fsHeader .header-container .trigger-container { padding: 0; background-color: rgba(0, 0, 0, 0); } .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header h1{ font-size: 52px !important; padding: 10px !important; } .res-pb-4{ padding-bottom: 30px !important; } .fsHeader .header-container .trigger-container header{ padding: 0px 57px 11px 20px; } } .fsHeader .header-container .trigger-container header { padding: 15px 57px 11px 20px; position: relative; } .fsHeader .header-container .trigger-container .fsElementTitle { color: #13284D; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: 1.12px; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; margin-bottom: 0; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } @media (max-width: 699px) { .fsHeader .header-container .trigger-container .fsElementTitle { color: #9ebba5; } } .fsHeader .header-container .trigger-container .fsElementTitle::after { content: ""; font-family: "rugbyschoolacth"; font-size: 16px; position: absolute; top: 50%; right: 17px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease 0.1s; transition: all ease 0.1s; } .fsHeader .header-container .trigger-container:hover, .fsHeader .header-container .trigger-container:focus-within { background-color: #011d2f; } @media (max-width: 699px) { .fsHeader .header-container .trigger-container:hover, .fsHeader .header-container .trigger-container:focus-within { background-color: rgba(0, 0, 0, 0); } } .fsHeader .header-container .trigger-container:hover .fsElementTitle, .fsHeader .header-container .trigger-container:focus-within .fsElementTitle { color: #fff; } .fsFooter { padding: 40px 25px; } @media (min-width: 1100px) { .fsFooter { padding: 0 0 40px; } } .fsFooter h1, .fsFooter h2, .fsFooter h3, .fsFooter h4, .fsFooter h5, .fsFooter h6, .fsFooter .fs_style_13, .fsFooter a:not([class]) { color: #fff; } @media (max-width: 1099px) { .fsFooter > .fsBanner { position: relative; margin: 0 auto; max-width: 500px; } } .fsFooter .fsElement { margin-bottom: 0; } .fsFooter .info-div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; border: 1px solid #9ebba5; border-radius: 200px; margin: 0 auto 30px; position: relative; color: #fff; cursor: pointer; -webkit-transition: border 0.3s ease 0s, background 0.3s ease 0s; transition: border 0.3s ease 0s, background 0.3s ease 0s; } @media (min-width: 800px) { .fsFooter .info-div { margin-top: 50px; margin-bottom: 0; } } @media (min-width: 1100px) { .fsFooter .info-div { margin-top: 0; margin-bottom: 0; } } .fsFooter .info-div:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg); transform: translate3d(-50%, -50%, 0) rotate(180deg); font-family: "rugbyschoolacth"; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .fsFooter .info-div:hover, .fsFooter .info-div:focus { border-color: #14284D; background: #14284D; } .fsFooter .info-div:hover:before, .fsFooter .info-div:focus:before { -webkit-transform: translate3d(-50%, calc(-50% - 5px), 0) rotate(180deg); transform: translate3d(-50%, calc(-50% - 5px), 0) rotate(180deg); } @media (min-width: 800px) { .fsFooter .footer-details .fsTwoColumnLayout > .fsDiv { width: 100%; } .fsFooter .footer-details .fsStyleColumn-1 { width: 100%; } } @media (min-width: 800px) and (min-width: 1100px) { .fsFooter .footer-details .fsStyleColumn-1 { padding-top: 13px; width: 50%; } } @media (min-width: 800px) { .fsFooter .footer-details .fsStyleColumn-2 { width: 100%; } } @media (min-width: 800px) and (min-width: 1100px) { .fsFooter .footer-details .fsStyleColumn-2 { width: 50%; } } .fsFooter .footer-details .fsStyleColumn-1 { position: relative; } .fsFooter .footer-details .fsStyleColumn-1:before { position: absolute; content: ""; background: #9ebba5; width: 100%; margin: 0 auto; height: 1px; bottom: 0; opacity: 0.5; } @media (min-width: 600px) { .fsFooter .footer-details .fsStyleColumn-1:before { width: calc(100% - 40px); } } @media (min-width: 1100px) { .fsFooter .footer-details .fsStyleColumn-1:before { width: 1px; height: calc(100% - 20px); top: 14px; right: 0; } } .fsFooter .footer-details .secondary-thumbnail { max-width: 243px; width: 100%; margin: 0 auto; } .fsFooter .footer-details .secondary-thumbnail .fsElementContent .fsListItems { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media (min-width: 1100px) { .fsFooter .footer-details .secondary-thumbnail .fsElementContent .fsListItems { padding-left: 0; } } @media (min-width: 600px) { .fsFooter .footer-details .secondary-thumbnail { max-width: 512px; } } @media (min-width: 1100px) { .fsFooter .footer-details .secondary-thumbnail { max-width: 800px; } .fsFooter .footer-details .secondary-thumbnail .fsGrid .fsListItems > article { padding: 0 30px; } .fsFooter .footer-details .secondary-thumbnail .fsStyleAutoclear { margin-bottom: 0; } } .fsFooter .footer-details .text-and-button > .fsElementContent { font-size: 17px; font-style: normal; font-weight: 400; line-height: 25.5px; color: #fff; text-align: center; font-family: "FuturaBT", "Roboto", sans-serif !important; } @media (min-width: 1100px) { .fsFooter .footer-details .text-and-button > .fsElementContent { max-width: 461px; width: 100%; margin: 0 auto; padding-top: 30px; } } .fsFooter .footer-details .fsElementFooterContent { font-size: 14px; font-style: normal; font-weight: 500; line-height: 19.6px; letter-spacing: 1.12px; text-transform: uppercase; text-decoration: none; font-family: "FuturaBT", "Roboto", sans-serif !important; padding-bottom: 60px; } @media (min-width: 1100px) { .fsFooter .footer-details .fsElementFooterContent { padding-bottom: 0; } } .fsFooter .footer-details .fsElementFooterContent a { display: inline-block; border: 1px solid #fff; padding: 13px 28px 11px; border-radius: 30px; color: #fff; font-weight: 500; letter-spacing: 1.12px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .fsFooter .footer-details .fsElementFooterContent a:hover, .fsFooter .footer-details .fsElementFooterContent a:focus { background: #14284D; border: 1px solid #14284D; } .fsFooter .footer-details .fsElementFooterContent p { text-align: center; padding-top: 23px; } .fsFooter .footer-details .navigation-thumbnail-primary { text-align: center; } .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationAddress, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationCity, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationZip { font-family: "FuturaBT", "Roboto", sans-serif !important; } .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationAddress, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationCity, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationZip, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationPhone, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationEmail { color: #fff; font-size: 17px; font-style: normal; font-weight: 400; line-height: 25.5px; } .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationAddress { padding-top: 30px; } .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationPhone, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationEmail { padding-top: 20px; } @media (min-width: 800px) { .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationPhone, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationEmail { padding-top: 20px; } } .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationPhone a, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationEmail a { border-bottom: rgba(0, 0, 0, 0); } .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationPhone a:hover, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationPhone a:focus, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationEmail a:hover, .fsFooter .footer-details .navigation-thumbnail-primary .fsLocationEmail a:focus { color: #9ebba5; } @media (min-width: 1100px) { .fsFooter .footer-details .navigation-thumbnail-primary .other-div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fsFooter .footer-details .navigation-thumbnail-primary .other-div .fsLocationPhone { position: relative; padding-right: 10px; } .fsFooter .footer-details .navigation-thumbnail-primary .other-div .fsLocationPhone:before { position: absolute; content: ""; background: #9ebba5; width: 1px; height: 15px; right: 0; bottom: 0.3em; } .fsFooter .footer-details .navigation-thumbnail-primary .other-div .fsLocationEmail { padding-left: 10px; } } .fsFooter .footer-details .get-directions-button .fsElementContent { text-align: center; padding-top: 30px; padding-bottom: 30px; } @media (min-width: 800px) { .fsFooter .footer-details .get-directions-button .fsElementContent { display: none; } } @media (min-width: 1100px) { .fsFooter .footer-details .get-directions-button .fsElementContent { padding-top: 0; padding-bottom: 0; } } .fsFooter .footer-details .get-directions-button .fsElementContent a { border: 1px solid #fff; padding: 13px 20px; border-radius: 30px; color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 14px; font-style: normal; font-weight: 500; line-height: 19.6px; letter-spacing: 1.12px; display: inline-block; text-transform: uppercase; } .fsFooter .footer-details .get-directions-button .fsElementContent a:hover, .fsFooter .footer-details .get-directions-button .fsElementContent a:focus { background: #14284D; border: 1px solid #14284D; } .fsFooter .footer-details .get-directions-button.second-button .fsElementContent { text-align: center; padding-top: 30px; padding-bottom: 30px; display: none; } @media (min-width: 800px) { .fsFooter .footer-details .get-directions-button.second-button .fsElementContent { display: block; } } @media (min-width: 1100px) { .fsFooter .footer-details .get-directions-button.second-button .fsElementContent { padding-top: 0; padding-bottom: 0; } } .fsFooter .footer-details .get-directions-button.second-button .fsElementContent a { border: 1px solid #fff; padding: 13px 20px; border-radius: 30px; color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 14px; font-style: normal; font-weight: 500; line-height: 19.6px; letter-spacing: 1.12px; display: inline-block; text-transform: uppercase; } .fsFooter .footer-details .get-directions-button.second-button .fsElementContent a:hover, .fsFooter .footer-details .get-directions-button.second-button .fsElementContent a:focus { background: #14284D; border: 1px solid #14284D; } .fsFooter .footer-details .nav-social { padding-bottom: 30px; padding-top: 30px; position: relative; } @media (min-width: 1100px) { .fsFooter .footer-details .nav-social { padding-top: 36px; padding-bottom: 40px; } } .fsFooter .footer-details .nav-social .fsNavLevel1 a { border-bottom: 0; } .fsFooter .footer-details .nav-social .fsNavLevel1 li:first-child { position: relative; } .fsFooter .footer-details .nav-social .fsNavLevel1 li:first-child:before { position: absolute; content: ""; background: #fff; width: 11px; top: 50%; height: 1px; left: -17px; } .fsFooter .footer-details .nav-social .fsNavLevel1 li:last-child { position: relative; } .fsFooter .footer-details .nav-social .fsNavLevel1 li:last-child:before { position: absolute; content: ""; background: #fff; width: 11px; top: 50%; height: 1px; right: -17px; } @media (min-width: 1100px) { .fsFooter .navigation-footer { padding-top: 50px; } } .fsFooter .navigation-footer .fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; align-items: center; } @media (min-width: 800px) { .fsFooter .navigation-footer .fsElementContent { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1100px) { .fsFooter .navigation-footer .fsElementContent { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .fsFooter .navigation-footer .footer-links a { border-bottom: rgba(0, 0, 0, 0); } .fsFooter .navigation-footer .footer-links li a { padding-right: 5px; padding-left: 5px; } @media (min-width: 1100px) { .fsFooter .navigation-footer .footer-links li a { margin-right: 10px; margin-left: 10px; } } @media (min-width: 1100px) { .fsFooter .navigation-footer .footer-links { width: 50%; } } @media (min-width: 1100px) { .fsFooter .navigation-footer .footer-links .fsElementContent { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: start; padding-left: 20px; } } .fsFooter .navigation-footer .footer-links .fsElementContent .fsNavLevel1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fsFooter .navigation-footer .footer-links .fsElementContent .fsNavLevel1 a { font-size: 14px; font-style: normal; font-weight: 400; line-height: 25.2px; font-family: "FuturaBT", "Roboto", sans-serif !important; text-decoration: none; } .fsFooter .navigation-footer .footer-links .fsElementContent .fsNavLevel1 a:hover, .fsFooter .navigation-footer .footer-links .fsElementContent .fsNavLevel1 a:focus { color: #9ebba5; } .fsFooter .navigation-footer .logo-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: center; padding-bottom: 30px; position: relative; } @media (min-width: 800px) { .fsFooter .navigation-footer .logo-txt { width: 100%; } } @media (min-width: 1100px) { .fsFooter .navigation-footer .logo-txt { width: 50%; } } .fsFooter .navigation-footer .logo-txt .fsElementHeaderContent { margin-bottom: 0; position: relative; } .fsFooter .navigation-footer .logo-txt .fsElementContent { position: relative; } .fsFooter .navigation-footer .logo-txt .fsElementContent:before { position: absolute; content: ""; top: 0; background: #fff; height: 29px; width: 1px; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.5; } .fsFooter .navigation-footer .logo-txt .fsElementFooterContent { margin-top: 0; } .fsFooter .navigation-footer .logo-txt .fsElementHeaderContent, .fsFooter .navigation-footer .logo-txt .fsElementContent, .fsFooter .navigation-footer .logo-txt .fsElementFooterContent { padding-left: 10px; padding-right: 10px; } @media (min-width: 700px) { .fsFooter .navigation-footer .logo-txt .fsElementHeaderContent, .fsFooter .navigation-footer .logo-txt .fsElementContent, .fsFooter .navigation-footer .logo-txt .fsElementFooterContent { padding-right: 20px; padding-left: 20px; } } @media (min-width: 1100px) { .fsFooter .navigation-footer .logo-txt .fsElementHeaderContent, .fsFooter .navigation-footer .logo-txt .fsElementContent, .fsFooter .navigation-footer .logo-txt .fsElementFooterContent { padding-right: 35px; padding-left: 35px; } } .fsFooter .navigation-footer .logo-txt .rugby-logo { border: 0 none; -webkit-transition: all 0.5s; transition: all 0.5s; display: block; opacity: 1; } .fsFooter .navigation-footer .logo-txt .rugby-logo:hover, .fsFooter .navigation-footer .logo-txt .rugby-logo:focus { opacity: 0.75; } body:not(.fsComposeMode) .float-enquire.fsContent { display: none; } a.float-enquire { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 13px 28px; position: fixed; right: 40px; bottom: 50px; z-index: 100; } a.float-enquire:hover, a.float-enquire:focus, .fsStateSelected a.float-enquire, a.float-enquire.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } a.float-enquire.fs_style_15 { width: 100%; max-width: unset; } a.float-enquire.hide { opacity: 0; visibility: hidden; } .wg-default.weglot-container, .wg-default.weglot-container .country-selector { right: 33px; z-index: 999999; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } html { font-family: "FuturaBT", "Roboto", sans-serif !important; background: #13284D; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { color: #00213c; font-size: 1.0625rem; line-height: 1.625rem; } @media (min-width: 600px) { body { font-size: 1.1875rem; line-height: 1.875rem; } } [class*="fsElement"][id].\:container\(width\<600px\) { font-size: 1.0625rem; line-height: 1.625rem; } #fsPageWrapper { overflow-x: hidden; position: relative; max-width: 100vw; } body.fsComposeMode #fsPageWrapper { overflow: visible; } #fsPageBodyWrapper { background-color: #f8f8f6; padding: 20px 20px 40px; } @media (min-width: 600px) { #fsPageBodyWrapper { padding-top: 96px; } } #fsPageBody { position: relative; margin: 0 auto; max-width: 1180px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 600px) { #fsPageBody { display: block; } } @media (min-width: 1000px) { #fsPageBody { display: -webkit-box; display: -ms-flexbox; display: flex; } } h1.fsPageTitle { padding-bottom: 20px; margin-bottom: 16px; } @media (min-width: 1000px) { h1.fsPageTitle { padding-bottom: 47px; margin-bottom: 40px; line-height: 70px; } } h1.fsPageTitle:before { content: ""; width: 70px; height: 2px; background: #14284D; position: absolute; bottom: 0; left: 0; } #fsBannerLeft { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-bottom: 20px; } @media (min-width: 600px) { #fsBannerLeft { padding-right: 20px; width: 270px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; } } @media (min-width: 900px) { #fsBannerLeft { padding-right: 60px; width: 400px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 600px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 20px; width: 270px; } } @media (min-width: 900px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft { padding-right: 60px; width: 400px; } } @media (min-width: 1000px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 20px; width: 270px; } } @media (min-width: 1200px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft { padding-right: 60px; width: 400px; } } #fsPageContent { width: 100%; } .fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } @media (min-width: 600px) { .fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 270px); } } @media (min-width: 900px) { .fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 400px); } } .fsHasLeftBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } @media (min-width: 600px) { .fsHasLeftBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 270px); } } @media (min-width: 900px) { .fsHasLeftBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 400px); } } .fsHasLeftBanner.fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 20px; width: 100%; } @media (min-width: 600px) { .fsHasLeftBanner.fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 270px); } } @media (min-width: 900px) { .fsHasLeftBanner.fsHasRightBanner #fsPageContent { width: calc(100% - 400px); } } @media (min-width: 1000px) { .fsHasLeftBanner.fsHasRightBanner #fsPageContent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% - 540px); margin-bottom: 0; } } @media (min-width: 1200px) { .fsHasLeftBanner.fsHasRightBanner #fsPageContent { width: calc(100% - 800px); } } #fsBannerRight { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; margin-bottom: 20px; } @media (min-width: 600px) { #fsBannerRight { padding-left: 20px; width: 270px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; } } @media (min-width: 900px) { #fsBannerRight { padding-left: 60px; width: 400px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { width: 100%; padding: 0; } @media (min-width: 600px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { width: calc(100% - 270px); } } @media (min-width: 900px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { width: calc(100% - 400px); } } @media (min-width: 1000px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 20px; width: 270px; } } @media (min-width: 1200px) { .fsHasLeftBanner.fsHasRightBanner #fsBannerRight { padding-left: 60px; width: 400px; } } .fsLayout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 600px) { .fsLayout { margin-right: -20px; margin-left: -20px; } } .fsLayout > * > .fsDiv, .fsLayout > .fsDiv { float: none; width: 100%; margin-bottom: 20px; } @media (min-width: 600px) { .fsLayout > * > .fsDiv, .fsLayout > .fsDiv { padding-right: 20px; padding-left: 20px; } } .fsLayout > header, .fsLayout > footer { width: 100%; } @media (min-width: 600px) { .fsLayout > header, .fsLayout > footer { padding-right: 20px; padding-left: 20px; } } .fsLayout .fsElementAddWrapper { width: 100%; } @media (min-width: 1000px) { .fsOneColumnLayout:not(.fsPageLayout) { max-width: 1020px; margin-left: auto; margin-right: auto; } } @media (min-width: 800px) { .fsTwoColumnLayout > .fsDiv { width: 50%; } } @media (min-width: 900px) { .fsThreeColumnLayout > .fsDiv { width: 33.3333333333%; } } @media (min-width: 800px) { .fsFourColumnLayout > .fsDiv { width: 50%; } } @media (min-width: 1000px) { .fsFourColumnLayout > .fsDiv { width: 25%; } } .fsLayout > .fsStyleOneThird { float: none; } .fsLayout > .fsStyleTwoThirds { float: none; } .fsLayout > .fsStyleTwoThirds > .fsDiv { padding-left: 0; padding-right: 0; float: none; } @media (min-width: 600px) { .fsLayout > .fsStyleTwoThirds > .fsTwoColumnLayout { margin-right: -20px; margin-left: -20px; } } .fsTwoColumnWideRightLayout, .fsElephantLeftLayout { margin-left: 0; margin-right: 0; } .fsTwoColumnWideRightLayout > header, .fsTwoColumnWideRightLayout > footer, .fsElephantLeftLayout > header, .fsElephantLeftLayout > footer { padding-left: 0; padding-right: 0; } .fsTwoColumnWideRightLayout > .fsStyleOneThird, .fsElephantLeftLayout > .fsStyleOneThird { width: 100%; margin-bottom: 20px; } @media (min-width: 600px) { .fsTwoColumnWideRightLayout > .fsStyleOneThird, .fsElephantLeftLayout > .fsStyleOneThird { padding-left: 0; padding-right: 20px; width: 270px; margin-bottom: 0; } } @media (min-width: 900px) { .fsTwoColumnWideRightLayout > .fsStyleOneThird, .fsElephantLeftLayout > .fsStyleOneThird { padding-right: 60px; width: 400px; } } .fsTwoColumnWideRightLayout > .fsStyleTwoThirds, .fsElephantLeftLayout > .fsStyleTwoThirds { width: 100%; } @media (min-width: 600px) { .fsTwoColumnWideRightLayout > .fsStyleTwoThirds, .fsElephantLeftLayout > .fsStyleTwoThirds { padding-left: 0; padding-right: 0; width: calc(100% - 270px); } } @media (min-width: 900px) { .fsTwoColumnWideRightLayout > .fsStyleTwoThirds, .fsElephantLeftLayout > .fsStyleTwoThirds { width: calc(100% - 400px); } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent { width: 100%; } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent { width: calc(100% - 270px); } } @media (min-width: 1200px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent { width: calc(100% - 400px); } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight { width: 100%; padding-left: 0; margin-top: 20px; } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight { padding-left: 20px; width: 270px; margin-top: 0; } } @media (min-width: 1200px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight { padding-left: 60px; width: 400px; } } @media (min-width: 600px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird { padding-right: 20px; width: 270px; } } @media (min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird { padding-right: 60px; width: 400px; } } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird { padding-right: 20px; width: 270px; } } @media (min-width: 1200px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird { padding-right: 60px; width: 400px; } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds { width: 100%; } @media (min-width: 600px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 270px); } } @media (min-width: 900px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 400px); } } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 270px); } } @media (min-width: 1200px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 400px); } } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 270px); } } @media (min-width: 1200px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 400px); } } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 270px; margin-top: 0; } } @media (min-width: 1200px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 60px; width: 400px; } } .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { width: 100%; padding-right: 0; } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { padding-right: 20px; width: 270px; } } .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { width: 100%; } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 270px); } } @media (min-width: 600px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 270px; } } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 270px; } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: 100%; margin-bottom: 0; } @media (min-width: 600px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: calc(100% - 270px); } } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: calc(100% - 540px); } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight { width: 100%; padding-left: 0; margin-top: 20px; margin-bottom: 0; } @media (min-width: 1000px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight { padding-left: 20px; width: 270px; margin-top: 0; } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { margin-bottom: 20px; width: 100%; } @media (min-width: 1200px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { padding-right: 20px; width: 270px; margin-bottom: 0; } } .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { margin-bottom: 20px; width: 100%; margin-bottom: 0; } @media (min-width: 1200px) { .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 270px); } } .fsTwoColumnWideLeftLayout, .fsElephantRightLayout { margin-left: 0; margin-right: 0; } .fsTwoColumnWideLeftLayout > header, .fsTwoColumnWideLeftLayout > footer, .fsElephantRightLayout > header, .fsElephantRightLayout > footer { padding-left: 0; padding-right: 0; } .fsTwoColumnWideLeftLayout > .fsStyleOneThird, .fsElephantRightLayout > .fsStyleOneThird { width: 100%; margin-bottom: 20px; } @media (min-width: 600px) { .fsTwoColumnWideLeftLayout > .fsStyleOneThird, .fsElephantRightLayout > .fsStyleOneThird { padding-left: 20px; padding-right: 0; width: 270px; margin-bottom: 0; } } @media (min-width: 900px) { .fsTwoColumnWideLeftLayout > .fsStyleOneThird, .fsElephantRightLayout > .fsStyleOneThird { padding-left: 60px; width: 400px; } } .fsTwoColumnWideLeftLayout > .fsStyleTwoThirds, .fsElephantRightLayout > .fsStyleTwoThirds { width: 100%; } @media (min-width: 600px) { .fsTwoColumnWideLeftLayout > .fsStyleTwoThirds, .fsElephantRightLayout > .fsStyleTwoThirds { width: calc(100% - 270px); padding-left: 0; padding-right: 0; } } @media (min-width: 900px) { .fsTwoColumnWideLeftLayout > .fsStyleTwoThirds, .fsElephantRightLayout > .fsStyleTwoThirds { width: calc(100% - 400px); } } .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: 100%; } @media (min-width: 600px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 270px); } } @media (min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 400px); } } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 270px); } } @media (min-width: 1200px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent { width: calc(100% - 400px); } } .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { width: 100%; padding-left: 0; margin-bottom: 20px; } @media (min-width: 600px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 270px; } } @media (min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 60px; width: 400px; } } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 270px; margin-bottom: 0; } } @media (min-width: 1200px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft { padding-right: 60px; width: 400px; } } .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { width: 100%; padding-left: 0; } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { padding-left: 20px; width: 270px; } } @media (min-width: 1200px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { padding-left: 60px; width: 400px; } } .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { margin-bottom: 20px; width: 100%; } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 270px); margin-bottom: 0; } } @media (min-width: 1200px) { .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 400px); } } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent { width: calc(100% - 270px); } } @media (min-width: 1200px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent { width: calc(100% - 400px); } } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight { padding-left: 20px; width: 270px; margin-top: 0; } } @media (min-width: 1200px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight, .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight { padding-left: 60px; width: 400px; } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird { width: 100%; padding-left: 0; } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleOneThird { padding-left: 20px; width: 270px; } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds { width: 100%; } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 270px); } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight { width: 100%; padding-left: 0; margin-top: 20px; margin-bottom: 0; } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight { padding-left: 20px; width: 270px; margin-top: 0; } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: 100%; margin-bottom: 0; } @media (min-width: 600px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: calc(100% - 270px); } } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent { width: calc(100% - 540px); } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { width: 100%; padding-left: 0; margin-bottom: 20px; } @media (min-width: 600px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 270px; margin-bottom: 0; } } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft { padding-right: 20px; width: 270px; } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { margin-bottom: 0; } @media (min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { padding-left: 20px; width: 270px; } } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { width: 100%; padding-left: 0; } } @media (min-width: 1200px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleOneThird { padding-left: 20px; width: 270px; } } .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { margin-bottom: 0; } @media (min-width: 900px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 270px); } } @media (min-width: 1000px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { width: 100%; } } @media (min-width: 1200px) { .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds, .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsPageLayout > .fsStyleTwoThirds { width: calc(100% - 270px); } } #fsPoweredByFinalsite { display: block; margin-left: auto; margin-right: auto; padding-bottom: 40px; } @media (min-width: 1100px) { #fsPoweredByFinalsite { margin: 0; padding: 0; position: absolute; left: 0; bottom: 3px; } } /*! elements - constituent main */ /*! elements - constituent default layout */ .fsConstituent { word-break: break-word; } .fsConstituent .fsElementPagination { margin: 20px 0; } .fsConstituent .fsPhoto[style*="background-image"], .fsConstituent .fsProfileImage[style*="background-image"] { background-size: cover; background-position: center; display: inline-block; } .fsConstituent .fsPhoto[style*="background-image"] > img, .fsConstituent .fsProfileImage[style*="background-image"] > img { opacity: 0; visibility: hidden; } .fsConstituent .fsFullName { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.375rem; line-height: 1.925rem; letter-spacing: 2.2px; margin-bottom: 20px; } p + .fsConstituent .fsFullName { margin-top: 40px; } @media (max-width: 999px) { .fsConstituent .fsFullName { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 20px; } } .fsConstituent[class*="fsThumbnailAlign"] .fsPhoto img, .fsConstituent[class*="fsThumbnailAlign"] .fsProfileImage img { float: none; margin: 0; } .fsConstituent.fsThumbnailAlignLeft .fsPhoto, .fsConstituent.fsThumbnailAlignLeft .fsProfileImage { float: left; padding-right: 0; } .fsConstituent.fsThumbnailAlignRight .fsPhoto, .fsConstituent.fsThumbnailAlignRight .fsProfileImage { float: right; padding-left: 0; } .fsConstituentProfile { position: relative; } .fsConstituentProfile > div, .fsConstituentProfile > h3 { margin-bottom: 20px; } .fsConstituentProfile > div > strong { display: block; } /*! elements - constituent default layout */ .fsConstituent .fsConstituentItem { float: none; width: calc(100% - 20px); margin: 0 auto 40px; margin: 0 auto 20px; } .fsConstituent:not(.fsThumbnailAlignLeft):not(.fsThumbnailAlignRight) .fsPhoto { max-width: unset; } .fsConstituent.fsThumbnailAlignLeft .fsPhoto { margin-right: 10px; margin-bottom: 10px; } .fsConstituent.fsThumbnailAlignRight .fsPhoto { margin-left: 10px; margin-bottom: 10px; } .fsConstituentItem { padding-left: 10px; padding-right: 10px; padding: 30px; border: solid 1px #cfcfcf; } .fsConstituentItem > h3, .fsConstituentItem > div { margin-bottom: 5px; } .fsConstituentItem > h3:last-child, .fsConstituentItem > div:last-child { margin-bottom: 0; } .fsConstituentItem .fsPhoto { width: auto; margin-bottom: 30px; margin: -30px -30px 30px; } .fsConstituentItem .fsPhoto:last-child { margin-bottom: 0; } .fsConstituentItem .fsPhoto .fsCroppedImage, .fsConstituentItem .fsPhoto img { display: block; width: 100%; } .fsConstituentItem .fsFullName a { color: inherit; text-decoration: none; } .fsConstituentItem .fsFullName a:hover, .fsConstituentItem .fsFullName a:focus { /* color: #14284D; text-decoration: underline; */ } .nav-main .fsNavLevel1 > li:hover > a:before, .nav-main .fsNavLevel1 > li:focus-within > a:before, .nav-main .fsNavLevel1 > li.menu-item-open > a:before{ width: 0px !important; } div[class^="fsConstituentColumnLayout"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; margin: 0 -10px; } @media (min-width: 600px) { .fsConstituentColumnLayout_2 .fsConstituentItem, .fsConstituentColumnLayout_3 .fsConstituentItem, .fsConstituentColumnLayout_4 .fsConstituentItem { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } } @media (min-width: 800px) { .fsConstituentColumnLayout_3 .fsConstituentItem, .fsConstituentColumnLayout_4 .fsConstituentItem { width: calc(33.33% - 20px); } } @media (min-width: 1000px) { .fsConstituentColumnLayout_4 .fsConstituentItem { width: calc(25% - 20px); } } /*! elements - constituent profile */ .fsConstituent.fsProfile .fsFullName { margin-bottom: 20px; } .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage { margin: 0 0 20px 0; padding: 0; float: none; } .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 { float: none; width: 100%; } @media (min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 { padding: 0; } } .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3:first-child { padding: 0; } .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage { float: none; } @media (min-width: 600px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage { max-width: 40%; } } @media (min-width: 1000px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage { max-width: 512px; } } @media (min-width: 600px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage { max-width: 25%; } } @media (min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage { max-width: 128px; } } .fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSection:after, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSection:after { display: none; } .fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData { float: none; display: block; width: 100%; } .fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData > div, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData > div { clear: none; } @media (min-width: 600px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage { margin-right: 20px; float: left; } } @media (min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3 { padding-left: calc(40% + 20px); } } @media (min-width: 1000px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > h3 { padding-left: 532px; } } @media (min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3 { padding-left: calc(25% + 20px); } } @media (min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > h3 { padding-left: 148px; } } @media (min-width: 600px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage { margin-left: 20px; float: right; } } @media (min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3 { padding-right: calc(40% + 20px); } } @media (min-width: 1000px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > h3 { padding-right: 532px; } } @media (min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 { padding-right: calc(25% + 20px); } } @media (min-width: 800px) { .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage), .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > h3 { padding-right: 148px; } } .fsProfileImage { margin-bottom: 20px; } .fsProfileImage img { display: block; } .fsProfileSection { margin-bottom: 20px; } .fsProfileSection h4 { margin: 0 0 1rem 0; } .fsProfileSectionData { margin-bottom: 1em; } .fsProfileSectionData:last-child { margin-bottom: 0; } .fsProfileSectionData > div { width: auto; float: none; display: block; } .fsProfileSectionData.fsStyleHalf { width: 100%; } @media (min-width: 600px) { .fsProfileSectionData.fsStyleHalf { width: 50%; } } .fsProfileSectionSpecialData > div { width: auto; float: none; display: block; } .fsProfileSectionSpecialData div[id^="fsEmail"] { display: inline-block; } .fsProfileSectionFieldName, .fsEmail > div:first-child { font-weight: 700; } /*! elements - constituent search */ .fsConstituent.fsSearch { overflow: hidden; } .fsConstituent.fsSearch + .fsConstituent { border-top: 1px solid #636363; margin-top: 20px; padding-top: 20px; } .fsConstituentSearchForm { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .fsConstituentSearchForm > label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 10px; margin-top: 10px; padding: 0 10px; 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fsConstituentSearchForm > label > span { margin-bottom: 4px; font-size: 0.875rem; line-height: 1.3571428571; font-weight: 600; } .fsConstituentSearchForm > label > select, .fsConstituentSearchForm > label > input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: 1px solid #cfcfcf; border-radius: 3px; -webkit-transition: 0.3s border; transition: 0.3s border; } .fsConstituentSearchForm > label > select:hover, .fsConstituentSearchForm > label > select:focus, .fsConstituentSearchForm > label > input:hover, .fsConstituentSearchForm > label > input:focus { border-color: #959595; } .fsConstituentSearchForm > label > select { height: 35px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .fsConstituentSearchForm [type*="submit"] { -ms-flex-item-align: end; align-self: flex-end; margin: 10px; width: 100%; } @media (min-width: 600px) { .fsConstituentSearchForm [type*="submit"] { width: auto; } } /*! elements - constituent default layout */ .fsConstituent.fsDialog .fsProfileImage:first-child { margin-top: 1em; } .fsConstituent.fsDialog .fsProfileImage img { float: none; margin: 0; } .fsConstituent .fsDialogContent { padding-top: 45px; } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage { margin: 0 0 20px 0; padding: 0; float: none; } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 { float: none; width: 100%; } @media (min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 { padding: 0; } } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3:first-child { padding: 0; } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage { float: none; } @media (min-width: 600px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage { max-width: 40%; } } @media (min-width: 600px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage { max-width: 25%; } } @media (min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage { max-width: 128px; } } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSection:after, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSection:after { display: none; } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData { float: none; display: block; width: 100%; } .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData > div, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData > div { clear: none; } @media (min-width: 600px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage { margin-right: 20px; float: left; } } @media (min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3 { padding-left: calc(40% + 20px); } } @media (min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3 { padding-left: calc(25% + 20px); } } @media (min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle > h3 { padding-left: 148px; } } @media (min-width: 600px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage { margin-left: 20px; float: right; } } @media (min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3 { padding-right: calc(40% + 20px); } } @media (min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 { padding-right: calc(25% + 20px); } } @media (min-width: 800px) { .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle > div:not(.fsProfileImage), .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle > h3 { padding-right: 148px; } } /*! elements - accordion */ .fsTabs .fsPanel, .fsAccordion .fsPanel { border-bottom: 1px solid #cfcfcf; } .fsTabs .fsPanel.fsStateOpen, .fsAccordion .fsPanel.fsStateOpen { border-bottom: 0 none; margin-bottom: 10px; } .fsTabs .fsPanel > header, .fsAccordion .fsPanel > header { cursor: pointer; background: rgba(0, 0, 0, 0); -webkit-transition: 0.3s; transition: 0.3s; } .fsTabs .fsPanel > header h2, .fsAccordion .fsPanel > header h2 { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.125rem; line-height: 1.4875rem; letter-spacing: 1.7px; margin-bottom: 0; padding: 28px 14px 27px; color: #373737; -webkit-transition: 0.3s; transition: 0.3s; text-transform: none; letter-spacing: 0; position: relative; } p + .fsTabs .fsPanel > header h2, p + .fsAccordion .fsPanel > header h2 { margin-top: 40px; } @media (max-width: 999px) { .fsTabs .fsPanel > header h2, .fsAccordion .fsPanel > header h2 { font-size: 1.0625rem; line-height: 1.4875rem; } } .fsTabs .fsPanel > header h2 a, .fsAccordion .fsPanel > header h2 a { -webkit-transition: none; transition: none; border: 0 none; font-weight: 500; } .fsTabs .fsPanel > header h2 a:before, .fsAccordion .fsPanel > header h2 a:before { display: none; } .fsTabs .fsPanel > header:hover, .fsAccordion .fsPanel > header:hover, .fsTabs .fsPanel > header:focus-within, .fsAccordion .fsPanel > header:focus-within { background: #efefef; -webkit-transition: 0.3s; transition: 0.3s; } .fsTabs .fsPanel > header:hover h2, .fsAccordion .fsPanel > header:hover h2, .fsTabs .fsPanel > header:focus-within h2, .fsAccordion .fsPanel > header:focus-within h2 { color: #00213c; -webkit-transition: 0.3s; transition: 0.3s; } .fsTabs .fsPanel > .fsElementContent, .fsAccordion .fsPanel > .fsElementContent { background: #fff; color: #00213c; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; font-weight: 400; line-height: 150%; } @media (min-width: 600px) { .fsTabs .fsPanel > .fsElementContent, .fsAccordion .fsPanel > .fsElementContent { padding: 10px 30px 38px; } } .fsTabs .fsPanel.fsStateOpen > header, .fsAccordion .fsPanel.fsStateOpen > header { background: #efefef; } .fsTabs .fsPanel.fsStateOpen > header h2, .fsAccordion .fsPanel.fsStateOpen > header h2 { color: #00213c; } .fsTabs .fsPanel.fsStateOpen > header h2:before, .fsAccordion .fsPanel.fsStateOpen > header h2:before { content: ""; background: #14284D !important; } .fsPanelIconAfter.fsTabs .fsPanel > header h2::after, .fsPanelIconAfter.fsAccordion .fsPanel > header h2::after, .fsPanelIconBefore.fsTabs .fsPanel > header h2::before, .fsPanelIconBefore.fsAccordion .fsPanel > header h2::before { content: ""; display: block; width: 30px; height: 30px; padding: 0; margin: 0; border: none; position: absolute; top: 50%; left: 14px; -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; color: #fff; font-family: "IcoMoon"; font-size: 22px; line-height: 28px; font-weight: 400; text-align: center; background: #959595; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; content: ""; } .fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen > header h2::before, .fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen > header h2::before, .fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen > header h2::after, .fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen > header h2::after { content: ""; display: block; width: 30px; height: 30px; padding: 0; margin: 0; border: none; position: absolute; top: 50%; left: 14px; -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; color: #fff; font-family: "IcoMoon"; font-size: 22px; line-height: 28px; font-weight: 400; text-align: center; background: #959595; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; content: ""; -webkit-transform: translate3d(0, -50%, 0) rotate(0deg); transform: translate3d(0, -50%, 0) rotate(0deg); } .fsPanelIconBefore.fsTabs .fsPanel > header h2, .fsPanelIconBefore.fsAccordion .fsPanel > header h2 { padding-left: 59px; } .fsPanelIconBefore.fsTabs .fsPanel > header h2:before, .fsPanelIconBefore.fsAccordion .fsPanel > header h2:before { left: 14px; } .fsPanelIconAfter.fsTabs .fsPanel > header h2, .fsPanelIconAfter.fsAccordion .fsPanel > header h2 { padding-right: 51px; } .fsPanelIconAfter.fsTabs .fsPanel > header h2:before, .fsPanelIconAfter.fsAccordion .fsPanel > header h2:before { display: none; } .fsPanelIconAfter.fsTabs .fsPanel > header h2:after, .fsPanelIconAfter.fsAccordion .fsPanel > header h2:after { right: 14px; } .fsTabs:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before, .fsAccordion:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before { content: ""; } .fsAccordion > .fsElementContent { border-top: 1px solid #cfcfcf; } /*! elements - athletics main */ /*! elements - athletics events */ .fsAthleticsEvent > .fsElementContent { width: 100%; } .fsAthleticsEvent .fsAlertFeeds { margin-bottom: 10px; } .fsAthleticsEvent .fsElementEventIcon { display: inline-block; } .fsAthleticsEvent .fsElementEventIcon img { max-width: 30px; } .fsAthleticsEvent div.fsTitle { display: inline-block; } /*! elements - athletics events - list subtype */ .fsAthleticsEvent.fsList .fsElementEventIcon { margin-right: 10px; } .fsAthleticsEvent.fsList .fsAlertIcon { margin-left: 5px; margin-bottom: -3px; } .fsAthleticsEvent.fsList .fsAthleticsOpponents { display: inline; } .fsAthleticsEvent.fsList .fsAthleticsOpponentNames { display: inline; } .fsAthleticsEvent.fsList .fsAthleticsEventReadMoreLink { display: inline-block; margin-top: 5px; } .fsAthleticsEvent.fsList .fsAthleticsDismissal, .fsAthleticsEvent.fsList .fsAthleticsDeparture, .fsAthleticsEvent.fsList .fsAthleticsReturn, .fsAthleticsEvent.fsList .fsAthleticsPickup { margin-top: 5px; } .fsAthleticsEvent.fsList .fsAthleticsDismissalLabel, .fsAthleticsEvent.fsList .fsAthleticsDepartureLabel, .fsAthleticsEvent.fsList .fsAthleticsReturnLabel, .fsAthleticsEvent.fsList .fsAthleticsPickupLabel { display: inline-block; } .fsAthleticsEvent.fsList .fsAthleticsDismissalLabel + div, .fsAthleticsEvent.fsList .fsAthleticsDepartureLabel + div, .fsAthleticsEvent.fsList .fsAthleticsReturnLabel + div, .fsAthleticsEvent.fsList .fsAthleticsPickupLabel + div { display: inline-block; } /*! elements - athletics events */ .fsAthleticsEvent.fsEvent article > div { margin-bottom: 10px; } .fsAthleticsEvent.fsEvent article > div:last-child { margin-bottom: 0; } .fsAthleticsEvent.fsEvent .fsAthleticsOpponents { display: inline-block; } .fsAthleticsEvent.fsEvent .fsAthleticsVs + div { display: inline-block; } /*! elements - athletics events - table*/ @media (min-width: 801px) { .fsAthleticsEvent.fsTable .fsDateTime, .fsAthleticsEvent.fsTable .fsAthleticsScore { white-space: nowrap; } } .fsAthleticsEvent.fsTable .fsElementTable { margin-bottom: 0; } @media (max-width: 800px) { .fsAthleticsEvent.fsTable .fsElementTable thead { display: none; } } .fsAthleticsEvent.fsTable .fsElementTable thead th { white-space: nowrap; } @media (max-width: 800px) { .fsAthleticsEvent.fsTable .fsElementTable td { display: inline-block; width: 100%; padding: 0 10px; } .fsAthleticsEvent.fsTable .fsElementTable td:not(:last-child) { border: 0; } .fsAthleticsEvent.fsTable .fsElementTable td:first-of-type { padding-top: 10px; } .fsAthleticsEvent.fsTable .fsElementTable td:last-of-type { padding-bottom: 10px; } .fsAthleticsEvent.fsTable .fsElementTable td:before { display: inline-block; font-weight: 700; } .fsAthleticsEvent.fsTable .fsElementTable td.fsTitle:before { content: "Team: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents { display: inline-block; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsVs { display: inline-block; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsOpponentNames { display: inline-block; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents:before { content: "Opponent: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate .fsDateTime { display: inline-block; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate:before { content: "Date: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime .fsDateTime { display: inline-block; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime:before { content: "Time: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsLocations:before { content: "Location: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAdvantage:before { content: "Advantage: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsEventType:before { content: "Type: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDetails:before { content: "Details: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsResult:before { content: "Result: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsScore:before { content: "Score: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAlerts:before { content: "Alerts: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDismissal:before { content: "Dismissal: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDeparture:before { content: "Departure: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsReturn:before { content: "Return Time: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsPickup:before { content: "Pickup Time: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsRecap:before { content: "Recap: "; } .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsStatus:before { content: "Status: "; } } .fsAthleticsEvent.fsTable .fsAthleticsVs + div { display: inline; } .fsAthleticsEvent.fsTable .fsAthleticsDismissalLabel, .fsAthleticsEvent.fsTable .fsAthleticsDepartureLabel, .fsAthleticsEvent.fsTable .fsAthleticsReturnLabel, .fsAthleticsEvent.fsTable .fsAthleticsPickupLabel { display: none; } .fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime { display: inline-block; } @media (min-width: 800px) { .fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime { display: block; } } body.fsComposeMode .fsAthleticsEvent.fsTable > .fsElementContent { overflow-x: auto; } /*! elements - athletics popup dialog box */ .fsAthleticsEvent.fsDialog .fsAthleticsTitle { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.8125rem; line-height: 2.5375rem; letter-spacing: 1.74px; margin-bottom: 20px; } p + .fsAthleticsEvent.fsDialog .fsAthleticsTitle { margin-top: 40px; } @media (max-width: 999px) { .fsAthleticsEvent.fsDialog .fsAthleticsTitle { font-size: 1.5625rem; line-height: 2.1875rem; margin-bottom: 20px; } } .fsAthleticsEvent.fsDialog .fsAthleticsLabel { font-weight: bold; margin-top: 20px; } .fsAthleticsEvent.fsDialog .fsAthleticsAddress > div { margin-top: 10px; } /*! elements - athletics roster */ .fsAthleticsRosterList li > div:before, .fsAthleticsRoster .fsElementTable td:before { margin-right: 5px; display: inline-block; font-weight: 700; } .fsAthleticsRosterList li > div.fsRosterPlayerNumber:before, .fsAthleticsRoster .fsElementTable td.fsRosterPlayerNumber:before { content: "Number: "; } .fsAthleticsRosterList li > div.fsRosterName:before, .fsAthleticsRoster .fsElementTable td.fsRosterName:before { content: "Name: "; } .fsAthleticsRosterList li > div.fsRosterPosition:before, .fsAthleticsRoster .fsElementTable td.fsRosterPosition:before { content: "Position: "; } .fsAthleticsRosterList li > div.fsRosterClass:before, .fsAthleticsRoster .fsElementTable td.fsRosterClass:before { content: "Class: "; } .fsAthleticsRosterList li > div.fsRosterGradeLevel:before, .fsAthleticsRoster .fsElementTable td.fsRosterGradeLevel:before { content: "Grade: "; } .fsAthleticsRosterList li > div.fsRosterHometown:before, .fsAthleticsRoster .fsElementTable td.fsRosterHometown:before { content: "Hometown: "; } .fsAthleticsRosterList li > div.fsRosterHeight:before, .fsAthleticsRoster .fsElementTable td.fsRosterHeight:before { content: "Height: "; } .fsAthleticsRosterList li > div.fsRosterWeight:before, .fsAthleticsRoster .fsElementTable td.fsRosterWeight:before { content: "Weight: "; } @media (max-width: 800px) { .fsAthleticsRoster .fsElementTable thead { display: none; } } @media (min-width: 800px) { .fsAthleticsRoster .fsElementTable td:before { display: none; } } @media (max-width: 800px) { .fsAthleticsRoster .fsElementTable td { display: inline-block; width: 100%; padding: 0 10px; } .fsAthleticsRoster .fsElementTable td:not(:last-child) { border: 0; } .fsAthleticsRoster .fsElementTable td:first-of-type { padding-top: 10px; } .fsAthleticsRoster .fsElementTable td:last-of-type { padding-bottom: 10px; } } .fsAthleticsRosterContent { margin-bottom: 20px; } .fsAthleticsRosterContent:empty, .fsAthleticsRosterContent:last-child { margin-bottom: 0; } .fsAthleticsRosterList, .fsAthleticsRosterList ul { margin: 0; padding: 0; list-style: none; } .fsAthleticsRosterList li { margin: 0; padding: 0; } .fsAthleticsRosterList li { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #cfcfcf; } .fsAthleticsRosterList li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .fsAthleticsRosterList li > div { margin-bottom: 10px; } .fsAthleticsRosterList li > div:last-child { margin-bottom: 0; } .fsAthleticsRosterList li > div.fsRosterName { margin-bottom: 10px; } .fsAthleticsRosterList li > div.fsRosterName:before { display: none; } .fsAthleticsRosterList .fsCoachImage { display: block; margin-bottom: 10px; } /*! elements - athletics teams */ .fsAthleticsTeamDirectory { max-width: 100%; } .fsAthleticsTeamDirectory, .fsAthleticsTeamDirectory ul { margin: 0; padding: 0; list-style: none; } .fsAthleticsTeamDirectory li { margin: 0; padding: 0; } .fsAthleticsTeamDirectory > li { margin-bottom: 10px; } .fsAthleticsTeamDirectory .fsAthleticsTeamIcon { display: inline-block; } .fsAthleticsTeamIcon { margin-right: 10px; } .fsBoardElement.fsThumbnailAlignLeft .fsThumbnail { float: none; } @media (min-width: 600px) { .fsBoardElement.fsThumbnailAlignLeft .fsThumbnail { float: left; } } .fsBoardElement.fsThumbnailAlignRight .fsThumbnail { float: none; } @media (min-width: 600px) { .fsBoardElement.fsThumbnailAlignRight .fsThumbnail { float: right; } } /*! _main.scss - src/sass/modules/calendar/ - main calendar import */ /*! _all.scss - src/sass/modules/calendar/list.scss - calendar each article style */ .fsCalendar article { position: relative; padding-left: 92px; min-height: 60px; padding-top: 0; } .fsCalendar article .fsElementEventColorIcon { width: 12px; height: 12px; } .fsCalendar .fsDate { 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-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; padding: 12px 0 13px; position: absolute; top: 0; left: 0; color: #fff; font-size: 12px; line-height: 1; font-weight: 500; font-family: "FuturaBT", "Roboto", sans-serif !important; text-align: center; text-transform: uppercase; background: #13284D; } .fsCalendar .fsDate > span { display: block; } .fsCalendar .fsDate > span.fsMonth { margin-bottom: 7px; } .fsCalendar .fsDate > span.fsDay { font-size: 22px; line-height: 1; } .fsCalendar .fsDate > span.fsYear { margin-top: 7px; } .fsCalendar .fsTitle { color: #00213c; font-size: 25px; line-height: 1.4; font-weight: 500; text-transform: uppercase; letter-spacing: 0.077em; } .fsCalendar .fsTitle a { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; border: 0; } .fsCalendar .fsTitle a:hover, .fsCalendar .fsTitle a:focus { color: #14284D; text-decoration: none; } .fsCalendar .fsEventDetails { margin-bottom: 15px; } .fsCalendar .fsEventDetails:last-child { margin-bottom: 0; } .fsCalendar .fsEventDetails > hr { display: none; } .fsCalendar .fsAllDay, .fsCalendar .fsTimeRange, .fsCalendar .fsLocation { position: relative; font-size: 16px; line-height: 1.375; color: #636363; margin-top: 2px; font-family: "FuturaBT", "Roboto", sans-serif !important; } .fsCalendar .fsAllDay:first-child, .fsCalendar .fsTimeRange:first-child, .fsCalendar .fsLocation:first-child { margin-top: 0; } .fsCalendar .fsAllDay:before, .fsCalendar .fsTimeRange:before, .fsCalendar .fsLocation:before { position: absolute; top: 0; left: 0; color: #14284D; } .fsCalendar .fsAllDay, .fsCalendar .fsTimeRange { padding-left: 24px; } .fsCalendar .fsAllDay:before, .fsCalendar .fsTimeRange:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 16px; } .fsCalendar .fsLocation { padding-left: 24px; } .fsCalendar .fsLocation:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 13px; } .fsCalendar .fsNotes, .fsCalendar .fsDescription { margin-top: 15px; } .fsCalendar .fsNotes:first-child, .fsCalendar .fsDescription:first-child { margin-top: 0; } .fsCalendar .fsReadMoreLink { font-size: 18px; line-height: 1.6111111111; font-weight: 400; } /*! _list.scss - src/sass/modules/calendar/list.scss - calendar event */ /*! _grid.scss - src/sass/modules/calendar/grid.scss - calendar grid */ .fsCalendar.fsGrid .fsCalendarDayView { margin-top: 20px; } .fsCalendar.fsGrid .fsCalendarDayView .fsCalendarInfo:not(:last-child) { margin-bottom: 40px; } .fsCalendar.fsGrid .fsCalendarEventTitle { font-weight: bold; } .fsCalendarEventGrid .fsCalendarRow { display: -webkit-box; display: -ms-flexbox; display: flex; } .fsCalendarEventGrid .fsCalendarRow .fsCalendarToday { background-color: rgba(0, 48, 80, 0.1); } .fsCalendarEventGrid .fsCalendarRow .fsCalendarOutOfRange { background-color: rgba(0, 0, 0, 0); } .fsCalendarEventGrid .fsCalendarRow .fsCalendarOutOfRange .fsCalendarDate { background-color: #efefef; } .fsCalendarEventGrid .fsCalendarDaybox { border-color: #cfcfcf; } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo { color: #00213c; } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div { margin-bottom: 5px; } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div:last-child { margin-bottom: 0; } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle + div { margin-top: 5px; } .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate { line-height: 1; display: table; padding: 5px; margin: -5px -5px 5px auto; } @media (min-width: 900px) { .fsCalendarEventGrid .fsCalendarDaybox { height: auto !important; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div { height: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:first-child { position: relative; } } .fsCalendar.fsGrid .fsCalendarGridControlBar { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fsCalendar.fsGrid .fsCalendarGridControlBar:after { display: none; } .fsCalendar.fsGrid .fsCalendarGridControlBar > div { margin: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .fsCalendar.fsGrid .fsCalendarGridControlBar .fsDisplayNavigation { margin-right: 10px; } .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarGridBrowser { width: 100%; margin-top: 10px; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } @media (min-width: 900px) { .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarGridBrowser { width: auto; margin-top: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls { margin: 10px 0 0; } @media (min-width: 900px) { .fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin: 0; } } .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthYearPicker:not(.fsStateHidden) { z-index: 1; } @media (max-width: 899px) { .fsCalendar.fsGrid .fsCalendarEventGrid { width: 100%; margin: 0 auto; } .fsCalendar.fsGrid .fsCalendarEventGrid:after { display: none; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarMonthBrowser { margin: 20px 0; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarWeekdays { display: none; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow { width: auto; border-right: solid 1px #cfcfcf; -webkit-box-shadow: 0 1px 0 0 #cfcfcf; box-shadow: 0 1px 0 0 #cfcfcf; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow:last-child { border-bottom: solid 1px #cfcfcf; -webkit-box-shadow: none; box-shadow: none; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox { cursor: pointer; min-height: 44px; position: relative; padding: 0; margin: 0; border: none; height: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-left: solid 1px #cfcfcf; border-top: 1px solid #cfcfcf; color: #00213c; background: #fff; -webkit-transition: 0.3s; transition: 0.3s; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:hover, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:focus { color: #fff; background: #14284D; -webkit-transition: 0.3s; transition: 0.3s; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover .fsCalendarOutOfRange, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus .fsCalendarOutOfRange, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:hover .fsCalendarOutOfRange, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:focus .fsCalendarOutOfRange { color: #fff; -webkit-transition: 0.3s; transition: 0.3s; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover .fsCalendarOutOfRange .fsCalendarDate, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus .fsCalendarOutOfRange .fsCalendarDate, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:hover .fsCalendarOutOfRange .fsCalendarDate, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:focus .fsCalendarOutOfRange .fsCalendarDate { background: #14284D; -webkit-transition: 0.3s; transition: 0.3s; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate { margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; font-size: 14px; padding-bottom: calc(50% - 14px / 2); padding-top: calc(50% - 14px / 2); color: inherit; background-color: rgba(0, 0, 0, 0); } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday { background: #14284D; color: #fff; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after { content: "●"; font-size: 10px; display: block; line-height: 0.5; -webkit-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0); } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div { position: relative; min-height: 22px; width: 100%; padding: 0; overflow: hidden; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:first-child { -webkit-box-shadow: inset 0 -1px 0 0 #cfcfcf; box-shadow: inset 0 -1px 0 0 #cfcfcf; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:not([tabIndex]) .fsCalendarDate { margin-bottom: 0; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div:not([tabIndex]) .fsCalendarDate:after { display: none; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div.selected { color: #fff; background: #373737; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div.selected:hover, .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div.selected:focus { color: #fff; background: #14284D; -webkit-transition: 0.3s; transition: 0.3s; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div.selected .fsCalendarOutOfRange { background: inherit; color: inherit; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox .fsCalendarDate { padding: calc(25% - 14px / 2) 0 calc(25% - 14px / 2); margin: 0 0 3px; font-size: 0.75rem; display: block; height: 100%; background-color: rgba(0, 0, 0, 0); } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected { color: #fff; background: #373737; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected .fsCalendarOutOfRange { background: inherit; color: inherit; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarOutOfRange { background: #efefef; color: #636363; -webkit-transition: 0.3s; transition: 0.3s; } .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarInfo { display: none; } } #event-view { padding: 0 20px; margin: 20px 0; } #event-view .fsCalendarDaybox { height: auto !important; } #event-view .fsCalendarDaybox > div { margin-bottom: 20px; } #event-view .fsCalendarWeekendDayBox > div:first-child { padding-bottom: 20px; } #event-view .fsCalendarWeekendDayBox .fsCalendarInfo:not(:last-child) { margin-bottom: 20px; } #event-view .fsCalendarEventTitle { margin-bottom: 5px; } .fsCalendarDayView:not(.fsStateHidden) + .fsCalendarEventGrid + #event-view { display: none; } @media (min-width: 900px) { #event-view { display: none; } } .scroll-up { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; display: table; margin: 20px auto; } .scroll-up:hover, .scroll-up:focus, .fsStateSelected .scroll-up, .scroll-up.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .scroll-up.fs_style_15 { width: 100%; max-width: unset; } .scroll-up + .fsCalendarLegend { margin-top: 20px !important; } @media (min-width: 900px) { .scroll-up { display: none; } } .fsElementEventColorIcon { display: inline-block; } .fsCalendar.fsGrid .fsCalendarEventGrid + .fsCalendarLegend { margin-top: 40px; } .fsCalendar.fsGrid .fsCalendarLegend, .fsCalendar.fsGrid .fsCalendarLegend ul { margin: 0; padding: 0; list-style: none; } .fsCalendar.fsGrid .fsCalendarLegend li { margin: 0; padding: 0; } .fsCalendar.fsGrid .fsCalendarLegend h4 { margin-bottom: 20px; } @media (min-width: 600px) { .fsCalendar.fsGrid .fsCalendarLegend > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .fsCalendar.fsGrid .fsCalendarLegend > ul > li { margin-left: 0; } @media (min-width: 600px) { .fsCalendar.fsGrid .fsCalendarLegend > ul > li { width: 49%; } } .fsCalendar.fsGrid .fsCalendarLegend .fsElementEventColorIcon { vertical-align: baseline; } /*! _slideshow.scss - src/sass/modules/calendar/slideshow.scss - calendar slideshow */ .fsCalendar.fsSlideshow .fsAlertFeeds { float: none; } .fsCalendar.fsSlideshow.fsSlideshowHorizontal .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .fsCalendar.fsSlideshow article { outline: solid 1px #cfcfcf; outline-offset: -10px; padding: 40px; text-align: center; } .fsCalendar.fsSlideshow .fsDate { position: static; margin: 0 auto 20px; } .fsCalendar.fsSlideshow .fsEventDetails { 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; } /*! _event.scss - src/sass/modules/calendar/event.scss - calendar event */ /*! _dialog.scss - src/sass/modules/calendar/_dialog.scss - calendar dialog pop up */ .fsCalendar.fsDialog article { padding-left: 0; } .fsCalendar.fsDialog article time { position: relative; margin-bottom: 20px; } /*! elements - forms */ textarea, input, select { padding: 5px; max-width: 100%; } .fsComposerFormEmbed { background: none; } .fsComposerFormEmbed body { margin: 0; } .fsComposerFormEmbed form { zoom: 1; } .fsComposerFormEmbed form:after { display: table; clear: both; content: ""; } .fsComposerFormEmbed form input, .fsComposerFormEmbed form textarea, .fsComposerFormEmbed form select { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 19px; line-height: 30px; color: #00213c; } .fsComposerFormEmbed form input { border: solid 1px #636363; } .fsComposerFormEmbed form input.fileUploader { padding: 0; width: 100%; border: none; } .fsComposerFormEmbed form fieldset { padding: 0; } .fsComposerFormEmbed form textarea { max-width: 100%; width: 100%; border: solid 1px #636363; } .fsComposerFormEmbed form .mainGroupSub { max-width: 100%; width: 100% !important; } .fsComposerFormEmbed form .formPage { margin-bottom: 20px; } .fsComposerFormEmbed form .elementRow { max-width: 100%; margin: 0; } .fsComposerFormEmbed form .elementRow:last-child .elementContainer:last-child { margin-bottom: 0; } .fsComposerFormEmbed form .elementContainer { margin: 0 0 20px; padding: 0; } @media screen and (max-width: 599px) { .fsComposerFormEmbed form .elementContainer { width: 100%; } } .fsComposerFormEmbed form .elementContainer label { margin-bottom: 2px; } .fsComposerFormEmbed form .elementContainer label.horizontal { white-space: normal; margin-right: 10px !important; } .fsComposerFormEmbed form .elementContainer label.horizontal:last-child { margin-right: 0; } .fsComposerFormEmbed form .elementContainer hr { margin: 0 auto; } .fsComposerFormEmbed form .elementContainer p:last-child { margin-bottom: 0; } @media screen and (max-width: 599px) { .fsComposerFormEmbed form .elementBody > input { width: 100%; } } .fsComposerFormEmbed form .elementBody > .descText { margin-bottom: 10px; } .fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel { width: 100%; margin: 0; padding: 0; text-align: left; float: none; } @media (min-width: 600px) { .fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel { width: 20%; padding-right: 10px; text-align: right; float: left; } } @media (min-width: 600px) { .fsComposerFormEmbed form .labelLeft .elementContainer > label { padding: 5px 10px 5px 5px; } } .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel label { width: 100%; } .fsComposerFormEmbed form .labelLeft .elementContainer fieldset label { width: auto; } .fsComposerFormEmbed form .labelLeft .elementBody { margin: 0; width: 100%; float: none; } @media (min-width: 600px) { .fsComposerFormEmbed form .labelLeft .elementBody { width: 80%; float: left; } } .fsComposerFormEmbed form .linkLike { color: #14284D; margin-right: 10px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .fsComposerFormEmbed form .linkLike:hover { color: #14284D; } .fsComposerFormEmbed form .required { color: #13284D; -webkit-transition: 0.3s color; transition: 0.3s color; } .fsComposerFormEmbed form .valFail { background-color: rgba(0, 0, 0, 0); border: 0; } .fsComposerFormEmbed form .valFail .required, .fsComposerFormEmbed form .valFail .valFailMsg { color: #903; } .fsComposerFormEmbed form .pageControls { padding: 10px 0 !important; margin-bottom: 10px; } .fsComposerFormEmbed form .pageControls .userConfirmation { margin-bottom: 0; } .fsComposerFormEmbed form .userConfirmation { margin-bottom: 20px; } .fsComposerFormEmbed form .userConfirmation .userConfirmationToggle { margin-right: 5px; } .fsComposerFormEmbed form .userConfirmation > label { display: block; } .fsComposerFormEmbed form .elementColumn { zoom: 1; margin-bottom: 20px; max-width: 100%; } .fsComposerFormEmbed form .elementColumn:after { display: table; clear: both; content: ""; } @media screen and (max-width: 599px) { .fsComposerFormEmbed form .elementColumn { float: none !important; width: 100% !important; } } .fsComposerFormEmbed form .elementColumn .elementContainer { margin-bottom: 0; } .fsComposerFormEmbed form .elementColumn .elementBody > input { width: 100%; } .fsComposerFormEmbed form .pageBreak { zoom: 1; } .fsComposerFormEmbed form .pageBreak:after { display: table; clear: both; content: ""; } .fsComposerFormEmbed form .pageBreak .nextPage, .fsComposerFormEmbed form .pageBreak .prevPage { background: none; border: none; color: #14284D; -webkit-transition: 0.3s; transition: 0.3s; outline: 0; float: left; padding: 0; line-height: 1; padding: 10px 0; } .fsComposerFormEmbed form .pageBreak .nextPage:hover, .fsComposerFormEmbed form .pageBreak .prevPage:hover { color: #14284D; -webkit-transition: 0.3s; transition: 0.3s; } .fsComposerFormEmbed form .pageBreak .prevPage { margin-right: 10px; } .fsComposerFormEmbed form .pageBreak .pagenum { display: inline-block; float: left; line-height: 1; margin-right: 10px; padding: 10px 0; } .fsComposerFormEmbed form .pageBreak .pagenum:empty { margin: 0; } .fsComposerFormEmbed form .submitBtn { margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fsComposerFormEmbed form .submitBtn:hover, .fsComposerFormEmbed form .submitBtn:focus, .fsStateSelected .fsComposerFormEmbed form .submitBtn, .fsComposerFormEmbed form .submitBtn.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fsComposerFormEmbed form .submitBtn.fs_style_15 { width: 100%; max-width: unset; } .fsComposerFormEmbed .ui-widget { font-family: "FuturaBT", "Roboto", sans-serif !important; max-width: 100%; } .fsComposerFormEmbed .ui-datepicker:empty { display: none; } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-header { background: none; border: none; } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next { background: none; border: none; text-align: center; font-size: 20px; cursor: pointer; } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev span, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next span { display: none; } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before { content: ""; font-weight: bold; -webkit-transition: 0.3s; transition: 0.3s; } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:hover:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:hover:before { -webkit-transition: 0.3s; transition: 0.3s; opacity: 0.5; } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before { content: "›"; } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before { content: "‹"; } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next-hover { right: 2px; top: 2px; } .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev-hover { left: 2px; top: 2px; } .fsComposerFormEmbed .ui-datepicker .ui-state-default { background: rgba(0, 0, 0, 0.05); text-align: center; } .fsComposerFormEmbed .ui-datepicker .ui-state-active { background: rgba(0, 0, 0, 0.1); } .fsComposerFormEmbed .ui-datepicker .ui-state-highlight { border: solid 1px #d3d3d3; background-color: #d3d3d3; } ::-webkit-input-placeholder { color: #cfcfcf; } :-moz-placeholder { color: #cfcfcf; opacity: 1; } ::-moz-placeholder { color: #cfcfcf; opacity: 1; } :-ms-input-placeholder { color: #cfcfcf; } /*! elements - login */ .fsAccount button:not(:last-of-type) { margin-right: 10px; } .fsLoginForgotPasswordLink, .fsLoginNewAccountLink { margin-bottom: 10px; } .fsLoginForgotPasswordLink:last-child, .fsLoginNewAccountLink:last-child { margin-bottom: 0; } .fsLoginNewFields .fsLoginNewCaptcha { margin-bottom: 20px; } .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area, .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table { max-width: 100%; } @media screen and (max-width: 599px) { .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div { overflow: hidden; border-radius: 5px; } } .fsResetPasswordFields > div { margin-bottom: 20px; } .fsResetPasswordFields > div:last-child { margin-bottom: 0; } .fsResetPasswordFields label > span { display: block; } .fsResetPasswordFields label > input { margin-bottom: 20px; } @media screen and (max-width: 599px) { .fsLoginForgotControls label, .fsLoginNewFields label, .fsResetPasswordFields label { display: block; margin-bottom: 3px; } .fsLoginForgotControls input, .fsLoginNewFields input, .fsResetPasswordFields input { display: block; width: 100%; } } .fsLoginForgotView .fsLoginForgotEmail { display: block; } .fsLoginForgotSuccess .fsStyleDefaultButton { margin-top: 20px; } .fsAccountGreeting { margin-bottom: 20px; } .fsAccountLinks { margin: 0; } .fsAccountLinks li:not(:first-child) { border-color: #cfcfcf; } .fsAccountLogout { display: block; margin-top: 20px; } .fsAccountLogout > .fsStyleUpdateButton:last-child { margin-bottom: 0; } input[name*="passkey"] + .fsLoginSubmit { margin-top: 20px; } .fsError { margin-bottom: 50px; } .fsResetContinue, .fsResetCancel, .fsLoginNewSuccess > button { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fsResetContinue:hover, .fsResetContinue:focus, .fsStateSelected .fsResetContinue, .fsResetContinue.on, .fsResetCancel:hover, .fsResetCancel:focus, .fsStateSelected .fsResetCancel, .fsResetCancel.on, .fsLoginNewSuccess > button:hover, .fsLoginNewSuccess > button:focus, .fsStateSelected .fsLoginNewSuccess > button, .fsLoginNewSuccess > button.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fsResetContinue.fs_style_15, .fsResetCancel.fs_style_15, .fsLoginNewSuccess > button.fs_style_15 { width: 100%; max-width: unset; } .fsLoginNewSuccess button { margin-top: 20px; } .fsPostElement.fsThumbnailAlignLeft .fsThumbnail { float: none; } @media (min-width: 600px) { .fsPostElement.fsThumbnailAlignLeft .fsThumbnail { float: left; margin-right: 30px; } } .fsPostElement.fsThumbnailAlignRight .fsThumbnail { float: none; } @media (min-width: 600px) { .fsPostElement.fsThumbnailAlignRight .fsThumbnail { float: right; margin-left: 30px; } } .fsPostElement article > * { margin-bottom: 15px; } .fsPostElement article > *:last-child { margin-bottom: 0; } .fsPostElement article .post-text-wrapper > * { margin-bottom: 15px; } .fsPostElement article .post-text-wrapper > *:last-child { margin-bottom: 0; } .fsPostElement .fsThumbnail .fsCroppedImage, .fsPostElement .fsThumbnail img { display: block; } .fsPostElement .fsThumbnail.fsPostLink { border-bottom: 0 none; } .fsPostElement .fsTitle { margin-bottom: 21px !important; color: #00213c; font-size: 25px; line-height: 1.4; font-weight: 500; text-transform: uppercase; letter-spacing: 0.077em; } .fsPostElement .fsTitle a { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; border: 0; } .fsPostElement .fsTitle a:hover, .fsPostElement .fsTitle a:focus { color: #14284D; text-decoration: none; } .fsPostElement .fsTitle .fsPostLink { border-bottom: 0 none; } .fsPostElement .fsAuthor, .fsPostElement .fsDateTime { display: block; color: #14284D; font-size: 0.9375rem; font-family: "FuturaBT", "Roboto", sans-serif !important; line-height: 130%; } .fsPostElement .fsAuthor { text-transform: capitalize; margin-right: 0; } .fsPostElement .fsAuthor + .fsDateTime { margin-top: -10px; } .fsPostElement .fsCategories { margin: -3px -3px 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fsPostElement .fsCategories:last-child { margin-bottom: -3px; } .fsPostElement .fsCategories .fsCategory { padding: 6px 8px; margin: 3px; border: 1px solid #9ebba5; color: #131313; font-size: 10px; line-height: 1.2; font-weight: 500; font-family: "FuturaBT", "Roboto", sans-serif !important; text-transform: uppercase; } .fsPostElement .fsTags { margin: 20px -3px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fsPostElement .fsTags:last-child { margin-bottom: -3px; } .fsPostElement .fsTags .fsTag { padding: 6px 9px; margin: 3px; border: 0; color: #131313; font-size: 13px; line-height: 1.3846153846; font-weight: 400; font-family: "FuturaBT", "Roboto", sans-serif !important; background-color: #efefef; } .fsPostElement .post-text-wrapper { display: table; } .fsPostElement article { border-color: #cfcfcf; } .fsPostElement article.no-img .fsThumbnail { background-image: url(images/post-default-thumb.png); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; } .fsPostElement article.no-img .fsThumbnail:before { content: ""; display: block; padding-bottom: 73.6842105263%; } .fsPostElement .fsReadMoreLink { font-size: 18px; line-height: 1.6111111111; font-weight: 400; } .fsPostElement.fsGrid .fsListItems { margin: -10px; } .fsPostElement.fsGrid article { outline: solid 1px #cfcfcf; outline-offset: -10px; margin: 0; padding: 40px; } .fsPostElement.fsGrid .fsThumbnail { margin: -30px -30px 30px; width: auto; } .fsPostElement.fsSlideshow.fsSlideshowHorizontal .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .fsPostElement.fsSlideshow article { outline: solid 1px #cfcfcf; outline-offset: -10px; padding: 40px; } .fsPostElement.fsSlideshow .fsThumbnail { margin: -30px -30px 30px; width: auto; } /*! _dialog.scss - src/sass/modules/post/_dialog.scss - post dialog pop up */ .fsResourceElement .fsDescription, .fsResourceElement figcaption { margin-top: 20px; } .fsResourceElement .fsDescription:empty, .fsResourceElement figcaption:empty { display: none; } .fsResourceElement.fsListNav .fsResourceCollectionName + nav { margin-top: 20px; } .fsResourceElement.fsGrid .fsDescription, .fsResourceElement.fsGrid figcaption { margin-top: 15px; } .fsResourceElement.fsGrid .fsResourceThumbnail, .fsResourceElement.fsGrid picture { display: block; padding-bottom: 56.25%; position: relative; overflow: hidden; } .fsResourceElement.fsGrid img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -o-object-fit: cover; object-fit: cover; min-width: 100%; min-height: 100%; } /*! _dialog.scss - src/sass/modules/resources/_dialog.scss - resource dialog pop up */ /*! _main.scss - src/sass/modules/search/ - main search import */ /*! _search-box.scss - src/sass/modules/search/ - sitewide search box */ .fsSearchElement.fsSearchForm .fsSearchElementKeyword { margin-bottom: 20px; } .fsSearchElement.fsSearchForm .fsSearchElementKeyword + .fsSearchElementSearchButton { margin-top: 0; } .fsSearchElement.fsSearchForm .fsSearchElementSearchButton:last-child { margin-bottom: 0; } /*! _search-results.scss - src/sass/modules/search/ - sitewide search results */ .fsSearchElement.fsList .fsListItems { padding: 0; } .fsSearchElement.fsList .fsSearchResultInfo { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cfcfcf; } .fsSearchElement.fsList .fsSearchResultInfo:empty { margin: 0; border: none; } /*! _custom.scss - src/sass/modules/search/ - custom site search, design based */ .fsMenu .site-search { margin-bottom: 0; width: 280px; } @media (max-width: 999px) { .fsMenu .site-search { position: absolute; top: 16px; left: 20px; z-index: 100; } } .fsMenu .site-search > header { display: none; } .fsMenu .site-search > .fsElementContent { position: relative; } .fsMenu .site-search > .fsElementContent label { display: block; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; top: -9999em; left: -9999em; white-space: nowrap; overflow: hidden; } .fsMenu .site-search > .fsElementContent .fsSearchElementKeyword { margin-bottom: 0; } .fsMenu .site-search > .fsElementContent button.fsSearchElementSearchButton.fsStyleUpdateButton { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); right: 0; margin-right: 0; font-size: 15px; line-height: 26px; color: rgba(0, 0, 0, 0); z-index: 20; padding: 0; font-weight: 300; -webkit-box-shadow: none; box-shadow: none; background: rgba(0, 0, 0, 0); border: 0px solid rgba(0, 0, 0, 0) !important; background: rgba(0, 0, 0, 0); border-radius: 0px; width: 26px; height: 26px; overflow: hidden; text-align: center; } .fsMenu .site-search > .fsElementContent button.fsSearchElementSearchButton.fsStyleUpdateButton::before { content: ""; font-size: 20px; font-family: "rugbyschoolacth"; color: #fff; font-weight: 300; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } @media (max-width: 999px) { .fsMenu .site-search > .fsElementContent button.fsSearchElementSearchButton.fsStyleUpdateButton::before { font-size: 12px; } } .fsMenu .site-search > .fsElementContent button.fsSearchElementSearchButton.fsStyleUpdateButton:hover, .fsMenu .site-search > .fsElementContent button.fsSearchElementSearchButton.fsStyleUpdateButton:focus { color: rgba(0, 0, 0, 0); } .fsMenu .site-search > .fsElementContent button.fsSearchElementSearchButton.fsStyleUpdateButton:hover::before, .fsMenu .site-search > .fsElementContent button.fsSearchElementSearchButton.fsStyleUpdateButton:focus::before { color: #9ebba5; } .fsMenu .site-search > .fsElementContent .fsButtonClear { right: 50px; z-index: 50; } .fsMenu .site-search > .fsElementContent .fsStyleSearchField { position: relative; border: none; padding: 10px 80px 10px 0px; width: 100%; font-size: 18px; line-height: 20px; font-weight: 400; text-transform: uppercase; letter-spacing: 1.44px; font-family: "FuturaBT", "Roboto", sans-serif !important; background: rgba(0, 0, 0, 0); border-radius: 0px; z-index: 20; color: #fff; border-bottom: 1px solid #9ebba5; } @media (max-width: 999px) { .fsMenu .site-search > .fsElementContent .fsStyleSearchField { font-size: 14px; line-height: 14px; } } .fsMenu .site-search > .fsElementContent .fsStyleSearchField::-webkit-input-placeholder { color: #fff; opacity: 1; } .fsMenu .site-search > .fsElementContent .fsStyleSearchField::-moz-placeholder { color: #fff; opacity: 1; } .fsMenu .site-search > .fsElementContent .fsStyleSearchField:-ms-input-placeholder { color: #fff; opacity: 1; } .fsMenu .site-search > .fsElementContent .fsStyleSearchField::-ms-input-placeholder { color: #fff; opacity: 1; } .fsMenu .site-search > .fsElementContent .fsStyleSearchField::placeholder { color: #fff; opacity: 1; } .fsMenu .site-search > .fsElementContent .fsStyleSearchField:-ms-input-placeholder { color: #fff; } .fsMenu .site-search > .fsElementContent .fsStyleSearchField::-ms-input-placeholder { color: #fff; } /*! elements - social main */ /*! elements - social vimeo */ .fsVimeo iframe.fsSocialVideoFrame { margin-bottom: 20px; } .fsVimeoList, .fsVimeoList ul { margin: 0; padding: 0; list-style: none; } .fsVimeoList li { margin: 0; padding: 0; } .fsVimeoList .fsVimeoListItem { padding: 20px; border-bottom: solid 1px #cfcfcf; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; cursor: pointer; } .fsVimeoList .fsVimeoListItem:hover { background-color: #efefef; } .fsVimeoList .vimeo_view_link { margin-top: 20px; } .fsVimeoList .vimeo_view_link a { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fsVimeoList .vimeo_view_link a:hover, .fsVimeoList .vimeo_view_link a:focus, .fsStateSelected .fsVimeoList .vimeo_view_link a, .fsVimeoList .vimeo_view_link a.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fsVimeoList .vimeo_view_link a.fs_style_15 { width: 100%; max-width: unset; } .fsVimeoThumb { margin-bottom: 10px; margin-right: 20px; } @media (min-width: 600px) { .fsVimeoThumb { float: left; margin-bottom: 0; } } /*! elements - social youtube */ .fsYoutube { margin-bottom: 20px; } .fsYoutube .fsSocialVideoFrame { margin-bottom: 20px; } .fsYoutubeList, .fsYoutubeList ul { margin: 0; padding: 0; list-style: none; } .fsYoutubeList li { margin: 0; padding: 0; } .fsYoutubeList .fsYoutubeListItem { padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #cfcfcf; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.6; } .fsYoutubeList .fsYoutubeListItem:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .fsYoutubeList .fsYoutubeListItem:hover { border: none; border-bottom: solid 1px #cfcfcf; padding: 0; padding-bottom: 20px; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .fsYoutubeList .fsYoutubeListItem:hover:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .fsYoutubeThumb { margin-bottom: 10px; margin-right: 20px; float: none; } @media (min-width: 600px) { .fsYoutubeThumb { float: left; margin-bottom: 0; } } .Youtube_view_link a { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .Youtube_view_link a:hover, .Youtube_view_link a:focus, .fsStateSelected .Youtube_view_link a, .Youtube_view_link a.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .Youtube_view_link a.fs_style_15 { width: 100%; max-width: unset; } .fsTabs .fsTabsNav { display: none; } @media (min-width: 600px) { .fsTabs .fsTabsNav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } } .fsTabs .fsTabsNav li { margin: 10px; } .fsTabs .fsTabsNav li a { margin-top: 0; font-weight: 400; color: #00213c; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.125rem; line-height: 1.4875rem; letter-spacing: 1.7px; margin-bottom: 0; padding: 0 0 12px; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0); font-size: 1.125rem; line-height: 140%; font-weight: 500; text-transform: none; letter-spacing: 0; background: rgba(0, 0, 0, 0); color: #646464; border: 0 none; } p + .fsTabs .fsTabsNav li a { margin-top: 40px; } @media (max-width: 999px) { .fsTabs .fsTabsNav li a { font-size: 1.0625rem; line-height: 1.4875rem; } } .fsTabs .fsTabsNav li.fsStateSelected a { -webkit-box-shadow: inset 0 -4px 0 #879abd; box-shadow: inset 0 -4px 0 #879abd; } .fsTabs .fsTabsNav li a:hover, .fsTabs .fsTabsNav li a:focus { -webkit-box-shadow: inset 0 -4px 0 #879abd; box-shadow: inset 0 -4px 0 #879abd; } .fsTabs .fsTabsNav li a:hover, .fsTabs .fsTabsNav li a:focus { background: rgba(0, 0, 0, 0); color: #00213c; } .fsTabs .fsTabsNav li.fsStateSelected a { background: rgba(0, 0, 0, 0); color: #00213c; } @media (min-width: 600px) { .fsTabs .fsPanel { border-top: 1px solid #cfcfcf; } .fsTabs .fsPanel:last-child { border-bottom: 0; } .fsTabs .fsPanel > .fsElementContent { padding: 20px 0 0; background: rgba(0, 0, 0, 0); } } .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) { display: block; } @media (min-width: 600px) { .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) { display: none; } } /*! -main.scss - /sass/modules/tools */ /*! _all.scss - src/sass/modules/tools - News, Calendar, & Posts Tools Elements */ .fsElementToolsSearchButton, .fsToolsList.fsStyleSelectList .fsStyleDefaultButton { margin: 0 5px 0 0; width: auto; } .fsToolsList.fsStyleSelectList > li { padding: 0; margin: 0; } .fsToolsList.fsStyleSelectList .fsStyleDefaultButton { margin-bottom: 5px; padding: 7px 12px; font-size: 0.875em; line-height: 1.2; } /*! _filter.scss - src/sass/modules/tools/posts - News & Calendar Tools Elements */ .fsBannerLeft .fsElementToolsSearch, .fsBannerRight .fsElementToolsSearch, .fsStyleOneThird .fsElementToolsSearch, .fsTwoColumnLayout .fsElementToolsSearch, .fsThreeColumnLayout > .fsDiv .fsElementToolsSearch, .fsFourColumnLayout > .fsDiv .fsElementToolsSearch, .fsConstituentColumnLayout_3 .fsElementToolsSearch, .fsConstituentColumnLayout_4 .fsElementToolsSearch { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fsBannerLeft .fsElementToolsSearch > div, .fsBannerRight .fsElementToolsSearch > div, .fsStyleOneThird .fsElementToolsSearch > div, .fsTwoColumnLayout .fsElementToolsSearch > div, .fsThreeColumnLayout > .fsDiv .fsElementToolsSearch > div, .fsFourColumnLayout > .fsDiv .fsElementToolsSearch > div, .fsConstituentColumnLayout_3 .fsElementToolsSearch > div, .fsConstituentColumnLayout_4 .fsElementToolsSearch > div { width: 100%; } .fsBannerLeft .fsElementToolsSearch .fsFieldContainer, .fsBannerRight .fsElementToolsSearch .fsFieldContainer, .fsStyleOneThird .fsElementToolsSearch .fsFieldContainer, .fsTwoColumnLayout .fsElementToolsSearch .fsFieldContainer, .fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer, .fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer, .fsConstituentColumnLayout_3 .fsElementToolsSearch .fsFieldContainer, .fsConstituentColumnLayout_4 .fsElementToolsSearch .fsFieldContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fsBannerLeft .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsBannerRight .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsStyleOneThird .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsTwoColumnLayout .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsConstituentColumnLayout_3 .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField, .fsConstituentColumnLayout_4 .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fsBannerLeft .fsElementToolsSearch .fsElementToolsSearchButton, .fsBannerRight .fsElementToolsSearch .fsElementToolsSearchButton, .fsStyleOneThird .fsElementToolsSearch .fsElementToolsSearchButton, .fsTwoColumnLayout .fsElementToolsSearch .fsElementToolsSearchButton, .fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsElementToolsSearchButton, .fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsElementToolsSearchButton, .fsConstituentColumnLayout_3 .fsElementToolsSearch .fsElementToolsSearchButton, .fsConstituentColumnLayout_4 .fsElementToolsSearch .fsElementToolsSearchButton { width: 100%; } .fsElementToolsSearch .fsSeparator { margin: 0 5px; display: inline-block; text-align: center; } .fsElementToolsKeyword + .fsElementToolsDateRange { margin-top: 10px; } .fsElementToolsSearchButton { margin: 10px 0 0; } /*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */ .fsLegend .fsElementControls { margin-bottom: 5px; } .fsLegend .fsElementControls label input:checked + span { background: #242424; color: #fff; } .fsLegend .fsElementControls label input + span { color: #242424; background: #efefef; } /*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */ .fsMiniGrid .fsCalendarEventGrid { max-width: 100%; width: 340px; } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox { -webkit-box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff; box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff; background: #efefef; color: #373737; font-size: 0.875em; line-height: 1; padding: 0; padding: 10px 5px; -webkit-transition: 0.3s; transition: 0.3s; } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:hover { opacity: 1; background: #14284D !important; color: #fff !important; -webkit-transition: 0.3s; transition: 0.3s; } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:last-child { -webkit-box-shadow: inset 0 -1px 0 0 #fff; box-shadow: inset 0 -1px 0 0 #fff; } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate { display: block; padding: 0; margin: 0; } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents { padding-bottom: 12px; background: #efefef; color: #373737; } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after { content: "●"; font-size: 8px; display: block; line-height: 0.5; -webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0, 2px, 0); } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange { background: #efefef; color: #636363; } .fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday { background: #14284D; color: #fff; } .fsCalendarMonthYearPicker > .fsStyleUpdateButton { margin-bottom: 0; display: block; color: #fff; background-color: #242424; } /*! _category.scss - src/sass/modules/tools/posts - Posts Tools Elements */ /*! _tag.scss - src/sass/modules/tools/posts - Posts Tools Elements */ .home { max-width: 100vw; overflow-x: hidden; } .home h1.fsPageTitle { display: block; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; top: -9999em; left: -9999em; white-space: nowrap; overflow: hidden; } .home #fsPageContent { width: 100vw; } .home #fsPageWrapper { overflow-x: hidden; } .home #fsHeader { pointer-events: none; } body.home.fsComposeMode #fsHeader { position: relative; } body.home:not(.fsComposeMode) #fsHeader { position: absolute; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(0, 0, 0, 0) none; } @media (min-width: 800px) { body.home:not(.fsComposeMode) #fsHeader { height: 100vh; } } body.home:not(.fsComposeMode).drawer-is-active #fsHeader { z-index: 2; } .home #fsHeader:after { display: none; content: ""; width: 100%; height: 95px; position: absolute; top: 0; left: 0; z-index: 1; background: #13284D; } @media (min-width: 800px) { .home #fsHeader:after { display: block; } } @media (min-width: 1000px) { .home #fsHeader:after { display: none; } } @media (max-width: 999px) { .home #fsHeader .fsBanner { height: 100%; position: relative; z-index: 2; } } .home #fsHeader .header-container > .fsElementContent { pointer-events: none; } @media (min-width: 800px) { .home #fsHeader .header-container > .fsElementContent { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0) none; } } .home #fsHeader .header-container > .fsElementContent .header-logo { position: absolute; left: 50px; top: 50px; -webkit-transition: all 0.8s; transition: all 0.8s; pointer-events: auto; } @media (max-width: 999px) { .home #fsHeader .header-container > .fsElementContent .header-logo { -ms-flex-item-align: start; align-self: flex-start; position: relative; top: auto; left: auto; bottom: auto; } } @media (min-width: 1000px) { .scrolled .home #fsHeader .header-container > .fsElementContent .header-logo { opacity: 0; } } .home #fsHeader .header-container > .fsElementContent .trigger-container { position: fixed; top: 50.5px; right: 43.97px; -webkit-transition: all 0.8s; transition: all 0.8s; z-index: 9999; pointer-events: auto; } @media (max-width: 999px) { .home #fsHeader .header-container > .fsElementContent .trigger-container { position: absolute; top: 23px; right: 0; background-color: rgba(0, 0, 0, 0); } } @media (max-width: 999px) { .home #fsHeader .header-container > .fsElementContent .trigger-container .fsElementTitle { color: #9ebba5; } } .home .header-logo.header-logo-mobile { display: block; } @media (min-width: 1000px) { .home .header-logo.header-logo-mobile { display: none; } } .home .header-logo.header-logo-desktop { display: none; } @media (min-width: 1000px) { .home .header-logo.header-logo-desktop { display: block; } } .home #scroll-down { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; height: 50px; width: 50px; margin: 0 7.5px; border: 1px solid #9ebba5; border-radius: 200px; position: relative; color: rgba(0, 0, 0, 0); cursor: pointer; overflow: hidden; -webkit-transition: border 0.3s ease 0s, background 0.3s ease 0s; transition: border 0.3s ease 0s, background 0.3s ease 0s; pointer-events: auto; display: none; border-color: #9ebba5; position: absolute; left: 50%; bottom: 30px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; cursor: pointer; overflow: visible; -webkit-transition: background 0.3s ease 0s, opacity 0.8s ease 0s; transition: background 0.3s ease 0s, opacity 0.8s ease 0s; } .home #scroll-down:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-family: "rugbyschoolacth"; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #fff; line-height: 1; -webkit-transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: color 0.3s ease 0s, transform 0.3s ease 0s; transition: color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .home #scroll-down.fsPrevButton:before, .home #scroll-down.slick-prev:before, .home #scroll-down.prev-slide:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .home #scroll-down.fsPrevButton:hover:before, .home #scroll-down.fsPrevButton:focus:before, .home #scroll-down.slick-prev:hover:before, .home #scroll-down.slick-prev:focus:before, .home #scroll-down.prev-slide:hover:before, .home #scroll-down.prev-slide:focus:before { -webkit-transform: translate(calc(-50% - 5px), -50%) rotate(90deg); -ms-transform: translate(calc(-50% - 5px), -50%) rotate(90deg); transform: translate(calc(-50% - 5px), -50%) rotate(90deg); } .home #scroll-down.fsNextButton:before, .home #scroll-down.slick-next:before, .home #scroll-down.next-slide:before { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .home #scroll-down.fsNextButton:hover:before, .home #scroll-down.fsNextButton:focus:before, .home #scroll-down.slick-next:hover:before, .home #scroll-down.slick-next:focus:before, .home #scroll-down.next-slide:hover:before, .home #scroll-down.next-slide:focus:before { -webkit-transform: translate(calc(-50% + 5px), -50%) rotate(-90deg); -ms-transform: translate(calc(-50% + 5px), -50%) rotate(-90deg); transform: translate(calc(-50% + 5px), -50%) rotate(-90deg); } .home #scroll-down.slick-disabled { opacity: 0.5; } .home #scroll-down:hover, .home #scroll-down:focus { border-color: #14284D; background: #14284D; } .home #scroll-down:hover:before, .home #scroll-down:focus:before { color: #fff; } @media (min-width: 800px) { .home #scroll-down { display: block; } } .home #scroll-down:hover:before, .home #scroll-down:focus:before { -webkit-transform: translate3d(-50%, calc(-50% + 5px), 0); transform: translate3d(-50%, calc(-50% + 5px), 0); } .scrolled .home #scroll-down { opacity: 0; } .home #scroll-down:after { content: "Explore"; display: block; padding-left: 2px; position: absolute; top: -23px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-size: 12px; font-weight: 500; line-height: 1.2; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; letter-spacing: 3.6px; } .home #fsPageBodyWrapper { padding: 74px 0 0; } @media (min-width: 800px) { .home #fsPageBodyWrapper { padding: 0; } } .home #fsPageBodyWrapper #fsPageBody { max-width: 100%; } .home .hp-container { padding: 130px 28px; margin-bottom: 0; position: relative; } .home .hp-container .panel-header { max-width: 550px; margin: 0 auto 98px; text-align: center; } @media (min-width: 1000px) { .home .hp-container .panel-header { margin-bottom: 0; } } .home .hp-container .panel-header h1:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.5; } .home .hp-container .fs-sub-title { display: block; margin-bottom: 12px; color: #14284D; font-size: 24px; font-weight: 500; line-height: 1; font-family: 'Manrope', sans-serif !important; text-transform: uppercase; letter-spacing: 0.1em; border-radius:12px; } .home .hp-container h1:before { background: #14284D; } @media (min-width: 1000px) { body.home:not(.fsComposeMode) .hp-container:not(.one):not(.three):not(.five) > .fsElementContent { position: relative; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: opacity 0.7s ease 0s, -webkit-transform 0.7s ease 0s; transition: opacity 0.7s ease 0s, -webkit-transform 0.7s ease 0s; transition: transform 0.7s ease 0s, opacity 0.7s ease 0s; transition: transform 0.7s ease 0s, opacity 0.7s ease 0s, -webkit-transform 0.7s ease 0s; } body.home:not(.fsComposeMode) .hp-container:not(.one):not(.three):not(.five).animate-in > .fsElementContent { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } } .home:not(.fsComposeMode) .hp-container.one { background-color: hsla(0, 0%, 100%, 0); } @media (min-width: 800px) { .home:not(.fsComposeMode) .hp-container.one { -webkit-transition: background 0.8s ease 0s; transition: background 0.8s ease 0s; } } @media (max-width: 999px) { .home:not(.fsComposeMode) .hp-container.one { padding: 0; } } body.home:not(.fsComposeMode) .hp-container.one { min-height: 100vh; width: 100vw; } html:not(.scrolled) body.home:not(.fsComposeMode) .hp-container.one { pointer-events: none; } @media (max-width: 799px) { html:not(.scrolled) body.home:not(.fsComposeMode) .hp-container.one { pointer-events: initial; } } @media screen and (min-width: 1000px) and (max-height: 750px) { html.scrolled body.home:not(.fsComposeMode) .hp-container.one { padding: 130px 30px 130px; } html.scrolled body.home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header h1 { font-size: 100px; } } @media (max-width: 999px) { .scrolled .home:not(.fsComposeMode) .hp-container.one { padding: 0; min-height: auto !important; background: #f8f8f8; } } @media (min-width: 1000px) { .scrolled .home:not(.fsComposeMode) .hp-container.one { z-index: 2; } } .home:not(.fsComposeMode) .hp-container.one:before { content: ""; width: 100%; height: 338px; position: absolute; top: 100px; left: -200px; background-image: url(images/logo-light.png); background-repeat: no-repeat; } @media (min-width: 800px) { .home:not(.fsComposeMode) .hp-container.one:before { -webkit-transition: all 0.8s; transition: all 0.8s; } } .scrolled .home:not(.fsComposeMode) .hp-container.one:before { left: 0; } @media (max-width: 999px) { .scrolled .home:not(.fsComposeMode) .hp-container.one:before { display: none; } } .home:not(.fsComposeMode) .hp-container.one .fsContainer { width: 100%; } @media (min-width: 800px) { .home:not(.fsComposeMode) .hp-container.one .fsContainer { -webkit-transition: all 0.8s; transition: all 0.8s; } } .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header { padding-top: 150px; margin-bottom: 25px; position: relative; top: 0; left: 0; text-align: center; } @media (min-width: 800px) { html:not(.scrolled) .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header { width: 100vw; top: -50vh; -webkit-transform: translateY(-50%) scale(1.456525084); -ms-transform: translateY(-50%) scale(1.456525084); transform: translateY(-50%) scale(1.456525084); -webkit-transition: all 0.8s; transition: all 0.8s; } } @media (min-width: 1000px) { html:not(.scrolled) .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header { margin-left: -30px; top: 50vh; -webkit-transform: translateY(-100%) scale(1.456525084); -ms-transform: translateY(-100%) scale(1.456525084); transform: translateY(-100%) scale(1.456525084); } } @media screen and (min-width: 1000px) and (max-height: 600px) { html:not(.scrolled) .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header { -webkit-transform: translateY(-120%) scale(1.456525084); -ms-transform: translateY(-120%) scale(1.456525084); transform: translateY(-120%) scale(1.456525084); } } .scrolled .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header { width: 100%; -webkit-transition: all 0.8s; transition: all 0.8s; top: 0; -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header > .fsElementContent { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 3s; transition: all 3s; } @media (min-width: 800px) { html:not(.scrolled):not(.hero-loaded) .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header > .fsElementContent { -webkit-transform: scale(0.8388237453); -ms-transform: scale(0.8388237453); transform: scale(0.8388237453); -webkit-transition: all 0.8s; transition: all 0.8s; } } .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header .fs-sub-title { display: block; margin-bottom: -0.13em; color: #13284D; font-size: 17.67px; line-height: 100%; font-weight: 400; letter-spacing: 0.02em; -webkit-transition: all 0.5s; transition: all 0.5s; } html[lang="zh"] .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header .fs-sub-title { display: none; } @media (min-width: 375px) { .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header .fs-sub-title { font-size: calc( 17.67px + (29.522 - 17.67) * (100vw - 375px) / (1000 - 375) ); } } @media (min-width: 1000px) { .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header .fs-sub-title { font-size: 34.734px; } } @media screen and (min-width: 1000px) and (max-height: 600px) { .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header .fs-sub-title { font-size: 20px; } } @media (min-width: 800px) { html:not(.scrolled) .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header .fs-sub-title { color: #9ebba5; } } .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header h1 { margin: 0 0 0.06em; padding: 0; color: #13284D; font-size: 73px; line-height: 1; letter-spacing: 0.02em; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 375px) { .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header h1 { font-size: calc(73px + (123.485 - 73) * (100vw - 375px) / (1000 - 375)); } } @media (min-width: 1000px) { .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header h1 { font-size: 111.148px; } } @media screen and (min-width: 1000px) and (max-height: 600px) { .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header h1 { font-size: 100px; } } @media (min-width: 800px) { html:not(.scrolled) .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header h1 { color: #9ebba5; } } .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-header h1:before { display: none; } .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-intro { margin-top: 25px; top: 0; position: relative; font-size: 17px; line-height: 1.5294117647; font-family: "FuturaBT", "Roboto", sans-serif !important; -webkit-transition: opacity 0.4s ease 0.2s; transition: opacity 0.4s ease 0.2s; } @media (min-width: 800px) { html:not(.scrolled) .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-intro { opacity: 0; -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; } } .home:not(.fsComposeMode) .hp-container.one .fsContainer .hero-intro .fsElementFooterContent { margin-top: 35px; } .home:not(.fsComposeMode) .hp-container.one .fsTwoColumnLayout { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1000px) { body.home:not(.fsComposeMode) .hp-container.one .fsTwoColumnLayout { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 { z-index: 2; } @media (max-width: 799px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 800px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 { width: 100%; -webkit-transition: all 0.8s; transition: all 0.8s; } } @media (max-width: 999px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 { position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 1000px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 { width: 50%; } } .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 { left: 0; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1:before { content: ""; display: block; width: 147px; height: 169px; position: absolute; top: 28px; left: -75px; background-image: url(images/green-fav.svg); background-repeat: no-repeat; background-size: auto 100%; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 1000px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1:before { display: none; } } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 .hero-intro { padding: 0 5.3333333333% 0 !important; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 .hero-intro > .fsElementContent { position: relative; margin: 0 auto; max-width: 700px; } @media (min-width: 1000px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 .hero-intro > .fsElementContent { max-width: 582px; padding: 0; } } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-1 .fsElementContent { text-align: center; color: #00213c; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 { z-index: 1; } @media (max-width: 799px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 800px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 { width: 100%; -webkit-transition: all 0.8s; transition: all 0.8s; } } @media (max-width: 999px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 1000px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 { width: 50%; } } .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 { -webkit-transition: all 0.8s; transition: all 0.8s; z-index: 1; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer { position: relative; left: auto; right: 0; top: 0; height: 100%; } @media (min-width: 800px) { html:not(.scrolled) .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer { width: 100vw; height: 100vh; } } @media (min-width: 1000px) { html:not(.scrolled) .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer { top: -130px; right: calc(100% + 70px); } } .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer { height: 100%; top: 0; left: auto; right: 0; position: relative; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero { -ms-flex-item-align: center; align-self: center; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero > .fsElementContent { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100vw; height: auto; } @media (min-width: 800px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article { width: 100vw; height: 100vh; -webkit-transition: all 0.8s; transition: all 0.8s; } } @media (min-width: 800px) { .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article { height: calc(450px + (563 - 450) * (100vw - 800px) / (1000 - 800)); } } @media (min-width: 1000px) { .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article { width: calc(450px + (580 - 450) * (100vw - 1000px) / (1440 - 1000)); height: 410px; } } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article:before { content: ""; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 48, 80, 0.95)), to(#13284D) ); background: linear-gradient(180deg, rgba(0, 48, 80, 0.95) 0%, #13284D 100%); opacity: 0.6999999881; -webkit-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; } @media (min-width: 800px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article:before { display: block; } } html:not(.scrolled):not(.hero-loaded) .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article:before { opacity: 1; } .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article:before { opacity: 0; -webkit-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; } @media (min-width: 1000px) { .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article:before { -webkit-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; } } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article:after { content: ""; display: none; height: 39.1489361702%; min-height: 300px; max-height: 368px; position: absolute; left: 0; right: 0; bottom: 0; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 48, 80, 0)), to(#13284D) ); background: linear-gradient(180deg, rgba(0, 48, 80, 0) 0%, #13284D 100%); -webkit-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } @media (min-width: 800px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article:after { display: block; } } .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article:after { opacity: 0; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .pause-video, .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .play-video { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; display: block; width: 40px; height: 40px; border: 0; pointer-events: auto; position: absolute; right: 13px; bottom: 13px; z-index: 5000; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; -webkit-transition: right 0.8s ease 0s, bottom 0.8s ease 0s; transition: right 0.8s ease 0s, bottom 0.8s ease 0s; } @media (min-width: 800px) { .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .pause-video, .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .play-video { right: 177px; bottom: 56px; } } .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .pause-video, .scrolled .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .play-video { right: 13px; bottom: 13px; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .pause-video:before, .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .play-video:before { content: ""; font-family: "rugbyschoolacth"; font-smoothing: antialiased; font-weight: normal; speak: none; display: block; width: 20px; height: 20px; position: absolute; top: 10px; left: 10px; z-index: 10; color: #fff; font-size: 8px; line-height: 20px; text-align: center; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .pause-video:after, .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .play-video:after { content: ""; display: block; width: 26px; height: 26px; border-radius: 200px; position: absolute; top: 7px; left: 7px; background: #13284D; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .pause-video span, .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .play-video span { display: block; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; top: -9999em; left: -9999em; white-space: nowrap; overflow: hidden; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .pause-video { display: none; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article.playing .pause-video { display: block !important; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .play-video { display: none; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .play-video:before { content: ""; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article.paused .play-video { display: block !important; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .fsTitle, .home:not(.fsComposeMode) .hp-container.one .fsStyleColumn-2 .fsContainer > .fsElementContent .hero article .fsDescription { display: none; } .home .hp-container.two { padding: 30px 20px 50px; margin-bottom: 0; } @media (min-width: 1000px) { .home .hp-container.two { padding: 0 50px 0; margin-top: 0; margin-bottom: 130px; } } .home .hp-container.two .fsElementContent { max-width: 100%; } @media (min-width: 1000px) { body.home:not(.fsComposeMode) .hp-container.three .panel-header { position: relative; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: opacity 0.7s ease 0s, -webkit-transform 0.7s ease 0s; transition: opacity 0.7s ease 0s, -webkit-transform 0.7s ease 0s; transition: transform 0.7s ease 0s, opacity 0.7s ease 0s; transition: transform 0.7s ease 0s, opacity 0.7s ease 0s, -webkit-transform 0.7s ease 0s; } body.home:not(.fsComposeMode) .hp-container.three.animate-in .panel-header { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } } .home .hp-container.three { background: -webkit-gradient( linear, left top, right top, from(rgb(0, 48, 80)), to(rgb(2, 31, 61)) ); /*background: linear-gradient(90deg, rgb(0, 48, 80) 0%, rgb(2, 31, 61) 100%);*/ background:#14284D; padding-top: 100px; padding-bottom: 0; } @media (min-width: 1000px) { .home .hp-container.three { padding-top: 108px; padding-bottom: 129px; margin-top: 11.5rem; } } @media (min-width: 1000px) and (max-height: 1000px) { .home .hp-container.three { padding-top: 20px; padding-bottom: 20px; } } .home .hp-container.three .panel-header { width: 100%; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 34px; font-weight: 400; line-height: 1.5; padding-top: 80px; max-width: 100%; } @media (max-width: 999px) { .home .hp-container.three .panel-header { padding-top: 0; margin-bottom: 30px; } } @media (min-width: 1000px) { .home .hp-container.three .panel-header { font-size: 38px; line-height: 1.6; margin-bottom: 93px; } } @media (max-height: 1000px) and (min-width: 1000px) { .home .hp-container.three .panel-header { margin-bottom: 20px; font-size: 34px; line-height: 1.4; } } @media screen and (min-width: 1000px) and (max-height: 700px) { .home .hp-container.three .panel-header { font-size: 56px; line-height: 1.3; margin-bottom: 20px; } } .home .hp-container.three .panel-header h4 { display: block; margin: 0 0 4px; color: #9ebba5; font-size: 56px; line-height: 1; font-weight: 400; font-family: "FuturaBT", "Roboto", sans-serif !important; letter-spacing: 0.017em; } @media (min-width: 1000px) { .home .hp-container.three .panel-header h4 { font-size: 70px; margin: 0; } } @media (min-width: 1000px) and (max-height: 1000px) { .home .hp-container.three .panel-header h4 { font-size: 55px; } } @media screen and (min-width: 1000px) and (max-height: 700px) { .home .hp-container.three .panel-header h4 { font-size: 32px; } } @media (max-width: 599px) { .home .hp-container.three .panel-header h4 { font-size: 22px; } } .home .hp-container.three .panel-header h2 { display: block; margin-bottom: 24px; color: #9ebba5; font-size: 124px; line-height: 100%; font-family: 'Manrope', sans-serif !important; letter-spacing: 0.015em; } @media (min-width: 1000px) { .home .hp-container.three .panel-header h2 { margin-bottom: 30px; font-size: 121px; } } @media (max-height: 1000px) and (min-width: 1000px) { .home .hp-container.three .panel-header h2 { font-size: 128px; margin-top: 0.8rem; } } @media(max-width:1197px){ .home .hp-container.three .panel-header h2{ font-size: 92px !important; margin-top: 2rem; } .home .hp-container.three .panel-header h4 { font-size: 37px; } } @media screen and (min-width: 1000px) and (max-height: 700px) { .home .hp-container.three .panel-header h2 { font-size: 100px; margin-bottom: 10px; } } @media (max-width: 599px) { .home .hp-container.three .panel-header h2 { font-size: 40px; } .home .hp-container.three .horizontal-scroll-section .inner-wrap{ margin: 0 0px !important; } .up-heading h1{ font-size: 30px; } .nav-pills .nav-link{ width: 90%; } } } @media screen and (min-width: 1000px) and (max-height: 600px) { .home .hp-container.three .panel-header header .fsElementHeaderContent { margin-bottom: 0; } } @media screen and (min-width: 1000px) and (max-height: 600px) { .home .hp-container.three .panel-header .footer { padding-bottom: 20px; } } @media (max-height: 1000px) and (min-width: 1000px) { .home .hp-container.three .panel-header .fsElementFooterContent { margin-top: 0; } } @media (max-width: 999px) { .home .hp-container.three .image-button-container { height: auto !important; } .home .hp-container .fs-sub-title{ margin-top: 5rem; } } @media (min-width: 1000px) { .home .hp-container.three .image-button-container { padding-bottom: 30px; } } @media (min-width: 1000px) and (max-height: 1000px) { .home .hp-container.three .image-button-container { padding-bottom: 0px; } } .home .hp-container.three .image-button-container:not(.shown) .image-button { -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px); opacity: 0; -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s; transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s; transition: transform 1s ease 0s, opacity 1s ease 0s; transition: transform 1s ease 0s, opacity 1s ease 0s, -webkit-transform 1s ease 0s; } .home .hp-container.three .image-button, .growth-sec { width: 28.3333333333vw; max-width: 100%; margin: 0 auto 0; position: relative; z-index: 1; -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s; transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s; transition: transform 1s ease 0s, opacity 1s ease 0s; transition: transform 1s ease 0s, opacity 1s ease 0s, -webkit-transform 1s ease 0s; } .home .hp-container.three .image-button:before, .growth-sec::before { content: ""; font-family: "rugbyschoolacth"; font-smoothing: antialiased; font-weight: normal; speak: none; width: 50px; height: 50px; padding: 10px; margin-left: -25px; border-radius: 100%; border: 1px solid #9ebba5; position: absolute; bottom: 40px; left: 50%; z-index: 1; color: #fff; font-size: 16px; font-weight: 400; text-align: center; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 999px) { .home .hp-container.three .image-button:before, .growth-sec::before { bottom: 20px; } } body.home:not(.fsComposeMode) .hp-container.three .image-button, .growth-sec { height: 335px; } @media (max-width: 999px) { body.home:not(.fsComposeMode) .hp-container.three .image-button, .growth-sec { position: relative; margin: 0 auto; max-width: 400px; margin-bottom: 20px; } } @media (min-width: 1000px) { body.home:not(.fsComposeMode) .hp-container.three .image-button, .growth-sec { height: 553px; } } @media (min-width: 1000px) and (max-height: 800px) { body.home:not(.fsComposeMode) .hp-container.three .image-button, .growth-sec { height: 500px; } } @media screen and (min-width: 1000px) and (max-height: 600px) { body.home:not(.fsComposeMode) .hp-container.three .image-button, .growth-sec { height: 380px; } } .home .hp-container.three .image-button:nth-child(1) { -webkit-transition-delay: 0.1s, 0.1s; transition-delay: 0.1s, 0.1s; } .home .hp-container.three .image-button:nth-child(2) { -webkit-transition-delay: 0.2s, 0.2s; transition-delay: 0.2s, 0.2s; } .home .hp-container.three .image-button:nth-child(3) { -webkit-transition-delay: 0.3s, 0.3s; transition-delay: 0.3s, 0.3s; } .home .hp-container.three .image-button:nth-child(4) { -webkit-transition-delay: 0.4s, 0.4s; transition-delay: 0.4s, 0.4s; } .home .hp-container.three .image-button:nth-child(5) { -webkit-transition-delay: 0.5s, 0.5s; transition-delay: 0.5s, 0.5s; } .home .hp-container.three .image-button:nth-child(6) { -webkit-transition-delay: 0.6s, 0.6s; transition-delay: 0.6s, 0.6s; } .home .hp-container.three .image-button:nth-child(7) { -webkit-transition-delay: 0.7s, 0.7s; transition-delay: 0.7s, 0.7s; } .home .hp-container.three .image-button:nth-child(8) { -webkit-transition-delay: 0.8s, 0.8s; transition-delay: 0.8s, 0.8s; } .home .hp-container.three .image-button:nth-child(9) { -webkit-transition-delay: 0.9s, 0.9s; transition-delay: 0.9s, 0.9s; } .home .hp-container.three .image-button:nth-child(10) { -webkit-transition-delay: 1s, 1s; transition-delay: 1s, 1s; } .home .hp-container.three .image-button header, .growth-sec header, .growth-sec header { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } body.home.fsComposeMode .hp-container.three .image-button header, .growth-sec header { pointer-events: none; } .home .hp-container.three .image-button header .fsElementTitle, .growth-sec header .fsElementTitle { margin: 0; } .home .hp-container.three .image-button header .fsElementHeaderContent, .growth-sec header .fsElementHeaderContent { -ms-flex-item-align: center; align-self: center; width: 100%; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); color: #fff; text-transform: uppercase; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 14px; font-weight: 500; line-height: 120%; letter-spacing: 4.2px; } @media (max-width: 999px) { .home .hp-container.three .image-button header .fsElementHeaderContent, .growth-sec header .fsElementHeaderContent { margin-bottom: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } } @media screen and (min-width: 1000px) and (max-height: 600px) { .home .hp-container.three .image-button header .fsElementHeaderContent, .growth-sec header .fsElementHeaderContent { margin-bottom: 70px; } } .home .hp-container.three .image-button header .fsElementHeaderContent h2, .growth-sec header h2 { font-size: 32px; font-weight: 500; line-height: 160%; letter-spacing: 3.2px; color: #fff; margin-bottom: 5px; } .fsFeeds-post h2{ text-align: center; font-family: 'Manrope', sans-serif !important; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; /* 48px */ letter-spacing: 2.56px; text-transform: uppercase; color:white; } .head-para{ color: #FFF; text-align: center; font-family: 'Bitter', serif !important; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; /* 30px */ letter-spacing: 1.6px; text-transform: uppercase; margin-top: -18px; padding-bottom: 34px; } .growth-sec img{ height: 100%; } .home .hp-container.three .image-button > .fsElementContent, .growth-sec > .fsElementContent { height: 100%; } body.home:not(.fsComposeMode) .hp-container.three .image-button article { height: 100%; margin: 0; } @media (min-width: 1000px) { body.home:not(.fsComposeMode) .hp-container.three .image-button article { /*margin: 0; 10px*/ padding: 20px; } } @media (min-width: 1000px) and (max-height: 800px) { body.home:not(.fsComposeMode) .hp-container.three .image-button article { height: 500px; } } @media screen and (min-width: 1000px) and (max-height: 600px) { body.home:not(.fsComposeMode) .hp-container.three .image-button article { height: 380px; } } .home .hp-container.three .image-button article:before { display: none; } .home .hp-container.three .image-button article:after { height: 368px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .home .hp-container.three .image-button article figcaption { z-index: 2; padding-top: 35px; } .home .hp-container.three .image-button article figcaption:before { content: ""; width: 70px; height: 1px; background: #9ebba5; position: absolute; top: 0; left: 50%; margin-left: -35px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.65s; transition: all 0.65s; } body.home:not(.fsComposeMode) .hp-container.three .image-button:hover article:after, body.home:not(.fsComposeMode) .hp-container.three .image-button:focus-within article:after { opacity: 1; z-index: 1; } body.home:not(.fsComposeMode) .hp-container.three .image-button:hover article picture img, body.home:not(.fsComposeMode) .hp-container.three .image-button:focus-within article picture img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } body.home:not(.fsComposeMode) .hp-container.three .image-button:hover article figcaption, body.home:not(.fsComposeMode) .hp-container.three .image-button:focus-within article figcaption { bottom: 13%; } body.home:not(.fsComposeMode) .hp-container.three .image-button:hover article figcaption:before, body.home:not(.fsComposeMode) .hp-container.three .image-button:focus-within article figcaption:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } body.home:not(.fsComposeMode) .hp-container.three .image-button:hover article figcaption .inner, body.home:not(.fsComposeMode) .hp-container.three .image-button:focus-within article figcaption .inner { opacity: 1; } .home .hp-container.three .horizontal-scroll-section { position: relative; width: 100%; } @media (max-width: 999px) { .home .hp-container.three .horizontal-scroll-section { height: auto !important; } } @media (max-width: 999px) { .home .hp-container.three .horizontal-scroll-section .horizontal { position: relative; } } .home .hp-container.three .horizontal-scroll-section .inner-wrap { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 25px; width: 134%; } @media (max-width: 999px) { .home .hp-container.three .horizontal-scroll-section .inner-wrap { display: block; } } body.home:not(.fsComposeMode) .hp-container.three .horizontal-scroll-section > .fsElementContent { 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; top: 0; left: 0; min-height: 100vh; width: calc(100% + 29px); } @media (max-width: 999px) { body.home:not(.fsComposeMode) .hp-container.three .horizontal-scroll-section > .fsElementContent { position: relative; height: auto; display: block; width: auto; } } @media (max-width: 999px) { .home .hp-container.three { padding: 46px 20px 50px; } } @media (max-width: 999px) and (min-width: 1000px) { .home .hp-container.three { padding: 60px 20px 50px; } } @media (max-width: 999px) { .home .hp-container.three .image-button { width: 100%; height: auto; margin: 20px 0; } .home .hp-container.three .image-button:hover:before, .home .hp-container.three .image-button:focus:before { opacity: 0; bottom: 0; } } body.home:not(.fsComposeMode) .hp-container.three .image-button { z-index: 1; } body.home:not(.fsComposeMode) .hp-container.three .image-button:after { content: "" !important; display: block !important; width: auto; height: auto; position: absolute; top: 367px; left: -5px; right: -5px; bottom: -5px; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 0; opacity: 1; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 48, 80, 0.25)), to(#13284D) ); background: linear-gradient(to bottom, rgb(20 24 26 / 0%) 0%, #13284D 100%) } figure:hover:after { display: none; } .home .hp-container.four { padding: 52px 0 20px; } @media (min-width: 900px) { .home .hp-container.four { padding: 0px 10px 130px; margin-top: -3.5rem; } } .home .hp-container.four .panel-header { margin-bottom: 28px; } @media (min-width: 1000px) { .home .hp-container.four .panel-header { margin-bottom: 119px; } } @media (max-height: 1000px) and (min-width: 1000px) { .home .hp-container.four .panel-header { margin-bottom: 28px; } } .home .hp-container.four .panel-header .fs-sub-title { margin-bottom: 7px; letter-spacing: 0.11em; } @media (min-width: 1000px) { .home .hp-container.four .panel-header .fs-sub-title { margin-bottom: 0; } } .home .hp-container.four .panel-header h1 { letter-spacing: 0.096em; } @media (max-width: 999px) { .home .hp-container.four .panel-header h1 { padding-bottom: 23px; font-size: 39px; } } @media (min-width: 1000px) { .home .hp-container.four .panel-header h1 { padding-bottom: 28px; } } .home .hp-container.four .fsFeeds.fsCustom > .fsElementContent { 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; padding: 0; } @media (min-width: 900px) { .home .hp-container.four .fsFeeds.fsCustom > .fsElementContent { padding: 0 5.2816901408% 0; } } .home .hp-container.four .fsFeeds.fsCustom > .fsElementContent > article { width: 50%; margin-bottom: 20px; padding: 0 10px; } @media (min-width: 375px) { .home .hp-container.four .fsFeeds.fsCustom > .fsElementContent > article { margin-bottom: calc(20px + (50 - 20) * (100vw - 375px) / (900 - 375)); } } @media (min-width: 900px) { .home .hp-container.four .fsFeeds.fsCustom > .fsElementContent > article { width: 33%; margin-bottom: calc(20px + (50 - 20) * (100vw - 900px) / (1440 - 900)); } } @media (min-width: 1440px) { .home .hp-container.four .fsFeeds.fsCustom > .fsElementContent > article { margin-bottom: 50px; } } .mySwiper .post-link{ -webkit-box-shadow: inherit !important; box-shadow: inherit !important; } .home .hp-container.four .fsFeeds.fsCustom .post-link { display: block; padding: 0; border: 0; position: relative; -webkit-box-shadow: 0px 32.00079px 54.26221px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 32.00079px 54.26221px 0px rgba(0, 0, 0, 0.15); } .home .hp-container.four .fsFeeds.fsCustom .post-link:hover:before, .home .hp-container.four .fsFeeds.fsCustom .post-link:hover:after, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus:before, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus:after, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus-within:before, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus-within:after { opacity: 1; } .home .hp-container.four .fsFeeds.fsCustom .post-link:hover .post-link-overlay, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus .post-link-overlay, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus-within .post-link-overlay { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; visibility: visible; -webkit-transition: opacity 0.6s ease 0s, visibility 0s ease 0s, -webkit-transform 0.6s ease 0s; transition: opacity 0.6s ease 0s, visibility 0s ease 0s, -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s, opacity 0.6s ease 0s, visibility 0s ease 0s; transition: transform 0.6s ease 0s, opacity 0.6s ease 0s, visibility 0s ease 0s, -webkit-transform 0.6s ease 0s; } .home .hp-container.four .fsFeeds.fsCustom .post-link:hover .post-icon:after, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus .post-icon:after, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus-within .post-icon:after { -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } .home .hp-container.four .fsFeeds.fsCustom .post-link:hover .post-content, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus .post-content, .home .hp-container.four .fsFeeds.fsCustom .post-link:focus-within .post-content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .home .hp-container.four .fsFeeds.fsCustom .post-link:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: #9ebba5; opacity: 0; -webkit-transition: opacity 0.6s ease 0s; transition: opacity 0.6s ease 0s; } @media (min-width: 900px) { .home .hp-container.four .fsFeeds.fsCustom .post-link:before { display: none; } } .home .hp-container.four .fsFeeds.fsCustom .post-link:after { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; display: block; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 100; color: #13284D; font-size: 28px; line-height: 30px; text-align: center; opacity: 0; -webkit-transition: opacity 0.6s ease 0s; transition: opacity 0.6s ease 0s; } @media (min-width: 900px) { .home .hp-container.four .fsFeeds.fsCustom .post-link:after { display: none; } } .home .hp-container.four .fsFeeds.fsCustom .post-image { position: relative; z-index: 1; background-position: center; background-size: cover; } .home .hp-container.four .fsFeeds.fsCustom .post-image:before { content: ""; display: block; padding-bottom: 75%; } .home .hp-container.four .fsFeeds.fsCustom .post-image img { display: block; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; top: -9999em; left: -9999em; white-space: nowrap; overflow: hidden; } .home .hp-container.four .fsFeeds.fsCustom .post-image:after { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; display: block; width: 20px; height: 20px; position: absolute; top: 7px; right: 6px; color: #fff; font-size: 15px; line-height: 20px; text-align: center; } @media (min-width: 900px) { .home .hp-container.four .fsFeeds.fsCustom .post-image:after { display: none; } } .home .hp-container.four .fsFeeds.fsCustom .post-link-overlay { display: none; width: 100%; height: 100%; padding: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(0, 0); transform: translate3d(-50%, -50%, 0) scale(0, 0); z-index: 10; text-align: center; background: #14284dd9; opacity: 0; visibility: hidden; -webkit-box-shadow: 0px 32.00079px 54.26221px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 32.00079px 54.26221px 0px rgba(0, 0, 0, 0.15); -webkit-transition: opacity 0.6s ease 0s, visibility 0s ease 0.6s, -webkit-transform 0.6s ease 0s; transition: opacity 0.6s ease 0s, visibility 0s ease 0.6s, -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s, opacity 0.6s ease 0s, visibility 0s ease 0.6s; transition: transform 0.6s ease 0s, opacity 0.6s ease 0s, visibility 0s ease 0.6s, -webkit-transform 0.6s ease 0s; } @media (min-width: 900px) { .home .hp-container.four .fsFeeds.fsCustom .post-link-overlay{ display: flex; flex-direction: column; justify-content: center; align-items: center; } } @media (min-width: 1200px) { .home .hp-container.four .fsFeeds.fsCustom .post-link-overlay { width: 100%; height: 100%; } } .home .hp-container.four .fsFeeds.fsCustom .post-link-overlay:before { content: ""; display: block; width: 147px; height: 199px; position: absolute; right: 0; bottom: 0; background-image: url(images/crest4.svg); background-repeat: no-repeat; display: none; } color: #FFF; font-size:26px; font-style: normal; font-weight: 700; line-height: 150%; /* 48px */ letter-spacing: 2.56px; text-transform: uppercase; margin-bottom: -2px; font-family: 'Manrope', sans-serif !important; } .growth-head p{ color:white; padding-bottom: 45px; color: #FFF; text-align: center; font-family: 'Bitter', serif !important; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; /* 30px */ letter-spacing: 1.6px; text-transform: uppercase; } .overlay-cnt h6, .overlay-cnt p{ color: #FFF; font-size: 17px; font-style: normal; font-weight: 400; line-height: 150%; /* 30px */ letter-spacing: 1.6px; text-transform: uppercase; } .overlay-cnt p{ text-transform: capitalize; } .home .hp-container.four .fsFeeds.fsCustom > .fsElementContent > article:hover h2 { opacity: 0; } .home .hp-container.four .fsFeeds.fsCustom .post-icon { width: 90px; height: 90px; margin: 0 auto 30px; position: relative; } .home .hp-container.four .fsFeeds.fsCustom .post-icon:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; display: block; width: 90px; height: 90px; color: #13284D; font-size: 35px; line-height: 90px; text-align: center; -webkit-transition: -webkit-transform 0.6s ease 0s; transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; } .home .hp-container.four .fsFeeds.fsCustom .post-icon:after { content: ""; display: block; width: 70px; height: 1px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); background: #13284D; -webkit-transition: -webkit-transform 0.6s ease 0s; transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; } .home .hp-container.four .fsFeeds.fsCustom .post-content { padding: 0 30px 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); -webkit-transition: -webkit-transform 0.6s ease 0s; transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; } .home .hp-container.four .fsFeeds.fsCustom .post-date { margin-bottom: 18px; position: relative; z-index: 10; color: #13284D; font-size: 13px; line-height: 1.3846153846; font-weight: 500; font-family: "FuturaBT", "Roboto", sans-serif !important; letter-spacing: 0.01em; text-transform: uppercase; } .home .hp-container.four .fsFeeds.fsCustom .post-message { position: relative; margin: 0 auto; max-width: 340px; display: block; max-height: 133px; position: relative; z-index: 10; color: #00213c; font-size: 17px; line-height: 1.5294117647; font-weight: 400; font-family: "FuturaBT", "Roboto", sans-serif !important; overflow: hidden; } .home .hp-container.four .fsFeeds.fsCustom .post-message-full { display: none; } @media (min-width: 900px) { body.home:not(.fsComposeMode) .hp-container.four .hp-social-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } body.home:not(.fsComposeMode) .hp-container.four .hp-social-media:after { display: none !important; } .home .hp-container.four .hp-social-media .fsNavLevel1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body.home.fsComposeMode .hp-container.four .hp-social-media .fsNavLevel1 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .home .hp-container.four .hp-social-media .fsNavLevel1 a { background: #14284D; height: 47px; width: 47px; } .home .hp-container.four .hp-social-media .fsNavLevel1 a:hover, .home .hp-container.four .hp-social-media .fsNavLevel1 a:focus { background: #13284D; color: #fff; } @media (min-width: 900px) { body.home:not(.fsComposeMode) .hp-container.four .hp-social-media .fsStyleColumn-1 { width: auto; padding-right: 0; padding-left: 118px; margin: 0; } } @media (min-width: 900px) { body.home:not(.fsComposeMode) .hp-container.four .hp-social-media .fsStyleColumn-2 { width: auto; padding-right: 70px; margin: 0; } } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li { list-style-type: none; padding: 3px 30px 3px; position: relative; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li:before { content: ""; width: 1px; height: 50px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #9ebba5; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li:last-child { padding-right: 0; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li a { display: block; border: 0; padding: 0; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li a:hover span:last-child, .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li a:focus span:last-child { color: #13284D; text-decoration: underline; text-underline-offset: 6px; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li span { display: block; font-family: "FuturaBT", "Roboto", sans-serif !important; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li span:first-child { color: #13284D; font-size: 14px; font-weight: 500; line-height: 140%; letter-spacing: 1.12px; text-transform: uppercase; padding-left: 29px; position: relative; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li span:first-child:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; position: absolute; left: 0; top: 0; font-size: 23px; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li span:last-child { display: none; margin-top: 5px; color: #14284D; font-size: 15px; font-weight: 400; line-height: 130%; letter-spacing: 0.01em; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } @media (min-width: 1300px) { .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li span:last-child { display: block; } } @media (max-width: 999px) { .home .hp-container.four .fsElementContent { margin-bottom: 0; } .home .hp-container.four .hp-social-media { -ms-flex-wrap: wrap; flex-wrap: wrap; } .home .hp-container.four .hp-social-media .fsStyleColumn-1 { width: 100%; margin-bottom: 17px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 { width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul { position: relative; margin: 0 auto; max-width: 250px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li { width: 100%; padding: 15px 0 14px; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li:before { width: 100%; top: 0; height: 1px; -webkit-transform: none; -ms-transform: none; transform: none; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li:first-child:before { display: none; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li span { display: inline-block; text-align: center; display: table; margin: 0 auto; } .home .hp-container.four .hp-social-media .fsStyleColumn-2 ul li span:nth-child(2) { display: none; } } dialog.social-feed-dialog { width: 100%; min-width: 0; max-width: 100%; min-height: 0; height: auto; border-radius: 0; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-filter: none; filter: none; background: #f8f8f8; } dialog.social-feed-dialog[open] { -webkit-transform: none; -ms-transform: none; transform: none; } dialog.social-feed-dialog .fsDialogCloseButton { top: 27px; right: 15px; } dialog.social-feed-dialog .fsDialogContent { max-height: 100%; padding: 95px 0 70px; } dialog.social-feed-dialog .post-image { width: 64%; margin: 0 auto 0; position: relative; z-index: 1; background-position: center; background-size: cover; -webkit-box-shadow: 0px 32.00079px 54.26221px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 32.00079px 54.26221px 0px rgba(0, 0, 0, 0.15); } dialog.social-feed-dialog .post-image:before { content: ""; display: block; padding-bottom: 100%; } dialog.social-feed-dialog .post-image img { display: block; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; top: -9999em; left: -9999em; white-space: nowrap; overflow: hidden; } dialog.social-feed-dialog .post-icon { width: 70px; height: 70px; margin: 10px auto 20px; position: relative; } dialog.social-feed-dialog .post-icon:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; display: block; width: 100%; height: 100%; color: #13284D; font-size: 35px; line-height: 70px; text-align: center; } dialog.social-feed-dialog .post-icon:after { content: ""; display: block; width: 70px; height: 1px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #13284D; } dialog.social-feed-dialog .post-content { padding: 0 30px 0; text-align: center; } dialog.social-feed-dialog .post-date { margin-bottom: 18px; position: relative; z-index: 10; color: #13284D; font-size: 13px; line-height: 1.3846153846; font-weight: 500; font-family: "FuturaBT", "Roboto", sans-serif !important; letter-spacing: 0.01em; text-transform: uppercase; } dialog.social-feed-dialog .post-message { display: none; } dialog.social-feed-dialog .post-message-full { position: relative; margin: 0 auto; max-width: 340px; display: block; position: relative; z-index: 10; color: #00213c; font-size: 17px; line-height: 1.5294117647; font-weight: 400; font-family: "FuturaBT", "Roboto", sans-serif !important; } .home .hp-container.five.cloned { display: none; text-align: center; position: relative; -ms-flex-item-align: center; align-self: center; font-family: "FuturaBT", "Roboto", sans-serif !important; } @media (min-width: 1000px) { .home .hp-container.five.fsContainer .fsStyleColumn-1 { -webkit-transform: translate(-50%, calc(-50% + 100px)); -ms-transform: translate(-50%, calc(-50% + 100px)); transform: translate(-50%, calc(-50% + 100px)); opacity: 0; -webkit-transition: opacity 0.7s ease 0s, -webkit-transform 0.7s ease 0s; transition: opacity 0.7s ease 0s, -webkit-transform 0.7s ease 0s; transition: transform 0.7s ease 0s, opacity 0.7s ease 0s; transition: transform 0.7s ease 0s, opacity 0.7s ease 0s, -webkit-transform 0.7s ease 0s; } .home .hp-container.five.fsContainer .fsStyleColumn-2 { opacity: 0; -webkit-transition: opacity 0.7s ease 0s; transition: opacity 0.7s ease 0s; } .home .hp-container.five.fsContainer.animate-in .fsStyleColumn-1 { opacity: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .home .hp-container.five.fsContainer.animate-in .fsStyleColumn-2 { opacity: 1; -webkit-transition: opacity 0.7s ease 0.7s; transition: opacity 0.7s ease 0.7s; } } .fsComposeMode.home .hp-container.five.fsContainer .fsStyleColumn-1, .fsComposeMode.home .hp-container.five.fsContainer .fsStyleColumn-2 { opacity: 1; width: 50%; position: relative; top: auto; left: auto; bottom: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .home .hp-container.five { color: #fff; background: #13284D; padding: 0; background-position: top right; background-size: cover; } @media (max-width: 999px) { .home .hp-container.five { min-height: 850px; } } .home .hp-container.five > .fsElementContent:before { content: ""; display: none; padding-bottom: 57.0833333333%; } @media (min-width: 1000px) { .home .hp-container.five > .fsElementContent:before { display: block; } } .home .hp-container.five .fsTwoColumnWideRightLayout { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1000px) { .home .hp-container.five .fsTwoColumnWideRightLayout { padding: 0 100px 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } } .home .hp-container.five .fsStyleColumn-1 { -ms-flex-item-align: center; align-self: center; padding: 0 10px; position: relative; text-align: center; font-family: "FuturaBT", "Roboto", sans-serif !important; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 999px) { .home .hp-container.five .fsStyleColumn-1 { width: 100%; } } @media (min-width: 1000px) { .home .hp-container.five .fsStyleColumn-1 { width: calc(400px + (500 - 400) * (100vw - 1000px) / (1440 - 1000)); position: absolute; top: 50%; left: 20%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (min-width: 1440px) { .home .hp-container.five .fsStyleColumn-1 { width: 500px; } } .home .hp-container.five .fsStyleColumn-1 > .fsContent { position: relative; margin: 0 auto; max-width: 400px; padding: 50px 20px 30px; position: relative; font-size: 17px; line-height: 1.5294117647; font-weight: 400; } @media (min-width: 1000px) { .home .hp-container.five .fsStyleColumn-1 > .fsContent { max-width: 109%; font-size: calc(17px + (19 - 17) * (100vw - 1000px) / (1440 - 1000)); line-height: 1.6; } } @media (min-width: 1440px) { .home .hp-container.five .fsStyleColumn-1 > .fsContent { font-size: 19px; } } .home .hp-container.five .fsStyleColumn-1 > .fsContent .fs-sub-title { color: #fff; } .home .hp-container.five .fsStyleColumn-1 > .fsContent h1 { padding-bottom: 30px; margin-bottom: 27px; position: relative; color: #fff; font-size: 39px; line-height: 1; font-family: 'Manrope', sans-serif !important; letter-spacing: 0.09em; font-weight: 500; } @media (min-width: 1000px) { .home .hp-container.five .fsStyleColumn-1 > .fsContent h1 { padding-bottom: calc(30px + (40 - 30) * (100vw - 1000px) / (1440 - 1000)); margin-bottom: calc(27px + (47 - 27) * (100vw - 1000px) / (1440 - 1000)); font-size: calc(40px + (60 - 40) * (100vw - 1000px) / (1440 - 1000)); line-height: 1; font-weight: 500; } } @media (min-width: 1440px) { .home .hp-container.five .fsStyleColumn-1 > .fsContent h1 { padding-bottom: 40px; margin-bottom: 47px; font-size: 60px; } } .home .hp-container.five .fsStyleColumn-1 > .fsContent h1:before { content: ""; display: block; height: 1px; width: 149px; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #fff; } .home .hp-container.five .fsStyleColumn-1 > .fsContent .fsElementFooterContent { margin-top: 32px; } @media (min-width: 1000px) { .home .hp-container.five .fsStyleColumn-1 > .fsContent .fsElementFooterContent { margin-bottom: calc(32px + (52 - 32) * (100vw - 1000px) / (1440 - 1000)); } } @media (min-width: 1440px) { .home .hp-container.five .fsStyleColumn-1 > .fsContent .fsElementFooterContent { margin-top: 52px; } } .home .hp-container.five .fsStyleColumn-2 { width: 100%; position: relative; margin: 0; } @media (max-width: 549px) { .home .hp-container.five .fsStyleColumn-2 { pointer-events: none; } } @media (min-width: 1000px) { .home .hp-container.five .fsStyleColumn-2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } } .home .hp-container.five .fsStyleColumn-2:before { content: ""; display: block; padding-bottom: 102.75%; } @media (min-width: 1000px) { .home .hp-container.five .fsStyleColumn-2:before { display: none; } } .home .hp-container.five .map-img { display: block; width: 180%; margin: 0; position: absolute; top: 0; right: 0; } @media (min-width: 1000px) { .home .hp-container.five .map-img { display: none; } } .home .hp-container.five .map-img img { display: block; width: 100%; height: auto; } .home .hp-container.five .hp-map-points { margin: 0; padding: 0; } @media (max-width: 999px) { .home .hp-container.five .hp-map-points { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } .home .hp-container.five .hp-map-points:before { content: ""; display: block; padding-bottom: 110.2941176471%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points:before { display: none; } } .home .hp-container.five .hp-map-points ol { margin: 0; padding: 0; } .home .hp-container.five .hp-map-points.has-active > header { opacity: 0.1; } .home .hp-container.five .hp-map-points.has-active .map-point { opacity: 0.1; } .home .hp-container.five .hp-map-points > header { position: absolute; top: 60px; background: #032a4c; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points > header { left: calc(500px + (637 - 500) * (100vw - 1200px) / (1440 - 1200)); opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0s; transition: opacity 0.3s ease 0s, visibility 0s ease 0s; } } .fsComposeMode.home .hp-container.five .hp-map-points > header { position: relative; left: auto; } .home .hp-container.five .hp-map-points > header:after { content: ""; display: block; width: 0; height: 0; border-left: 13px solid rgba(0, 0, 0, 0); border-right: 13px solid rgba(0, 0, 0, 0); border-top: 13px solid #032a4c; position: absolute; top: calc(100% - 3px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .home .hp-container.five .hp-map-points > header > .fsElementTitle { display: none; } .home .hp-container.five .hp-map-points > header > .fsElementHeaderContent { display: block; width: 253px; padding: 30px 30px 30px 70px; margin: 0; text-align: left; position: relative; color: hsla(0, 0%, 100%, 0.8); font-size: 14px; line-height: 1.5714285714; font-weight: 500; font-family: "FuturaBT", "Roboto", sans-serif !important; overflow: hidden; } .home .hp-container.five .hp-map-points > header > .fsElementHeaderContent:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 200px; outline: 1px dashed rgba(158, 187, 165, 0.9); outline-offset: 14px; position: absolute; top: 50%; left: 30px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); overflow: hidden; background: #efc515; } .home .hp-container.five .hp-map-points > header > .fsElementHeaderContent:after { content: ""; display: block; width: 113px; height: 140px; position: absolute; right: -46px; bottom: -49px; z-index: 1; background-image: url(images/crest.png); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5; } .home .hp-container.five .hp-map-points > header > .fsElementHeaderContent p { position: relative; z-index: 10; } @media (max-width: 999px) { .home .hp-container.five .hp-map-points > .fsElementContent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } .home .hp-container.five .hp-map-points .map-point { position: absolute; list-style: none; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; -webkit-transform: translateX(-9px); -ms-transform: translateX(-9px); transform: translateX(-9px); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point { -webkit-transform: translateX(-11px); -ms-transform: translateX(-11px); transform: translateX(-11px); } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point { -webkit-transform: translateX(-13px); -ms-transform: translateX(-13px); transform: translateX(-13px); } } @media (min-width: 1440px) { .home .hp-container.five .hp-map-points .map-point { -webkit-transform: translateX(-16px); -ms-transform: translateX(-16px); transform: translateX(-16px); } } .home .hp-container.five .hp-map-points .map-point:not(.main) button { z-index: 1; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; } .home .hp-container.five .hp-map-points .map-point:not(.main) button:after { content: ""; font-family: "FuturaBT", "Roboto", sans-serif !important; font-smoothing: antialiased; font-weight: normal; speak: none; position: absolute; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 23px; opacity: 0; -webkit-filter: drop-shadow(0px 4px 4px #000); filter: drop-shadow(0px 4px 4px #000); -webkit-transition: all 0.6s; transition: all 0.6s; } .home .hp-container.five .hp-map-points .map-point:not(.main) button:hover span:before, .home .hp-container.five .hp-map-points .map-point:not(.main) button:focus span:before { background: #efc515; } .home .hp-container.five .hp-map-points .map-point .flight-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 131px; padding: 10px 9px 10px 30px; border-radius: 1px; position: absolute; top: -30px; left: -50px; color: #00213c; font-size: 12px; line-height: 1; font-weight: 500; font-family: "FuturaBT", "Roboto", sans-serif !important; text-align: center; white-space: nowrap; background: #9ebba5; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } .home .hp-container.five .hp-map-points .map-point .flight-time:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; position: absolute; top: 50%; left: 8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 19px; } .home .hp-container.five .hp-map-points .map-point .flight-time:after { content: ""; width: 0; height: 0; margin-left: -5px; border-style: solid; border-width: 0 10px 10px 0; border-color: rgba(0, 0, 0, 0) #9ebba5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); position: absolute; top: 100%; left: 50%; } .home .hp-container.five .hp-map-points .map-point .path { position: absolute; background-position: top right; background-size: contain; background-repeat: no-repeat; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } .home .hp-container.five .hp-map-points .map-point .path:before { content: ""; display: block; } .home .hp-container.five .hp-map-points .map-point.active:not(.main) { opacity: 1; z-index: 1; } .home .hp-container.five .hp-map-points .map-point.active:not(.main) .flight-time { top: -63px; opacity: 1; visibility: visible; } .home .hp-container.five .hp-map-points .map-point.active:not(.main) .path { opacity: 1; } .home .hp-container.five .hp-map-points .map-point.active:not(.main) button span { -webkit-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); } .home .hp-container.five .hp-map-points .map-point.active:not(.main) button span:before { -webkit-transform: translate(0%, -50%) scale(1.3636363636); -ms-transform: translate(0%, -50%) scale(1.3636363636); transform: translate(0%, -50%) scale(1.3636363636); background: #efc515; } .home .hp-container.five .hp-map-points .map-point.active:not(.main) button:after { font-size: 23px; opacity: 1; } .home .hp-container.five .hp-map-points .map-point.Tianjin { top: 9.1617933723%; right: 42.2845691383%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Tianjin { top: 9.3673965937%; right: 23.4027777778%; } } .home .hp-container.five .hp-map-points .map-point.Tianjin button:after { top: 0; right: 0; -webkit-transform: translate(120%, -50%) rotate(-15deg); -ms-transform: translate(120%, -50%) rotate(-15deg); transform: translate(120%, -50%) rotate(-15deg); } .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { top: 13.0260521042vw; right: 12.4248496994vw; -webkit-transform: translate(120%, -50%) rotate(-27deg); -ms-transform: translate(120%, -50%) rotate(-27deg); transform: translate(120%, -50%) rotate(-27deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 13.42485vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 13vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 12.7vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 12.3vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { top: 7.0833333333vw; right: 7.6vw; } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 7.5vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 7.3vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 7.2vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 7.1vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 7vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 6.9vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Tianjin.active button:after { right: 6.7vw; } } .home .hp-container.five .hp-map-points .map-point.Tianjin .path { width: 24.8496993988vw; position: absolute; top: -0.1216545012vh; right: -1vw; background-image: url(images/path-Tianjin-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Tianjin .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Tianjin .path { width: 13.9397638889vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Tianjin .path:before { padding-bottom: 194.9674841057%; } .home .hp-container.five .hp-map-points .map-point.Seoul { top: 13.1578947368%; right: 26.6533066132%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Seoul { top: 13.3819951338%; right: 14.7222222222%; } } .home .hp-container.five .hp-map-points .map-point.Seoul button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(3deg); -ms-transform: translate(100%, -50%) rotate(3deg); transform: translate(100%, -50%) rotate(3deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Seoul button:after { -webkit-transform: translate(120%, -50%) rotate(3deg); -ms-transform: translate(120%, -50%) rotate(3deg); transform: translate(120%, -50%) rotate(3deg); } } .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { top: 12.0240480962vw; right: 20.2905811623vw; -webkit-transform: translate(120%, -50%) rotate(-16deg); -ms-transform: translate(120%, -50%) rotate(-16deg); transform: translate(120%, -50%) rotate(-16deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { -webkit-transform: translate(100%, -50%) rotate(-16deg); -ms-transform: translate(100%, -50%) rotate(-16deg); transform: translate(100%, -50%) rotate(-16deg); right: 20.9vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { right: 20.7vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { right: 20.3vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { right: 20.1vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { top: 6.3888888889vw; -webkit-transform: translate(120%, -50%) rotate(-16deg); -ms-transform: translate(120%, -50%) rotate(-16deg); transform: translate(120%, -50%) rotate(-16deg); right: 12vw; } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { right: 11.9vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { right: 11.7vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { right: 11.5vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { right: 11.3vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { right: 11.2vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Seoul.active button:after { right: 11vw; } } .home .hp-container.five .hp-map-points .map-point.Seoul .path { width: 40.5811623246vw; position: absolute; top: -0.2433090024vh; right: -1vw; background-image: url(images/path-Seoul-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Seoul .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Seoul .path { width: 22.5785vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Seoul .path:before { padding-bottom: 110.3670711813%; } .home .hp-container.five .hp-map-points .map-point.Tokyo { top: 15.5945419103%; right: 7.314629%; } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Tokyo { right: 8.314629%; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Tokyo { top: 15.8150851582%; right: 1.85%; } } .home .hp-container.five .hp-map-points .map-point.Tokyo button span { left: auto; right: 6px; text-align: right; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } @media (min-width: 375px) { .home .hp-container.five .hp-map-points .map-point.Tokyo button span { right: calc(6px + (10 - 6) * (100vw - 375px) / (1000 - 375)); } } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Tokyo button span { padding: 0 11px 0 0; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Tokyo button span { padding-right: 13px; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Tokyo button span { right: calc(8px + (10 - 8) * (100vw - 1000px) / (1440 - 1000)); } } @media (min-width: 1440px) { .home .hp-container.five .hp-map-points .map-point.Tokyo button span { padding-right: 16px; } } @media (min-width: 1440px) { .home .hp-container.five .hp-map-points .map-point.Tokyo button span { right: 10px; } } .home .hp-container.five .hp-map-points .map-point.Tokyo button span:before { left: auto; right: 0; } .home .hp-container.five .hp-map-points .map-point.Tokyo button:after { top: 0; right: 0; -webkit-transform: translate(0%, -50%) rotate(2deg); -ms-transform: translate(0%, -50%) rotate(2deg); transform: translate(0%, -50%) rotate(2deg); } .home .hp-container.five .hp-map-points .map-point.Tokyo.active button span { top: -10px; } .home .hp-container.five .hp-map-points .map-point.Tokyo.active button span:before { top: 15px; } .home .hp-container.five .hp-map-points .map-point.Tokyo.active button:after { top: 11.4228456914vw; right: 29.9098196393vw; -webkit-transform: translate(50%, -50%) rotate(-5deg); -ms-transform: translate(50%, -50%) rotate(-5deg); transform: translate(50%, -50%) rotate(-5deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Tokyo.active button:after { right: 32.4vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Tokyo.active button:after { right: 32.2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Tokyo.active button:after { top: 6.25vw; right: 17.5vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Tokyo.active button:after { right: 17.4vw; } } .home .hp-container.five .hp-map-points .map-point.Tokyo .path { width: 59.8196392786vw; position: absolute; top: -0.2433090024vh; right: 1vw; background-image: url(images/path-Tokyo-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Tokyo .path { right: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Tokyo .path { width: 33.2153680556vw; right: 1vw; } } .home .hp-container.five .hp-map-points .map-point.Tokyo .path:before { padding-bottom: 71.0222196762%; } .home .hp-container.five .hp-map-points .map-point.Tokyo .flight-time { right: -20px; left: auto; } .home .hp-container.five .hp-map-points .map-point.Busan { top: 17.0565302144%; right: 24.749498998%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Busan { top: 17.2749391727%; right: 13.6805555556%; } } .home .hp-container.five .hp-map-points .map-point.Busan button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(16deg); -ms-transform: translate(100%, -50%) rotate(16deg); transform: translate(100%, -50%) rotate(16deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Busan button:after { -webkit-transform: translate(120%, -50%) rotate(16deg); -ms-transform: translate(120%, -50%) rotate(16deg); transform: translate(120%, -50%) rotate(16deg); } } .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { top: 11.0220440882vw; right: 21.2424849699vw; -webkit-transform: translate(120%, -50%) rotate(-11deg); -ms-transform: translate(120%, -50%) rotate(-11deg); transform: translate(120%, -50%) rotate(-11deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { -webkit-transform: translate(100%, -50%) rotate(-11deg); -ms-transform: translate(100%, -50%) rotate(-11deg); transform: translate(100%, -50%) rotate(-11deg); right: 21.7vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { right: 21.6vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { right: 21.4vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { right: 21.1vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { top: 5.8333333333vw; right: 12.4vw; -webkit-transform: translate(120%, -50%) rotate(-11deg); -ms-transform: translate(120%, -50%) rotate(-11deg); transform: translate(120%, -50%) rotate(-11deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { right: 12.2vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { right: 12.1vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { right: 11.9vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { right: 11.7vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { right: 11.6vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Busan.active button:after { right: 11.5vw; } } .home .hp-container.five .hp-map-points .map-point.Busan .path { width: 42.4849699399vw; position: absolute; top: -0.2433090024vh; right: -1vw; background-image: url(images/path-Busan-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Busan .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Busan .path { width: 23.6125694444vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Busan .path:before { padding-bottom: 96.1986759641%; } .home .hp-container.five .hp-map-points .map-point.Osaka { top: 19.0058479532%; right: 11.022044%; } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Osaka { right: 12.022044%; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Osaka { top: 19.3430656934%; right: 3.95%; } } .home .hp-container.five .hp-map-points .map-point.Osaka button span { left: auto; right: 6px; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; text-align: right; } @media (min-width: 375px) { .home .hp-container.five .hp-map-points .map-point.Osaka button span { right: calc(6px + (10 - 6) * (100vw - 375px) / (1000 - 375)); } } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Osaka button span { padding: 0 11px 0 0; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Osaka button span { padding-right: 13px; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Osaka button span { right: calc(8px + (10 - 8) * (100vw - 1000px) / (1440 - 1000)); } } @media (min-width: 1440px) { .home .hp-container.five .hp-map-points .map-point.Osaka button span { padding-right: 16px; } } @media (min-width: 1440px) { .home .hp-container.five .hp-map-points .map-point.Osaka button span { right: 10px; } } .home .hp-container.five .hp-map-points .map-point.Osaka button span:before { left: auto; right: 0; } .home .hp-container.five .hp-map-points .map-point.Osaka button:after { top: 0; right: 0; -webkit-transform: translate(0%, -50%) rotate(16deg); -ms-transform: translate(0%, -50%) rotate(16deg); transform: translate(0%, -50%) rotate(16deg); } .home .hp-container.five .hp-map-points .map-point.Osaka.active button span { top: -10px; } .home .hp-container.five .hp-map-points .map-point.Osaka.active button span:before { top: 15px; } .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { top: 9.619238477vw; right: 28.0561122244vw; -webkit-transform: translate(120%, -50%) rotate(-5deg); -ms-transform: translate(120%, -50%) rotate(-5deg); transform: translate(120%, -50%) rotate(-5deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 32.5vw; -webkit-transform: translate(100%, -50%) rotate(-7deg); -ms-transform: translate(100%, -50%) rotate(-7deg); transform: translate(100%, -50%) rotate(-7deg); } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 32.2vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 31.2vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 30.9vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { top: 5.2777777778vw; right: 18.7vw; -webkit-transform: translate(120%, -50%) rotate(-7deg); -ms-transform: translate(120%, -50%) rotate(-7deg); transform: translate(120%, -50%) rotate(-7deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 18.5vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 18.3vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 18.2vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 18vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 17.9vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 17.8vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Osaka.active button:after { right: 17.7vw; } } .home .hp-container.five .hp-map-points .map-point.Osaka .path { width: 56.1122244489vw; position: absolute; top: -0.2433090024vh; right: 1vw; background-image: url(images/path-Osaka-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Osaka .path { width: 51.112224vw; right: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Osaka .path { width: 31.1189034722vw; right: 1vw; } } .home .hp-container.five .hp-map-points .map-point.Osaka .path:before { padding-bottom: 69.548607033%; } .home .hp-container.five .hp-map-points .map-point.Osaka .flight-time { right: -50px; left: auto; } .home .hp-container.five .hp-map-points .map-point.Chongqing { top: 20.955165692%; right: 63.2264529058%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Chongqing { top: 21.1678832117%; right: 35%; } } .home .hp-container.five .hp-map-points .map-point.Chongqing button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(-30deg); -ms-transform: translate(100%, -50%) rotate(-30deg); transform: translate(100%, -50%) rotate(-30deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Chongqing button:after { -webkit-transform: translate(120%, -50%) rotate(-30deg); -ms-transform: translate(120%, -50%) rotate(-30deg); transform: translate(120%, -50%) rotate(-30deg); } } .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { top: 15.0300601202vw; right: 5.1011113135vw; -webkit-transform: translate(120%, -50%) rotate(-57deg); -ms-transform: translate(120%, -50%) rotate(-57deg); transform: translate(120%, -50%) rotate(-57deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { -webkit-transform: translate(100%, -50%) rotate(-57deg); -ms-transform: translate(100%, -50%) rotate(-57deg); transform: translate(100%, -50%) rotate(-57deg); right: 5.5vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { right: 5vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { right: 4.7vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { right: 4.5vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { top: 8.3333333333vw; right: 3.6vw; -webkit-transform: translate(120%, -50%) rotate(-57deg); -ms-transform: translate(120%, -50%) rotate(-57deg); transform: translate(120%, -50%) rotate(-57deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { right: 3.4vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { right: 3.2vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { right: 3vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Chongqing.active button:after { right: 2.8vw; } } .home .hp-container.five .hp-map-points .map-point.Chongqing .path { width: 5.6112224449vw; position: absolute; top: 0; right: -1vw; background-image: url(images/path-Chongqing-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Chongqing .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Chongqing .path { width: 3.1043819444vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Chongqing .path:before { padding-bottom: 658.5473938049%; } .home .hp-container.five .hp-map-points .map-point.Suzhou { top: 22.61208577%; right: 37.374749499%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Suzhou { top: 22.8710462287%; right: 20.6944444444%; } } .home .hp-container.five .hp-map-points .map-point.Suzhou button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(3deg); -ms-transform: translate(100%, -50%) rotate(3deg); transform: translate(100%, -50%) rotate(3deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Suzhou button:after { -webkit-transform: translate(120%, -50%) rotate(3deg); -ms-transform: translate(120%, -50%) rotate(3deg); transform: translate(120%, -50%) rotate(3deg); } } .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { top: 8.4168336673vw; right: 14.879759519vw; -webkit-transform: translate(120%, -50%) rotate(-11deg); -ms-transform: translate(120%, -50%) rotate(-11deg); transform: translate(120%, -50%) rotate(-11deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { -webkit-transform: translate(100%, -50%) rotate(-15deg); -ms-transform: translate(100%, -50%) rotate(-15deg); transform: translate(100%, -50%) rotate(-15deg); right: 15.4vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { right: 15.2vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { right: 14.9vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { right: 14.7vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { top: 5.8333333333vw; right: 10.4vw; -webkit-transform: translate(120%, -50%) rotate(-15deg); -ms-transform: translate(120%, -50%) rotate(-15deg); transform: translate(120%, -50%) rotate(-15deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { right: 10.2vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { right: 10.1vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { right: 10vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { right: 9.9vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { right: 9.8vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Suzhou.active button:after { right: 9.7vw; } } .home .hp-container.five .hp-map-points .map-point.Suzhou .path { width: 29.7595190381vw; position: absolute; top: -0.1216545012vh; right: -1vw; background-image: url(images/path-Suzhou-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Suzhou .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Suzhou .path { width: 16.5994583333vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Suzhou .path:before { padding-bottom: 117.4993578271%; } .home .hp-container.five .hp-map-points .map-point.Nepal { top: 30.3118908382%; right: 93.0861723447%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Nepal { top: 30.4136253041%; right: 51.5277777778%; } } .home .hp-container.five .hp-map-points .map-point.Nepal button:after { top: 0; left: 0; -webkit-transform: translate(0%, -50%) rotate(-135deg); -ms-transform: translate(0%, -50%) rotate(-135deg); transform: translate(0%, -50%) rotate(-135deg); } .home .hp-container.five .hp-map-points .map-point.Nepal.active button span { top: -10px; } .home .hp-container.five .hp-map-points .map-point.Nepal.active button span:before { top: 15px; } .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { top: 9.0180360721vw; left: 13.0260521042vw; -webkit-transform: translate(120%, -50%) rotate(-104deg); -ms-transform: translate(120%, -50%) rotate(-104deg); transform: translate(120%, -50%) rotate(-104deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { -webkit-transform: translate(100%, -50%) rotate(-104deg); -ms-transform: translate(100%, -50%) rotate(-104deg); transform: translate(100%, -50%) rotate(-104deg); left: 11vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 12.5vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 12.9vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 13.4vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { top: 5.4166666667vw; left: 5.9vw; -webkit-transform: translate(120%, -50%) rotate(-104deg); -ms-transform: translate(120%, -50%) rotate(-104deg); transform: translate(120%, -50%) rotate(-104deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 6.2vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 6.5vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 6.8vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 7.1vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 7.4vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 7.5vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Nepal.active button:after { left: 7.6vw; } } .home .hp-container.five .hp-map-points .map-point.Nepal .path { width: 26.0521042084vw; position: absolute; top: -0.1216545012vh; left: 1vw; background-image: url(images/path-Nepal-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Nepal .path { left: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Nepal .path { width: 14.5835347222vw; left: 1vw; } } .home .hp-container.five .hp-map-points .map-point.Nepal .path:before { padding-bottom: 104.2817027765%; } .home .hp-container.five .hp-map-points .map-point.Bhutan { top: 31.6764132554%; right: 79.0581162325%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Bhutan { top: 32.1167883212%; right: 43.75%; } } .home .hp-container.five .hp-map-points .map-point.Bhutan button:after { top: 0; left: 0; -webkit-transform: translate(0%, -50%) rotate(-120deg); -ms-transform: translate(0%, -50%) rotate(-120deg); transform: translate(0%, -50%) rotate(-120deg); } .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { top: 8.0160320641vw; left: 4.8096192385vw; -webkit-transform: translate(120%, -50%) rotate(-90deg); -ms-transform: translate(120%, -50%) rotate(-90deg); transform: translate(120%, -50%) rotate(-90deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { -webkit-transform: translate(100%, -50%) rotate(-90deg); -ms-transform: translate(100%, -50%) rotate(-90deg); transform: translate(100%, -50%) rotate(-90deg); left: 2.5vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 4vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 4.5vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 5vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { top: 5.5555555556vw; left: 1.4vw; -webkit-transform: translate(120%, -50%) rotate(-90deg); -ms-transform: translate(120%, -50%) rotate(-90deg); transform: translate(120%, -50%) rotate(-90deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 1.7vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 2vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 2.4vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 2.7vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 2.9vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 3vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Bhutan.active button:after { left: 3.1vw; } } .home .hp-container.five .hp-map-points .map-point.Bhutan .path { width: 12.0240480962vw; position: absolute; top: -0.1216545012vh; left: 1vw; background-image: url(images/path-Bhutan-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Bhutan .path { left: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Bhutan .path { width: 6.9231180556vw; left: 1vw; } } .home .hp-container.five .hp-map-points .map-point.Bhutan .path:before { padding-bottom: 206.3936348526%; } .home .hp-container.five .hp-map-points .map-point.Kunming { top: 35.1851851852%; right: 66.2324649299%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kunming { top: 35.401459854%; right: 36.6666666667%; } } .home .hp-container.five .hp-map-points .map-point.Kunming button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(-40deg); -ms-transform: translate(100%, -50%) rotate(-40deg); transform: translate(100%, -50%) rotate(-40deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kunming button:after { -webkit-transform: translate(120%, -50%) rotate(-40deg); -ms-transform: translate(120%, -50%) rotate(-40deg); transform: translate(120%, -50%) rotate(-40deg); } } .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { top: 8.0160320641vw; right: 2.004008016vw; -webkit-transform: translate(120%, -50%) rotate(-62deg); -ms-transform: translate(120%, -50%) rotate(-62deg); transform: translate(120%, -50%) rotate(-62deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { -webkit-transform: translate(100%, -50%) rotate(-62deg); -ms-transform: translate(100%, -50%) rotate(-62deg); transform: translate(100%, -50%) rotate(-62deg); right: 2.4vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { right: 2vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { right: 1.7vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { right: 1.4vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { top: 5.5555555556vw; right: 2vw; -webkit-transform: translate(120%, -50%) rotate(-62deg); -ms-transform: translate(120%, -50%) rotate(-62deg); transform: translate(120%, -50%) rotate(-62deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { right: 1.8vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { right: 1.6vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { right: 1.4vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { right: 1.25vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Kunming.active button:after { right: 1.15vw; } } .home .hp-container.five .hp-map-points .map-point.Kunming .path { width: 2.4048096192vw; position: absolute; top: 0; right: -1.1388888889vw; background-image: url(images/path-Kunming-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Kunming .path { right: -2.1388888889vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kunming .path { width: 1.3605555556vw; right: -1.1388888889vw; } } .home .hp-container.five .hp-map-points .map-point.Kunming .path:before { padding-bottom: 901.3913842385%; } .home .hp-container.five .hp-map-points .map-point.Paro { top: 37.5243664717%; right: 95.7915831663%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Paro { top: 37.7128953771%; right: 53.0555555556%; } } .home .hp-container.five .hp-map-points .map-point.Paro button:after { top: 0; left: 0; -webkit-transform: translate(0%, -50%) rotate(-155deg); -ms-transform: translate(0%, -50%) rotate(-155deg); transform: translate(0%, -50%) rotate(-155deg); } .home .hp-container.five .hp-map-points .map-point.Paro.active button span { top: -10px; } .home .hp-container.five .hp-map-points .map-point.Paro.active button span:before { top: 15px; } .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { top: 3.8076152305vw; left: 14.4288577154vw; -webkit-transform: translate(120%, -50%) rotate(-118deg); -ms-transform: translate(120%, -50%) rotate(-118deg); transform: translate(120%, -50%) rotate(-118deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { -webkit-transform: translate(100%, -50%) rotate(-118deg); -ms-transform: translate(100%, -50%) rotate(-118deg); transform: translate(100%, -50%) rotate(-118deg); left: 12vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 13.3vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 14.1vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 14.4vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { top: 2.6388888889vw; left: 6.7vw; -webkit-transform: translate(120%, -50%) rotate(-118deg); -ms-transform: translate(120%, -50%) rotate(-118deg); transform: translate(120%, -50%) rotate(-118deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 7vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 7.3vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 7.6vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 7.8vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 8vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 8.2vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Paro.active button:after { left: 8.4vw; } } .home .hp-container.five .hp-map-points .map-point.Paro .path { width: 28.8577154309vw; position: absolute; top: -0.2923976608vh; left: 1vw; background-image: url(images/path-Paro-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Paro .path { left: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Paro .path { width: 16.0722847222vw; top: -0.1216545012vh; left: 1vw; } } .home .hp-container.five .hp-map-points .map-point.Paro .path:before { padding-bottom: 69.0405628392%; } .home .hp-container.five .hp-map-points .map-point.Taipei { top: 37.4269005848%; right: 34.5691382766%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Taipei { top: 36.9829683698%; right: 19.1666666667%; } } .home .hp-container.five .hp-map-points .map-point.Taipei button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(32deg); -ms-transform: translate(100%, -50%) rotate(32deg); transform: translate(100%, -50%) rotate(32deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Taipei button:after { -webkit-transform: translate(120%, -50%) rotate(32deg); -ms-transform: translate(120%, -50%) rotate(32deg); transform: translate(120%, -50%) rotate(32deg); } } .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { top: 2.2044088176vw; right: 16.2324649299vw; -webkit-transform: translate(120%, -50%) rotate(0); -ms-transform: translate(120%, -50%) rotate(0); transform: translate(120%, -50%) rotate(0); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { -webkit-transform: translate(100%, -50%) rotate(0); -ms-transform: translate(100%, -50%) rotate(0); transform: translate(100%, -50%) rotate(0); right: 17vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { right: 16.3vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { right: 15.8vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { top: 1.25vw; right: 10.3vw; -webkit-transform: translate(120%, -50%) rotate(0); -ms-transform: translate(120%, -50%) rotate(0); transform: translate(120%, -50%) rotate(0); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { right: 10.1vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { right: 9.9vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { right: 9.6vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { right: 9.3vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { right: 9.1vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Taipei.active button:after { right: 8.9vw; } } .home .hp-container.five .hp-map-points .map-point.Taipei .path { width: 32.4649298597vw; position: absolute; top: -0.2433090024vh; right: -1vw; background-image: url(images/path-Taipei-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Taipei .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Taipei .path { width: 18.1084722222vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Taipei .path:before { padding-bottom: 63.9045182964%; } .home .hp-container.five .hp-map-points .map-point.Kolkata { top: 40.350877193%; right: 85.871743487%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kolkata { top: 40.5109489051%; right: 47.5694444444%; } } .home .hp-container.five .hp-map-points .map-point.Kolkata button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(-155deg); -ms-transform: translate(100%, -50%) rotate(-155deg); transform: translate(100%, -50%) rotate(-155deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kolkata button:after { -webkit-transform: translate(120%, -50%) rotate(-155deg); -ms-transform: translate(120%, -50%) rotate(-155deg); transform: translate(120%, -50%) rotate(-155deg); } } .home .hp-container.five .hp-map-points .map-point.Kolkata.active button span { top: -10px; } .home .hp-container.five .hp-map-points .map-point.Kolkata.active button span:before { top: 15px; } .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { top: 4.0080160321vw; right: 9.4689378758vw; -webkit-transform: translate(120%, -50%) rotate(-104deg); -ms-transform: translate(120%, -50%) rotate(-104deg); transform: translate(120%, -50%) rotate(-104deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { -webkit-transform: translate(100%, -50%) rotate(-111deg); -ms-transform: translate(100%, -50%) rotate(-111deg); transform: translate(100%, -50%) rotate(-111deg); right: -11.2vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { right: -11.6vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { right: -12.1vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { right: -12.3vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { top: 2.7777777778vw; right: -6.2vw; -webkit-transform: translate(120%, -50%) rotate(-111deg); -ms-transform: translate(120%, -50%) rotate(-111deg); transform: translate(120%, -50%) rotate(-111deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { right: -6.3vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { right: -6.5vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { right: -6.7vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { right: -6.8vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { right: -6.9vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Kolkata.active button:after { right: -7vw; } } .home .hp-container.five .hp-map-points .map-point.Kolkata .path { width: 18.9378757515vw; position: absolute; top: -0.1216545012vh; left: 1vw; background-image: url(images/path-Kolkata-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Kolkata .path { left: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kolkata .path { width: 10.6101111111vw; left: 1vw; } } .home .hp-container.five .hp-map-points .map-point.Kolkata .path:before { padding-bottom: 89.4130075086%; } .home .hp-container.five .hp-map-points .map-point.Hong-Kong { top: 39.6686159844%; right: 47.7955911824%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong { top: 39.7810218978%; right: 26.4583333333%; } } .home .hp-container.five .hp-map-points .map-point.Hong-Kong button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(30deg); -ms-transform: translate(100%, -50%) rotate(30deg); transform: translate(100%, -50%) rotate(30deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong button:after { -webkit-transform: translate(120%, -50%) rotate(30deg); -ms-transform: translate(120%, -50%) rotate(30deg); transform: translate(120%, -50%) rotate(30deg); } } .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { top: 3.6072144289vw; right: 11.3756925616vw; -webkit-transform: translate(120%, -50%) rotate(-7deg); -ms-transform: translate(120%, -50%) rotate(-7deg); transform: translate(120%, -50%) rotate(-7deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { -webkit-transform: translate(100%, -50%) rotate(-7deg); -ms-transform: translate(100%, -50%) rotate(-7deg); transform: translate(100%, -50%) rotate(-7deg); right: 11.7vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { right: 11vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { right: 10.8vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { top: 1.5277777778vw; right: 6.6vw; -webkit-transform: translate(120%, -50%) rotate(-7deg); -ms-transform: translate(120%, -50%) rotate(-7deg); transform: translate(120%, -50%) rotate(-7deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { right: 6.4vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { right: 6.2vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { right: 6vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { right: 5.9vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { right: 5.7vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong.active button:after { right: 5.6vw; } } .home .hp-container.five .hp-map-points .map-point.Hong-Kong .path { width: 19.3386773547vw; position: absolute; top: -0.1216545012vh; right: -1vw; background-image: url(images/path-Hong-Kong-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Hong-Kong .path { width: 10.7670694444vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Hong-Kong .path:before { padding-bottom: 108.9784356725%; } .home .hp-container.five .hp-map-points .map-point.Siem-Rea { top: 41.910331384%; right: 60.621242485%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea { top: 42.0924574209%; right: 33.5416666667%; } } .home .hp-container.five .hp-map-points .map-point.Siem-Rea button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(0deg); -ms-transform: translate(100%, -50%) rotate(0deg); transform: translate(100%, -50%) rotate(0deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea button:after { -webkit-transform: translate(120%, -50%) rotate(0deg); -ms-transform: translate(120%, -50%) rotate(0deg); transform: translate(120%, -50%) rotate(0deg); } } .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { top: 3.6072144289vw; right: 4.6521614658vw; -webkit-transform: translate(120%, -50%) rotate(-43deg); -ms-transform: translate(120%, -50%) rotate(-43deg); transform: translate(120%, -50%) rotate(-43deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { -webkit-transform: translate(100%, -50%) rotate(-43deg); -ms-transform: translate(100%, -50%) rotate(-43deg); transform: translate(100%, -50%) rotate(-43deg); right: 4.8vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { right: 4.4vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { right: 4.2vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { right: 4vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { top: 2.5vw; right: 3.6vw; -webkit-transform: translate(120%, -50%) rotate(-43deg); -ms-transform: translate(120%, -50%) rotate(-43deg); transform: translate(120%, -50%) rotate(-43deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { right: 3.4vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { right: 3.2vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { right: 3.1vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { right: 3vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { right: 2.9vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea.active button:after { right: 2.7vw; } } .home .hp-container.five .hp-map-points .map-point.Siem-Rea .path { width: 6.5130260521vw; position: absolute; top: -0.1216545012vh; right: -1vw; background-image: url(images/path-Siem-Reap-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Siem-Rea .path { width: 3.7848888889vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Siem-Rea .path:before { padding-bottom: 224.645153241%; } .home .hp-container.five .hp-map-points .map-point.Vientaine { top: 47.8557504873%; right: 64.9298597194%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Vientaine { top: 47.9318734793%; right: 35.9027777778%; } } .home .hp-container.five .hp-map-points .map-point.Vientaine button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(-30deg); -ms-transform: translate(100%, -50%) rotate(-30deg); transform: translate(100%, -50%) rotate(-30deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Vientaine button:after { -webkit-transform: translate(120%, -50%) rotate(-30deg); -ms-transform: translate(120%, -50%) rotate(-30deg); transform: translate(120%, -50%) rotate(-30deg); } } .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { top: 3.006012024vw; right: 1.920507682vw; -webkit-transform: translate(120%, -50%) rotate(-54deg); -ms-transform: translate(120%, -50%) rotate(-54deg); transform: translate(120%, -50%) rotate(-54deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { -webkit-transform: translate(100%, -50%) rotate(-54deg); -ms-transform: translate(100%, -50%) rotate(-54deg); transform: translate(100%, -50%) rotate(-54deg); } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { right: 1.5vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { right: 1.3vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { right: 1.1vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { top: 2.0833333333vw; right: 1.8vw; -webkit-transform: translate(120%, -50%) rotate(-54deg); -ms-transform: translate(120%, -50%) rotate(-54deg); transform: translate(120%, -50%) rotate(-54deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { right: 1.7vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { right: 1.6vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { right: 1.5vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { right: 1.3vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { right: 1.2vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Vientaine.active button:after { right: 1.1vw; } } .home .hp-container.five .hp-map-points .map-point.Vientaine .path { width: 2.3046092184vw; position: absolute; top: 0; right: -1vw; background-image: url(images/path-Vientaine-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Vientaine .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Vientaine .path { width: 1.3926736111vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Vientaine .path:before { padding-bottom: 373.5256426239%; } .home .hp-container.five .hp-map-points .map-point.Yangon { top: 50%; right: 75.9519038076%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Yangon { top: 50.2433090024%; right: 42.0833333333%; } } .home .hp-container.five .hp-map-points .map-point.Yangon button:after { top: 0; left: 0; -webkit-transform: translate(0%, -50%) rotate(-155deg); -ms-transform: translate(0%, -50%) rotate(-155deg); transform: translate(0%, -50%) rotate(-155deg); } .home .hp-container.five .hp-map-points .map-point.Yangon.active button span { top: -10px; } .home .hp-container.five .hp-map-points .map-point.Yangon.active button span:before { top: 15px; } .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { top: 2.004008016vw; left: 2.9726118904vw; -webkit-transform: translate(120%, -50%) rotate(-111deg); -ms-transform: translate(120%, -50%) rotate(-111deg); transform: translate(120%, -50%) rotate(-111deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { -webkit-transform: translate(75%, -50%) rotate(-111deg); -ms-transform: translate(75%, -50%) rotate(-111deg); transform: translate(75%, -50%) rotate(-111deg); } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 3.2vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 3.7vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 4.3vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { top: 1.3888888889vw; left: 0vw; -webkit-transform: translate(120%, -50%) rotate(-111deg); -ms-transform: translate(120%, -50%) rotate(-111deg); transform: translate(120%, -50%) rotate(-111deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 0.7vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 1vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 1.3vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 1.5vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 1.7vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 1.9vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Yangon.active button:after { left: 2.1vw; } } .home .hp-container.five .hp-map-points .map-point.Yangon .path { width: 8.9178356713vw; position: absolute; top: -0.1216545012vh; left: 1vw; background-image: url(images/path-Yangon-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Yangon .path { left: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Yangon .path { width: 5.1089791667vw; left: 1vw; } } .home .hp-container.five .hp-map-points .map-point.Yangon .path:before { padding-bottom: 77.3345675438%; } .home .hp-container.five .hp-map-points .map-point.Manilla { top: 53.7037037037%; right: 35.0701402806%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Manilla { top: 53.7712895377%; right: 19.375%; } } .home .hp-container.five .hp-map-points .map-point.Manilla button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(25deg); -ms-transform: translate(100%, -50%) rotate(25deg); transform: translate(100%, -50%) rotate(25deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Manilla button:after { -webkit-transform: translate(120%, -50%) rotate(25deg); -ms-transform: translate(120%, -50%) rotate(25deg); transform: translate(120%, -50%) rotate(25deg); } } .home .hp-container.five .hp-map-points .map-point.Manilla.active button:after { top: 0.3006012024vw; right: 16.0320641283vw; -webkit-transform: translate(120%, -50%) rotate(25deg); -ms-transform: translate(120%, -50%) rotate(25deg); transform: translate(120%, -50%) rotate(25deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Manilla.active button:after { -webkit-transform: translate(100%, -50%) rotate(25deg); -ms-transform: translate(100%, -50%) rotate(25deg); transform: translate(100%, -50%) rotate(25deg); } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Manilla.active button:after { top: 0.2083333333vw; right: 8.8415034722vw; -webkit-transform: translate(120%, -50%) rotate(25deg); -ms-transform: translate(120%, -50%) rotate(25deg); transform: translate(120%, -50%) rotate(25deg); } } .home .hp-container.five .hp-map-points .map-point.Manilla .path { width: 32.0641282565vw; position: absolute; top: -0.1216545012vh; right: 0; background-image: url(images/path-Manilla-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Manilla .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Manilla .path { width: 17.6830069444vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Manilla .path:before { padding-bottom: 11.4212758404%; } .home .hp-container.five .hp-map-points .map-point.Phnom-Penh { top: 56.8226120858%; right: 62.124248497%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Phnom-Penh { top: 56.9343065693%; right: 34.375%; } } .home .hp-container.five .hp-map-points .map-point.Phnom-Penh button:after { top: 0; right: 0; -webkit-transform: translate(100%, -50%) rotate(25deg); -ms-transform: translate(100%, -50%) rotate(25deg); transform: translate(100%, -50%) rotate(25deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Phnom-Penh button:after { -webkit-transform: translate(120%, -50%) rotate(25deg); -ms-transform: translate(120%, -50%) rotate(25deg); transform: translate(120%, -50%) rotate(25deg); } } .home .hp-container.five .hp-map-points .map-point.Phnom-Penh.active button:after { top: -1.3026052104vw; right: 2.50501002vw; -webkit-transform: translate(120%, -50%) rotate(25deg); -ms-transform: translate(120%, -50%) rotate(25deg); transform: translate(120%, -50%) rotate(25deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Phnom-Penh.active button:after { -webkit-transform: translate(100%, -50%) rotate(25deg); -ms-transform: translate(100%, -50%) rotate(25deg); transform: translate(100%, -50%) rotate(25deg); } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Phnom-Penh.active button:after { right: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Phnom-Penh.active button:after { top: -0.9027777778vw; right: 1.4584895833vw; -webkit-transform: translate(120%, -50%) rotate(25deg); -ms-transform: translate(120%, -50%) rotate(25deg); transform: translate(120%, -50%) rotate(25deg); } } .home .hp-container.five .hp-map-points .map-point.Phnom-Penh .path { width: 5.0100200401vw; position: absolute; right: -1vw; bottom: 0; background-image: url(images/path-Phnom-Penh-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Phnom-Penh .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Phnom-Penh .path { width: 2.9169791667vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Phnom-Penh .path:before { padding-bottom: 33.4404647121%; } .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min { top: 60.4288499025%; right: 58.1162324649%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min { top: 60.5839416058%; right: 32.2222222222%; } } .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min button:after { right: 0; bottom: 0; -webkit-transform: translate(100%, 50%) rotate(75deg); -ms-transform: translate(100%, 50%) rotate(75deg); transform: translate(100%, 50%) rotate(75deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min button:after { -webkit-transform: translate(120%, 50%) rotate(75deg); -ms-transform: translate(120%, 50%) rotate(75deg); transform: translate(120%, 50%) rotate(75deg); } } .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min.active button:after { right: 4.0991073055vw; bottom: 3.006012024vw; -webkit-transform: translate(120%, 50%) rotate(52deg); -ms-transform: translate(120%, 50%) rotate(52deg); transform: translate(120%, 50%) rotate(52deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min.active button:after { -webkit-transform: translate(100%, 50%) rotate(52deg); -ms-transform: translate(100%, 50%) rotate(52deg); transform: translate(100%, 50%) rotate(52deg); } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min.active button:after { right: 3.6vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min.active button:after { right: 2.4vw; bottom: 1.3vw; -webkit-transform: translate(120%, 50%) rotate(52deg); -ms-transform: translate(120%, 50%) rotate(52deg); transform: translate(120%, 50%) rotate(52deg); } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min.active button:after { bottom: 1.5vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min.active button:after { right: 2.2vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min.active button:after { bottom: 1.6vw; } } .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min .flight-time { top: 40px !important; } .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min .flight-time:after { top: auto; bottom: 100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min .path { width: 9.0180360721vw; position: absolute; right: -1vw; bottom: -0.1216545012vh; background-image: url(images/path-Ho-Chi-Min-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min .path { right: -2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min .path { width: 5.0112569444vw; right: -1vw; } } .home .hp-container.five .hp-map-points .map-point.Ho-Chi-Min .path:before { padding-bottom: 47.2325500505%; } .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur { top: 70.955165692%; right: 66.9338677355%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur { top: 71.0462287105%; right: 37.0833333333%; } } .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur button:after { right: 0; bottom: 0; -webkit-transform: translate(100%, 50%) rotate(145deg); -ms-transform: translate(100%, 50%) rotate(145deg); transform: translate(100%, 50%) rotate(145deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur button:after { -webkit-transform: translate(120%, 50%) rotate(145deg); -ms-transform: translate(120%, 50%) rotate(145deg); transform: translate(120%, 50%) rotate(145deg); } } .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -1.419505678vw; bottom: 5.5110220441vw; -webkit-transform: translate(120%, 50%) rotate(116deg); -ms-transform: translate(120%, 50%) rotate(116deg); transform: translate(120%, 50%) rotate(116deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { -webkit-transform: translate(100%, 50%) rotate(116deg); -ms-transform: translate(100%, 50%) rotate(116deg); transform: translate(100%, 50%) rotate(116deg); right: -1.6vw; } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -1.8vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -2.1vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -2.4vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -0.3vw; bottom: 3.8194444444vw; -webkit-transform: translate(120%, 50%) rotate(116deg); -ms-transform: translate(120%, 50%) rotate(116deg); transform: translate(120%, 50%) rotate(116deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -0.5vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -0.6vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -0.7vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -0.8vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur.active button:after { right: -0.9vw; } } .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur .flight-time { top: 40px !important; } .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur .flight-time:after { top: auto; bottom: 100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur .path { width: 1.7034068136vw; position: absolute; left: 1vw; bottom: 0; background-image: url(images/path-Kuala-Lumpur-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur .path { left: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur .path { width: 0.9875972222vw; left: 1vw; } } .home .hp-container.five .hp-map-points .map-point.Kuala-Lumpur .path:before { padding-bottom: 828.1287355675%; } .home .hp-container.five .hp-map-points .map-point.Singapore { top: 73.9766081871%; right: 64.0280561122%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Singapore { top: 74.0875912409%; right: 35.4166666667%; } } .home .hp-container.five .hp-map-points .map-point.Singapore button:after { right: 0; bottom: 0; -webkit-transform: translate(100%, 50%) rotate(115deg); -ms-transform: translate(100%, 50%) rotate(115deg); transform: translate(100%, 50%) rotate(115deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Singapore button:after { -webkit-transform: translate(120%, 50%) rotate(115deg); -ms-transform: translate(120%, 50%) rotate(115deg); transform: translate(120%, 50%) rotate(115deg); } } .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 0.5678022712vw; bottom: 8.6172344689vw; -webkit-transform: translate(120%, 50%) rotate(110deg); -ms-transform: translate(120%, 50%) rotate(110deg); transform: translate(120%, 50%) rotate(110deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { -webkit-transform: translate(100%, 50%) rotate(110deg); -ms-transform: translate(100%, 50%) rotate(110deg); transform: translate(100%, 50%) rotate(110deg); } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 0.3vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 0.1vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: -0.2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 1vw; bottom: 4.5138888889vw; -webkit-transform: translate(120%, 50%) rotate(110deg); -ms-transform: translate(120%, 50%) rotate(110deg); transform: translate(120%, 50%) rotate(110deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 0.7vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 0.6vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 0.5vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 0.4vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 0.3vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Singapore.active button:after { right: 0.2vw; } } .home .hp-container.five .hp-map-points .map-point.Singapore .flight-time { top: 40px !important; } .home .hp-container.five .hp-map-points .map-point.Singapore .flight-time:after { top: auto; bottom: 100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .home .hp-container.five .hp-map-points .map-point.Singapore .path { width: 3.4068136273vw; position: absolute; right: -0.2083333333vw; bottom: 0; background-image: url(images/path-Singapore-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Singapore .path { right: -2.208333vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Singapore .path { width: 1.9200902778vw; right: -1.1388888889vw; } } .home .hp-container.five .hp-map-points .map-point.Singapore .path:before { padding-bottom: 517.6282943872%; } .home .hp-container.five .hp-map-points .map-point.Jakarta { top: 86.9395711501%; right: 56.5130260521%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Jakarta { top: 86.9829683698%; right: 31.25%; } } .home .hp-container.five .hp-map-points .map-point.Jakarta button:after { right: 0; bottom: 0; -webkit-transform: translate(100%, 50%) rotate(122deg); -ms-transform: translate(100%, 50%) rotate(122deg); transform: translate(100%, 50%) rotate(122deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Jakarta button:after { -webkit-transform: translate(120%, 50%) rotate(122deg); -ms-transform: translate(120%, 50%) rotate(122deg); transform: translate(120%, 50%) rotate(122deg); } } .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 2.6803607214vw; bottom: 17.0340681363vw; -webkit-transform: translate(120%, 50%) rotate(99deg); -ms-transform: translate(120%, 50%) rotate(99deg); transform: translate(120%, 50%) rotate(99deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { -webkit-transform: translate(100%, 50%) rotate(99deg); -ms-transform: translate(100%, 50%) rotate(99deg); transform: translate(100%, 50%) rotate(99deg); } } @media (min-width: 700px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 2.4vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 2.3vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 2vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 2.2vw; bottom: 9.7222222222vw; -webkit-transform: translate(120%, 50%) rotate(99deg); -ms-transform: translate(120%, 50%) rotate(99deg); transform: translate(120%, 50%) rotate(99deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 2vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 1.9vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 1.8vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 1.7vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 1.6vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Jakarta.active button:after { right: 1.5vw; } } .home .hp-container.five .hp-map-points .map-point.Jakarta .flight-time { top: 40px !important; } .home .hp-container.five .hp-map-points .map-point.Jakarta .flight-time:after { top: auto; bottom: 100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .home .hp-container.five .hp-map-points .map-point.Jakarta .path { width: 10.7214428858vw; position: absolute; right: -0.2083333333vw; bottom: 0; background-image: url(images/path-Jakarta-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Jakarta .path { right: -2.208333vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Jakarta .path { width: 6.0857013889vw; right: -1.138889vw; } } .home .hp-container.five .hp-map-points .map-point.Jakarta .path:before { padding-bottom: 284.5171000786%; } .home .hp-container.five .hp-map-points .map-point.Bali { top: 90.4483430799%; right: 45.0901803607%; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Bali { top: 90.5109489051%; right: 25%; } } .home .hp-container.five .hp-map-points .map-point.Bali button:after { right: 0; bottom: 0; -webkit-transform: translate(100%, 50%) rotate(121deg); -ms-transform: translate(100%, 50%) rotate(121deg); transform: translate(100%, 50%) rotate(121deg); } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Bali button:after { -webkit-transform: translate(120%, 50%) rotate(121deg); -ms-transform: translate(120%, 50%) rotate(121deg); transform: translate(120%, 50%) rotate(121deg); } } .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 5.5110220441vw; bottom: 21.0420841683vw; -webkit-transform: translate(120%, 50%) rotate(85deg); -ms-transform: translate(120%, 50%) rotate(85deg); transform: translate(120%, 50%) rotate(85deg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { -webkit-transform: translate(100%, 50%) rotate(85deg); -ms-transform: translate(100%, 50%) rotate(85deg); transform: translate(100%, 50%) rotate(85deg); right: 5.7vw; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 5.3vw; } } @media (min-width: 900px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 5.1vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 4vw; bottom: 11.8055555556vw; -webkit-transform: translate(120%, 50%) rotate(85deg); -ms-transform: translate(120%, 50%) rotate(85deg); transform: translate(120%, 50%) rotate(85deg); } } @media (min-width: 1100px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 3.9vw; } } @media (min-width: 1200px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 3.7vw; } } @media (min-width: 1300px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 3.6vw; } } @media (min-width: 1400px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 3.5vw; } } @media (min-width: 1500px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 3.4vw; } } @media (min-width: 1600px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 3.3vw; } } @media (min-width: 1700px) { .home .hp-container.five .hp-map-points .map-point.Bali.active button:after { right: 3.2vw; } } .home .hp-container.five .hp-map-points .map-point.Bali .flight-time { top: 40px !important; } .home .hp-container.five .hp-map-points .map-point.Bali .flight-time:after { top: auto; bottom: 100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .home .hp-container.five .hp-map-points .map-point.Bali .path { width: 22.0440881764vw; position: absolute; right: -0.2777777778vw; bottom: 0; background-image: url(images/path-Bali-desktop.svg); } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.Bali .path { right: -2.277778vw; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.Bali .path { width: 12.2966666667vw; right: -1.138889vw; } } .home .hp-container.five .hp-map-points .map-point.Bali .path:before { padding-bottom: 157.4883098401%; } .home .hp-container.five .hp-map-points .map-point.main { top: 56.7251461988%; right: 67.0340681363%; } @media (max-width: 999px) { .home .hp-container.five .hp-map-points .map-point.main { -webkit-transform: none; -ms-transform: none; transform: none; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point.main { top: 56.9343065693%; right: 35.99%; } } .home .hp-container.five .hp-map-points .map-point.main:after { content: ""; width: 200px; height: 100px; background-image: url(images/map-logo.svg); background-position: center top; background-repeat: no-repeat; background-size: 200px 200px; position: absolute; top: 69px; left: -149px; opacity: 0; -webkit-transition: all 2s; transition: all 2s; } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point.main:after { width: 172px; height: 162px; top: 82px; left: -223px; } } .home .hp-container.five .hp-map-points .map-point.main button { display: block; width: 20px; height: 20px; border-radius: 100px; position: absolute; top: 50%; left: -360px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; pointer-events: none; } .home .hp-container.five .hp-map-points .map-point.main button:before { content: ""; display: block; width: 71px; height: 71px; border-radius: 200px; position: absolute; top: 50%; left: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #fff; -webkit-animation-name: pulse-dot; animation-name: pulse-dot; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-play-state: running; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0.1; } .home .hp-container.five .hp-map-points .map-point.main button:after { content: ""; display: block; width: 71px; height: 71px; border-radius: 200px; position: absolute; top: 50%; left: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #fff; -webkit-animation-name: pulse-ring; animation-name: pulse-ring; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-play-state: running; opacity: 0.1; } @-webkit-keyframes pulse-ring { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 30% { -webkit-transform: translate(-50%, -50%) scale(1.65); transform: translate(-50%, -50%) scale(1.65); } 60% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } @keyframes pulse-ring { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 30% { -webkit-transform: translate(-50%, -50%) scale(1.65); transform: translate(-50%, -50%) scale(1.65); } 60% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } @-webkit-keyframes pulse-dot { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } 30% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 60% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } 100% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } } @keyframes pulse-dot { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } 30% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 60% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } 100% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } } .home .hp-container.five .hp-map-points .map-point.main button span { opacity: 0; width: 0; height: 0; } .home .hp-container.five .hp-map-points .map-point.main.active { opacity: 1; } .home .hp-container.five .hp-map-points .map-point.main.active button { background: #efc515; } .home .hp-container.five .hp-map-points .map-point.main.active button:before { display: none; } .home .hp-container.five .hp-map-points .map-point.main.active button:after { -webkit-animation: none; animation: none; -webkit-transform: translate(-50%, -50%) scale(1.65); -ms-transform: translate(-50%, -50%) scale(1.65); transform: translate(-50%, -50%) scale(1.65); } .home .hp-container.five .hp-map-points .map-point button { display: block; padding: 0; border: 0; position: absolute; background: none; cursor: pointer; } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point button { padding: 0; } } .home .hp-container.five .hp-map-points .map-point button span { display: block; margin: 0; position: absolute; top: 50%; left: -200px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; color: #fff; font-size: 0; line-height: 1; font-weight: 500; font-family: "FuturaBT", "Roboto", sans-serif !important; text-transform: uppercase; letter-spacing: 0.1em; vertical-align: top; white-space: nowrap; -webkit-transition: top 0.4s ease 0s, -webkit-transform 0.4s ease 0s; transition: top 0.4s ease 0s, -webkit-transform 0.4s ease 0s; transition: transform 0.4s ease 0s, top 0.4s ease 0s; transition: transform 0.4s ease 0s, top 0.4s ease 0s, -webkit-transform 0.4s ease 0s; } @media (min-width: 375px) { .home .hp-container.five .hp-map-points .map-point button span { left: calc(6px + (10 - 6) * (100vw - 375px) / (1000 - 375)); } } @media (min-width: 550px) { .home .hp-container.five .hp-map-points .map-point button span { font-size: 12px; padding: 0 0 0 11px; } } @media (min-width: 800px) { .home .hp-container.five .hp-map-points .map-point button span { padding-left: 13px; } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point button span { left: calc(8px + (10 - 8) * (100vw - 1000px) / (1440 - 1000)); } } @media (min-width: 1440px) { .home .hp-container.five .hp-map-points .map-point button span { padding-left: 16px; } } @media (min-width: 1440px) { .home .hp-container.five .hp-map-points .map-point button span { left: 10px; font-size: 12px; } } .home .hp-container.five .hp-map-points .map-point button span:before { content: ""; display: block; width: 7px; height: 7px; border-radius: 100px; position: absolute; top: 50%; left: 0%; -webkit-transform: translate(0%, -50%) scale(1); -ms-transform: translate(0%, -50%) scale(1); transform: translate(0%, -50%) scale(1); background: #9ebba5; -webkit-transition: background 0.4s ease 0s, top 0.4s ease 0s, -webkit-transform 0.4s ease 0s; transition: background 0.4s ease 0s, top 0.4s ease 0s, -webkit-transform 0.4s ease 0s; transition: transform 0.4s ease 0s, background 0.4s ease 0s, top 0.4s ease 0s; transition: transform 0.4s ease 0s, background 0.4s ease 0s, top 0.4s ease 0s, -webkit-transform 0.4s ease 0s; } @media (min-width: 375px) { .home .hp-container.five .hp-map-points .map-point button span:before { width: calc(7px + (11 - 7) * (100vw - 375px) / (1000 - 375)); height: calc(7px + (11 - 7) * (100vw - 375px) / (1000 - 375)); } } @media (min-width: 1000px) { .home .hp-container.five .hp-map-points .map-point button span:before { width: calc(7px + (11 - 7) * (100vw - 1000px) / (1440 - 1000)); height: calc(7px + (11 - 7) * (100vw - 1000px) / (1440 - 1000)); } } @media (min-width: 1440px) { .home .hp-container.five .hp-map-points .map-point button span:before { width: 11px; height: 11px; } } .home .hp-container.five.animate-line .hp-map-points .map-point.main:after { opacity: 1; } .home .hp-container.five.animate-line .transition-line { height: 58px; width: 50px; position: absolute; top: 3px; left: -67px; } @media (min-width: 550px) { .home .hp-container.five.animate-line .transition-line { height: 90.5px; width: 185px; top: 3px; left: -325px; } } .home .hp-container.five.animate-line .transition-line:before { content: "" !important; display: block; height: 0px; width: 0px; border-top: 1px dashed #9ebba5; border-right: 1px dashed #9ebba5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-animation: draw 1.5s; animation: draw 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes draw { 0% { height: 0px; width: 0px; } 100% { height: 100%; width: 100%; } } @keyframes draw { 0% { height: 0px; width: 0px; } 100% { height: 100%; width: 100%; } } .home .hp-container.five .hp-mobile-points { padding: 20px 20px 40px; background: #00213c; } @media (min-width: 550px) { .home .hp-container.five .hp-mobile-points { display: none; } } .home .hp-container.five .hp-mobile-points.active .mobile-points-toggle { background: #13284D; } .home .hp-container.five .hp-mobile-points.active .mobile-points-toggle:before { color: #fff; -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .home .hp-container.five .hp-mobile-points.active .mobile-points-toggle span { color: #fff; } .home .hp-container.five .hp-mobile-points .mobile-points-container { display: none; padding-top: 20px; } .home .hp-container.five .hp-mobile-points ol { 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; margin: 0; padding: 0; } .home .hp-container.five .hp-mobile-points ol li { width: 105px; } .home .hp-container.five .hp-mobile-points .mobile-points-toggle { display: block; width: 100%; border: 0; border-radius: 3px; padding: 13px 20px 16px; position: relative; text-align: left; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .home .hp-container.five .hp-mobile-points .mobile-points-toggle:before { content: ""; font-family: "FuturaBT", "Roboto", sans-serif !important; font-smoothing: antialiased; font-weight: normal; speak: none; display: block; height: 20px; width: 20px; position: absolute; top: 50%; right: 21px; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); color: #13284D; font-size: 14px; line-height: 20px; text-align: center; -webkit-transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: color 0.3s ease 0s, transform 0.3s ease 0s; transition: color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .home .hp-container.five .hp-mobile-points .mobile-points-toggle span { color: #13284D; font-size: 13px; line-height: 1.4; font-weight: 500; letter-spacing: 1.3px; font-family: "FuturaBT", "Roboto", sans-serif !important; text-transform: uppercase; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } .home .hp-container.five .hp-mobile-points .map-point-mobile { display: block; list-style-type: none; padding-bottom: 5px; } .home .hp-container.five .hp-mobile-points .map-point-mobile button { display: block; border: 0 none; padding: 10px 0 10px 15px; position: relative; color: #fff; font-size: 12px; line-height: 100%; font-weight: 400; text-align: left; letter-spacing: 0.8px; text-transform: uppercase; cursor: pointer; background: none; } .home .hp-container.five .hp-mobile-points .map-point-mobile button:hover span:before, .home .hp-container.five .hp-mobile-points .map-point-mobile button:focus span:before { background: #efc515; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .home .hp-container.five .hp-mobile-points .map-point-mobile button:before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #9ebba5; display: block; position: absolute; top: 10px; left: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .home .hp-container.five .hp-mobile-points .map-point-mobile button span { margin-top: 1px; margin-left: 2px; display: inline-block; vertical-align: top; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient( linear, left top, right top, from(#13284D), to(rgb(2, 31, 61)) ); background: linear-gradient(90deg, #13284D 0%, rgb(2, 31, 61) 100%); z-index: 1; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info { -ms-flex-item-align: center; align-self: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 20px; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info span { width: 100%; text-align: center; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .close-flight { display: block; margin: 0 auto; width: 16px; height: 16px; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .close-flight:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; background: rgba(0, 0, 0, 0) none; color: #9ebba5; font-size: 16px; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-time { padding: 8px; background: #9ebba5; position: relative; color: #00213c; font-size: 14px; font-weight: 500; line-height: 140%; text-align: center; border-radius: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; margin: 27px 0 10px 0; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-time:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-size: 1.0625rem; position: absolute; top: 8px; left: 8px; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-time:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: rgba(0, 0, 0, 0) #9ebba5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); position: absolute; top: 100%; left: 50%; margin-left: -5px; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 13px; font-weight: 500; line-height: 100%; letter-spacing: 1.04px; text-transform: uppercase; margin: 20px 0 30px; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-info > span { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: auto; text-align: left; margin-right: 10px; -ms-flex-item-align: center; align-self: center; margin-top: 8px; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-info .flight-path { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; padding: 0 12px; -ms-flex-item-align: center; align-self: center; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-info .flight-path:before, .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-info .flight-path:after { content: ""; width: 12px; height: 12px; background: #efc515; border-radius: 100%; position: absolute; left: 1px; top: 0; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-info .flight-path:after { left: auto; right: 1px; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-info .flight-path .line { position: relative; width: 100%; height: 4px; margin-top: 3.5px; background: #efc515; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-info .flight-path .line:after { content: ""; font-family: "FuturaBT", "Roboto", sans-serif !important; font-smoothing: antialiased; font-weight: normal; speak: none; -webkit-filter: drop-shadow(0px 4px 4px #000); filter: drop-shadow(0px 4px 4px #000); position: absolute; top: -3px; left: 50%; margin-left: -11.5px; font-size: 23px; z-index: 1; -webkit-transform: rotate(207deg); -ms-transform: rotate(207deg); transform: rotate(207deg); } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup .point-popup-inner .point-popup-info .flight-info .crest-logo { position: relative; width: 40px; height: 40px; -ms-flex-item-align: start; align-self: flex-start; background-image: url(images/map-logo-new.svg); background-repeat: no-repeat; background-size: 132% auto; } .home .hp-container.five .hp-mobile-points .map-point-mobile .point-popup svg { display: none; } .home .hp-container.five .hp-mobile-points .map-point-mobile.main { display: none; } .home .hp-container.five .hp-mobile-points .map-point-mobile.active .point-popup { display: block; } .home .hp-container.six .fs-accreditations { margin: 0 !important; } @media (max-width: 999px) { .home .hp-container.six .fs-accreditations .panel-slider { position: relative; margin: 0 auto; max-width: 580px; } .footer-sec p{ text-align: center !important; width: 100% !important; } .footer-sec { text-align: center !important; } .fsFooter .navigation-footer .footer-links .fsElementContent .fsNavLevel1, .bottom-ftr{ flex-wrap: wrap; } .footer-navigation ul li{ margin-left: 20px; } .fsFooter .navigation-footer .footer-links .fsElementContent .fsNavLevel1 a{ margin-left: 10px; } } .home .hp-container.six .fs-accreditations .panel-slider > .fsElementContent { max-width: none; } .home .hp-container.six .fs-accreditations .image-video-panel > .fsElementContent { position: relative; } .home .hp-container.six .fs-accreditations .fs-testimonial { position: relative; } .home .hp-container.six .fs-accreditations .fs-testimonial > header { margin: 0; padding: 0; background: rgba(0, 0, 0, 0) none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .home .hp-container.six .fs-accreditations .fs-testimonial > header:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13284D; opacity: 0.85; } .home .hp-container.six .fs-accreditations .fs-testimonial > header:after { display: none; } .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsImage img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; max-height: 100%; padding: 117px 11px 120px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: inherit; max-width: 100%; } .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent:before { content: ""; display: block; position: absolute; top: 54.5454545455%; left: 0; right: 0; bottom: 0; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 48, 80, 0)), to(#13284D) ); background: linear-gradient(180deg, rgba(0, 48, 80, 0) 0%, #13284D 100%); } .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent blockquote { -ms-flex-item-align: center; align-self: center; border: 0 none; color: #bed8c4; font-size: 27px; line-height: 1.5185185185; font-weight: 400; } @media (min-width: 1000px) { .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent blockquote { font-size: calc(20px + (27 - 20) * (100vw - 1000px) / (1440 - 1000)); } } @media (min-width: 1440px) { .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent blockquote { font-size: 27px; } } .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent blockquote:first-child { padding-top: 0; width: 100%; } .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent blockquote:before, .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent blockquote:after { display: none; } .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent blockquote cite { margin-top: 25px; color: #9ebba5; font-family: "FuturaBT", "Roboto", sans-serif !important; } .home .hp-container.six .fs-accreditations .fs-testimonial > header .fsElementHeaderContent blockquote cite strong { color: #fff; } .home .hp-container.six .fs-accreditations .fs-testimonial .fsElementContent { margin-left: 0; position: relative; top: auto; left: auto; right: auto; bottom: auto; } @media (max-width: 999px) { .home .hp-container.six { padding: 60px 20px 10px; } } @media (max-width: 999px) and (min-width: 1000px) { .home .hp-container.six { padding: 60px 0; } } @media (max-width: 999px) { .home .hp-container.six .fs-accreditations { -ms-flex-wrap: wrap; flex-wrap: wrap; } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 20px; } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 .fs-testimonial > header { height: calc(100% - 80px); } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 .fs-testimonial > header .fsElementHeaderContent { padding: 30px 20px; } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 .fs-testimonial > header .fsElementHeaderContent blockquote { font-size: 22px; } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 .fs-testimonial > header:before { display: none; } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 .fs-testimonial .fsElementContent { -ms-flex-wrap: wrap; flex-wrap: wrap; } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 .fs-testimonial .fsElementContent article:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13284D; opacity: 0.95; } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 .fs-testimonial .panel-navigation { position: relative; bottom: auto; margin-top: 29px; } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 .fs-testimonial .panel-navigation .slick-arrow { border: 1px solid #9ebba5; } .home .hp-container.six .fs-accreditations .fsStyleColumn-1 .fs-testimonial .panel-navigation .slick-arrow:before { color: #13284D; } .home .hp-container.six .fs-accreditations .fsStyleColumn-2 { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } /*! pages - style-guide v0.0.1 */ .dark-bg { background-color: #13284D; padding: 20px; } .colors ol { margin: -5px; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .colors ol li { margin: 5px; position: relative; font-style: italic; text-align: center; color: #636363; } .colors ol li:nth-of-type(1):before { content: ""; background: #00213c; } .colors ol li:nth-of-type(1):after { content: "#00213c"; } .colors ol li:nth-of-type(2):before { content: ""; background: #13284D; } .colors ol li:nth-of-type(2):after { content: "#13284D"; } .colors ol li:nth-of-type(3):before { content: ""; background: #879abd; } .colors ol li:nth-of-type(3):after { content: "#879abd"; } .colors ol li:nth-of-type(4):before { content: ""; background: #9ebba5; } .colors ol li:nth-of-type(4):after { content: "#9ebba5"; } .colors ol li:nth-of-type(5):before { content: ""; background: #14284D; } .colors ol li:nth-of-type(5):after { content: "#14284D"; } .colors ol li:nth-of-type(6):before { content: ""; background: #efc515; } .colors ol li:nth-of-type(6):after { content: "#efc515"; } .colors ol li:before { display: block; width: 100px; height: 100px; margin-bottom: 10px; } .fonts ol { padding: 0; list-style: none; } .fonts ol li:nth-of-type(1) { font-family: "FuturaBT", "Roboto", sans-serif !important; } .fonts ol li:nth-of-type(1):after { content: "FuturaBT, Roboto, sans-serif"; display: block; margin-bottom: 10px; } .fonts ol li:nth-of-type(2) { font-family: "FuturaBT", "Roboto", sans-serif !important; } .fonts ol li:nth-of-type(2):after { content: "ITC Galliard Pro, serif"; display: block; margin-bottom: 10px; } .fonts ol li:nth-of-type(3) { font-family: "IcoMoon"; } .fonts ol li:nth-of-type(3):after { content: "IcoMoon"; display: block; margin-bottom: 10px; } .fonts ol li:nth-of-type(4) { font-family: "FuturaBT", "Roboto", sans-serif !important; } .fonts ol li:nth-of-type(4):after { content: "rugbyschoolacth"; display: block; margin-bottom: 10px; } body:not(.fsComposeMode) .universal-slideshow { display: block; width: 100%; z-index: 100; position: relative; margin: 0; padding: 0; } body:not(.fsComposeMode) .universal-slideshow > header { display: none; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshow { margin: 0; padding: 0; } body:not(.fsComposeMode) .universal-slideshow .slick-slider { margin: 0 !important; padding: 0 !important; } body:not(.fsComposeMode) .universal-slideshow .fsResourceCollectionDescription { margin: 0px; } body:not(.fsComposeMode) .universal-slideshow article { position: relative; width: 100%; display: block; margin: 0; padding: 0; z-index: 10; overflow: hidden; } body:not(.fsComposeMode) .universal-slideshow article figure { margin: 0px; } body:not(.fsComposeMode) .universal-slideshow article picture { position: relative; z-index: 1; display: block; width: 100%; min-height: 280px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; min-height: 280px; height: 45vw; max-height: 100vh; } body:not(.fsComposeMode) .universal-slideshow article picture:before { position: absolute; content: ""; width: 100%; height: 30%; left: 0; top: 0; pointer-events: none; z-index: 1; background: -webkit-gradient( linear, left top, left bottom, from(rgba(52, 59, 67, 0)), to(#343b43) ); background: linear-gradient(180deg, rgba(52, 59, 67, 0) 0%, #343b43 100%); display: none; opacity: 1; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } @media (min-width: 1000px) { body:not(.fsComposeMode) .universal-slideshow article picture:before { display: block; } } @media (max-width: 999px) { body:not(.fsComposeMode) .universal-slideshow article picture:before { height: 127px; } } body:not(.fsComposeMode) .universal-slideshow article picture:after { position: absolute; content: ""; width: 100%; height: 29%; min-height: 100px; left: 0; bottom: 0; pointer-events: none; z-index: 1; background: -webkit-gradient( linear, left top, left bottom, from(rgba(52, 59, 67, 0)), to(#343b43) ); background: linear-gradient(180deg, rgba(52, 59, 67, 0) 0%, #343b43 100%); } body:not(.fsComposeMode) .universal-slideshow article picture img { max-height: 45vw; opacity: 0; margin: 0 auto; } body:not(.fsComposeMode) .universal-slideshow article .fsResourceName { display: none; } body:not(.fsComposeMode) .universal-slideshow article.fsResourceTypeVideo .video-wrapper { position: relative; overflow: hidden; } body:not(.fsComposeMode) .universal-slideshow article.fsResourceTypeVideo .video-wrapper:before { position: absolute; content: ""; width: 100%; height: 30%; left: 0; top: 0; pointer-events: none; z-index: 1; background: -webkit-gradient( linear, left top, left bottom, from(rgba(52, 59, 67, 0)), to(#343b43) ); background: linear-gradient(180deg, rgba(52, 59, 67, 0) 0%, #343b43 100%); display: none; opacity: 1; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } @media (min-width: 1000px) { body:not(.fsComposeMode) .universal-slideshow article.fsResourceTypeVideo .video-wrapper:before { display: block; } } @media (max-width: 999px) { body:not(.fsComposeMode) .universal-slideshow article.fsResourceTypeVideo .video-wrapper:before { height: 127px; } } body:not(.fsComposeMode) .universal-slideshow article.fsResourceTypeVideo .video-wrapper:after { position: absolute; content: ""; width: 100%; height: 29%; left: 0; bottom: 0; pointer-events: none; z-index: 1; background: -webkit-gradient( linear, left top, left bottom, from(rgba(52, 59, 67, 0)), to(#343b43) ); background: linear-gradient(180deg, rgba(52, 59, 67, 0) 0%, #343b43 100%); display: none; } @media (min-width: 1000px) { body:not(.fsComposeMode) .universal-slideshow article.fsResourceTypeVideo .video-wrapper:after { display: block; } } body:not(.fsComposeMode) .universal-slideshow article.fsResourceTypeVideo video { display: block; width: 100%; min-height: 285px; -o-object-fit: cover; object-fit: cover; min-height: 280px; height: 45vw; max-height: 100vh; } body:not(.fsComposeMode) .universal-slideshow .fsPager { display: none !important; } body:not(.fsComposeMode) .universal-slideshow .slick-arrow { display: block; position: relative; z-index: 10; width: 50px; height: 50px; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; bottom: auto; overflow: inherit; border: none; -webkit-box-shadow: inset 0px 0px 0px 1px #9ebba5 !important; box-shadow: inset 0px 0px 0px 1px #9ebba5 !important; border-radius: 0%; background: rgba(0, 0, 0, 0); margin: 0 0 0 15px; border-radius: 100%; } body:not(.fsComposeMode) .universal-slideshow .slick-arrow:before { display: none; } body:not(.fsComposeMode) .universal-slideshow .slick-arrow:after { position: absolute; width: 100%; height: 100%; left: 0; top: 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; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 300; font-size: 12px; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body:not(.fsComposeMode) .universal-slideshow .slick-arrow:hover, body:not(.fsComposeMode) .universal-slideshow .slick-arrow:focus { background-color: #13284D; opacity: 1; -webkit-box-shadow: inset 0px 0px 0px 1px #13284D !important; box-shadow: inset 0px 0px 0px 1px #13284D !important; } body:not(.fsComposeMode) .universal-slideshow .slick-arrow:hover:after, body:not(.fsComposeMode) .universal-slideshow .slick-arrow:focus:after { color: #fff; } body:not(.fsComposeMode) .universal-slideshow .slick-arrow.fsPrevButton:after { content: ""; } body:not(.fsComposeMode) .universal-slideshow .slick-arrow.fsPrevButton:hover:after, body:not(.fsComposeMode) .universal-slideshow .slick-arrow.fsPrevButton:focus:after { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } body:not(.fsComposeMode) .universal-slideshow .slick-arrow.fsNextButton:after { content: ""; } body:not(.fsComposeMode) .universal-slideshow .slick-arrow.fsNextButton:hover:after, body:not(.fsComposeMode) .universal-slideshow .slick-arrow.fsNextButton:focus:after { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls { display: block; width: 25px; height: 25px; border-radius: 50%; position: absolute; left: auto !important; right: 20px; bottom: 20px; z-index: 250; } @media (min-width: 550px) { body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls { right: 50px; } } @media (min-width: 1000px) { body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls { right: 50px; bottom: 20px; } } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls .fsStyleSROnly { font-size: 15px; display: none; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls.custom { right: 10px; bottom: 10px !important; -webkit-transform: none; -ms-transform: none; transform: none; left: auto; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; position: absolute; width: 100%; height: 100%; border-radius: 0%; left: 0; top: 0; opacity: 1; color: rgba(0, 0, 0, 0); overflow: hidden; background: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: none; box-shadow: none; border-radius: 100%; background-color: #13284D; cursor: pointer; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button:before { position: absolute; width: 100%; height: 100%; left: 0; top: 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; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 400; font-size: 12px; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button:hover, body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button:focus { background-color: #13284D; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button:hover::before, body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button:focus::before { color: #fff; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button.fsSlideshowPause:before { content: ""; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button.fsSlideshowPlay:before { font-size: 10px; content: ""; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button.pause { display: block; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button.pause.hidden { display: none; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button.play { display: none; } body:not(.fsComposeMode) .universal-slideshow .fsElementSlideshowControls button.play.visible { display: block; } body:not(.fsComposeMode) .universal-slideshow .slick-navigation { margin: 0; position: absolute; z-index: 200; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 20px; left: 0; } @media (min-width: 550px) { body:not(.fsComposeMode) .universal-slideshow .slick-navigation { left: auto; right: 95px; } } body:not(.fsComposeMode) .universal-slideshow .fsPageTitle { position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); padding-bottom: 40px; margin-bottom: 0; color: #fff; bottom: 0; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-left: 20px; padding-right: 20px; width: calc(100% - 400px); } @media (max-width: 999px) { body:not(.fsComposeMode) .universal-slideshow .fsPageTitle { display: none; } } body:not(.fsComposeMode) .universal-slideshow .fsPageTitle::before { position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); height: 1px; bottom: 20px; z-index: 20; background-color: #fff; } @media (min-width: 1000px) { .hasHero .header-container { position: absolute; top: 0; left: 0; right: 0; width: 100%; background-color: rgba(0, 0, 0, 0); z-index: 300; } .hasHero .header-container .fsElementContent { background-color: rgba(0, 0, 0, 0); } } .fsPostElement.fsGrid.custom-image-button { margin-bottom: 40px; } .fsPostElement.fsGrid.custom-image-button .fsListItems { margin: 0 -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fsPostElement.fsGrid.custom-image-button .fsListItems article { padding: 0; outline-offset: 0; position: relative; outline: none; margin: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0; } .fsPostElement.fsGrid.custom-image-button .fsListItems article .fsThumbnail { max-width: none; width: 100%; height: 380px; margin: 0; position: relative; } .fsPostElement.fsGrid.custom-image-button .fsListItems article .fsThumbnail:before { content: ""; width: 100%; height: 172px; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 39, 65, 0)), color-stop(90%, rgb(0, 39, 65)), to(rgb(0, 22, 37)) ); background: linear-gradient( to bottom, rgba(0, 39, 65, 0) 0%, rgb(0, 39, 65) 90%, rgb(0, 22, 37) 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00002741", endColorstr="#001625",GradientType=0 ); position: absolute; bottom: 0; left: 0; z-index: 1; -webkit-transition: all 0.5s; transition: all 0.5s; } .fsPostElement.fsGrid.custom-image-button .fsListItems article .fsThumbnail img { max-width: none; width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; display: block; } .fsPostElement.fsGrid.custom-image-button .fsListItems article .post-text-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 3; color: #fff; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; } .fsPostElement.fsGrid.custom-image-button .fsListItems article .post-text-wrapper .fsTitle { font-size: 1.375rem; line-height: 140%; font-weight: 500; letter-spacing: 2.2px; text-transform: uppercase; color: #fff; } .fsPostElement.fsGrid.custom-image-button .fsListItems article .post-text-wrapper .fsSummary { font-size: 1.0625rem; font-weight: 400; line-height: 150%; font-family: "FuturaBT", "Roboto", sans-serif !important; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); max-height: 0; overflow: auto; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .fsPostElement.fsGrid.custom-image-button .fsListItems article:hover .fsThumbnail:before, .fsPostElement.fsGrid.custom-image-button .fsListItems article:focus-within .fsThumbnail:before { height: 100%; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 39, 65, 0)), to(rgb(0, 39, 65)) ); background: linear-gradient( to bottom, rgba(0, 39, 65, 0) 0%, rgb(0, 39, 65) 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00003050", endColorstr="#002741",GradientType=0 ); } .fsPostElement.fsGrid.custom-image-button .fsListItems article:hover .fsThumbnail img, .fsPostElement.fsGrid.custom-image-button .fsListItems article:focus-within .fsThumbnail img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .fsPostElement.fsGrid.custom-image-button .fsListItems article:hover .post-text-wrapper, .fsPostElement.fsGrid.custom-image-button .fsListItems article:focus-within .post-text-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fsPostElement.fsGrid.custom-image-button .fsListItems article:hover .post-text-wrapper .fsSummary, .fsPostElement.fsGrid.custom-image-button .fsListItems article:focus-within .post-text-wrapper .fsSummary { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); max-height: 300px; } .fsPostElement.fsGrid.custom-image-button.small-square article { -ms-flex-preferred-size: calc(25% - 20px); flex-basis: calc(25% - 20px); } .fsPostElement.fsGrid.custom-image-button.small-square article .fsThumbnail { height: 280px; } .fsPostElement.fsGrid.custom-image-button.large-square article { -ms-flex-preferred-size: calc(33.33% - 20px); flex-basis: calc(33.33% - 20px); } .fsPostElement.fsGrid.custom-image-button.tall-button article { -ms-flex-preferred-size: calc(25% - 20px); flex-basis: calc(25% - 20px); } .fsPostElement.fsGrid.custom-image-button.large-button article { -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); } .fsPostElement.fsGrid.custom-image-button.full-width article { -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); } @media (min-width: 600px) { body:not(.fsComposeMode) .image-button-container > .fsDiv { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1000px) { body:not(.fsComposeMode) .image-button.tall article { height: 380px; } } body:not(.fsComposeMode) .image-button article { position: relative; overflow: hidden; z-index: 0; } @media (min-width: 1000px) { body:not(.fsComposeMode) .image-button article { height: 280px; } } body:not(.fsComposeMode) .image-button article:hover:before, body:not(.fsComposeMode) .image-button article:focus-within:before { opacity: 0.8999999762; } body:not(.fsComposeMode) .image-button article:hover:after, body:not(.fsComposeMode) .image-button article:focus-within:after { height: 100%; } body:not(.fsComposeMode) .image-button article:hover picture img, body:not(.fsComposeMode) .image-button article:focus-within picture img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } body:not(.fsComposeMode) .image-button article:hover figcaption, body:not(.fsComposeMode) .image-button article:focus-within figcaption { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } body:not(.fsComposeMode) .image-button article:hover figcaption h2:after, body:not(.fsComposeMode) .image-button article:focus-within figcaption h2:after { -webkit-transform: translate3d(-50%, 0, 0) scale(1); transform: translate3d(-50%, 0, 0) scale(1); } body:not(.fsComposeMode) .image-button article:hover figcaption .inner, body:not(.fsComposeMode) .image-button article:focus-within figcaption .inner { opacity: 1; max-height: 92px; } body:not(.fsComposeMode) .image-button article:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; content: ""; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 48, 80, 0)), color-stop(50%, rgba(0, 48, 80, 0.5)), to(#13284D) ); background: linear-gradient( 180deg, rgba(0, 48, 80, 0) 0%, rgba(0, 48, 80, 0.5) 50%, #13284D 100% ); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 0; } body:not(.fsComposeMode) .image-button article:after { position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); bottom: 0; width: 100%; height: 172px; content: ""; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 22, 37, 0)), color-stop(50%, rgba(0, 22, 37, 0.5)), to(#002741) ); background: linear-gradient( 180deg, rgba(0, 22, 37, 0) 0%, rgba(0, 22, 37, 0.5) 50%, #002741 100% ); -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 0; } body:not(.fsComposeMode) .image-button article figure { height: 100%; } body:not(.fsComposeMode) .image-button article picture { height: 100%; } body:not(.fsComposeMode) .image-button article picture img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.8s; transition: all 0.8s; } body:not(.fsComposeMode) .image-button article a.button-link { color: rgba(0, 0, 0, 0); position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; border: 0; z-index: 1; } body:not(.fsComposeMode) .image-button article figcaption { margin: 0; position: absolute; bottom: 0; left: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 100%; text-align: center; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 0.875rem; font-weight: 400; line-height: 150%; padding: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 1; } @media (min-width: 1000px) { body:not(.fsComposeMode) .image-button article figcaption { font-size: 1.0625rem; } } body:not(.fsComposeMode) .image-button article figcaption .inner { padding-top: 20px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; max-height: 0; } body:not(.fsComposeMode) .image-button article figcaption .button-solid-white { margin-top: 12px; width: auto; } body:not(.fsComposeMode) .image-button article figcaption h2 { font-family: "FuturaBT", "Roboto", sans-serif !important; color: #fff; font-size: 1.125rem; line-height: 140%; font-weight: 500; letter-spacing: 2.2px; text-transform: uppercase; margin-bottom: 18px; position: relative; } @media (min-width: 1000px) { body:not(.fsComposeMode) .image-button article figcaption h2 { font-size: 1.375rem; } } body:not(.fsComposeMode) .image-button article figcaption h2:after { content: ""; display: block; width: 70px; height: 1px; position: absolute; left: 50%; bottom: -18px; -webkit-transform: translate3d(-50%, 0, 0) scale(0); transform: translate3d(-50%, 0, 0) scale(0); background: #9ebba5; -webkit-transition: -webkit-transform 0.5s ease 0s; transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; } .image-video-panel { position: relative; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 999px) { .image-video-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } body.fsDraftMode .image-video-panel { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } body.fsDraftMode .image-video-panel .fsElementActionButtonContainer { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } @media (min-width: 1000px) { body.fsDraftMode .image-video-panel.align-left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .image-video-panel > header { position: relative; padding: 40px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-item-align: center; align-self: center; overflow: hidden; background: #fff; color: #00213c; z-index: 1; } @media (min-width: 1000px) { .image-video-panel > header { width: 470px; padding: 70px 40px 100px; } } @media (max-width: 999px) { .image-video-panel > header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .image-video-panel > header:after { content: ""; background-image: url(images/crest3.svg); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 0; right: 0; width: 130px; height: 178px; } .image-video-panel > header .fsElementTitle { color: #00213c; } .primary.image-video-panel > header { background: #13284D; color: #fff; } .primary.image-video-panel > header:after { background-image: url(images/crest.svg); } .primary.image-video-panel > header .fsElementTitle { color: #fff; } .secondary.image-video-panel > header { background: #14284D; color: #fff; } .secondary.image-video-panel > header:after { background-image: url(images/crest2.svg); opacity: 0.200000003; } .secondary.image-video-panel > header .fsElementTitle { color: #fff; } .image-video-panel > header .fsElementHeaderContent { font-size: 1.1875rem; font-weight: 400; font-family: "ITC Galliard Pro", serif; line-height: 160%; margin: 0; } .image-video-panel > .fsElementContent { position: relative; } @media (min-width: 1000px) { .image-video-panel > .fsElementContent { margin-left: -68px; } } .image-video-panel article { position: relative; width: 100%; height: 100%; } .image-video-panel article figure, .image-video-panel article picture, .image-video-panel article .fsResourceVideoWrapper { width: 100%; height: 100%; } .image-video-panel article img, .image-video-panel article video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image-video-panel article .fsVideoPlayOverlay:hover button, .image-video-panel article .fsVideoPlayOverlay:focus button { background: #13284D; } .image-video-panel article .fsVideoPlayOverlay button { background: #14284D; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 1000px) { .image-video-panel article .fsVideoPlayOverlay button { width: 92px; height: 92px; } } .image-video-panel article .fsVideoPlayOverlay button:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; color: rgba(0, 0, 0, 0); font-size: 15px; width: 0; height: 0; border-top: 7.5px solid rgba(0, 0, 0, 0); border-bottom: 7.5px solid rgba(0, 0, 0, 0); border-left: 12px solid #fff; } @media (min-width: 1000px) { .image-video-panel.align-left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 1000px) { .image-video-panel.align-left > .fsElementContent { margin-left: 0; margin-right: -68px; } } .image-video-panel.full-width { width: 100vw; position: relative; margin-left: -50vw; left: 50%; } .image-video-panel.blue-container, .image-video-panel.white-container, .image-video-panel.green-container, .image-video-panel.grey-container { padding: 40px 20px; } @media (min-width: 1000px) { .image-video-panel.blue-container, .image-video-panel.white-container, .image-video-panel.green-container, .image-video-panel.grey-container { padding: 60px 50px 69px 50px; } } @media (min-width: 1200px) { .image-video-panel.blue-container, .image-video-panel.white-container, .image-video-panel.green-container, .image-video-panel.grey-container { padding-left: 130px; } } @media (min-width: 1000px) { .image-video-panel.blue-container.align-left, .image-video-panel.white-container.align-left, .image-video-panel.green-container.align-left, .image-video-panel.grey-container.align-left { padding: 60px 50px 69px 50px; } } @media (min-width: 1200px) { .image-video-panel.blue-container.align-left, .image-video-panel.white-container.align-left, .image-video-panel.green-container.align-left, .image-video-panel.grey-container.align-left { padding-right: 130px; } } .image-video-panel.blue-container:before, .image-video-panel.white-container:before, .image-video-panel.green-container:before, .image-video-panel.grey-container:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .image-video-panel.blue-container:before { background: #14284D; } .image-video-panel.white-container:before { background: #fff; } .image-video-panel.green-container:before { background: #9ebba5; } @media (min-width: 1000px) { .image-video-panel.has-video { padding-bottom: 130px; } } @media (min-width: 1000px) { .image-video-panel.has-video > header { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } } @media (min-width: 1000px) { .image-video-panel.has-video.align-left { padding-bottom: 130px; } } body:not(.fsComposeMode) .panel-slider { position: relative; margin-bottom: 80px; } body:not(.fsComposeMode) .panel-slider:last-child { margin-bottom: 0; } body:not(.fsComposeMode) .panel-slider > header { display: none; } body:not(.fsComposeMode) .panel-slider > .fsElementContent { max-width: 1180px; } body:not(.fsComposeMode) .panel-slider .slick-list { overflow: visible; } body:not(.fsComposeMode) .panel-slider .image-video-panel { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 999px) { body:not(.fsComposeMode) .panel-slider .image-video-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 580px !important; } } body:not(.fsComposeMode) .panel-slider .image-video-panel > .fsElementContent { overflow: hidden; } @media (min-width: 1000px) { body:not(.fsComposeMode) .panel-slider .image-video-panel.slick-active article { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @media (min-width: 1000px) { body:not(.fsComposeMode) .panel-slider .image-video-panel article { -webkit-transform: scale(1.195959596); -ms-transform: scale(1.195959596); transform: scale(1.195959596); -webkit-transition: -webkit-transform 2s ease 0s; transition: -webkit-transform 2s ease 0s; transition: transform 2s ease 0s; transition: transform 2s ease 0s, -webkit-transform 2s ease 0s; } } body:not(.fsComposeMode) .panel-slider .image-video-panel article:after { content: ""; position: absolute; bottom: 0; left: 0; height: 202px; width: 100%; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 48, 80, 0)), color-stop(82.29%, #13284D) ); background: linear-gradient(180deg, rgba(0, 48, 80, 0) 0%, #13284D 82.29%); } .panel-navigation { position: absolute; right: 0; bottom: 50px; width: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .panel-navigation .slick-arrow { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; height: 50px; width: 50px; margin: 0 7.5px; border: 1px solid #9ebba5; border-radius: 200px; position: relative; color: rgba(0, 0, 0, 0); cursor: pointer; overflow: hidden; -webkit-transition: border 0.3s ease 0s, background 0.3s ease 0s; transition: border 0.3s ease 0s, background 0.3s ease 0s; } .panel-navigation .slick-arrow:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-family: "rugbyschoolacth"; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #fff; line-height: 1; -webkit-transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: color 0.3s ease 0s, transform 0.3s ease 0s; transition: color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .panel-navigation .slick-arrow.fsPrevButton:before, .panel-navigation .slick-arrow.slick-prev:before, .panel-navigation .slick-arrow.prev-slide:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .panel-navigation .slick-arrow.fsPrevButton:hover:before, .panel-navigation .slick-arrow.fsPrevButton:focus:before, .panel-navigation .slick-arrow.slick-prev:hover:before, .panel-navigation .slick-arrow.slick-prev:focus:before, .panel-navigation .slick-arrow.prev-slide:hover:before, .panel-navigation .slick-arrow.prev-slide:focus:before { -webkit-transform: translate(calc(-50% - 5px), -50%) rotate(90deg); -ms-transform: translate(calc(-50% - 5px), -50%) rotate(90deg); transform: translate(calc(-50% - 5px), -50%) rotate(90deg); } .panel-navigation .slick-arrow.fsNextButton:before, .panel-navigation .slick-arrow.slick-next:before, .panel-navigation .slick-arrow.next-slide:before { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .panel-navigation .slick-arrow.fsNextButton:hover:before, .panel-navigation .slick-arrow.fsNextButton:focus:before, .panel-navigation .slick-arrow.slick-next:hover:before, .panel-navigation .slick-arrow.slick-next:focus:before, .panel-navigation .slick-arrow.next-slide:hover:before, .panel-navigation .slick-arrow.next-slide:focus:before { -webkit-transform: translate(calc(-50% + 5px), -50%) rotate(-90deg); -ms-transform: translate(calc(-50% + 5px), -50%) rotate(-90deg); transform: translate(calc(-50% + 5px), -50%) rotate(-90deg); } .panel-navigation .slick-arrow.slick-disabled { opacity: 0.5; } .panel-navigation .slick-arrow:hover, .panel-navigation .slick-arrow:focus { border-color: #14284D; background: #14284D; } .panel-navigation .slick-arrow:hover:before, .panel-navigation .slick-arrow:focus:before { color: #fff; } .fs-accreditations { text-align: center; color: #13284D; } @media (min-width: 1200px) { .fs-accreditations { margin-left: calc((100vw - 1230px) / 2 * -1) !important; margin-right: calc((100vw - 1230px) / 2 * -1) !important; width: auto; margin-bottom: 130px; } } @media (min-width: 1200px) { .fs-accreditations .fsStyleColumn-1 { width: 33%; } } @media (min-width: 1200px) { .align-right.fs-accreditations .fsStyleColumn-1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 20px; padding-left: 70px; } } .fs-accreditations .fsStyleColumn-1 .fs-accreditation-img img { width: 100%; -o-object-fit: cover; object-fit: cover; } .fs-accreditations .fsStyleColumn-1 .panel-slider .slick-list { overflow: hidden; } .fs-accreditations .fsStyleColumn-2 { -ms-flex-item-align: center; align-self: center; } @media (min-width: 1200px) { .fs-accreditations .fsStyleColumn-2 { width: 33%; } } @media (min-width: 1200px) { .align-right.fs-accreditations .fsStyleColumn-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 40px; padding-right: 0; } } .fs-accreditations .fsStyleColumn-2 h1 { line-height: 1; padding-bottom: 40px; margin-bottom: 45px; } @media (max-width: 1199px) { .fs-accreditations .fsStyleColumn-2 h1 { font-size: 2.25rem; line-height: 3.15rem; margin-bottom: 35px; padding-bottom: 30px; } } @media (max-width: 999px) { .fs-accreditations .fsStyleColumn-2 h1 { padding-bottom: 0; margin-bottom: 20px; } } .fs-accreditations .fsStyleColumn-2 h1:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #14284D; } .fs-accreditations .fsStyleColumn-2 .fs-sub-title { color: #14284D; font-size: 17px; font-weight: 500; line-height: 1; font-family: "FuturaBT", "Roboto", sans-serif !important; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px; } .fs-accreditations .fsStyleColumn-2 p { font-size: 19px; font-weight: 400; line-height: 160%; font-family: "ITC Galliard Pro", serif; color: #00213c; } .fs-accreditations .fsStyleColumn-2 .fsContent { position: relative; margin: 0 auto; max-width: 550px; } .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent { margin-top: 39px; } .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a { display: inline-block; height: 120px; width: 120px; padding: 0; border-radius: 300px; border: 0; outline: 2px solid #f8f8f8; outline-offset: -1px; position: relative; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #14284D; overflow: hidden; -webkit-box-shadow: 0 0 0 3px #f8f8f8, inset 0 0 0 0px #f8f8f8; box-shadow: 0 0 0 3px #f8f8f8, inset 0 0 0 0px #f8f8f8; -webkit-transition: -webkit-box-shadow 0.5s ease 0s; transition: -webkit-box-shadow 0.5s ease 0s; transition: box-shadow 0.5s ease 0s; transition: box-shadow 0.5s ease 0s, -webkit-box-shadow 0.5s ease 0s; } .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:hover, .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:focus { -webkit-box-shadow: 0 0 0 3px #f8f8f8, inset 0 0 0 10px #f8f8f8; box-shadow: 0 0 0 3px #f8f8f8, inset 0 0 0 10px #f8f8f8; } .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:hover:before, .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:focus:before { opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:hover:after, .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:focus:after { opacity: 1; -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:before, .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:after { content: ""; font-family: "rugbyschoolacth"; font-smoothing: antialiased; font-weight: normal; speak: none; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s; transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s; transition: opacity 0.5s ease 0s, transform 0.5s ease 0s; transition: opacity 0.5s ease 0s, transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; } .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:before { content: ""; font-size: 45px; } .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a:after { content: ""; font-size: 24px; opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .fs-accreditations .fsStyleColumn-2 .fsContent .fsElementFooterContent a span { display: block; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; top: -9999em; left: -9999em; white-space: nowrap; overflow: hidden; } .fs-accreditations .fs-testimonial { position: relative; } .fs-accreditations .fs-testimonial:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; fill: linear-gradient(180deg, rgba(0, 48, 80, 0.95) 0%, #13284D 100%); opacity: 0.6999999881; } .fs-accreditations .fs-testimonial .fsElementContent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .fs-accreditations .fs-testimonial .fsElementContent blockquote { border: 0 none; position: relative; color: #fff; -ms-flex-item-align: center; align-self: center; } .fs-accreditations .fs-testimonial .fsElementContent blockquote:before, .fs-accreditations .fs-testimonial .fsElementContent blockquote:after { display: none; } .fs-accreditations .fs-testimonial .fsElementContent blockquote * { color: #fff; } .infographic-col-layout.fsLayout { margin-bottom: 60px; } .infographic-col-layout.fsFourColumnLayout > .fsDiv { margin: 0; } @media (max-width: 999px) { .infographic-col-layout.fsFourColumnLayout .fsStyleColumn-1 .fs-infographic:after, .infographic-col-layout.fsFourColumnLayout .fsStyleColumn-2 .fs-infographic:after { display: none; } } @media (max-width: 799px) { .infographic-col-layout.fsFourColumnLayout .fsStyleColumn-3 .fs-infographic:after { display: none; } } .fs-infographic { text-align: center; } .fs-infographic:before, .fs-infographic:after { content: ""; background: #14284D; height: 1px; width: 100%; display: block; opacity: 0.5; } .fs-infographic > header { margin-top: 40px; } .fs-infographic .fsElementContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.125rem; line-height: 160%; font-weight: 400; color: #00213c; padding-bottom: 30px; } .fs-infographic.icon-add-user > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-add-user .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-add-user .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-alumni > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-alumni .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-alumni .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-apple > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-apple .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-apple .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-apply > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-apply .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-apply .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-backpack > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-backpack .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-backpack .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-badge > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-badge .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-badge .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-bar-graph > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-bar-graph .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-bar-graph .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-baseball > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-baseball .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-baseball .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-block > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-block .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-block .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-book-stack > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-book-stack .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-book-stack .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-book > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-book .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-book .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-brainstorm > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-brainstorm .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-brainstorm .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-briefcase > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-briefcase .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-briefcase .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-bullhorn > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-bullhorn .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-bullhorn .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-bus > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-bus .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-bus .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-calendar > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-calendar .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-calendar .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-camera > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-camera .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-camera .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-certificate > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-certificate .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-certificate .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-certificate2 > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-certificate2 .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-certificate2 .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-chat-alt > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-chat-alt .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-chat-alt .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-chat > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-chat .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-chat .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-check > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-check .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-check .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-chess > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-chess .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-chess .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-church > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-church .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-church .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-city > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-city .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-city .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-classroom > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-classroom .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-classroom .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-cleat > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-cleat .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-cleat .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-clock > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-clock .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-clock .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-college > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-college .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-college .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-connected-users > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-connected-users .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-connected-users .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-construction > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-construction .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-construction .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-credit-card > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-credit-card .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-credit-card .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-cross > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-cross .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-cross .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-diagram > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-diagram .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-diagram .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-diploma > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-diploma .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-diploma .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-directory > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-directory .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-directory .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-diversity > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-diversity .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-diversity .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-droplet > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-droplet .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-droplet .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-email > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-email .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-email .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-family > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-family .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-family .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-faq > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-faq .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-faq .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-flag > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-flag .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-flag .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-folder > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-folder .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-folder .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-football > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-football .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-football .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-gift > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-gift .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-gift .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-global-diversity > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-global-diversity .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-global-diversity .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-globe > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-globe .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-globe .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-globe2 > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-globe2 .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-globe2 .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-google-classroom > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-google-classroom .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-google-classroom .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-graduation > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-graduation .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-graduation .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-graduation2 > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-graduation2 .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-graduation2 .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-group-alt > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-group-alt .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-group-alt .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-group > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-group .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-group .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-handshake > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-handshake .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-handshake .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-heart-hand-alt > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-heart-hand-alt .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-heart-hand-alt .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-heart-hand > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-heart-hand .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-heart-hand .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-heart > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-heart .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-heart .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-info > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-info .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-info .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-interactive > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-interactive .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-interactive .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-jersey > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-jersey .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-jersey .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-laurel > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-laurel .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-laurel .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-leader > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-leader .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-leader .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-leaf > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-leaf .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-leaf .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-lightbulb > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-lightbulb .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-lightbulb .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-link > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-link .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-link .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-location > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-location .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-location .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-lock > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-lock .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-lock .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-map > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-map .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-map .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-medal > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-medal .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-medal .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-medical > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-medical .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-medical .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-menu > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-menu .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-menu .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-microphone-alt > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-microphone-alt .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-microphone-alt .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-microphone > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-microphone .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-microphone .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-microscope > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-microscope .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-microscope .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-mobile-phone > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-mobile-phone .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-mobile-phone .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-money > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-money .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-money .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-music > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-music .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-music .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-name-badge > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-name-badge .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-name-badge .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-newspaper > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-newspaper .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-newspaper .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-open-door > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-open-door .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-open-door .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-paint > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-paint .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-paint .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-parent > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-parent .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-parent .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-park > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-park .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-park .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-party > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-party .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-party .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-pencil > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-pencil .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-pencil .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-phone > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-phone .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-phone .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-picture > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-picture .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-picture .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-pie-chart > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-pie-chart .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-pie-chart .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-piggy-bank > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-piggy-bank .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-piggy-bank .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-ping-pong > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-ping-pong .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-ping-pong .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-plate > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-plate .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-plate .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-playground > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-playground .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-playground .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-podium > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-podium .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-podium .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-question > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-question .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-question .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-rain > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-rain .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-rain .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-reading-alt > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-reading-alt .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-reading-alt .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-reading > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-reading .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-reading .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-report-card > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-report-card .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-report-card .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-robot > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-robot .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-robot .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-school > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-school .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-school .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-school2 > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-school2 .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-school2 .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-screens > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-screens .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-screens .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-settings > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-settings .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-settings .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-shield-police > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-shield-police .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-shield-police .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-snow-icon > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-snow-icon .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-snow-icon .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-soccer > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-soccer .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-soccer .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-star-david > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-star-david .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-star-david .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-star > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-star .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-star .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-store > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-store .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-store .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-sun > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-sun .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-sun .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-task > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-task .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-task .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-teacher > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-teacher .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-teacher .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-teamwork > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-teamwork .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-teamwork .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-theatre > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-theatre .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-theatre .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-thumbs-up > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-thumbs-up .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-thumbs-up .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-tools > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-tools .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-tools .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-translate > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-translate .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-translate .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-tree > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-tree .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-tree .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-trophy > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-trophy .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-trophy .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-user > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-user .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-user .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-video > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-video .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-video .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-virus > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-virus .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-virus .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-warning > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-warning .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-warning .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-wheelchair > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-wheelchair .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-wheelchair .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-add-user-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-add-user-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-add-user-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-alumni-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-alumni-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-alumni-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-apple-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-apple-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-apple-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-apply-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-apply-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-apply-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-backpack-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-backpack-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-backpack-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-badge-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-badge-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-badge-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-bar-graph-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-bar-graph-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-bar-graph-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-baseball-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-baseball-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-baseball-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-block-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-block-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-block-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-book-stack-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-book-stack-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-book-stack-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-book-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-book-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-book-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-brainstorm-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-brainstorm-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-brainstorm-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-briefcase-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-briefcase-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-briefcase-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-bullhorn-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-bullhorn-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-bullhorn-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-bus-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-bus-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-bus-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-calendar-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-calendar-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-calendar-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-camera-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-camera-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-camera-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-certificate-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-certificate-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-certificate-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-chat-alt-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-chat-alt-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-chat-alt-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-chat-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-chat-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-chat-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-check-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-check-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-check-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-chess-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-chess-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-chess-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-church-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-church-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-church-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-city-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-city-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-city-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-classroom-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-classroom-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-classroom-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-cleat-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-cleat-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-cleat-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-clock-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-clock-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-clock-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-college-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-college-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-college-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-connected-users-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-connected-users-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-connected-users-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-construction-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-construction-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-construction-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-credit-card-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-credit-card-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-credit-card-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-cross-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-cross-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-cross-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-diagram-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-diagram-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-diagram-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-diploma-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-diploma-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-diploma-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-directory-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-directory-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-directory-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-diversity-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-diversity-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-diversity-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-droplet-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-droplet-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-droplet-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-email-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-email-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-email-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "ຝ" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-family-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-family-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-family-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-faq-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-faq-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-faq-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-flag-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-flag-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-flag-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-folder-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-folder-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-folder-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-football-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-football-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-football-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-gift-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-gift-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-gift-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-global-diversity-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-global-diversity-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-global-diversity-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-globe-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-globe-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-globe-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-google-classroom-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-google-classroom-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-google-classroom-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-graduation-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-graduation-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-graduation-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-group-alt-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-group-alt-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-group-alt-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-group-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-group-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-group-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-handshake-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-handshake-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-handshake-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-heart-hand-alt-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-heart-hand-alt-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-heart-hand-alt-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-heart-hand-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-heart-hand-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-heart-hand-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-heart-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-heart-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-heart-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-info-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-info-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-info-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-interactive-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-interactive-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-interactive-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-jersey-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-jersey-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-jersey-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-laurel-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-laurel-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-laurel-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-leader-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-leader-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-leader-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-leaf-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-leaf-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-leaf-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-lightbulb-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-lightbulb-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-lightbulb-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-link-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-link-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-link-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-location-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-location-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-location-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-lock-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-lock-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-lock-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-map-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-map-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-map-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-medal-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-medal-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-medal-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-medical-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-medical-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-medical-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-menu-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-menu-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-menu-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-microphone-alt-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-microphone-alt-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-microphone-alt-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-microphone-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-microphone-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-microphone-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-microscope-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-microscope-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-microscope-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-mobile-phone-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-mobile-phone-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-mobile-phone-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-money-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-money-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-money-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-music-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-music-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-music-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-name-badge-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-name-badge-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-name-badge-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-newspaper-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-newspaper-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-newspaper-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-open-door-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-open-door-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-open-door-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-paint-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-paint-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-paint-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-parent-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-parent-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-parent-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-park-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-park-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-park-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-party-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-party-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-party-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-pencil-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-pencil-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-pencil-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-phone-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-phone-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-phone-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-picture-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-picture-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-picture-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-pie-chart-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-pie-chart-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-pie-chart-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-piggy-bank-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-piggy-bank-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-piggy-bank-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-ping-pong-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-ping-pong-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-ping-pong-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-plate-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-plate-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-plate-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-playground-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-playground-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-playground-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-podium-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-podium-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-podium-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-question-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-question-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-question-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-rain-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-rain-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-rain-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-reading-alt-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-reading-alt-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-reading-alt-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-reading-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-reading-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-reading-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-report-card-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-report-card-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-report-card-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-robot-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-robot-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-robot-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-school-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-school-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-school-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-screens-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-screens-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-screens-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-settings-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-settings-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-settings-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-shield-police-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-shield-police-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-shield-police-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-snow-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-snow-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-snow-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-soccer-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-soccer-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-soccer-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-star-david-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-star-david-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-star-david-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-star-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-star-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-star-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-store-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-store-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-store-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-sun-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-sun-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-sun-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-task-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-task-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-task-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-teacher-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-teacher-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-teacher-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-teamwork-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-teamwork-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-teamwork-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-theatre-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-theatre-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-theatre-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-thumbs-up-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-thumbs-up-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-thumbs-up-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-tools-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-tools-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-tools-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-translate-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-translate-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-translate-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-tree-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-tree-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-tree-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-trophy-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-trophy-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-trophy-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-user-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-user-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-user-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-video-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-video-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-video-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-virus-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-virus-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-virus-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-warning-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-warning-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-warning-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .fs-infographic.icon-wheelchair-solid > header .fsElementHeaderContent { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .fs-infographic.icon-wheelchair-solid .fsElementTitle { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 3.75rem; font-weight: 400; line-height: 120%; letter-spacing: 0.6px; color: #14284D; margin-bottom: 10px; } .fs-infographic.icon-wheelchair-solid .fsElementTitle:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; content: "" !important; color: #9ebba5; display: block; font-size: 5rem; line-height: 1; margin-bottom: 10px; } .sidebar-infographics .fsContent { margin-bottom: 20px; } .sidebar-infographics .fsContent:before, .sidebar-infographics .fsContent:after { background: #9ebba5; } .sidebar-infographics .fsContent:last-child:before { display: none; } .sidebar-infographics .fsContent.fs-infographic:before { margin-bottom: 30px; } .chart-col-layout.fsLayout { margin-bottom: 60px; } .chart-col-layout.fsFourColumnLayout > .fsDiv { margin: 0; } @media (max-width: 999px) { .chart-col-layout.fsFourColumnLayout .fsStyleColumn-1 .chart-percentage:after, .chart-col-layout.fsFourColumnLayout .fsStyleColumn-2 .chart-percentage:after { display: none; } } @media (max-width: 799px) { .chart-col-layout.fsFourColumnLayout .fsStyleColumn-3 .chart-percentage:after { display: none; } } .chart-percentage { text-align: center; } .chart-percentage:before, .chart-percentage:after { content: ""; background: #9ebba5; height: 1px; width: 100%; display: block; opacity: 0.5; } .chart-percentage > .fsElementContent { padding-bottom: 30px; } body:not(.fsComposeMode) .chart-percentage { opacity: 0; visibility: hidden; } body:not(.fsComposeMode) .chart-percentage[updated] { opacity: 1; visibility: visible; } body:not(.fsComposeMode) .chart-percentage > header { display: none; } .chart-percentage.chart-blue { border-top-color: #14284D; border-bottom-color: #c6dbe5; } .chart-percentage.chart-blue:before, .chart-percentage.chart-blue:after { background: #14284D; } .chart-percentage.chart-green { border-top-color: #9ebba5; border-bottom-color: #e6ece6; } .chart-percentage .chart-container { width: 144px; height: 144px; margin: 20px auto; position: relative; overflow: hidden; } .chart-percentage .chart-title { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.875rem; line-height: 120%; font-weight: 500; text-align: center; color: #14284D; } .chart-percentage h3 { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.0625rem; line-height: 160%; font-weight: 500; color: #13284D; letter-spacing: 1.7px; text-transform: uppercase; margin: 0 0 10px 0; } .chart-percentage p { font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 1.125rem; line-height: 160%; font-weight: 400; color: #00213c; } body:not(.fsComposeMode) .facts-panel { width: 100vw; position: relative; margin-left: -50vw; left: 50%; padding: 0 20px; margin-bottom: 130px; } body:not(.fsComposeMode) .facts-panel > .fsElementContent { position: relative; margin: 0 auto; max-width: 660px; } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-panel > .fsElementContent { position: relative; margin: 0 auto; max-width: 1300px; } } body:not(.fsComposeMode) .facts-panel .facts-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-panel .facts-navigation { display: none; } } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow { border: 0; background: none; cursor: pointer; margin: 0; padding: 0; height: 50px; width: 50px; margin: 0 7.5px; border: 1px solid #9ebba5; border-radius: 200px; position: relative; color: rgba(0, 0, 0, 0); cursor: pointer; overflow: hidden; -webkit-transition: border 0.3s ease 0s, background 0.3s ease 0s; transition: border 0.3s ease 0s, background 0.3s ease 0s; } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow:before { content: ""; font-family: "IcoMoon"; font-smoothing: antialiased; font-weight: normal; speak: none; font-family: "FuturaBT", "Roboto", sans-serif !important; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #fff; line-height: 1; -webkit-transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: color 0.3s ease 0s, transform 0.3s ease 0s; transition: color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.fsPrevButton:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.slick-prev:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.prev-slide:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.fsPrevButton:hover:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.fsPrevButton:focus:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.slick-prev:hover:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.slick-prev:focus:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.prev-slide:hover:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.prev-slide:focus:before { -webkit-transform: translate(calc(-50% - 5px), -50%) rotate(90deg); -ms-transform: translate(calc(-50% - 5px), -50%) rotate(90deg); transform: translate(calc(-50% - 5px), -50%) rotate(90deg); } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.fsNextButton:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.slick-next:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.next-slide:before { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.fsNextButton:hover:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.fsNextButton:focus:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.slick-next:hover:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.slick-next:focus:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.next-slide:hover:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.next-slide:focus:before { -webkit-transform: translate(calc(-50% + 5px), -50%) rotate(-90deg); -ms-transform: translate(calc(-50% + 5px), -50%) rotate(-90deg); transform: translate(calc(-50% + 5px), -50%) rotate(-90deg); } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow.slick-disabled { opacity: 0.5; } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow:hover, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow:focus { border-color: #14284D; background: #14284D; } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow:hover:before, body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow:focus:before { color: #fff; } body:not(.fsComposeMode) .facts-panel .facts-navigation .slick-arrow:before { color: #13284D; } body:not(.fsComposeMode) .facts-container { position: relative; margin: 0; } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-container { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 900px; height: 100vh; } } body:not(.fsComposeMode) .facts-container.count-animation .fact.slick-current article figcaption h2 { opacity: 1; visibility: visible; } body:not(.fsComposeMode) .facts-container .heading { position: relative; text-align: center; margin-top: 0px; margin-bottom: 38px; } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-container .heading { margin-bottom: 50px; } } @media screen and (min-width: 1000px) and (max-height: 800px) { body:not(.fsComposeMode) .facts-container .heading { margin-top: 20px; margin-bottom: 0px; } } @media screen and (min-width: 1000px) and (max-height: 600px) { body:not(.fsComposeMode) .facts-container .heading { text-align: left; } } body:not(.fsComposeMode) .facts-container .heading:after { content: ""; height: 1px; width: 185px; background: #14284D; display: block; margin: 0 auto; } @media screen and (min-width: 1000px) and (max-height: 600px) { body:not(.fsComposeMode) .facts-container .heading:after { margin: 0; } } body:not(.fsComposeMode) .facts-container .heading h2 { color: #14284D; font-size: 20px; line-height: 1; font-family: 'Manrope', sans-serif !important; font-style: normal; font-weight: 500; letter-spacing: 0.118em; text-transform: uppercase; margin-bottom: 12px; } body:not(.fsComposeMode) .facts-container .heading h3 { padding-bottom: 30px; margin: 0; font-family: 'Manrope', sans-serif !important; font-size: 39px; font-style: normal; font-weight: 400; line-height: 1; letter-spacing: 0.09em; text-transform: uppercase; } @media (min-width: 1200px) { body:not(.fsComposeMode) .facts-container .heading h3 { font-size: 48px; padding-bottom: 40px; letter-spacing: 4.8px; } } @media screen and (min-width: 1000px) and (max-height: 800px) { body:not(.fsComposeMode) .facts-container .heading h3 { padding-bottom: 10px; font-size: 39px; } } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-container > header { width: 50%; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; } } body:not(.fsComposeMode) .facts-container > header .fsElementHeaderContent { margin-bottom: 0; line-height: 0; height: 100%; } /* body:not(.fsComposeMode) .facts-container > header .fsElementHeaderContent img { opacity: 0; } */ body:not(.fsComposeMode) .facts-container > header .fsElementHeaderContent figure { height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-container > header.hide { opacity: 0; } } body:not(.fsComposeMode) .facts-container > header .heading { display: block; } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-container > header .heading { display: none; } } body:not(.fsComposeMode) .facts-container .fact-infographic-container { display: none; } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-container .fact-infographic-container { width: 50%; height: 100%; display: block; padding-left: 50px; } } @media (min-width: 1200px) { body:not(.fsComposeMode) .facts-container .fact-infographic-container { padding-left: 113px; } } @media screen and (min-width: 1000px) and (max-height: 800px) { body:not(.fsComposeMode) .facts-container .fact-infographic-container { padding-left: 50px; } } body:not(.fsComposeMode) .facts-container .fact-infographic-container .heading { display: none; } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-container .fact-infographic-container .heading { display: block; } } @media (max-width: 999px) { body:not(.fsComposeMode) .facts-container .fact-content-container { position: relative; margin: 0 auto; max-width: 400px; overflow: hidden; } } @media (min-width: 1000px) { body:not(.fsComposeMode) .facts-container .fact-content-container { width: 50%; height: 100%; position: absolute; top: 0; left: 0; } } @media (max-width: 999px) { body:not(.fsComposeMode) .facts-container .fact-content-container .slick-list { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } } .fact-infographic-inner { position: relative; } @media (min-width: 1000px) { .fact-infographic-inner { height: calc(100% - 230px); } } @media screen and (min-width: 1000px) and (max-height: 699px) { .fact-infographic-inner { height: calc(100% - 170px); } } .fact-infographic-inner [class*="fact-infographic-group"] { -webkit-transition: visibility 0s ease 0s; transition: visibility 0s ease 0s; } @media (min-width: 1000px) { .fact-infographic-inner [class*="fact-infographic-group"] { position: absolute; top: 0; left: 0; right: 0; bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .fact-infographic-inner [class*="fact-infographic-group"]:not(.active) { visibility: hidden; -webkit-transition: visibility 0s ease 0.4s; transition: visibility 0s ease 0.4s; } .fact-infographic-inner [class*="fact-infographic-group"]:not(.active) .fact-infographic { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); opacity: 0; -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s; transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s; transition: opacity 0.4s ease 0s, transform 0.4s ease 0s; transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s; } body:not(.fsComposeMode) .fact-infographic { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid rgba(158, 187, 165, 0.5); color: #3F3F3F; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 17px; line-height: 160%; font-style: normal; font-weight: 400; cursor: pointer; -ms-flex-preferred-size: 25%; flex-basis: 25%; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 152px; -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s; transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s; transition: opacity 0.4s ease 0s, transform 0.4s ease 0s; transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s; } @media (min-width: 1200px) { body:not(.fsComposeMode) .fact-infographic { font-size: 16px; } } @media screen and (min-width: 1000px) and (max-height: 800px) { body:not(.fsComposeMode) .fact-infographic { font-size: 15px; max-height: 130px; } } body:not(.fsComposeMode) .fact-infographic:nth-child(1) { -webkit-transition-delay: 0.1s, 0.1s; transition-delay: 0.1s, 0.1s; } body:not(.fsComposeMode) .fact-infographic:nth-child(2) { -webkit-transition-delay: 0.2s, 0.2s; transition-delay: 0.2s, 0.2s; } body:not(.fsComposeMode) .fact-infographic:nth-child(3) { -webkit-transition-delay: 0.3s, 0.3s; transition-delay: 0.3s, 0.3s; } body:not(.fsComposeMode) .fact-infographic:nth-child(4) { -webkit-transition-delay: 0.4s, 0.4s; transition-delay: 0.4s, 0.4s; } body:not(.fsComposeMode) .fact-infographic[class*="icon-"]:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; color: #9ebba5; display: block; font-size: 64px; width: 64px; line-height: 1; margin-top: 10px; -webkit-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; } @media (min-width: 1200px) { body:not(.fsComposeMode) .fact-infographic[class*="icon-"]:before { width: 80px; font-size: 80px; } } @media screen and (min-width: 1000px) and (max-height: 800px) { body:not(.fsComposeMode) .fact-infographic[class*="icon-"]:before { font-size: 60px; width: 60px; margin-top: 0; } } body:not(.fsComposeMode) .fact-infographic.active:before { color: #14284D; } body:not(.fsComposeMode) .fact-infographic h2 { color: #13284D; font-size: 18px; line-height: 1.4; font-family: 'Manrope', sans-serif !important; font-style: normal; font-weight: 500; text-transform: uppercase; letter-spacing: 0.015em; margin-bottom: 5px; } @media (min-width: 1200px) { body:not(.fsComposeMode) .fact-infographic h2 { font-size: 25px; } } @media screen and (min-width: 1000px) and (max-height: 800px) { body:not(.fsComposeMode) .fact-infographic h2 { font-size: 16px; } } @media (min-width: 1000px) { body:not(.fsComposeMode) .fact-infographic .inner { width: calc(100% - 64px); padding: 0 0 0 20px; } } @media (min-width: 1200px) { body:not(.fsComposeMode) .fact-infographic .inner { width: calc(100% - 80px); padding: 0 0 0 0px; } } @media screen and (min-width: 1000px) and (max-height: 800px) { body:not(.fsComposeMode) .fact-infographic .inner { padding: 0 0 0 15px; } } body:not(.fsComposeMode) .fact-infographic .inner p { display: block; overflow: hidden; max-height: 71px; } body:not(.fsComposeMode) .fact { margin: 0; } @media (max-width: 999px) { body:not(.fsComposeMode) .fact { padding: 0 10px 0; } } @media (min-width: 1000px) { body:not(.fsComposeMode) .fact { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } } @media (min-width: 1000px) { body:not(.fsComposeMode) .fact.active { opacity: 1; visibility: visible; } } body:not(.fsComposeMode) .fact.active article img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } body:not(.fsComposeMode) .fact.active article figcaption { -webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0); } body:not(.fsComposeMode) .fact[class*="icon-"] > header:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; color: #14284D; display: block; font-size: 64px; width: 64px; line-height: 1; margin: 0 auto 18px; } @media (min-width: 1200px) { body:not(.fsComposeMode) .fact[class*="icon-"] > header:before { width: 80px; color: #9ebba5; font-size: 80px; } } body:not(.fsComposeMode) .fact > header { text-align: center; } @media (min-width: 1000px) { body:not(.fsComposeMode) .fact > header { display: none; } } body:not(.fsComposeMode) .fact > header .fsElementHeaderContent { margin: 0; color: #13284D; font-size: 17px; line-height: 1.5294117647; font-weight: 400; font-family: "FuturaBT", "Roboto", sans-serif !important; font-style: normal; } body:not(.fsComposeMode) .fact > header .fsElementHeaderContent h2 { font-family: 'Manrope', sans-serif !important; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; text-transform: uppercase; color: #13284D; margin-bottom: 7px; letter-spacing: 0.01em; } @media (min-width: 1200px) { body:not(.fsComposeMode) .fact > header .fsElementHeaderContent h2 { font-size: 22px; } } body:not(.fsComposeMode) .fact > header .fsElementHeaderContent p { display: block; overflow: hidden; max-height: 54px; } body:not(.fsComposeMode) .fact > .fsElementContent { height: 100%; width: 100%; } body:not(.fsComposeMode) .fact article { height: 100%; width: 100%; } body:not(.fsComposeMode) .fact article figure { height: 100%; width: 100%; } body:not(.fsComposeMode) .fact article picture { display: none; width: 100%; height: calc(100vh - 130px); max-height: 900px; position: relative; z-index: 0; overflow: hidden; } @media (min-width: 1000px) { body:not(.fsComposeMode) .fact article picture { display: block; } } body:not(.fsComposeMode) .fact article picture:after { content: ""; display: block; width: 100%; height: 40%; position: absolute; left: 0; bottom: 0; z-index: 0; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 48, 80, 0)), to(#13284D) ); background: linear-gradient(180deg, rgba(0, 48, 80, 0) 0%, #13284D 100%); opacity: 0.9; } body:not(.fsComposeMode) .fact article picture img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 1.2s ease 0s; transition: -webkit-transform 1.2s ease 0s; transition: transform 1.2s ease 0s; transition: transform 1.2s ease 0s, -webkit-transform 1.2s ease 0s; } body:not(.fsComposeMode) .fact article figcaption { padding: 0 20px 40px; margin-top: 36px; position: relative; z-index: 0; color: #fff; font-size: 17px; line-height: 1.5294117647; font-weight: 400; font-family: "FuturaBT", "Roboto", sans-serif !important; font-style: normal; } @media (min-width: 1000px) { body:not(.fsComposeMode) .fact article figcaption { width: calc(100% - 50px); padding: 0 52px 50px; margin: 0 auto; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); -webkit-transition: -webkit-transform 1.2s ease 0s; transition: -webkit-transform 1.2s ease 0s; transition: transform 1.2s ease 0s; transition: transform 1.2s ease 0s, -webkit-transform 1.2s ease 0s; } } @media (min-width: 1200px) { body:not(.fsComposeMode) .fact article figcaption { font-size: 22px; } } body:not(.fsComposeMode) .fact article figcaption:before { content: ""; position: absolute; bottom: 0; left: 0; background: #14284D; width: 100%; height: 100%; z-index: -1; border-radius: 0px 0px 50px 0px; } @media (min-width: 1000px) { body:not(.fsComposeMode) .fact article figcaption:before { height: calc(100% - 105px); } } /* body:not(.fsComposeMode) .fact article figcaption:after { content: ""; background-image: url(images/crest4.svg); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 0; right: 0; width: 146px; height: 199px; } */ body:not(.fsComposeMode) .fact article figcaption h2 { margin-top: -4px; margin-bottom: 6px; color: #ffffff00; font-size: 100px; line-height: 100%; font-weight: 400; font-family: "FuturaBT", "Roboto", sans-serif !important; font-style: normal; letter-spacing: -1.27px; text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15); text-align: right; } @media (min-width: 1200px) { body:not(.fsComposeMode) .fact article figcaption h2 { font-size: 127px; } } @media (max-width: 999px) { body:not(.fsComposeMode) .fact article figcaption h2 { /*opacity: 10;*/ visibility: inherit; -webkit-transition: 0.5s opacity, 0.5s visibility; transition: 0.5s opacity, 0.5s visibility; } body:not(.fsComposeMode) .fact article figcaption{ margin-top: 0; } } body:not(.fsComposeMode) .fact article figcaption h3 { margin-bottom: 9px; color: #fff; font-size: 20px; line-height: 140%; font-weight: 500; font-family: 'Manrope', sans-serif !important; font-style: normal; text-transform: uppercase; letter-spacing: 2.2px; } @media (min-width: 1200px) { body:not(.fsComposeMode) .fact article figcaption h3 { font-size: 32px; } } .fact-infographic.icon-add-user:before { content: "" !important; } .fact-infographic.icon-alumni:before { content: "" !important; } .fact-infographic.icon-apple:before { content: "" !important; } .fact-infographic.icon-apply:before { content: "" !important; } .fact-infographic.icon-backpack:before { content: "" !important; } .fact-infographic.icon-badge:before { content: "" !important; } .fact-infographic.icon-bar-graph:before { content: "" !important; } .fact-infographic.icon-baseball:before { content: "" !important; } .fact-infographic.icon-block:before { content: "" !important; } .fact-infographic.icon-book-stack:before { content: "" !important; } .fact-infographic.icon-book:before { content: "" !important; } .fact-infographic.icon-brainstorm:before { content: "" !important; } .fact-infographic.icon-briefcase:before { content: "" !important; } .fact-infographic.icon-bullhorn:before { content: "" !important; } .fact-infographic.icon-bus:before { content: "" !important; } .fact-infographic.icon-calendar:before { content: "" !important; } .fact-infographic.icon-camera:before { content: "" !important; } .fact-infographic.icon-certificate:before { content: "" !important; } .fact-infographic.icon-certificate2:before { content: "" !important; } .fact-infographic.icon-chat-alt:before { content: "" !important; } .fact-infographic.icon-chat:before { content: "" !important; } .fact-infographic.icon-check:before { content: "" !important; } .fact-infographic.icon-chess:before { content: "" !important; } .fact-infographic.icon-church:before { content: "" !important; } .fact-infographic.icon-city:before { content: "" !important; } .fact-infographic.icon-classroom:before { content: "" !important; } .fact-infographic.icon-cleat:before { content: "" !important; } .fact-infographic.icon-clock:before { content: "" !important; } .fact-infographic.icon-college:before { content: "" !important; } .fact-infographic.icon-connected-users:before { content: "" !important; } .fact-infographic.icon-construction:before { content: "" !important; } .fact-infographic.icon-credit-card:before { content: "" !important; } .fact-infographic.icon-cross:before { content: "" !important; } .fact-infographic.icon-diagram:before { content: "" !important; } .fact-infographic.icon-diploma:before { content: "" !important; } .fact-infographic.icon-directory:before { content: "" !important; } .fact-infographic.icon-diversity:before { content: "" !important; } .fact-infographic.icon-droplet:before { content: "" !important; } .fact-infographic.icon-email:before { content: "" !important; } .fact-infographic.icon-family:before { content: "" !important; } .fact-infographic.icon-faq:before { content: "" !important; } .fact-infographic.icon-flag:before { content: "" !important; } .fact-infographic.icon-folder:before { content: "" !important; } .fact-infographic.icon-football:before { content: "" !important; } .fact-infographic.icon-gift:before { content: "" !important; } .fact-infographic.icon-global-diversity:before { content: "" !important; } .fact-infographic.icon-globe:before { content: "" !important; } .fact-infographic.icon-globe2:before { content: "" !important; } .fact-infographic.icon-google-classroom:before { content: "" !important; } .fact-infographic.icon-graduation:before { content: "" !important; } .fact-infographic.icon-graduation2:before { content: "" !important; } .fact-infographic.icon-group-alt:before { content: "" !important; } .fact-infographic.icon-group:before { content: "" !important; } .fact-infographic.icon-handshake:before { content: "" !important; } .fact-infographic.icon-heart-hand-alt:before { content: "" !important; } .fact-infographic.icon-heart-hand:before { content: "" !important; } .fact-infographic.icon-heart:before { content: "" !important; } .fact-infographic.icon-info:before { content: "" !important; } .fact-infographic.icon-interactive:before { content: "" !important; } .fact-infographic.icon-jersey:before { content: "" !important; } .fact-infographic.icon-laurel:before { content: "" !important; } .fact-infographic.icon-leader:before { content: "" !important; } .fact-infographic.icon-leaf:before { content: "" !important; } .fact-infographic.icon-lightbulb:before { content: "" !important; } .fact-infographic.icon-link:before { content: "" !important; } .fact-infographic.icon-location:before { content: "" !important; } .fact-infographic.icon-lock:before { content: "" !important; } .fact-infographic.icon-map:before { content: "" !important; } .fact-infographic.icon-medal:before { content: "" !important; } .fact-infographic.icon-medical:before { content: "" !important; } .fact-infographic.icon-menu:before { content: "" !important; } .fact-infographic.icon-microphone-alt:before { content: "" !important; } .fact-infographic.icon-microphone:before { content: "" !important; } .fact-infographic.icon-microscope:before { content: "" !important; } .fact-infographic.icon-mobile-phone:before { content: "" !important; } .fact-infographic.icon-money:before { content: "" !important; } .fact-infographic.icon-music:before { content: "" !important; } .fact-infographic.icon-name-badge:before { content: "" !important; } .fact-infographic.icon-newspaper:before { content: "" !important; } .fact-infographic.icon-open-door:before { content: "" !important; } .fact-infographic.icon-paint:before { content: "" !important; } .fact-infographic.icon-parent:before { content: "" !important; } .fact-infographic.icon-park:before { content: "" !important; } .fact-infographic.icon-party:before { content: "" !important; } .fact-infographic.icon-pencil:before { content: "" !important; } .fact-infographic.icon-phone:before { content: "" !important; } .fact-infographic.icon-picture:before { content: "" !important; } .fact-infographic.icon-pie-chart:before { content: "" !important; } .fact-infographic.icon-piggy-bank:before { content: "" !important; } .fact-infographic.icon-ping-pong:before { content: "" !important; } .fact-infographic.icon-plate:before { content: "" !important; } .fact-infographic.icon-playground:before { content: "" !important; } .fact-infographic.icon-podium:before { content: "" !important; } .fact-infographic.icon-question:before { content: "" !important; } .fact-infographic.icon-rain:before { content: "" !important; } .fact-infographic.icon-reading-alt:before { content: "" !important; } .fact-infographic.icon-reading:before { content: "" !important; } .fact-infographic.icon-report-card:before { content: "" !important; } .fact-infographic.icon-robot:before { content: "" !important; } .fact-infographic.icon-school:before { content: "" !important; } .fact-infographic.icon-school2:before { content: "" !important; } .fact-infographic.icon-screens:before { content: "" !important; } .fact-infographic.icon-settings:before { content: "" !important; } .fact-infographic.icon-shield-police:before { content: "" !important; } .fact-infographic.icon-snow-icon:before { content: "" !important; } .fact-infographic.icon-soccer:before { content: "" !important; } .fact-infographic.icon-star-david:before { content: "" !important; } .fact-infographic.icon-star:before { content: "" !important; } .fact-infographic.icon-store:before { content: "" !important; } .fact-infographic.icon-sun:before { content: "" !important; } .fact-infographic.icon-task:before { content: "" !important; } .fact-infographic.icon-teacher:before { content: "" !important; } .fact-infographic.icon-teamwork:before { content: "" !important; } .fact-infographic.icon-theatre:before { content: "" !important; } .fact-infographic.icon-thumbs-up:before { content: "" !important; } .fact-infographic.icon-tools:before { content: "" !important; } .fact-infographic.icon-translate:before { content: "" !important; } .fact-infographic.icon-tree:before { content: "" !important; } .fact-infographic.icon-trophy:before { content: "" !important; } .fact-infographic.icon-user:before { content: "" !important; } .fact-infographic.icon-video:before { content: "" !important; } .fact-infographic.icon-virus:before { content: "" !important; } .fact-infographic.icon-warning:before { content: "" !important; } .fact-infographic.icon-wheelchair:before { content: "" !important; } .fact-infographic.icon-add-user-solid:before { content: "" !important; } .fact-infographic.icon-alumni-solid:before { content: "" !important; } .fact-infographic.icon-apple-solid:before { content: "" !important; } .fact-infographic.icon-apply-solid:before { content: "" !important; } .fact-infographic.icon-backpack-solid:before { content: "" !important; } .fact-infographic.icon-badge-solid:before { content: "" !important; } .fact-infographic.icon-bar-graph-solid:before { content: "" !important; } .fact-infographic.icon-baseball-solid:before { content: "" !important; } .fact-infographic.icon-block-solid:before { content: "" !important; } .fact-infographic.icon-book-stack-solid:before { content: "" !important; } .fact-infographic.icon-book-solid:before { content: "" !important; } .fact-infographic.icon-brainstorm-solid:before { content: "" !important; } .fact-infographic.icon-briefcase-solid:before { content: "" !important; } .fact-infographic.icon-bullhorn-solid:before { content: "" !important; } .fact-infographic.icon-bus-solid:before { content: "" !important; } .fact-infographic.icon-calendar-solid:before { content: "" !important; } .fact-infographic.icon-camera-solid:before { content: "" !important; } .fact-infographic.icon-certificate-solid:before { content: "" !important; } .fact-infographic.icon-chat-alt-solid:before { content: "" !important; } .fact-infographic.icon-chat-solid:before { content: "" !important; } .fact-infographic.icon-check-solid:before { content: "" !important; } .fact-infographic.icon-chess-solid:before { content: "" !important; } .fact-infographic.icon-church-solid:before { content: "" !important; } .fact-infographic.icon-city-solid:before { content: "" !important; } .fact-infographic.icon-classroom-solid:before { content: "" !important; } .fact-infographic.icon-cleat-solid:before { content: "" !important; } .fact-infographic.icon-clock-solid:before { content: "" !important; } .fact-infographic.icon-college-solid:before { content: "" !important; } .fact-infographic.icon-connected-users-solid:before { content: "" !important; } .fact-infographic.icon-construction-solid:before { content: "" !important; } .fact-infographic.icon-credit-card-solid:before { content: "" !important; } .fact-infographic.icon-cross-solid:before { content: "" !important; } .fact-infographic.icon-diagram-solid:before { content: "" !important; } .fact-infographic.icon-diploma-solid:before { content: "" !important; } .fact-infographic.icon-directory-solid:before { content: "" !important; } .fact-infographic.icon-diversity-solid:before { content: "" !important; } .fact-infographic.icon-droplet-solid:before { content: "" !important; } .fact-infographic.icon-email-solid:before { content: "ຝ" !important; } .fact-infographic.icon-family-solid:before { content: "" !important; } .fact-infographic.icon-faq-solid:before { content: "" !important; } .fact-infographic.icon-flag-solid:before { content: "" !important; } .fact-infographic.icon-folder-solid:before { content: "" !important; } .fact-infographic.icon-football-solid:before { content: "" !important; } .fact-infographic.icon-gift-solid:before { content: "" !important; } .fact-infographic.icon-global-diversity-solid:before { content: "" !important; } .fact-infographic.icon-globe-solid:before { content: "" !important; } .fact-infographic.icon-google-classroom-solid:before { content: "" !important; } .fact-infographic.icon-graduation-solid:before { content: "" !important; } .fact-infographic.icon-group-alt-solid:before { content: "" !important; } .fact-infographic.icon-group-solid:before { content: "" !important; } .fact-infographic.icon-handshake-solid:before { content: "" !important; } .fact-infographic.icon-heart-hand-alt-solid:before { content: "" !important; } .fact-infographic.icon-heart-hand-solid:before { content: "" !important; } .fact-infographic.icon-heart-solid:before { content: "" !important; } .fact-infographic.icon-info-solid:before { content: "" !important; } .fact-infographic.icon-interactive-solid:before { content: "" !important; } .fact-infographic.icon-jersey-solid:before { content: "" !important; } .fact-infographic.icon-laurel-solid:before { content: "" !important; } .fact-infographic.icon-leader-solid:before { content: "" !important; } .fact-infographic.icon-leaf-solid:before { content: "" !important; } .fact-infographic.icon-lightbulb-solid:before { content: "" !important; } .fact-infographic.icon-link-solid:before { content: "" !important; } .fact-infographic.icon-location-solid:before { content: "" !important; } .fact-infographic.icon-lock-solid:before { content: "" !important; } .fact-infographic.icon-map-solid:before { content: "" !important; } .fact-infographic.icon-medal-solid:before { content: "" !important; } .fact-infographic.icon-medical-solid:before { content: "" !important; } .fact-infographic.icon-menu-solid:before { content: "" !important; } .fact-infographic.icon-microphone-alt-solid:before { content: "" !important; } .fact-infographic.icon-microphone-solid:before { content: "" !important; } .fact-infographic.icon-microscope-solid:before { content: "" !important; } .fact-infographic.icon-mobile-phone-solid:before { content: "" !important; } .fact-infographic.icon-money-solid:before { content: "" !important; } .fact-infographic.icon-music-solid:before { content: "" !important; } .fact-infographic.icon-name-badge-solid:before { content: "" !important; } .fact-infographic.icon-newspaper-solid:before { content: "" !important; } .fact-infographic.icon-open-door-solid:before { content: "" !important; } .fact-infographic.icon-paint-solid:before { content: "" !important; } .fact-infographic.icon-parent-solid:before { content: "" !important; } .fact-infographic.icon-park-solid:before { content: "" !important; } .fact-infographic.icon-party-solid:before { content: "" !important; } .fact-infographic.icon-pencil-solid:before { content: "" !important; } .fact-infographic.icon-phone-solid:before { content: "" !important; } .fact-infographic.icon-picture-solid:before { content: "" !important; } .fact-infographic.icon-pie-chart-solid:before { content: "" !important; } .fact-infographic.icon-piggy-bank-solid:before { content: "" !important; } .fact-infographic.icon-ping-pong-solid:before { content: "" !important; } .fact-infographic.icon-plate-solid:before { content: "" !important; } .fact-infographic.icon-playground-solid:before { content: "" !important; } .fact-infographic.icon-podium-solid:before { content: "" !important; } .fact-infographic.icon-question-solid:before { content: "" !important; } .fact-infographic.icon-rain-solid:before { content: "" !important; } .fact-infographic.icon-reading-alt-solid:before { content: "" !important; } .fact-infographic.icon-reading-solid:before { content: "" !important; } .fact-infographic.icon-report-card-solid:before { content: "" !important; } .fact-infographic.icon-robot-solid:before { content: "" !important; } .fact-infographic.icon-school-solid:before { content: "" !important; } .fact-infographic.icon-screens-solid:before { content: "" !important; } .fact-infographic.icon-settings-solid:before { content: "" !important; } .fact-infographic.icon-shield-police-solid:before { content: "" !important; } .fact-infographic.icon-snow-solid:before { content: "" !important; } .fact-infographic.icon-soccer-solid:before { content: "" !important; } .fact-infographic.icon-star-david-solid:before { content: "" !important; } .fact-infographic.icon-star-solid:before { content: "" !important; } .fact-infographic.icon-store-solid:before { content: "" !important; } .fact-infographic.icon-sun-solid:before { content: "" !important; } .fact-infographic.icon-task-solid:before { content: "" !important; } .fact-infographic.icon-teacher-solid:before { content: "" !important; } .fact-infographic.icon-teamwork-solid:before { content: "" !important; } .fact-infographic.icon-theatre-solid:before { content: "" !important; } .fact-infographic.icon-thumbs-up-solid:before { content: "" !important; } .fact-infographic.icon-tools-solid:before { content: "" !important; } .fact-infographic.icon-translate-solid:before { content: "" !important; } .fact-infographic.icon-tree-solid:before { content: "" !important; } .fact-infographic.icon-trophy-solid:before { content: "" !important; } .fact-infographic.icon-user-solid:before { content: "" !important; } .fact-infographic.icon-video-solid:before { content: "" !important; } .fact-infographic.icon-virus-solid:before { content: "" !important; } .fact-infographic.icon-warning-solid:before { content: "" !important; } .fact-infographic.icon-wheelchair-solid:before { content: "" !important; } .fact.icon-add-user > header:before { content: "" !important; } .fact.icon-alumni > header:before { content: "" !important; } .fact.icon-apple > header:before { content: "" !important; } .fact.icon-apply > header:before { content: "" !important; } .fact.icon-backpack > header:before { content: "" !important; } .fact.icon-badge > header:before { content: "" !important; } .fact.icon-bar-graph > header:before { content: "" !important; } .fact.icon-baseball > header:before { content: "" !important; } .fact.icon-block > header:before { content: "" !important; } .fact.icon-book-stack > header:before { content: "" !important; } .fact.icon-book > header:before { content: "" !important; } .fact.icon-brainstorm > header:before { content: "" !important; } .fact.icon-briefcase > header:before { content: "" !important; } .fact.icon-bullhorn > header:before { content: "" !important; } .fact.icon-bus > header:before { content: "" !important; } .fact.icon-calendar > header:before { content: "" !important; } .fact.icon-camera > header:before { content: "" !important; } .fact.icon-certificate > header:before { content: "" !important; } .fact.icon-certificate2 > header:before { content: "" !important; } .fact.icon-chat-alt > header:before { content: "" !important; } .fact.icon-chat > header:before { content: "" !important; } .fact.icon-check > header:before { content: "" !important; } .fact.icon-chess > header:before { content: "" !important; } .fact.icon-church > header:before { content: "" !important; } .fact.icon-city > header:before { content: "" !important; } .fact.icon-classroom > header:before { content: "" !important; } .fact.icon-cleat > header:before { content: "" !important; } .fact.icon-clock > header:before { content: "" !important; } .fact.icon-college > header:before { content: "" !important; } .fact.icon-connected-users > header:before { content: "" !important; } .fact.icon-construction > header:before { content: "" !important; } .fact.icon-credit-card > header:before { content: "" !important; } .fact.icon-cross > header:before { content: "" !important; } .fact.icon-diagram > header:before { content: "" !important; } .fact.icon-diploma > header:before { content: "" !important; } .fact.icon-directory > header:before { content: "" !important; } .fact.icon-diversity > header:before { content: "" !important; } .fact.icon-droplet > header:before { content: "" !important; } .fact.icon-email > header:before { content: "" !important; } .fact.icon-family > header:before { content: "" !important; } .fact.icon-faq > header:before { content: "" !important; } .fact.icon-flag > header:before { content: "" !important; } .fact.icon-folder > header:before { content: "" !important; } .fact.icon-football > header:before { content: "" !important; } .fact.icon-gift > header:before { content: "" !important; } .fact.icon-global-diversity > header:before { content: "" !important; } .fact.icon-globe > header:before { content: "" !important; } .fact.icon-globe2 > header:before { content: "" !important; } .fact.icon-google-classroom > header:before { content: "" !important; } .fact.icon-graduation > header:before { content: "" !important; } .fact.icon-graduation2 > header:before { content: "" !important; } .fact.icon-group-alt > header:before { content: "" !important; } .fact.icon-group > header:before { content: "" !important; } .fact.icon-handshake > header:before { content: "" !important; } .fact.icon-heart-hand-alt > header:before { content: "" !important; } .fact.icon-heart-hand > header:before { content: "" !important; } .fact.icon-heart > header:before { content: "" !important; } .fact.icon-info > header:before { content: "" !important; } .fact.icon-interactive > header:before { content: "" !important; } .fact.icon-jersey > header:before { content: "" !important; } .fact.icon-laurel > header:before { content: "" !important; } .fact.icon-leader > header:before { content: "" !important; } .fact.icon-leaf > header:before { content: "" !important; } .fact.icon-lightbulb > header:before { content: "" !important; } .fact.icon-link > header:before { content: "" !important; } .fact.icon-location > header:before { content: "" !important; } .fact.icon-lock > header:before { content: "" !important; } .fact.icon-map > header:before { content: "" !important; } .fact.icon-medal > header:before { content: "" !important; } .fact.icon-medical > header:before { content: "" !important; } .fact.icon-menu > header:before { content: "" !important; } .fact.icon-microphone-alt > header:before { content: "" !important; } .fact.icon-microphone > header:before { content: "" !important; } .fact.icon-microscope > header:before { content: "" !important; } .fact.icon-mobile-phone > header:before { content: "" !important; } .fact.icon-money > header:before { content: "" !important; } .fact.icon-music > header:before { content: "" !important; } .fact.icon-name-badge > header:before { content: "" !important; } .fact.icon-newspaper > header:before { content: "" !important; } .fact.icon-open-door > header:before { content: "" !important; } .fact.icon-paint > header:before { content: "" !important; } .fact.icon-parent > header:before { content: "" !important; } .fact.icon-park > header:before { content: "" !important; } .fact.icon-party > header:before { content: "" !important; } .fact.icon-pencil > header:before { content: "" !important; } .fact.icon-phone > header:before { content: "" !important; } .fact.icon-picture > header:before { content: "" !important; } .fact.icon-pie-chart > header:before { content: "" !important; } .fact.icon-piggy-bank > header:before { content: "" !important; } .fact.icon-ping-pong > header:before { content: "" !important; } .fact.icon-plate > header:before { content: "" !important; } .fact.icon-playground > header:before { content: "" !important; } .fact.icon-podium > header:before { content: "" !important; } .fact.icon-question > header:before { content: "" !important; } .fact.icon-rain > header:before { content: "" !important; } .fact.icon-reading-alt > header:before { content: "" !important; } .fact.icon-reading > header:before { content: "" !important; } .fact.icon-report-card > header:before { content: "" !important; } .fact.icon-robot > header:before { content: "" !important; } .fact.icon-school > header:before { content: "" !important; } .fact.icon-school2 > header:before { content: "" !important; } .fact.icon-screens > header:before { content: "" !important; } .fact.icon-settings > header:before { content: "" !important; } .fact.icon-shield-police > header:before { content: "" !important; } .fact.icon-snow-icon > header:before { content: "" !important; } .fact.icon-soccer > header:before { content: "" !important; } .fact.icon-star-david > header:before { content: "" !important; } .fact.icon-star > header:before { content: "" !important; } .fact.icon-store > header:before { content: "" !important; } .fact.icon-sun > header:before { content: "" !important; } .fact.icon-task > header:before { content: "" !important; } .fact.icon-teacher > header:before { content: "" !important; } .fact.icon-teamwork > header:before { content: "" !important; } .fact.icon-theatre > header:before { content: "" !important; } .fact.icon-thumbs-up > header:before { content: "" !important; } .fact.icon-tools > header:before { content: "" !important; } .fact.icon-translate > header:before { content: "" !important; } .fact.icon-tree > header:before { content: "" !important; } .fact.icon-trophy > header:before { content: "" !important; } .fact.icon-user > header:before { content: "" !important; } .fact.icon-video > header:before { content: "" !important; } .fact.icon-virus > header:before { content: "" !important; } .fact.icon-warning > header:before { content: "" !important; } .fact.icon-wheelchair > header:before { content: "" !important; } .fact.icon-add-user-solid > header:before { content: "" !important; } .fact.icon-alumni-solid > header:before { content: "" !important; } .fact.icon-apple-solid > header:before { content: "" !important; } .fact.icon-apply-solid > header:before { content: "" !important; } .fact.icon-backpack-solid > header:before { content: "" !important; } .fact.icon-badge-solid > header:before { content: "" !important; } .fact.icon-bar-graph-solid > header:before { content: "" !important; } .fact.icon-baseball-solid > header:before { content: "" !important; } .fact.icon-block-solid > header:before { content: "" !important; } .fact.icon-book-stack-solid > header:before { content: "" !important; } .fact.icon-book-solid > header:before { content: "" !important; } .fact.icon-brainstorm-solid > header:before { content: "" !important; } .fact.icon-briefcase-solid > header:before { content: "" !important; } .fact.icon-bullhorn-solid > header:before { content: "" !important; } .fact.icon-bus-solid > header:before { content: "" !important; } .fact.icon-calendar-solid > header:before { content: "" !important; } .fact.icon-camera-solid > header:before { content: "" !important; } .fact.icon-certificate-solid > header:before { content: "" !important; } .fact.icon-chat-alt-solid > header:before { content: "" !important; } .fact.icon-chat-solid > header:before { content: "" !important; } .fact.icon-check-solid > header:before { content: "" !important; } .fact.icon-chess-solid > header:before { content: "" !important; } .fact.icon-church-solid > header:before { content: "" !important; } .fact.icon-city-solid > header:before { content: "" !important; } .fact.icon-classroom-solid > header:before { content: "" !important; } .fact.icon-cleat-solid > header:before { content: "" !important; } .fact.icon-clock-solid > header:before { content: "" !important; } .fact.icon-college-solid > header:before { content: "" !important; } .fact.icon-connected-users-solid > header:before { content: "" !important; } .fact.icon-construction-solid > header:before { content: "" !important; } .fact.icon-credit-card-solid > header:before { content: "" !important; } .fact.icon-cross-solid > header:before { content: "" !important; } .fact.icon-diagram-solid > header:before { content: "" !important; } .fact.icon-diploma-solid > header:before { content: "" !important; } .fact.icon-directory-solid > header:before { content: "" !important; } .fact.icon-diversity-solid > header:before { content: "" !important; } .fact.icon-droplet-solid > header:before { content: "" !important; } .fact.icon-email-solid > header:before { content: "ຝ" !important; } .fact.icon-family-solid > header:before { content: "" !important; } .fact.icon-faq-solid > header:before { content: "" !important; } .fact.icon-flag-solid > header:before { content: "" !important; } .fact.icon-folder-solid > header:before { content: "" !important; } .fact.icon-football-solid > header:before { content: "" !important; } .fact.icon-gift-solid > header:before { content: "" !important; } .fact.icon-global-diversity-solid > header:before { content: "" !important; } .fact.icon-globe-solid > header:before { content: "" !important; } .fact.icon-google-classroom-solid > header:before { content: "" !important; } .fact.icon-graduation-solid > header:before { content: "" !important; } .fact.icon-group-alt-solid > header:before { content: "" !important; } .fact.icon-group-solid > header:before { content: "" !important; } .fact.icon-handshake-solid > header:before { content: "" !important; } .fact.icon-heart-hand-alt-solid > header:before { content: "" !important; } .fact.icon-heart-hand-solid > header:before { content: "" !important; } .fact.icon-heart-solid > header:before { content: "" !important; } .fact.icon-info-solid > header:before { content: "" !important; } .fact.icon-interactive-solid > header:before { content: "" !important; } .fact.icon-jersey-solid > header:before { content: "" !important; } .fact.icon-laurel-solid > header:before { content: "" !important; } .fact.icon-leader-solid > header:before { content: "" !important; } .fact.icon-leaf-solid > header:before { content: "" !important; } .fact.icon-lightbulb-solid > header:before { content: "" !important; } .fact.icon-link-solid > header:before { content: "" !important; } .fact.icon-location-solid > header:before { content: "" !important; } .fact.icon-lock-solid > header:before { content: "" !important; } .fact.icon-map-solid > header:before { content: "" !important; } .fact.icon-medal-solid > header:before { content: "" !important; } .fact.icon-medical-solid > header:before { content: "" !important; } .fact.icon-menu-solid > header:before { content: "" !important; } .fact.icon-microphone-alt-solid > header:before { content: "" !important; } .fact.icon-microphone-solid > header:before { content: "" !important; } .fact.icon-microscope-solid > header:before { content: "" !important; } .fact.icon-mobile-phone-solid > header:before { content: "" !important; } .fact.icon-money-solid > header:before { content: "" !important; } .fact.icon-music-solid > header:before { content: "" !important; } .fact.icon-name-badge-solid > header:before { content: "" !important; } .fact.icon-newspaper-solid > header:before { content: "" !important; } .fact.icon-open-door-solid > header:before { content: "" !important; } .fact.icon-paint-solid > header:before { content: "" !important; } .fact.icon-parent-solid > header:before { content: "" !important; } .fact.icon-park-solid > header:before { content: "" !important; } .fact.icon-party-solid > header:before { content: "" !important; } .fact.icon-pencil-solid > header:before { content: "" !important; } .fact.icon-phone-solid > header:before { content: "" !important; } .fact.icon-picture-solid > header:before { content: "" !important; } .fact.icon-pie-chart-solid > header:before { content: "" !important; } .fact.icon-piggy-bank-solid > header:before { content: "" !important; } .fact.icon-ping-pong-solid > header:before { content: "" !important; } .fact.icon-plate-solid > header:before { content: "" !important; } .fact.icon-playground-solid > header:before { content: "" !important; } .fact.icon-podium-solid > header:before { content: "" !important; } .fact.icon-question-solid > header:before { content: "" !important; } .fact.icon-rain-solid > header:before { content: "" !important; } .fact.icon-reading-alt-solid > header:before { content: "" !important; } .fact.icon-reading-solid > header:before { content: "" !important; } .fact.icon-report-card-solid > header:before { content: "" !important; } .fact.icon-robot-solid > header:before { content: "" !important; } .fact.icon-school-solid > header:before { content: "" !important; } .fact.icon-screens-solid > header:before { content: "" !important; } .fact.icon-settings-solid > header:before { content: "" !important; } .fact.icon-shield-police-solid > header:before { content: "" !important; } .fact.icon-snow-solid > header:before { content: "" !important; } .fact.icon-soccer-solid > header:before { content: "" !important; } .fact.icon-star-david-solid > header:before { content: "" !important; } .fact.icon-star-solid > header:before { content: "" !important; } .fact.icon-store-solid > header:before { content: "" !important; } .fact.icon-sun-solid > header:before { content: "" !important; } .fact.icon-task-solid > header:before { content: "" !important; } .fact.icon-teacher-solid > header:before { content: "" !important; } .fact.icon-teamwork-solid > header:before { content: "" !important; } .fact.icon-theatre-solid > header:before { content: "" !important; } .fact.icon-thumbs-up-solid > header:before { content: "" !important; } .fact.icon-tools-solid > header:before { content: "" !important; } .fact.icon-translate-solid > header:before { content: "" !important; } .fact.icon-tree-solid > header:before { content: "" !important; } .fact.icon-trophy-solid > header:before { content: "" !important; } .fact.icon-user-solid > header:before { content: "" !important; } .fact.icon-video-solid > header:before { content: "" !important; } .fact.icon-virus-solid > header:before { content: "" !important; } .fact.icon-warning-solid > header:before { content: "" !important; } .fact.icon-wheelchair-solid > header:before { content: "" !important; } @media print { .nav-main, .nav-sub, .nav-social, .nav-utility-header, .nav-utility-footer, #fsMenu, #fsFooter, #fsHeader, .fsThumbnail, .hide-for-print { display: none !important; } #fsPageContent, #fsBannerLeft, #fsBannerRight { width: 100% !important; } html { font-size: 100%; } body { font-size: 62.5%; } *, *:before, *:after { background: rgba(0, 0, 0, 0) !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } .slick-slide { display: none !important; } .slick-slide.slick-active { display: block !important; } .slick-list { height: auto !important; } .slick-track { width: auto !important; height: auto !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .slick-track .slick-slide { width: auto !important; } a[class*="fs_style"] { border-color: #000; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .fsPanel > header ~ .fsElementContent { display: block; } } @font-face { font-family: "FuturaBT"; src: url(fonts/Futura_BT_Book.woff2) format("woff2"), url(fonts/Futura_BT_Book.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "FuturaBT"; src: url(fonts/Futura_BT_Medium.woff2) format("woff2"), url(fonts/Futura_BT_Medium.woff) format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "FuturaBT"; src: url(fonts/Futura_BT_Heavy.woff2) format("woff2"), url(fonts/Futura_BT_Heavy.woff) format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: "ITC Galliard Pro"; src: url(fonts/GalliardPro_Roman.woff2) format("woff2"), url(fonts/GalliardPro_Roman.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "ITC Galliard Pro"; src: url(fonts/GalliardPro_Italic.woff2) format("woff2"), url(fonts/GalliardPro_Italic.woff) format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "ITC Galliard Pro"; src: url(fonts/GalliardPro_Bold.woff2) format("woff2"), url(fonts/GalliardPro_Bold.woff) format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "IcoMoon"; src: url(fonts/icomoon.eot); src: url(fonts/icomoond41d.eot?#iefix) format("embedded-opentype"), url(fonts/icomoon.woff2) format("woff2"), url(fonts/icomoon.woff) format("woff"), url(fonts/icomoon.svg#IcoMoon) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "FuturaBT", "Roboto", sans-serif !important; src: url(fonts/rugbyschoolacth.eot); src: url(fonts/rugbyschoolacthd41d.eot?#iefix) format("embedded-opentype"), url(fonts/rugbyschoolacth.woff2) format("woff2"), url(fonts/rugbyschoolacth.woff) format("woff"), url(fonts/rugbyschoolacth.ttf) format("truetype"), url(fonts/rugbyschoolacth.svg#rugbyschoolacth) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "bpa-font-icons"; src: url(fonts/bpa-icon-library1.eot); src: url(fonts/bpa-icon-library1d41d.eot?#iefix) format("embedded-opentype"), url(fonts/bpa-icon-library1.woff2) format("woff2"), url(fonts/bpa-icon-library1.woff) format("woff"), url(fonts/bpa-icon-library1.ttf) format("truetype"), url(fonts/bpa-icon-library1.svg#IcoMoon) format("svg"); font-weight: 400; font-style: normal; } .icon-library-page .fsContent { position: relative; } .icon-library-page .fsContent[class*="icon"]:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; font-size: 40px; line-height: 1; margin-bottom: 20px; display: block; } .icon-library-page .fsContent .fsElementTitle { font-size: 22px; line-height: 30.8px; letter-spacing: 2.2px; } .icon-library-page #fsPageBody .icon-add-user:before { content: "" !important; } .icon-library-page #fsPageBody .icon-alumni:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apple:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apply:before { content: "" !important; } .icon-library-page #fsPageBody .icon-backpack:before { content: "" !important; } .icon-library-page #fsPageBody .icon-badge:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bar-graph:before { content: "" !important; } .icon-library-page #fsPageBody .icon-baseball:before { content: "" !important; } .icon-library-page #fsPageBody .icon-block:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book-stack:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book:before { content: "" !important; } .icon-library-page #fsPageBody .icon-brainstorm:before { content: "" !important; } .icon-library-page #fsPageBody .icon-briefcase:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bullhorn:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bus:before { content: "" !important; } .icon-library-page #fsPageBody .icon-calendar:before { content: "" !important; } .icon-library-page #fsPageBody .icon-camera:before { content: "" !important; } .icon-library-page #fsPageBody .icon-certificate:before { content: "" !important; } .icon-library-page #fsPageBody .icon-certificate2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat:before { content: "" !important; } .icon-library-page #fsPageBody .icon-check:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chess:before { content: "" !important; } .icon-library-page #fsPageBody .icon-church:before { content: "" !important; } .icon-library-page #fsPageBody .icon-city:before { content: "" !important; } .icon-library-page #fsPageBody .icon-classroom:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cleat:before { content: "" !important; } .icon-library-page #fsPageBody .icon-clock:before { content: "" !important; } .icon-library-page #fsPageBody .icon-college:before { content: "" !important; } .icon-library-page #fsPageBody .icon-connected-users:before { content: "" !important; } .icon-library-page #fsPageBody .icon-construction:before { content: "" !important; } .icon-library-page #fsPageBody .icon-credit-card:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cross:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diagram:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diploma:before { content: "" !important; } .icon-library-page #fsPageBody .icon-directory:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diversity:before { content: "" !important; } .icon-library-page #fsPageBody .icon-droplet:before { content: "" !important; } .icon-library-page #fsPageBody .icon-email:before { content: "" !important; } .icon-library-page #fsPageBody .icon-family:before { content: "" !important; } .icon-library-page #fsPageBody .icon-faq:before { content: "" !important; } .icon-library-page #fsPageBody .icon-flag:before { content: "" !important; } .icon-library-page #fsPageBody .icon-folder:before { content: "" !important; } .icon-library-page #fsPageBody .icon-football:before { content: "" !important; } .icon-library-page #fsPageBody .icon-gift:before { content: "" !important; } .icon-library-page #fsPageBody .icon-global-diversity:before { content: "" !important; } .icon-library-page #fsPageBody .icon-globe:before { content: "" !important; } .icon-library-page #fsPageBody .icon-globe2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-google-classroom:before { content: "" !important; } .icon-library-page #fsPageBody .icon-graduation:before { content: "" !important; } .icon-library-page #fsPageBody .icon-graduation2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group:before { content: "" !important; } .icon-library-page #fsPageBody .icon-handshake:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart:before { content: "" !important; } .icon-library-page #fsPageBody .icon-info:before { content: "" !important; } .icon-library-page #fsPageBody .icon-interactive:before { content: "" !important; } .icon-library-page #fsPageBody .icon-jersey:before { content: "" !important; } .icon-library-page #fsPageBody .icon-laurel:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leader:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leaf:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lightbulb:before { content: "" !important; } .icon-library-page #fsPageBody .icon-link:before { content: "" !important; } .icon-library-page #fsPageBody .icon-location:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lock:before { content: "" !important; } .icon-library-page #fsPageBody .icon-map:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medal:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medical:before { content: "" !important; } .icon-library-page #fsPageBody .icon-menu:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microscope:before { content: "" !important; } .icon-library-page #fsPageBody .icon-mobile-phone:before { content: "" !important; } .icon-library-page #fsPageBody .icon-money:before { content: "" !important; } .icon-library-page #fsPageBody .icon-music:before { content: "" !important; } .icon-library-page #fsPageBody .icon-name-badge:before { content: "" !important; } .icon-library-page #fsPageBody .icon-newspaper:before { content: "" !important; } .icon-library-page #fsPageBody .icon-open-door:before { content: "" !important; } .icon-library-page #fsPageBody .icon-paint:before { content: "" !important; } .icon-library-page #fsPageBody .icon-parent:before { content: "" !important; } .icon-library-page #fsPageBody .icon-park:before { content: "" !important; } .icon-library-page #fsPageBody .icon-party:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pencil:before { content: "" !important; } .icon-library-page #fsPageBody .icon-phone:before { content: "" !important; } .icon-library-page #fsPageBody .icon-picture:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pie-chart:before { content: "" !important; } .icon-library-page #fsPageBody .icon-piggy-bank:before { content: "" !important; } .icon-library-page #fsPageBody .icon-ping-pong:before { content: "" !important; } .icon-library-page #fsPageBody .icon-plate:before { content: "" !important; } .icon-library-page #fsPageBody .icon-playground:before { content: "" !important; } .icon-library-page #fsPageBody .icon-podium:before { content: "" !important; } .icon-library-page #fsPageBody .icon-question:before { content: "" !important; } .icon-library-page #fsPageBody .icon-rain:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading:before { content: "" !important; } .icon-library-page #fsPageBody .icon-report-card:before { content: "" !important; } .icon-library-page #fsPageBody .icon-robot:before { content: "" !important; } .icon-library-page #fsPageBody .icon-school:before { content: "" !important; } .icon-library-page #fsPageBody .icon-school2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-screens:before { content: "" !important; } .icon-library-page #fsPageBody .icon-settings:before { content: "" !important; } .icon-library-page #fsPageBody .icon-shield-police:before { content: "" !important; } .icon-library-page #fsPageBody .icon-snow-icon:before { content: "" !important; } .icon-library-page #fsPageBody .icon-soccer:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star-david:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star:before { content: "" !important; } .icon-library-page #fsPageBody .icon-store:before { content: "" !important; } .icon-library-page #fsPageBody .icon-sun:before { content: "" !important; } .icon-library-page #fsPageBody .icon-task:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teacher:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teamwork:before { content: "" !important; } .icon-library-page #fsPageBody .icon-theatre:before { content: "" !important; } .icon-library-page #fsPageBody .icon-thumbs-up:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tools:before { content: "" !important; } .icon-library-page #fsPageBody .icon-translate:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tree:before { content: "" !important; } .icon-library-page #fsPageBody .icon-trophy:before { content: "" !important; } .icon-library-page #fsPageBody .icon-user:before { content: "" !important; } .icon-library-page #fsPageBody .icon-video:before { content: "" !important; } .icon-library-page #fsPageBody .icon-virus:before { content: "" !important; } .icon-library-page #fsPageBody .icon-warning:before { content: "" !important; } .icon-library-page #fsPageBody .icon-wheelchair:before { content: "" !important; } .icon-library-page #fsPageBody .icon-add-user-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-alumni-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apple-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apply-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-backpack-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-badge-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bar-graph-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-baseball-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-block-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book-stack-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-brainstorm-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-briefcase-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bullhorn-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bus-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-calendar-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-camera-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-certificate-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-check-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chess-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-church-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-city-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-classroom-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cleat-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-clock-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-college-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-connected-users-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-construction-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-credit-card-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cross-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diagram-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diploma-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-directory-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diversity-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-droplet-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-email-solid:before { content: "ຝ" !important; } .icon-library-page #fsPageBody .icon-family-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-faq-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-flag-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-folder-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-football-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-gift-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-global-diversity-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-globe-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-google-classroom-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-graduation-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-handshake-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-info-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-interactive-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-jersey-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-laurel-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leader-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leaf-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lightbulb-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-link-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-location-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lock-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-map-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medal-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medical-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-menu-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microscope-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-mobile-phone-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-money-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-music-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-name-badge-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-newspaper-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-open-door-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-paint-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-parent-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-park-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-party-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pencil-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-phone-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-picture-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pie-chart-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-piggy-bank-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-ping-pong-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-plate-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-playground-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-podium-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-question-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-rain-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-report-card-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-robot-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-school-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-screens-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-settings-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-shield-police-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-snow-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-soccer-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star-david-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-store-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-sun-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-task-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teacher-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teamwork-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-theatre-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-thumbs-up-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tools-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-translate-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tree-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-trophy-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-user-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-video-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-virus-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-warning-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-wheelchair-solid:before { content: "" !important; } /*! helpers - functions v0.0.1 */ /*! helpers - utility v0.0.1 */ /*! helpers - box-model v0.0.1 */ /*! helpers - presentational v0.0.1 */ /*! helpers - ui-pattern v0.0.1 */ /*! helpers - typography v0.0.1 */ .fs_style_1:not(.fs_style_9) { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: 'Manrope', sans-serif !important; font-weight: 500; font-size: 16px; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fs_style_1:not(.fs_style_9):hover, .fs_style_1:not(.fs_style_9):focus, .fsStateSelected .fs_style_1:not(.fs_style_9), .fs_style_1:not(.fs_style_9).on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_15 { width: 100%; max-width: unset; } .fs_style_1:not(.fs_style_9).fs_style_5 { background: #13284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_5:hover, .fs_style_1:not(.fs_style_9).fs_style_5:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_5, .fs_style_1:not(.fs_style_9).fs_style_5.on { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_6 { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_6:hover, .fs_style_1:not(.fs_style_9).fs_style_6:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_6, .fs_style_1:not(.fs_style_9).fs_style_6.on { background: #13284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_7 { background: #9ebba5; color: #13284D; } .fs_style_1:not(.fs_style_9).fs_style_7:hover, .fs_style_1:not(.fs_style_9).fs_style_7:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_7, .fs_style_1:not(.fs_style_9).fs_style_7.on { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_8 { background: #efc515; color: #13284D; } .fs_style_1:not(.fs_style_9).fs_style_8:hover, .fs_style_1:not(.fs_style_9).fs_style_8:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_8, .fs_style_1:not(.fs_style_9).fs_style_8.on { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_11 { background: #fff !important; color: #13284D !important; border-color: #fff !important; } .fs_style_1:not(.fs_style_9).fs_style_11:hover, .fs_style_1:not(.fs_style_9).fs_style_11:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_11, .fs_style_1:not(.fs_style_9).fs_style_11.on { background: #13284D !important; border-color: #fff !important; color: #fff !important; } .fs_style_1.fs_style_9 { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid #13284D !important; background: rgba(0, 0, 0, 0); color: #13284D; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; } .fs_style_1.fs_style_9.fs_style_15 { width: 100%; max-width: unset; } .fs_style_1.fs_style_9:hover, .fs_style_1.fs_style_9:focus, .fsStateSelected .fs_style_1.fs_style_9, .fs_style_1.fs_style_9.on { background: #13284D; color: #fff; } .fs_style_1.fs_style_9.fs_style_6 { color: #14284D; border-color: #14284D !important; } .fs_style_1.fs_style_9.fs_style_6:hover, .fs_style_1.fs_style_9.fs_style_6:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_6, .fs_style_1.fs_style_9.fs_style_6.on { background: #14284D; color: #fff; } .fs_style_1.fs_style_9.fs_style_7 { border-color: #9ebba5 !important; color: #13284D; } .fs_style_1.fs_style_9.fs_style_7:hover, .fs_style_1.fs_style_9.fs_style_7:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_7, .fs_style_1.fs_style_9.fs_style_7.on { background: #9ebba5; } .fs_style_1.fs_style_9.fs_style_8 { border-color: #efc515 !important; color: #13284D; } .fs_style_1.fs_style_9.fs_style_8:hover, .fs_style_1.fs_style_9.fs_style_8:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_8, .fs_style_1.fs_style_9.fs_style_8.on { background: #efc515; } .fs_style_1.fs_style_9.fs_style_12 { border-color: #fff !important; color: #fff !important; background: rgba(0, 0, 0, 0) !important; } .fs_style_1.fs_style_9.fs_style_12:hover, .fs_style_1.fs_style_9.fs_style_12:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_12, .fs_style_1.fs_style_9.fs_style_12.on { background: #fff !important; color: #13284D !important; } .fs_style_1.fs_style_9.fs_style_12.fs_style_7:hover, .fs_style_1.fs_style_9.fs_style_12.fs_style_7:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_12.fs_style_7, .fs_style_1.fs_style_9.fs_style_12.fs_style_7.on { background: #14284D !important; border-color: #14284D !important; color: #fff !important; } .fs_style_1.fs_style_9.fs_style_12.fs_style_8 { border-color: #efc515 !important; } .fs_style_1.fs_style_9.fs_style_12.fs_style_8:hover, .fs_style_1.fs_style_9.fs_style_12.fs_style_8:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_12.fs_style_8, .fs_style_1.fs_style_9.fs_style_12.fs_style_8.on { background: #efc515 !important; color: #13284D !important; } .fs_style_1.fs_style_9.fs_style_18 { border-color: #13284D !important; color: #13284D !important; background: rgba(0, 0, 0, 0) !important; } .fs_style_1.fs_style_9.fs_style_18:hover, .fs_style_1.fs_style_9.fs_style_18:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_18, .fs_style_1.fs_style_9.fs_style_18.on { background: #13284D !important; color: #fff !important; } .fs_style_10:not(.fs_style_9) { display: inline-block; padding: 25px 34px 21px; border: 1px solid rgba(0, 0, 0, 0); background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 17px; line-height: 20px; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; width: 100%; max-width: 280px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; border-radius: 100px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fs_style_10:not(.fs_style_9):hover, .fs_style_10:not(.fs_style_9):focus, .fsStateSelected .fs_style_10:not(.fs_style_9), .fs_style_10:not(.fs_style_9).on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_15 { width: 100%; max-width: unset; } .fs_style_10:not(.fs_style_9) em { display: block; margin-top: 8px; font-size: 16px; line-height: 1.4; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0.0125em; } .fs_style_10:not(.fs_style_9).fs_style_5 { background: #13284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_5:hover, .fs_style_10:not(.fs_style_9).fs_style_5:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_5, .fs_style_10:not(.fs_style_9).fs_style_5.on { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_6 { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_6:hover, .fs_style_10:not(.fs_style_9).fs_style_6:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_6, .fs_style_10:not(.fs_style_9).fs_style_6.on { background: #13284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_7 { background: #9ebba5; color: #13284D; } .fs_style_10:not(.fs_style_9).fs_style_7:hover, .fs_style_10:not(.fs_style_9).fs_style_7:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_7, .fs_style_10:not(.fs_style_9).fs_style_7.on { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_8 { background: #efc515; color: #13284D; } .fs_style_10:not(.fs_style_9).fs_style_8:hover, .fs_style_10:not(.fs_style_9).fs_style_8:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_8, .fs_style_10:not(.fs_style_9).fs_style_8.on { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_12 { border-color: #fff !important; color: #fff !important; background: rgba(0, 0, 0, 0) !important; } .fs_style_10:not(.fs_style_9).fs_style_12:hover, .fs_style_10:not(.fs_style_9).fs_style_12:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_12, .fs_style_10:not(.fs_style_9).fs_style_12.on { background: #fff !important; color: #13284D !important; } .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7:hover, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7.on { background: #14284D !important; border-color: #14284D !important; color: #fff !important; } .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8 { border-color: #efc515 !important; } .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8:hover, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8.on { background: #efc515 !important; color: #13284D !important; } .fs_style_10:not(.fs_style_9).fs_style_11 { background: #fff !important; color: #13284D !important; border-color: #fff !important; } .fs_style_10:not(.fs_style_9).fs_style_11:hover, .fs_style_10:not(.fs_style_9).fs_style_11:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_11, .fs_style_10:not(.fs_style_9).fs_style_11.on { background: rgba(0, 0, 0, 0) !important; border-color: #fff !important; color: #fff !important; } .fs_style_10.fs_style_9 { display: inline-block; padding: 25px 34px 21px; border: 1px solid #13284D; background: rgba(0, 0, 0, 0); color: #13284D; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 17px; line-height: 20px; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; width: 100%; max-width: 280px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; border-radius: 100px; } .fs_style_10.fs_style_9.fs_style_15 { width: 100%; max-width: unset; } .fs_style_10.fs_style_9 em { display: block; margin-top: 8px; font-size: 16px; line-height: 1.4; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0.0125em; } .fs_style_10.fs_style_9:hover, .fs_style_10.fs_style_9:focus, .fsStateSelected .fs_style_10.fs_style_9, .fs_style_10.fs_style_9.on { background: #13284D; color: #fff; } .fs_style_10.fs_style_9.fs_style_6 { color: #14284D; border-color: #14284D !important; } .fs_style_10.fs_style_9.fs_style_6:hover, .fs_style_10.fs_style_9.fs_style_6:focus, .fsStateSelected .fs_style_10.fs_style_9.fs_style_6, .fs_style_10.fs_style_9.fs_style_6.on { background: #14284D; color: #fff; } .fs_style_10.fs_style_9.fs_style_7 { border-color: #9ebba5 !important; color: #13284D; } .fs_style_10.fs_style_9.fs_style_7:hover, .fs_style_10.fs_style_9.fs_style_7:focus, .fsStateSelected .fs_style_10.fs_style_9.fs_style_7, .fs_style_10.fs_style_9.fs_style_7.on { background: #9ebba5; } .fs_style_10.fs_style_9.fs_style_8 { border-color: #efc515 !important; color: #13284D; } .fs_style_10.fs_style_9.fs_style_8:hover, .fs_style_10.fs_style_9.fs_style_8:focus, .fsStateSelected .fs_style_10.fs_style_9.fs_style_8, .fs_style_10.fs_style_9.fs_style_8.on { background: #efc515; } .fs_style_16, .fs_style_17 { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid #cfcfcf !important; background: rgba(0, 0, 0, 0); color: #13284D; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fs_style_16:hover, .fs_style_16:focus, .fsStateSelected .fs_style_16, .fs_style_16.on, .fs_style_17:hover, .fs_style_17:focus, .fsStateSelected .fs_style_17, .fs_style_17.on { border-color: #14284D !important; background: #14284D; color: #fff; } .fs_style_16.fs_style_15, .fs_style_17.fs_style_15 { width: 100%; max-width: unset; } .fs_style_16:before, .fs_style_17:before { font-size: 1rem; line-height: 140%; vertical-align: middle; color: #14284D; text-transform: uppercase; } .fs_style_16:hover:before, .fs_style_16:focus:before, .fs_style_17:hover:before, .fs_style_17:focus:before { color: #fff; } .fs_style_16:before { content: ""; font-family: "FuturaBT", "Roboto", sans-serif !important; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 8px; } .fs_style_17:before { content: ""; font-family: "FuturaBT", "Roboto", sans-serif !important; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 8px; } .fsStyleDefaultButton { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fsStyleDefaultButton:hover, .fsStyleDefaultButton:focus, .fsStateSelected .fsStyleDefaultButton, .fsStyleDefaultButton.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fsStyleDefaultButton.fs_style_15 { width: 100%; max-width: unset; } .fsStyleDefaultButton.fsLoadMoreButton { margin: 40px 0 0; } @media (min-width: 600px) { .fsBannerLeft .fsStyleDefaultButton.fsLoadMoreButton, .fsBannerRight .fsStyleDefaultButton.fsLoadMoreButton, .fsStyleOneThird .fsStyleDefaultButton.fsLoadMoreButton, .fsTwoColumnLayout .fsStyleDefaultButton.fsLoadMoreButton, .fsThreeColumnLayout > .fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsFourColumnLayout > .fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_3 .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_4 .fsStyleDefaultButton.fsLoadMoreButton { max-width: 100%; width: 100%; } } .fsStyleDefaultButton.fsSelectAll { margin-bottom: 5px; padding: 7px 12px; font-size: 0.875em; line-height: 1.2; } .fsStyleUpdateButton { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fsStyleUpdateButton:hover, .fsStyleUpdateButton:focus, .fsStateSelected .fsStyleUpdateButton, .fsStyleUpdateButton.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fsStyleUpdateButton.fs_style_15 { width: 100%; max-width: unset; } .j-paginate.juicer-button { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: auto; margin-top: 40px; } .j-paginate.juicer-button:hover, .j-paginate.juicer-button:focus, .fsStateSelected .j-paginate.juicer-button, .j-paginate.juicer-button.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .j-paginate.juicer-button.fs_style_15 { width: 100%; max-width: unset; } .bpa-college-slider-1 { opacity: 0; width: 100%; max-width: 100%; margin: 50px 0; } .bpa-college-slider-1.element-loaded, .bpa-college-slider-1.element-empty { opacity: 1; } body.fsComposeMode .bpa-college-slider-1 { opacity: 1; } .bpa-college-slider-1 .js-marquee { display: -webkit-box; display: -ms-flexbox; display: flex; } .bpa-college-slider-1 > .fsElementContent > .fsListItems { height: 90px; background: none; overflow: hidden; margin: 0; padding: 0; display: block; zoom: 1; } .bpa-college-slider-1 > .fsElementContent > .fsListItems:after { display: table; clear: both; content: ""; } body.fsComposeMode .bpa-college-slider-1 > .fsElementContent > .fsListItems { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: nowrap; } .bpa-college-slider-1 > .fsElementContent > .fsListItems .fsResource { float: left; 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-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0 20px; height: 90px; position: relative; width: auto; } body.fsComposeMode .bpa-college-slider-1 > .fsElementContent > .fsListItems .fsResource { width: auto; } .bpa-college-slider-1 > .fsElementContent > .fsListItems .fsResource figure { display: block; margin: auto; } .bpa-college-slider-1 > .fsElementContent > .fsListItems .fsResource picture { padding: 0; } .bpa-college-slider-1 > .fsElementContent > .fsListItems .fsResource img { display: block; max-height: 90px; width: auto; opacity: 1; position: relative; margin: 0; -webkit-transform: none; -ms-transform: none; transform: none; min-height: 0; min-width: 0; left: 0; top: 0; } body:not(.fsComposeMode) .bpa-college-slider-1 > .fsElementContent > .fsListItems .fsResource a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: rgba(0, 0, 0, 0); white-space: nowrap; background: rgba(0, 0, 0, 0); -webkit-transition: 0.3s; transition: 0.3s; } body:not(.fsComposeMode) .bpa-college-slider-1 > .fsElementContent > .fsListItems .fsResource a:focus { -webkit-box-shadow: inset 0 0 0 1px #14284D; box-shadow: inset 0 0 0 1px #14284D; } .bpa-college-slider-1.dark > .fsElementContent { padding: 20px 0; background-color: #131313; } .bpa-college-slider-1 .fsElementPagination { display: none !important; } .full-width-college-slider > .fsElementContent { width: 100vw; margin: 0 calc(-50vw + 50%); position: relative; } @font-face { font-family: "FuturaBT"; src: url(fonts/Futura_BT_Book.woff2) format("woff2"), url(fonts/Futura_BT_Book.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "FuturaBT"; src: url(fonts/Futura_BT_Medium.woff2) format("woff2"), url(fonts/Futura_BT_Medium.woff) format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "FuturaBT"; src: url(fonts/Futura_BT_Heavy.woff2) format("woff2"), url(fonts/Futura_BT_Heavy.woff) format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: "ITC Galliard Pro"; src: url(fonts/GalliardPro_Roman.woff2) format("woff2"), url(fonts/GalliardPro_Roman.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "ITC Galliard Pro"; src: url(fonts/GalliardPro_Italic.woff2) format("woff2"), url(fonts/GalliardPro_Italic.woff) format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "ITC Galliard Pro"; src: url(fonts/GalliardPro_Bold.woff2) format("woff2"), url(fonts/GalliardPro_Bold.woff) format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "IcoMoon"; src: url(fonts/icomoon.eot); src: url(fonts/icomoond41d.eot?#iefix) format("embedded-opentype"), url(fonts/icomoon.woff2) format("woff2"), url(fonts/icomoon.woff) format("woff"), url(fonts/icomoon.svg#IcoMoon) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "FuturaBT", "Roboto", sans-serif !important; src: url(fonts/rugbyschoolacth.eot); src: url(fonts/rugbyschoolacthd41d.eot?#iefix) format("embedded-opentype"), url(fonts/rugbyschoolacth.woff2) format("woff2"), url(fonts/rugbyschoolacth.woff) format("woff"), url(fonts/rugbyschoolacth.ttf) format("truetype"), url(fonts/rugbyschoolacth.svg#rugbyschoolacth) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "bpa-font-icons"; src: url(fonts/bpa-icon-library1.eot); src: url(fonts/bpa-icon-library1d41d.eot?#iefix) format("embedded-opentype"), url(fonts/bpa-icon-library1.woff2) format("woff2"), url(fonts/bpa-icon-library1.woff) format("woff"), url(fonts/bpa-icon-library1.ttf) format("truetype"), url(fonts/bpa-icon-library1.svg#IcoMoon) format("svg"); font-weight: 400; font-style: normal; } .icon-library-page .fsContent { position: relative; } .icon-library-page .fsContent[class*="icon"]:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; font-size: 40px; line-height: 1; margin-bottom: 20px; display: block; } .icon-library-page .fsContent .fsElementTitle { font-size: 22px; line-height: 30.8px; letter-spacing: 2.2px; } .icon-library-page #fsPageBody .icon-add-user:before { content: "" !important; } .icon-library-page #fsPageBody .icon-alumni:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apple:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apply:before { content: "" !important; } .icon-library-page #fsPageBody .icon-backpack:before { content: "" !important; } .icon-library-page #fsPageBody .icon-badge:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bar-graph:before { content: "" !important; } .icon-library-page #fsPageBody .icon-baseball:before { content: "" !important; } .icon-library-page #fsPageBody .icon-block:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book-stack:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book:before { content: "" !important; } .icon-library-page #fsPageBody .icon-brainstorm:before { content: "" !important; } .icon-library-page #fsPageBody .icon-briefcase:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bullhorn:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bus:before { content: "" !important; } .icon-library-page #fsPageBody .icon-calendar:before { content: "" !important; } .icon-library-page #fsPageBody .icon-camera:before { content: "" !important; } .icon-library-page #fsPageBody .icon-certificate:before { content: "" !important; } .icon-library-page #fsPageBody .icon-certificate2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat:before { content: "" !important; } .icon-library-page #fsPageBody .icon-check:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chess:before { content: "" !important; } .icon-library-page #fsPageBody .icon-church:before { content: "" !important; } .icon-library-page #fsPageBody .icon-city:before { content: "" !important; } .icon-library-page #fsPageBody .icon-classroom:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cleat:before { content: "" !important; } .icon-library-page #fsPageBody .icon-clock:before { content: "" !important; } .icon-library-page #fsPageBody .icon-college:before { content: "" !important; } .icon-library-page #fsPageBody .icon-connected-users:before { content: "" !important; } .icon-library-page #fsPageBody .icon-construction:before { content: "" !important; } .icon-library-page #fsPageBody .icon-credit-card:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cross:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diagram:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diploma:before { content: "" !important; } .icon-library-page #fsPageBody .icon-directory:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diversity:before { content: "" !important; } .icon-library-page #fsPageBody .icon-droplet:before { content: "" !important; } .icon-library-page #fsPageBody .icon-email:before { content: "" !important; } .icon-library-page #fsPageBody .icon-family:before { content: "" !important; } .icon-library-page #fsPageBody .icon-faq:before { content: "" !important; } .icon-library-page #fsPageBody .icon-flag:before { content: "" !important; } .icon-library-page #fsPageBody .icon-folder:before { content: "" !important; } .icon-library-page #fsPageBody .icon-football:before { content: "" !important; } .icon-library-page #fsPageBody .icon-gift:before { content: "" !important; } .icon-library-page #fsPageBody .icon-global-diversity:before { content: "" !important; } .icon-library-page #fsPageBody .icon-globe:before { content: "" !important; } .icon-library-page #fsPageBody .icon-globe2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-google-classroom:before { content: "" !important; } .icon-library-page #fsPageBody .icon-graduation:before { content: "" !important; } .icon-library-page #fsPageBody .icon-graduation2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group:before { content: "" !important; } .icon-library-page #fsPageBody .icon-handshake:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart:before { content: "" !important; } .icon-library-page #fsPageBody .icon-info:before { content: "" !important; } .icon-library-page #fsPageBody .icon-interactive:before { content: "" !important; } .icon-library-page #fsPageBody .icon-jersey:before { content: "" !important; } .icon-library-page #fsPageBody .icon-laurel:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leader:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leaf:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lightbulb:before { content: "" !important; } .icon-library-page #fsPageBody .icon-link:before { content: "" !important; } .icon-library-page #fsPageBody .icon-location:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lock:before { content: "" !important; } .icon-library-page #fsPageBody .icon-map:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medal:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medical:before { content: "" !important; } .icon-library-page #fsPageBody .icon-menu:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microscope:before { content: "" !important; } .icon-library-page #fsPageBody .icon-mobile-phone:before { content: "" !important; } .icon-library-page #fsPageBody .icon-money:before { content: "" !important; } .icon-library-page #fsPageBody .icon-music:before { content: "" !important; } .icon-library-page #fsPageBody .icon-name-badge:before { content: "" !important; } .icon-library-page #fsPageBody .icon-newspaper:before { content: "" !important; } .icon-library-page #fsPageBody .icon-open-door:before { content: "" !important; } .icon-library-page #fsPageBody .icon-paint:before { content: "" !important; } .icon-library-page #fsPageBody .icon-parent:before { content: "" !important; } .icon-library-page #fsPageBody .icon-park:before { content: "" !important; } .icon-library-page #fsPageBody .icon-party:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pencil:before { content: "" !important; } .icon-library-page #fsPageBody .icon-phone:before { content: "" !important; } .icon-library-page #fsPageBody .icon-picture:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pie-chart:before { content: "" !important; } .icon-library-page #fsPageBody .icon-piggy-bank:before { content: "" !important; } .icon-library-page #fsPageBody .icon-ping-pong:before { content: "" !important; } .icon-library-page #fsPageBody .icon-plate:before { content: "" !important; } .icon-library-page #fsPageBody .icon-playground:before { content: "" !important; } .icon-library-page #fsPageBody .icon-podium:before { content: "" !important; } .icon-library-page #fsPageBody .icon-question:before { content: "" !important; } .icon-library-page #fsPageBody .icon-rain:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading-alt:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading:before { content: "" !important; } .icon-library-page #fsPageBody .icon-report-card:before { content: "" !important; } .icon-library-page #fsPageBody .icon-robot:before { content: "" !important; } .icon-library-page #fsPageBody .icon-school:before { content: "" !important; } .icon-library-page #fsPageBody .icon-school2:before { content: "" !important; } .icon-library-page #fsPageBody .icon-screens:before { content: "" !important; } .icon-library-page #fsPageBody .icon-settings:before { content: "" !important; } .icon-library-page #fsPageBody .icon-shield-police:before { content: "" !important; } .icon-library-page #fsPageBody .icon-snow-icon:before { content: "" !important; } .icon-library-page #fsPageBody .icon-soccer:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star-david:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star:before { content: "" !important; } .icon-library-page #fsPageBody .icon-store:before { content: "" !important; } .icon-library-page #fsPageBody .icon-sun:before { content: "" !important; } .icon-library-page #fsPageBody .icon-task:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teacher:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teamwork:before { content: "" !important; } .icon-library-page #fsPageBody .icon-theatre:before { content: "" !important; } .icon-library-page #fsPageBody .icon-thumbs-up:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tools:before { content: "" !important; } .icon-library-page #fsPageBody .icon-translate:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tree:before { content: "" !important; } .icon-library-page #fsPageBody .icon-trophy:before { content: "" !important; } .icon-library-page #fsPageBody .icon-user:before { content: "" !important; } .icon-library-page #fsPageBody .icon-video:before { content: "" !important; } .icon-library-page #fsPageBody .icon-virus:before { content: "" !important; } .icon-library-page #fsPageBody .icon-warning:before { content: "" !important; } .icon-library-page #fsPageBody .icon-wheelchair:before { content: "" !important; } .icon-library-page #fsPageBody .icon-add-user-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-alumni-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apple-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-apply-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-backpack-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-badge-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bar-graph-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-baseball-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-block-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book-stack-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-book-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-brainstorm-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-briefcase-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bullhorn-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-bus-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-calendar-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-camera-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-certificate-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chat-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-check-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-chess-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-church-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-city-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-classroom-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cleat-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-clock-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-college-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-connected-users-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-construction-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-credit-card-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-cross-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diagram-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diploma-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-directory-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-diversity-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-droplet-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-email-solid:before { content: "ຝ" !important; } .icon-library-page #fsPageBody .icon-family-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-faq-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-flag-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-folder-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-football-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-gift-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-global-diversity-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-globe-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-google-classroom-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-graduation-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-group-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-handshake-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-hand-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-heart-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-info-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-interactive-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-jersey-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-laurel-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leader-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-leaf-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lightbulb-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-link-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-location-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-lock-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-map-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medal-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-medical-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-menu-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microphone-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-microscope-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-mobile-phone-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-money-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-music-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-name-badge-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-newspaper-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-open-door-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-paint-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-parent-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-park-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-party-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pencil-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-phone-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-picture-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-pie-chart-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-piggy-bank-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-ping-pong-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-plate-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-playground-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-podium-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-question-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-rain-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading-alt-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-reading-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-report-card-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-robot-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-school-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-screens-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-settings-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-shield-police-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-snow-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-soccer-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star-david-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-star-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-store-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-sun-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-task-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teacher-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-teamwork-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-theatre-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-thumbs-up-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tools-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-translate-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-tree-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-trophy-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-user-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-video-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-virus-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-warning-solid:before { content: "" !important; } .icon-library-page #fsPageBody .icon-wheelchair-solid:before { content: "" !important; } /*! helpers - functions v0.0.1 */ /*! helpers - utility v0.0.1 */ /*! helpers - box-model v0.0.1 */ /*! helpers - presentational v0.0.1 */ /*! helpers - ui-pattern v0.0.1 */ /*! helpers - typography v0.0.1 */ .fs_style_1:not(.fs_style_9) { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: rgba(42, 122, 227, 0.62); color: #fff; font-family: 'Manrope', sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fs_style_1:not(.fs_style_9):hover, .fs_style_1:not(.fs_style_9):focus, .fsStateSelected .fs_style_1:not(.fs_style_9), .fs_style_1:not(.fs_style_9).on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_15 { width: 100%; max-width: unset; } .fs_style_1:not(.fs_style_9).fs_style_5 { background: #13284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_5:hover, .fs_style_1:not(.fs_style_9).fs_style_5:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_5, .fs_style_1:not(.fs_style_9).fs_style_5.on { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_6 { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_6:hover, .fs_style_1:not(.fs_style_9).fs_style_6:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_6, .fs_style_1:not(.fs_style_9).fs_style_6.on { background: #13284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_7 { background: #9ebba5; color: #13284D; } .fs_style_1:not(.fs_style_9).fs_style_7:hover, .fs_style_1:not(.fs_style_9).fs_style_7:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_7, .fs_style_1:not(.fs_style_9).fs_style_7.on { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_8 { background: #efc515; color: #13284D; } .fs_style_1:not(.fs_style_9).fs_style_8:hover, .fs_style_1:not(.fs_style_9).fs_style_8:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_8, .fs_style_1:not(.fs_style_9).fs_style_8.on { background: #14284D; color: #fff; } .fs_style_1:not(.fs_style_9).fs_style_11 { background: #fff !important; color: #13284D !important; border-color: #fff !important; } .fs_style_1:not(.fs_style_9).fs_style_11:hover, .fs_style_1:not(.fs_style_9).fs_style_11:focus, .fsStateSelected .fs_style_1:not(.fs_style_9).fs_style_11, .fs_style_1:not(.fs_style_9).fs_style_11.on { background: #13284D !important; border-color: #fff !important; color: #fff !important; } .fs_style_1.fs_style_9 { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid #13284D !important; background: rgba(0, 0, 0, 0); color: #13284D; font-family: 'Manrope', sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; } .fs_style_1.fs_style_9.fs_style_15 { width: 100%; max-width: unset; } .fs_style_1.fs_style_9:hover, .fs_style_1.fs_style_9:focus, .fsStateSelected .fs_style_1.fs_style_9, .fs_style_1.fs_style_9.on { background: #13284D; color: #fff; } .fs_style_1.fs_style_9.fs_style_6 { color: #14284D; border-color: #14284D !important; } .fs_style_1.fs_style_9.fs_style_6:hover, .fs_style_1.fs_style_9.fs_style_6:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_6, .fs_style_1.fs_style_9.fs_style_6.on { background: #14284D; color: #fff; } .fs_style_1.fs_style_9.fs_style_7 { border-color: #9ebba5 !important; color: #13284D; } .fs_style_1.fs_style_9.fs_style_7:hover, .fs_style_1.fs_style_9.fs_style_7:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_7, .fs_style_1.fs_style_9.fs_style_7.on { background: #9ebba5; } .fs_style_1.fs_style_9.fs_style_8 { border-color: #efc515 !important; color: #13284D; } .fs_style_1.fs_style_9.fs_style_8:hover, .fs_style_1.fs_style_9.fs_style_8:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_8, .fs_style_1.fs_style_9.fs_style_8.on { background: #efc515; } .fs_style_1.fs_style_9.fs_style_12 { border-color: #fff !important; color: #fff !important; background: rgba(0, 0, 0, 0) !important; } .fs_style_1.fs_style_9.fs_style_12:hover, .fs_style_1.fs_style_9.fs_style_12:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_12, .fs_style_1.fs_style_9.fs_style_12.on { background: #fff !important; color: #13284D !important; } .fs_style_1.fs_style_9.fs_style_12.fs_style_7:hover, .fs_style_1.fs_style_9.fs_style_12.fs_style_7:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_12.fs_style_7, .fs_style_1.fs_style_9.fs_style_12.fs_style_7.on { background: #14284D !important; border-color: #14284D !important; color: #fff !important; } .fs_style_1.fs_style_9.fs_style_12.fs_style_8 { border-color: #efc515 !important; } .fs_style_1.fs_style_9.fs_style_12.fs_style_8:hover, .fs_style_1.fs_style_9.fs_style_12.fs_style_8:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_12.fs_style_8, .fs_style_1.fs_style_9.fs_style_12.fs_style_8.on { background: #efc515 !important; color: #13284D !important; } .fs_style_1.fs_style_9.fs_style_18 { border-color: #13284D !important; color: #13284D !important; background: rgba(0, 0, 0, 0) !important; } .fs_style_1.fs_style_9.fs_style_18:hover, .fs_style_1.fs_style_9.fs_style_18:focus, .fsStateSelected .fs_style_1.fs_style_9.fs_style_18, .fs_style_1.fs_style_9.fs_style_18.on { background: #13284D !important; color: #fff !important; } .fs_style_10:not(.fs_style_9) { display: inline-block; padding: 25px 34px 21px; border: 1px solid rgba(0, 0, 0, 0); background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 17px; line-height: 20px; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; width: 100%; max-width: 280px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; border-radius: 100px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fs_style_10:not(.fs_style_9):hover, .fs_style_10:not(.fs_style_9):focus, .fsStateSelected .fs_style_10:not(.fs_style_9), .fs_style_10:not(.fs_style_9).on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_15 { width: 100%; max-width: unset; } .fs_style_10:not(.fs_style_9) em { display: block; margin-top: 8px; font-size: 16px; line-height: 1.4; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0.0125em; } .fs_style_10:not(.fs_style_9).fs_style_5 { background: #13284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_5:hover, .fs_style_10:not(.fs_style_9).fs_style_5:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_5, .fs_style_10:not(.fs_style_9).fs_style_5.on { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_6 { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_6:hover, .fs_style_10:not(.fs_style_9).fs_style_6:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_6, .fs_style_10:not(.fs_style_9).fs_style_6.on { background: #13284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_7 { background: #9ebba5; color: #13284D; } .fs_style_10:not(.fs_style_9).fs_style_7:hover, .fs_style_10:not(.fs_style_9).fs_style_7:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_7, .fs_style_10:not(.fs_style_9).fs_style_7.on { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_8 { background: #efc515; color: #13284D; } .fs_style_10:not(.fs_style_9).fs_style_8:hover, .fs_style_10:not(.fs_style_9).fs_style_8:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_8, .fs_style_10:not(.fs_style_9).fs_style_8.on { background: #14284D; color: #fff; } .fs_style_10:not(.fs_style_9).fs_style_12 { border-color: #fff !important; color: #fff !important; background: rgba(0, 0, 0, 0) !important; } .fs_style_10:not(.fs_style_9).fs_style_12:hover, .fs_style_10:not(.fs_style_9).fs_style_12:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_12, .fs_style_10:not(.fs_style_9).fs_style_12.on { background: #fff !important; color: #13284D !important; } .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7:hover, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_7.on { background: #14284D !important; border-color: #14284D !important; color: #fff !important; } .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8 { border-color: #efc515 !important; } .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8:hover, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8, .fs_style_10:not(.fs_style_9).fs_style_12.fs_style_8.on { background: #efc515 !important; color: #13284D !important; } .fs_style_10:not(.fs_style_9).fs_style_11 { background: #fff !important; color: #13284D !important; border-color: #fff !important; } .fs_style_10:not(.fs_style_9).fs_style_11:hover, .fs_style_10:not(.fs_style_9).fs_style_11:focus, .fsStateSelected .fs_style_10:not(.fs_style_9).fs_style_11, .fs_style_10:not(.fs_style_9).fs_style_11.on { background: rgba(0, 0, 0, 0) !important; border-color: #fff !important; color: #fff !important; } .fs_style_10.fs_style_9 { display: inline-block; padding: 25px 34px 21px; border: 1px solid #13284D; background: rgba(0, 0, 0, 0); color: #13284D; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 17px; line-height: 20px; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; width: 100%; max-width: 280px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; border-radius: 100px; } .fs_style_10.fs_style_9.fs_style_15 { width: 100%; max-width: unset; } .fs_style_10.fs_style_9 em { display: block; margin-top: 8px; font-size: 16px; line-height: 1.4; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0.0125em; } .fs_style_10.fs_style_9:hover, .fs_style_10.fs_style_9:focus, .fsStateSelected .fs_style_10.fs_style_9, .fs_style_10.fs_style_9.on { background: #13284D; color: #fff; } .fs_style_10.fs_style_9.fs_style_6 { color: #14284D; border-color: #14284D !important; } .fs_style_10.fs_style_9.fs_style_6:hover, .fs_style_10.fs_style_9.fs_style_6:focus, .fsStateSelected .fs_style_10.fs_style_9.fs_style_6, .fs_style_10.fs_style_9.fs_style_6.on { background: #14284D; color: #fff; } .fs_style_10.fs_style_9.fs_style_7 { border-color: #9ebba5 !important; color: #13284D; } .fs_style_10.fs_style_9.fs_style_7:hover, .fs_style_10.fs_style_9.fs_style_7:focus, .fsStateSelected .fs_style_10.fs_style_9.fs_style_7, .fs_style_10.fs_style_9.fs_style_7.on { background: #9ebba5; } .fs_style_10.fs_style_9.fs_style_8 { border-color: #efc515 !important; color: #13284D; } .fs_style_10.fs_style_9.fs_style_8:hover, .fs_style_10.fs_style_9.fs_style_8:focus, .fsStateSelected .fs_style_10.fs_style_9.fs_style_8, .fs_style_10.fs_style_9.fs_style_8.on { background: #efc515; } .fs_style_16, .fs_style_17 { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid #cfcfcf !important; background: rgba(0, 0, 0, 0); color: #13284D; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fs_style_16:hover, .fs_style_16:focus, .fsStateSelected .fs_style_16, .fs_style_16.on, .fs_style_17:hover, .fs_style_17:focus, .fsStateSelected .fs_style_17, .fs_style_17.on { border-color: #14284D !important; background: #14284D; color: #fff; } .fs_style_16.fs_style_15, .fs_style_17.fs_style_15 { width: 100%; max-width: unset; } .fs_style_16:before, .fs_style_17:before { font-size: 1rem; line-height: 140%; vertical-align: middle; color: #14284D; text-transform: uppercase; } .fs_style_16:hover:before, .fs_style_16:focus:before, .fs_style_17:hover:before, .fs_style_17:focus:before { color: #fff; } .fs_style_16:before { content: ""; font-family: "FuturaBT", "Roboto", sans-serif !important; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 8px; } .fs_style_17:before { content: ""; font-family: "FuturaBT", "Roboto", sans-serif !important; font-smoothing: antialiased; font-weight: normal; speak: none; margin-right: 8px; } .fsStyleDefaultButton { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fsStyleDefaultButton:hover, .fsStyleDefaultButton:focus, .fsStateSelected .fsStyleDefaultButton, .fsStyleDefaultButton.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fsStyleDefaultButton.fs_style_15 { width: 100%; max-width: unset; } .fsStyleDefaultButton.fsLoadMoreButton { margin: 40px 0 0; } @media (min-width: 600px) { .fsBannerLeft .fsStyleDefaultButton.fsLoadMoreButton, .fsBannerRight .fsStyleDefaultButton.fsLoadMoreButton, .fsStyleOneThird .fsStyleDefaultButton.fsLoadMoreButton, .fsTwoColumnLayout .fsStyleDefaultButton.fsLoadMoreButton, .fsThreeColumnLayout > .fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsFourColumnLayout > .fsDiv .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_3 .fsStyleDefaultButton.fsLoadMoreButton, .fsConstituentColumnLayout_4 .fsStyleDefaultButton.fsLoadMoreButton { max-width: 100%; width: 100%; } } .fsStyleDefaultButton.fsSelectAll { margin-bottom: 5px; padding: 7px 12px; font-size: 0.875em; line-height: 1.2; } .fsStyleUpdateButton { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .fsStyleUpdateButton:hover, .fsStyleUpdateButton:focus, .fsStateSelected .fsStyleUpdateButton, .fsStyleUpdateButton.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .fsStyleUpdateButton.fs_style_15 { width: 100%; max-width: unset; } .j-paginate.juicer-button { display: inline-block; margin: 0; padding: 13px 20px 11px; border: 1px solid rgba(0, 0, 0, 0) !important; background: #14284D; color: #fff; font-family: "FuturaBT", "Roboto", sans-serif !important; font-weight: 500; font-size: 0.875rem; line-height: 140%; letter-spacing: 1.12px; text-decoration: none; text-align: center; text-transform: uppercase; max-width: 300px; border-radius: 30px; cursor: pointer; -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: auto; margin-top: 40px; } .j-paginate.juicer-button:hover, .j-paginate.juicer-button:focus, .fsStateSelected .j-paginate.juicer-button, .j-paginate.juicer-button.on { border-color: rgba(0, 0, 0, 0) !important; background: #13284D; color: #fff; } .j-paginate.juicer-button.fs_style_15 { width: 100%; max-width: unset; } .bpa-campus-map-2 .fsDialogBackdrop, .bpa-campus-map-2 ._dialog_overlay, .bpa-campus-map-2 dialog.fsResourceElement { display: none !important; width: 0 !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } .bpa-campus-map-2.fsDialogOpen { overflow: visible; } .bpa-campus-map-2 .map-intro { text-align: center; } .bpa-campus-map-2 .map-container-2 { position: relative; margin: 50px 0; } body.bpa-campus-map-2:not(.fsComposeMode) .fsPageLayout.fsOneColumnLayout .map-container-2 > header { width: 100vw; margin: 0 calc(-50vw + 50%); position: relative; } body.bpa-campus-map-2.fsComposeMode .fsPageLayout.fsOneColumnLayout .map-container-2 > header { width: auto; margin: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset; } .bpa-campus-map-2 .map-container-2:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; opacity: 0; visibility: hidden; z-index: 10; -webkit-transition: 0.5s ease-in-out 0.3s; transition: 0.5s ease-in-out 0.3s; display: none; } @media (min-width: 700px) { .bpa-campus-map-2 .map-container-2:before { display: block; } } .bpa-campus-map-2 .map-container-2 > header { position: relative; } body.bpa-campus-map-2:not(.fsComposeMode) .map-container-2 > header > .fsElementTitle { display: none; } .bpa-campus-map-2 .map-container-2 > header .fsElementHeaderContent { margin-bottom: 0; } .bpa-campus-map-2 .map-container-2 > header .fsElementHeaderContent picture, .bpa-campus-map-2 .map-container-2 > header .fsElementHeaderContent img { display: block; width: 100%; } .point-plotter .bpa-campus-map-2 .map-container-2 { z-index: 10; } .point-plotter .bpa-campus-map-2 .map-container-2 > header { opacity: 0.5; } body.bpa-campus-map-2:not(.fsComposeMode) .map-points-2 { display: none; } body.bpa-campus-map-2.fsComposeMode .map-points-2 .fsResource { background-color: #fff; position: relative; z-index: 5; width: 250px; background-color: #fff; -webkit-box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.35); box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.35); margin-left: 15px; border-radius: 4px; padding: 20px; -ms-flex-item-align: start; align-self: flex-start; } body.bpa-campus-map-2.fsComposeMode .map-points-2 .fsResource > .fsTitle { margin-bottom: 10px; } body.bpa-campus-map-2.fsComposeMode .map-points-2 .fsResource > figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } body.bpa-campus-map-2.fsComposeMode .map-points-2 .fsResource > figure picture { display: block; border-radius: 4px; overflow: hidden; } body.bpa-campus-map-2.fsComposeMode .map-points-2 .fsResource > figure picture img { display: block; width: 100%; } body.bpa-campus-map-2.fsComposeMode .map-points-2 .fsResource figcaption { margin-bottom: 20px; } body.bpa-campus-map-2.fsComposeMode .map-points-2 .fsResource.mobile { display: none; } body.bpa-campus-map-2:not(.fsComposeMode) .points-wrapper { position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin-bottom: 0; } .point-plotter .bpa-campus-map-2 .points-wrapper { z-index: -1; } body.bpa-campus-map-2:not(.fsComposeMode) > header, body.bpa-campus-map-2:not(.fsComposeMode) > footer { display: none; } .bpa-campus-map-2 .points-wrapper .fsResource { border: none; padding: 0; position: absolute; margin: 0; display: block; counter-increment: li; z-index: 2; -webkit-transform: translate3d(-15px, -46px, 0); transform: translate3d(-15px, -46px, 0); opacity: 0; visibility: hidden; width: 30px; height: 46px; text-align: center; } @media (min-width: 700px) { .bpa-campus-map-2 .points-wrapper .fsResource { opacity: 1; visibility: visible; } } body.bpa-campus-map-2.fsComposeMode .fsResource { position: relative; } .bpa-campus-map-2 .points-wrapper .fsResource:hover, .bpa-campus-map-2 .points-wrapper .fsResource:focus { z-index: 5; } .bpa-campus-map-2 .points-wrapper .fsResource.active-point { z-index: 50; opacity: 1; visibility: visible; } @media (min-width: 700px) { .bpa-campus-map-2 .points-wrapper .fsResource.active-point .point-content-container { display: block; } } .bpa-campus-map-2 .map-point { width: 100%; height: 46px; text-align: center; white-space: nowrap; display: block; cursor: pointer; } body.bpa-campus-map-2.fsComposeMode .map-point { color: #00213c; } .bpa-campus-map-2 .map-point:before { content: ""; font-family: "bpa-font-icons"; font-weight: normal; speak: none; display: block; font-size: 46px; line-height: 1; color: #fff; text-shadow: 0 20px 10px rgba(0, 0, 0, 0.35); opacity: 1; background: none; margin: 0; position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); top: 0; } .bpa-campus-map-2 .map-point:after { content: counter(li); position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); text-align: center; color: #00213c; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 14px; font-weight: 700; line-height: 1; top: 12px; } .bpa-campus-map-2 .map-point > span { display: none; } .bpa-campus-map-2 .map-point:hover, .bpa-campus-map-2 .map-point:focus { color: inherit; } .bpa-campus-map-2 .point-content-container { display: none; text-align: left; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); left: calc(100% + 10px); width: 250px; background-color: #fff; -webkit-box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.35); box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.35); margin-left: 15px; padding: 10px 5px 20px 0; border-radius: 4px; } .bpa-campus-map-2 .point-content-container:before { content: ""; position: absolute; left: -15px; width: 30px; height: 30px; background-color: #fff; border-radius: 2px; top: calc(50% - 20px); -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); transform: translate3d(0, -50%, 0) rotate(45deg); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.35); box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.35); } .bpa-campus-map-2 .points-wrapper .fsResource.active-point.right-side .point-content-container { left: auto !important; right: calc(100% + 10px) !important; margin-left: 0 !important; margin-right: 15px !important; } .bpa-campus-map-2 .points-wrapper .fsResource.active-point.right-side .point-content-container:before { right: auto !important; left: calc(100% - 25px) !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .up-top .bpa-campus-map-2 .point-content-container { top: -10px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .up-top .bpa-campus-map-2 .point-content-container:before { top: 0; -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) rotate(45deg); } .down-low .bpa-campus-map-2 .point-content-container { top: auto; bottom: -10px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .down-low .bpa-campus-map-2 .point-content-container:before { top: auto; bottom: 35px; -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) rotate(45deg); -webkit-box-shadow: none; box-shadow: none; } .bpa-campus-map-2 .point-content { background-color: #fff; position: relative; z-index: 5; padding-top: 30px; } @media (min-width: 700px) { .bpa-campus-map-2 .point-content { padding: 10px 15px 5px 20px; max-height: 460px; overflow-y: auto; } } .bpa-campus-map-2 .point-content > .fsTitle { margin-bottom: 10px; } .bpa-campus-map-2 .point-content > figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .bpa-campus-map-2 .point-content > figure picture { display: block; border-radius: 4px; overflow: hidden; } .bpa-campus-map-2 .point-content > figure picture img { display: block; width: 100%; } .bpa-campus-map-2 .point-content figcaption { margin-bottom: 20px; } @media (min-width: 700px) { .bpa-campus-map-2 .point-content.mobile { display: none; } } .bpa-campus-map-2 .map-legend-container > header { text-align: center; } .bpa-campus-map-2 .map-legend-container > header .fsElementTitle { color: #00213c; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 28px; line-height: 32px; font-weight: normal; text-transform: none; letter-spacing: 0; margin-bottom: 50px; } @media (min-width: 600px) { .bpa-campus-map-2 .map-legend-container > .fsElementContent { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .bpa-campus-map-2 .map-legend-2 { position: relative; color: #13284D; margin-top: 30px; } .bpa-campus-map-2 .map-legend-2 .fsResourceCollectionName { position: relative; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 18px; line-height: 24px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 10px; margin-bottom: 15px; } .bpa-campus-map-2 .map-legend-2 .fsResourceCollectionName:after { content: ""; width: 80px; height: 1px; position: absolute; left: 0; bottom: 0; -webkit-box-shadow: 0 1px 0 0 #ccc; box-shadow: 0 1px 0 0 #ccc; } .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList { padding: 0; margin: 0; } @media (min-width: 700px) { .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem { border: none; position: relative; padding: 0; margin: 0 0 15px; display: block; cursor: pointer; } @media (min-width: 700px) { .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem { width: calc(50% - 20px); margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 1000px) { .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem { width: calc(33.33% - 20px); } } .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem > .fsTitle { color: #00213c; font-family: "FuturaBT", "Roboto", sans-serif !important; font-size: 19px; line-height: 30px; font-weight: normal; display: inline-block; word-wrap: normal; word-break: normal; } .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem > .fsTitle:before { display: none; } .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem > .fsTitle:hover, .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem > .fsTitle:focus { color: #13284D; } .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem > .fsTitle:hover a, .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem > .fsTitle:focus a { border-bottom: 1px solid rgba(0, 0, 0, 0); } .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem > .fsTitle a { pointer-events: none; color: inherit; display: inline; } .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem > .fsTitle a:hover, .bpa-campus-map-2 .map-legend-2 .fsStyleDefaultList > li.fsListItem > .fsTitle a:focus { color: #13284D; } body.bpa-campus-map-2:not(.fsComposeMode) .map-legend-2 > footer { display: none; } .bpa-campus-map-2 .legend-item-number { display: inline; font-size: inherit; line-height: inherit; font-weight: 600; } .bpa-campus-map-2 .legend-item-number:after { content: " - "; display: inline-block; margin: 0 3px; color: #00213c; font-weight: normal; } .color-1 .bpa-campus-map-2 .map-point:after, .color-1 .bpa-campus-map-2 .legend-item-number, .color-1 .bpa-campus-map-2 .fsResourceCollectionName, .color-1 .bpa-campus-map-2 .fsElementEmpty { color: #13284D; } .color-2 .bpa-campus-map-2 .map-point:after, .color-2 .bpa-campus-map-2 .legend-item-number, .color-2 .bpa-campus-map-2 .fsResourceCollectionName, .color-2 .bpa-campus-map-2 .fsElementEmpty { color: #9ebba5; } .color-3 .bpa-campus-map-2 .map-point:after, .color-3 .bpa-campus-map-2 .legend-item-number, .color-3 .bpa-campus-map-2 .fsResourceCollectionName, .color-3 .bpa-campus-map-2 .fsElementEmpty { color: #efc515; } .color-4 .bpa-campus-map-2 .map-point:after, .color-4 .bpa-campus-map-2 .legend-item-number, .color-4 .bpa-campus-map-2 .fsResourceCollectionName, .color-4 .bpa-campus-map-2 .fsElementEmpty { color: #13284D; } .color-5 .bpa-campus-map-2 .map-point:after, .color-5 .bpa-campus-map-2 .legend-item-number, .color-5 .bpa-campus-map-2 .fsResourceCollectionName, .color-5 .bpa-campus-map-2 .fsElementEmpty { color: #9ebba5; } .color-6 .bpa-campus-map-2 .map-point:after, .color-6 .bpa-campus-map-2 .legend-item-number, .color-6 .bpa-campus-map-2 .fsResourceCollectionName, .color-6 .bpa-campus-map-2 .fsElementEmpty { color: #efc515; } .color-7 .bpa-campus-map-2 .map-point:after, .color-7 .bpa-campus-map-2 .legend-item-number, .color-7 .bpa-campus-map-2 .fsResourceCollectionName, .color-7 .bpa-campus-map-2 .fsElementEmpty { color: #13284D; } .color-8 .bpa-campus-map-2 .map-point:after, .color-8 .bpa-campus-map-2 .legend-item-number, .color-8 .bpa-campus-map-2 .fsResourceCollectionName, .color-8 .bpa-campus-map-2 .fsElementEmpty { color: #9ebba5; } .bpa-campus-map-2 .coordinates-popup { position: absolute; left: 10px; top: 10px; z-index: 50; background-color: #fff; color: #00213c; padding: 10px; } .testi-sub{ display: flex; justify-content: flex-end; margin-top: 35px; gap:0.5rem padding-right:1rem; } .test-detail{ color: #FFF; font-size: 15px; font-style: normal; font-weight: 400; line-height: 25px; } .border-sec{ background: linear-gradient(90deg, #565656 0%, #FFF 50%, #1A1A1A 100%); width: 468px; height: 1px; margin: 50px auto 0; text-align: center; } .footer-sec p{ color: #FFF; font-size: 14px; font-style: normal; font-weight: 300; line-height: 22.115px; text-align: left; width: 70%; } .footer-sec{ text-align: left; } .footer-line{ opacity: 0.5; background: linear-gradient(270deg, rgba(255, 255, 255, 0.28) 0%, #FFF 50%, rgba(255, 255, 255, 0.28) 100%); width: 1px; height: 155px; } .footer-navigation ul li { position: relative; } .footer-navigation ul li:before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 10px; background: #fff; top: 20px; } .footer-navigation ul li:first-child::before{ display: none; } .bottom-ftr{ background: #0D1D38; display: flex; color: #fff; font-size: 12px; justify-content: space-between; padding: 5px 35px; } .social-map-sec { display: flex; justify-content: end; width: 100%; color: #FFF; font-size: 18.667px; font-style: normal; font-weight: 300; line-height: 19px; letter-spacing: 1.493px; margin: 30px 50px; height: fit-content; } .social-list{ display: flex; } .social-list svg{ margin-right: 10px; } .fsThumbnailSmall.fsPostElement .fsThumbnail, .fsThumbnailSmall.fsBoardElement .fsThumbnail, .fsThumbnailSmall.fsIssueElement .fsThumbnail, .fsThumbnailSmall.fsLocationElement .fsThumbnail, .fsThumbnailSmall.fsThumbnailRectangle .fsThumbnail, .fsThumbnailSmall.fsThumbnailSquare .fsThumbnail{ max-width: 360px !important; } p{ font-family: 'Bitter', serif !important; } .abt-banner{ height: 85vh; width: 100%; object-fit: cover; } .abt-content{ position: relative; background-color: white; } .description-head{ color:black; font-size: 20px; } /* Vertical "Register Now" button - middle right */ .vertical-btn { position: fixed; top: 50%; right: 23px; transform: translateY(-50%) rotate(-90deg); transform-origin: right center; background-color: #9ebba5; color: #012240; padding: 10px 20px; border: none; border-radius: 6px 6px 0 0; cursor: pointer; z-index: 1000; font-size: 16px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .vertical-btn:hover, .sticky-btn:hover { opacity: 0.9; } .discover-p{ font-size: 17px; } .anaual_p{ font-size: 18px; font-weight: 400; } .up-heading h1{ font-weight: 500; padding-bottom:20px !important; margin-bottom:0px !important; color:#14284D; } .News-before header:before{ background: #13284db3 !important; } .News-before .panel-navigation{ bottom: 20px !important; } .news-heading{ font-size: 26px; color: white; font-weight: 500; } .up-heading p{ font-size: 17px !important; } @media (max-width: 600px) { .growth-head h2{ font-size: 13px; } .hp-mobile-points{ display:none !important; } } div#journey-sec .three { background: transparent; } .fsResourceElement img{ height: 100%; object-fit: cover; width: 100%; } .journey-cnt h4, .journey-cnt h2 { display: none !important; } .journey-cnt h3{ display: block !important; } div#journey-sec header { text-align: center; } #journey-sec #fsEl_3321 { margin: 0; padding: 0; height: auto; } #journey-sec{ margin: 0 195px !important; } .section-contain{ margin: 0 190px; } .journey-title .fsElementContent{ text-align: center; } div#v-pills-tabContent { width: 60%; } .latest-news-sec img { position: relative; height: 100%; width: 80%; object-fit: cover; } .latest-news-sec .overlay { content: ''; position: absolute; width: 80%; height: 100%; background: #00213c45; top: 0; left: 0; } .news-heading { position: absolute; bottom: -40px; /* pushes it half outside the image */ left: 40%; transform: translateX(-50%); /* center align */ width: 70%; padding: 20px; background: #14284D; /* dark bg with slight transparency */ color: #fff; box-shadow: 0px 4px 12px rgba(0,0,0,0.3); border-bottom-right-radius: 80px; } .news-heading .border-sec{ width: 100%; } #v-pills-tab { margin-left: 20px; } .nav-pills .nav-link { width: 69%; border: none ; margin-bottom: 20px; color: #12284d; background: #7c7c7c21; border-radius: 15px; height: 71px; margin: 10px auto; display :flex; align-items:center; flex-direction:row-reverse; gap: 2.5rem; } .nav-pills .nav-link.active{ background: #12284d; color: #fff; font-family: 'Manrope', sans-serif !important; } .latest-news-sec .news-heading{ margin-top: 40px; } .latest-news-sec h4{ color: #fff; font-weight: 600; } .fsFooter{ background: #12284d; } .journey .overlay{ content: ''; background: linear-gradient(0deg, #022240 11%, transparent); position: absolute; top: 0; left: 0; width: 100%; z-index: -1; height: 100%; } .journey .post-image{ position: relative; } .event { margin-bottom: 3px !important; padding-bottom: 152px; } .news{ padding-bottom: 152px; } .news-heading h2{ margin-bottom: 0.2rem; } .event .anaual_p{ line-height: 22px; } .event .testi-sub{ margin-top: 9px; padding-right:1rem; } .news .swiper-button-prev, .event .swiper-button-prev{ transform: rotate(180deg); } .swiper-button-next:after, .swiper-button-prev:after{ display: none; } .swiper-button-next { top: 50%; right: 23%; width:40px; } .swiper-button-prev{ top: 50%; left: 65%; width:40px; } .latest-news-sec{ height: 600px; } .evnt-main-sec{ display: flex; align-items:center; } .modal-header .btn-close { position: absolute; top: -25px; right: 0; filter: invert(5); } .newtab-btn{ } .accordion-item { /*border-bottom: 1px solid #ccc;*/ background: #fff; } .accordion-header { display: flex; align-items: center; padding: 26px 15px; cursor: pointer; font-weight: bold; color: #121212; font-size: 1.125rem; line-height: 1.4875rem; font-weight: 500; background:#cbcbd01f; } .accordion-header:hover { background-color: #f0f0f0; } .accordion-header::before { content: '▾'; display: inline-block; margin-right: 12px; transition: transform 0.3s ease; } .accordion-header.active::before { transform: rotate(-180deg); } .accordion-content { display: none; padding: 16px; display: flex; gap: 20px; align-items: flex-start; } .accordion-content img { width: 260px; height: auto; border-radius: 4px; } .accordion-text p { font-size: 1.0625rem; font-family: 'Galliard Pro', serif !important; } .accordion-item { border-bottom: 1px solid #e0e0e0; } .accordion-header { display: flex; align-items: center; padding: 18px 24px; cursor: pointer; transition: background 0.2s; } .accordion-item.active .accordion-header { background: #f4f7f8; } .accordion-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin-right: 16px; border-radius: 2px; background: #bfc3c6; transition: background 0.2s; position: relative; } .accordion-item.active .accordion-icon { background: #0a2c3d; } .accordion-icon:after { content: ''; border: solid #fff; border-width: 0 2.5px 2.5px 0; display: inline-block; padding: 6px; transform: rotate(45deg); transition: transform 0.2s; } .accordion-item.active .accordion-icon:after { border-color: #fff; transform: rotate(316deg); } .accordion-title { font-size: 1.15rem; font-weight: 600; color: #222; } .accordion-content { display: none; padding: 20px 56px 20px 72px; background: #fff; color: #222; font-size: 1.05rem; line-height: 1.6; } .accordion-item.active .accordion-content { display: block; } .accordion-item.active .accordion-header{ background :#cbcbd01f; } .accordion-header::before { display: none; } .school-life-body h3 { margin-top: 0; font-weight: 500; color: #00213c; font-size: 25px; line-height: 2rem; letter-spacing: 1.74px; margin-bottom: 20px; font-family: 'Galliard Pro', serif !important; padding-top: 50px; } .school-life-body p { font-size: 19px; font-family: 'Galliard Pro', serif !important; } .faq-img{ width:450px; } .custom-tab { display: flex; align-items: center; padding: 14px 24px; border-radius: 12px; border: none; font-weight: 600; font-size: 16px; background-color: #f3f3f3; color: #000; transition: all 0.3s ease; width: 100%; text-align: left; gap: 24px; } .custom-tab .arrow-icon { width: 28px; height: 28px; background: #7C7C7C; display: flex; align-items: center; justify-content: center; border-radius: 5px; position: relative; flex-shrink: 0; } .custom-tab .arrow-icon::after { content: ''; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(-45deg); transition: transform 0.2s; } .custom-tab.active { background-color: #0a2558; } .custom-tab.active .arrow-icon { background: #f0f3f5; } .custom-tab.active .arrow-icon::after { border-color: black; } /*.home .hp-container.five{*/ /* background-image: url("../images/campus-map-bg.png") !important;*/ /* width:100%;*/ /* height:100%;*/ /*}*/ /* Base icon styling */ .accordion-button { font-weight: 500; background:#cbcbd000 !important; display:flex; flex-direction:row; justify-content:space-between; color: #14284D; font-size: 20px; font-style: normal; font-weight: 600; } .accordion-button:not(.collapsed) { color: #000; background-color: #f1f1f1; } .faq-icon { width: 28px; height: 28px; background: #7c7c7cd4; display: flex; align-items: center; justify-content: center; border-radius: 5px; position: relative; flex-shrink: 0; } /* Down arrow (default state) */ .faq-icon::after { content: ''; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); /* points down-right */ transition: transform 0.3s ease; } /* Rotate arrow up when accordion is open */ .accordion-button:not(.collapsed) .faq-icon::after { transform: rotate(-135deg); /* points up */ margin-top:0.2rem; } .accordion-button::after { display: none !important; } .total-faq{ text-align:center; } .faq-para{ color: #14284D; text-align: center; font-size: 32px; font-style: normal; font-weight: 500; text-transform: uppercase; } .faq-head{ color: #14284D; font-size: 70px; font-style: normal; font-weight: 500; line-height: 102.493px; text-transform: uppercase; } @media(max-width:604px){ .faq-head{ font-size: 50px; } } .accordion-item { position: relative; border: none !important; } .accordion-item::after { content: ""; display: block; height: 1px; background-color: rgba(0, 0, 0, 0.43); /* subtle line */ margin: 0 1rem; } .number-up{ opacity : 0 !important; } .accordion-body{ background:#cbcbd01f !important; padding:1rem 3rem !important; } .accordion-button:focus{ box-shadow: none !important; } .accordion-button{ box-shadow: none !important; } .campus-points{ margin-top: 4rem; } .campus-sub-point{ list-style: none; } .upcoming-all{ display:flex; flex-direction:row; gap:4rem; } .drone-heiht{ height:1200px; } @media(max-width:419px){ .faq-para{ line-height:48px; } } @media(max-width:1000px){ .event-response{ display:flex; flex-direction: column-reverse; gap:2rem; } .news-heading{ } .swiper-button-prev{ bottom:0px; } .swiper-button-next{ bottom:0px; } } .sticky_icon_right { position: fixed; top: 25%; z-index: 2; right: 0; } .icon-box { background: #13284d; border-radius: 0px; padding: 0px; display: flex; flex-direction: column; align-items: center; } .right_ic { width: 50px; height: 39px; display: flex; align-items: center; justify-content: center; margin: 4px 0; background: transparent; border: none; } .right_ic img { width: 19px; height: 19px; } .right_ic.whtsp i { font-size: 24px; color: white; } @media(max-width:1000px){ .overlay-cnt h6, .overlay-cnt p{ color: #030c1b; } } @media(max-width:700px){ .home .hp-container.four .fsFeeds.fsCustom .post-image{ margin: 0 10px; } } @media(max-width:429px){ .swiper-button-prev{ margin-left: -10px; } .swiper-button-next{ margin-left: 10px; } } @media(max-width:378px){ .vertical-btn{ top: 55%; } } @media(max-width:1218px){ .head-para{ font-size:16px; } .fsFeeds-post h2{ font-size:23px; } } @media(max-width:1000px){ .home .hp-container.three .horizontal-scroll-section .inner-wrap{ width:100%; } } @media(max-width:1095px){ .nav-pills .nav-link{ width: 110% !important; } .swiper-button-prev{ left: 62%; top: 46%; } .swiper-button-next{ top: 46%; } .testi-sub{ gap:0.8rem; } .anaual_p{ font-size:15px; } } @media(max-width:999px){ .home .hp-container.five .fsStyleColumn-2{ width:0%; } .home .hp-container.six { padding: 0px 20px 10px !important; } .home .hp-container .fs-sub-title{ white-space:nowrap; } .up-heading h1{ white-space:nowrap; } .latest-news-sec img{ width:100%; padding:0px 0px; } .latest-news-sec .overlay{ left: 80px; width:0%; } .news-heading{ left:50%; top:58%; } .swiper-button-prev{ top:46%; } .news-heading{ width: 90%; } } @media(max-width:640px){ .swiper-button-prev{ left: 64% !important; } .swiper-button-next{ right:19%; } } @media(max-width:775px){ .swiper-button-prev{ left: 64% !important; } .swiper-button-next{ right:17%; } } @media(max-width:597px){ .latest-news-sec img{ padding:0px 5px; } .news-heading{ width:85%; } .swiper-button-next{ right:5% !important; } } @media(max-width:478px){ .anaual_p{ font-size:13px; } .test-detail{ font-size:13px; } } @media(max-width:411px){ .news-heading{ width:90%; } .test-detail{ white-space:nowrap; } .news-heading{ bottom:-60px; } } @media(max-width:383px){ .news-heading{ bottom:-103px; } } @media(max-width:375px){ .news-heading{ bottom:-110px !important; } } .highlight-items{ display:flex; align-items: baseline; gap: 1.8rem; } .fact-icon{ width:88px; } .three-card-slider { position: relative; width: 100%; max-width: 1509px; margin: auto; overflow: hidden; } .three-card-track { display: flex; transition: transform 0.5s ease; gap:1em; align-items: stretch; padding-bottom: 63px; font-family: 'Poppins', sans-serif; margin-top: 4rem; } .three-card-item { flex: 0 0 374.5px; background: #F4F4F4; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); padding: 20px; transform: scale(0.85); transition: all 0.3s ease; } .three-card-item.active { transform: scale(1.1) translateY(-20px); opacity: 1; z-index: 2; background: #FDF2F2 ; /* flex: 0 0 458px; */ } .three-card-item p{ color: #323232; font-size: 13.868px; font-style: italic; font-weight: 400; line-height: 135%; letter-spacing: 0.277px; } .three-card-item h2{ color: #323232; font-size: 13.868px; font-style: normal; font-weight: 600; line-height: 135%; letter-spacing: 0.277px; } .review-inner p{ color: #AD093E; font-size: 10.786px; font-style: normal; font-weight: 500; line-height: 135%; letter-spacing: 0.216px; margin-top: -10px; } .qoute.active{ margin-top: 0rem; } .all-stars{ display: flex; flex-direction: row; align-items: center; gap: -1em; } .three-card-controls { position: absolute; bottom: 3px; left: 48%; display: flex; gap: 0.5rem; } .three-card-arrow { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #C8C8C8; background: #fff; color: #C8C8C8; font-size: 20px; cursor: pointer; display: flex; justify-content: center; align-items: center; } .three-card-arrow:hover{ border: 1px solid #9B0032; color: #A20134; } /* Review person styles */ .review-inner { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .review-inner img { width: 15px; height: 15px; } .review-person { display: flex; flex-direction: row; align-items: center; margin-top: auto; gap: 0.5rem; } .person-img{ width: 34px; height: 34px; } .swiper-padding{ padding:0px 80px; } .testimonialcard { --card-w: clamp(260px, 56vw, 720px); /* controls visible width */ --side-scale: .9; --active-scale: 1.04; } .testimonialcard .tc-swiper { overflow: visible; /* so half slides show */ padding: 40px 0 70px; /* breathing room */ position: relative; padding-right: 60px; } .testimonialcard .swiper-wrapper { align-items: stretch; } .testimonialcard .swiper-slide { width: var(--card-w); /* key for partial side visibility */ transition: transform .35s ease, box-shadow .35s ease, filter .35s ease; transform: scale(var(--side-scale)); filter: saturate(.9); } /* Center card projected */ .testimonialcard .swiper-slide-active { transform: scale(var(--active-scale)); z-index: 3; filter: saturate(1); } .testimonialcard .tc-card { height: clamp(320px, 48vw, 360px); background: #ddd center/cover no-repeat; background-image: var(--bg); box-shadow: 0 10px 24px rgba(0,0,0,.15); display: flex; align-items: end; position: relative; overflow: hidden; } /* Subtle overlay for text legibility */ .testimonialcard .tc-card::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.55) 100%); pointer-events:none; } .testimonialcard .tc-content { position: relative; z-index: 3; color: #fff; padding: 20px 78px 22px; top: -14%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 65px; } .testimonialcard .tc-content p { margin: 0; line-height: 1.4; font-size: 16px; text-align: center; width: 99%; } .testimonialcard .tc-person { display: flex; align-items: center; gap: 12px; font-family: 'Manrope', sans-serif ; } .testimonialcard { border-radius: 50%; object-fit: cover; } .preson-with-img{ display: flex; align-items: anchor-center; text-align: start; gap: 1rem; } .preson-with-img img{ width: 93px; height: 93px; } .preson-with-img small{ font-size: 16px; } .testimonialcard .tc-person h5 { color: #FFF; font-size: 20px; font-style: normal; font-weight: 500; margin-bottom:0rem; } .testimonialcard .tc-person small { opacity: .85; } /* Nav buttons visually inside center card */ .testimonialcard .tc-nav { width: 42px; height: 42px; border-radius: 999px; border: none; background: transparent; cursor: pointer; z-index: 5; } .testi-arrow{ width: 35px; height: 35px; } .testimonialcard .tc-prev { left: 10%; transform: rotate(180deg); } .testimonialcard .tc-next { right: 10%; } /* Only show strong shadow on active slide */ .testimonialcard .swiper-slide { box-shadow: 0 8px 18px rgba(0,0,0,.10); } .testimonialcard .swiper-slide { position: relative; overflow: hidden; } .testimonialcard .swiper-slide::before { content: ""; position: absolute; inset: 0; background-color: #EEEEEC; /* gray for inactive */ opacity: 0.6; /* semi-transparent */ transition: background-color 0.3s ease, opacity 0.3s ease; z-index: 1; } .testimonialcard .swiper-slide-active::before { background-color: #13284D; /* blue overlay for active */ opacity: 0.78; } .testimonialcard .swiper-slide-active { box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22); z-index: 2; /* above overlay for content */ } .testimonialcard .tc-pagination { display: flex; justify-content: center; gap: 0px; margin-top: 48px; } .testimonialcard .tc-pagination .swiper-pagination-bullet { width: 23px; height: 5px; background-color: #989898; border-radius: 999px; display: inline-block; transition: all 0.3s ease; } .testimonialcard .tc-pagination .swiper-pagination-bullet-active { width: 44px; /* Wider for active */ background-color: #14284D; /* Active color */ border-radius: 12px; /* Slightly elongated pill shape */ } .testimonialcard .tc-card { position: relative; background: var(--bg) center/cover no-repeat; overflow: hidden; } /* Gray overlay for inactive */ .testimonialcard .swiper-slide-active .tc-card::before { background-color: #13284D; /* dark blue */ opacity: 0.75; /* same opacity for consistency */ } .tab-title{ font-family: 'Manrope', sans-serif !important; font-weight: 500; } @media(max-width:1000px){ .highlight-items{ align-items: flex-start; text-align: start; margin-bottom: 2rem; } .highlit-padd{ margin-top: 4rem; } .fs-padd{ margin-top: 5rem; } .swiper-padding{ padding: 0px 41px; } .fsFeeds-post h2 { font-size: 19px; white-space: nowrap; } .head-para { font-size: 13px; } } @media(max-width: 825px){ .testimonialcard .tc-content{ top: -18%; gap: 6px; } } @media(max-width:687px){ .testimonialcard .tc-content p{ font-size: 14px; } .preson-with-img img { width: 80px; height: 80px; } .preson-with-img small { font-size: 13px; } .testimonialcard .tc-person h5{ font-size: 17px; } } @media(max-width:560px){ .testimonialcard .tc-swiper{ padding: 40px 40px 70px; } .testimonialcard .tc-content{ top: -14%; } .testimonialcard .tc-person{ gap: 0px; } .preson-with-img{ gap: 0.5rem; } .testimonialcard .tc-content{ gap: 12px; } .testimonialcard .tc-person h5{ white-space: nowrap; font-size: 15px; } .testimonialcard .tc-content{ padding: 20px 38px 22px; } } @media(max-width:385px){ .testimonialcard .tc-content{ top: -3%; } } @media(max-width:424px){ .preson-with-img small { font-size: 11px; } } @media (max-width: 900px) { .testimonialcard { --card-w: 78vw; } .testimonialcard .tc-prev { left: 6%; } .testimonialcard .tc-next { right: 6%; } } @media (max-width: 520px) { .testimonialcard { --card-w: 86vw; } .testimonialcard .tc-content p { font-size: 14px; } .testimonialcard .tc-person h5 { font-size: 14px; } .testimonialcard .tc-person img { width: 42px; height: 42px; } }