@charset "utf-8"; /* CSS Document */ body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { box-sizing: border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997 } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image:before { display: none } .fancybox-slide--html { padding: 6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: none } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } @supports (padding:max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)) } } .fancybox-caption--separate { margin-top: -50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @keyframes a { to { transform: rotate(1turn) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0) } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) } @media (max-height:576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption { padding-left: 12px; padding-right: 12px } @supports (padding:max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)) } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 } .fancybox-thumbs__list a:focus:before { opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1 } @media (max-width:576px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } } /** RESET **/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } html, body { margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; } #NAV.stickyNav-wide { max-width: none; } #MPFooter a { color: #FFF; } #MPFooterLink { display: none; } #MPOuterMost { max-width: 100% !important; width: 100% !important; overflow: hidden; } #MPOuterFooter { padding-top: 15px; margin-top: 0; } #MPFooterLink { padding-bottom: 15px; } .HLHomePage .section1, .HLHomePage .section2, .HLHomePage .section3, .HLHomePage .section4, .HLHomePage .section5, .HLHomePage .section6, .HLHomePage .section7, .HLHomePage .section8, .HLHomePage .section9, .HLHomePage .section10 { padding: 0 !important; } .row-wide { max-width: 100%; } #MPOuter .col-xs-1, #MPOuter .col-sm-1, #MPOuter .col-md-1, #MPOuter .col-lg-1, #MPOuter .col-xs-2, #MPOuter .col-sm-2, #MPOuter .col-md-2, #MPOuter .col-lg-2, #MPOuter .col-xs-3, #MPOuter .col-sm-3, #MPOuter .col-md-3, #MPOuter .col-lg-3, #MPOuter .col-xs-4, #MPOuter .col-sm-4, #MPOuter .col-md-4, #MPOuter .col-lg-4, #MPOuter .col-xs-5, #MPOuter .col-sm-5, #MPOuter .col-md-5, #MPOuter .col-lg-5, #MPOuter .col-xs-6, #MPOuter .col-sm-6, #MPOuter .col-md-6, #MPOuter .col-lg-6, #MPOuter .col-xs-7, #MPOuter .col-sm-7, #MPOuter .col-md-7, #MPOuter .col-lg-7, #MPOuter .col-xs-8, #MPOuter .col-sm-8, #MPOuter .col-md-8, #MPOuter .col-lg-8, #MPOuter .col-xs-9, #MPOuter .col-sm-9, #MPOuter .col-md-9, #MPOuter .col-lg-9, #MPOuter .col-xs-10, #MPOuter .col-sm-10, #MPOuter .col-md-10, #MPOuter .col-lg-10, #MPOuter .col-xs-11, #MPOuter .col-sm-11, #MPOuter .col-md-11, #MPOuter .col-lg-11, #MPOuter .col-xs-12, #MPOuter .col-sm-12, #MPOuter .col-md-12, #MPOuter .col-lg-12 { padding: 0; } #BreadCrumb { display: none !important; } #MPContentArea { overflow: hidden; padding-top: 0; } #MainCopy_ContentWrapper > .row-wide:first-child { height: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .clear { clear: both; } .center { position: relative; display: block; max-width: 1230px; padding: 0 15px; margin: 0 auto; } p { position: relative; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 30px; } .fsi-btn { position: relative; display: inline-block; background: #0275BB; border-radius: 5px; padding: 13px 26px; text-align: center; font-family: "Alegreya Sans", sans-serif; font-style: italic; font-weight: 500; font-size: 20px; line-height: 20px; color: #FFF; text-decoration: none; cursor: pointer; } .fsi-btn-outline { background: #FFF; border: solid 2px #0275BB; color: #0275BB; padding: 11px 22px; } .inner-center-1 { position: relative; display: block; max-width: 1000px; margin: 0 auto; } .inner-center-2 { position: relative; display: block; max-width: 800px; margin: 0 auto; } .fsi-intro-page-section { position: relative; display: block; padding-bottom: 50px; } .fsi-intro-page-section:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; transform: rotate(180deg); background: -moz-linear-gradient(50% 172.1% 90deg, rgba(15, 173, 84, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(15, 173, 84, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(linear, 50% 172.1%, 50% 72.1%, color-stop(0, rgba(15, 173, 84, 1)), color-stop(1, rgba(255, 255, 255, 1))); background: -o-linear-gradient(90deg, rgba(15, 173, 84, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(90deg, rgba(15, 173, 84, 1) 0%, rgba(255, 255, 255, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0FAD54', endColorstr='#FFFFFF' ,GradientType=0)"; background: linear-gradient(0deg, rgba(15, 173, 84, 1) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0FAD54', GradientType=0); } .fsi-intro-page-section .center { padding-top: 80px; } .flower-bg-part { position: absolute; display: block; width: 100%; height: auto; top: 0; left: 0; } .flower-bg-part img { position: relative; display: block; max-width: 100%; height: auto; } .intro-logo-image-1 { position: relative; max-width: 137px; margin: 0 auto 46px; } .intro-logo-image-1 img { position: relative; display: block; max-width: 100%; height: auto; } .intro-logo-image-2 { position: relative; max-width: 604px; margin: 0 auto 50px; } .intro-logo-image-2 img { position: relative; display: block; max-width: 100%; height: auto; } .intro-title-line { position: relative; display: block; max-width: 944px; margin: 0 auto 75px; text-align: center; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 26px; line-height: 30px; color: #FFF; } .launching-2021-section { position: relative; display: block; max-width: 500px; margin: 0 auto 42px; } .launching-2021-section .title-line { position: relative; display: block; text-align: center; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: 3px; color: #FFF; padding: 0 45px; max-width: 318px; margin: 0 auto 32px; } .launching-2021-section .title-line:before { content: ""; position: absolute; display: block; width: 20px; height: 2px; background: #FFF; left: 0; top: 50%; margin-top: -1px; } .launching-2021-section .title-line:after { content: ""; position: absolute; display: block; width: 20px; height: 2px; background: #FFF; right: 0; top: 50%; margin-top: -1px; } .launching-2021-section .launching-columns { position: relative; display: block; } .launching-2021-section .launching-columns .column { position: relative; display: block; margin-bottom: 40px; text-align: center; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 20px; line-height: 20px; color: #FFF; } .launching-2021-section .launching-columns .column:last-child { margin-bottom: 0; } .fsi-white-columns { position: relative; display: block; max-width: 1000px; margin: 0 auto; } .fsi-white-columns .column { position: relative; display: block; max-width: 600px; margin: 0 auto 40px; padding-top: 62px; } .fsi-white-columns .column:before { content: ""; position: absolute; display: block; width: 100%; height: calc(100% - 62px); top: 62px; left: 0; background: #FFF; } .fsi-white-columns .column .icon-wrap { position: relative; display: block; width: 125px; height: 125px; margin: -62px auto 37px; } .fsi-white-columns .column .icon-wrap img { position: relative; display: block; max-width: 100%; height: auto; } .fsi-white-columns .column .column-content { position: relative; padding: 0 48px 48px; } .fsi-white-columns .column .column-content .column-title { position: relative; display: block; margin-bottom: 18px; text-align: center; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 26px; line-height: 30px; color: #0075BD; } .fsi-white-columns .column .column-content p { margin-bottom: 0; } .fsi-white-columns-extra { position: relative; display: block; max-width: 600px; margin: 0 auto 120px; padding: 48px; background: #FFF; } .fsi-white-columns-extra .extra-line { position: relative; display: block; max-width: 566px; margin: 0 auto 40px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 32px; line-height: 44px; color: #6ABF4B; text-align: center; } .domain-wheel-section { position: relative; display: block; max-width: 880px; margin: 0 auto; } .domain-wheel-section .content-part { position: relative; display: block; margin-bottom: 40px; } .domain-wheel-section .content-part .flourish-title { position: relative; display: block; margin-bottom: 16px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 26px; line-height: 30px; color: #6ABF4B; } .domain-wheel-section .wheel-part { position: relative; display: block; max-width: 342px; margin: 0 auto; } .domain-wheel-section .wheel-part svg { position: relative; display: block; max-width: 100%; height: auto; } .keynote-speaker-wrap { position: relative; padding-top: 72px; } .keynote-speaker-wrap .keynote-speaker-title { position: relative; display: block; width: 100%; text-align: center; margin-bottom: 74px; } .keynote-speaker-wrap .keynote-speaker-title:before { content: ""; position: absolute; display: block; width: 100%; height: 1px; background: #0275BB; left: 0; top: 50%; margin-top: -1px; } .keynote-speaker-wrap .keynote-speaker-title h2 { position: relative; display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 26px; line-height: 30px; color: #0275BB; text-align: center; padding: 0 54px; background: #FFF; } .keynote-speaker-wrap .a-speaker-wrap { position: relative; max-width: 800px; margin: 0 auto 60px; } .keynote-speaker-wrap .a-speaker-wrap .image-part { position: relative; display: block; max-width: 200px; margin-bottom: 20px; } .keynote-speaker-wrap .a-speaker-wrap .image-part img { position: relative; display: block; max-width: 100%; height: auto; } .keynote-speaker-wrap .a-speaker-wrap .content-part { position: relative; display: block; } .keynote-speaker-wrap .a-speaker-wrap .content-part .title-wrap { position: relative; display: block; margin-bottom: 18px; } .keynote-speaker-wrap .a-speaker-wrap .content-part .title-wrap .icon-wrap { position: relative; display: none; } .keynote-speaker-wrap .a-speaker-wrap .content-part .title-wrap .speaker-title { position: relative; display: block; margin-bottom: 10px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 32px; line-height: 44px; color: #6ABF4B; } .keynote-speaker-wrap .a-speaker-wrap .content-part .title-wrap .speaker-sub-title { position: relative; display: block; font-family: Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 20px; color: #0075BD; } .keynote-speaker-wrap .a-speaker-wrap .content-part p { margin-bottom: 18px; } .keynote-speaker-wrap .a-speaker-wrap .content-part .extra-line { font-style: italic; font-size: 16px; } .keynote-speaker-wrap .a-speaker-wrap .content-part .extra-line .blue { color: #0075BD; } .speaker-exta-content-line { position: relative; display: block; padding-top: 20px; } .speaker-exta-content-line .main-line { position: relative; display: block; max-width: 722px; margin: 0 auto 12px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 32px; line-height: 44px; color: #89C867; text-align: center; } .speaker-exta-content-line .sub-line { position: relative; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 30px; color: #000; text-align: center; } .speaker-extra-divider { position: relative; display: block; height: 1px; background: #0075BD; margin: 80px 0 0; } .main-cost-wrap { position: relative; padding-top: 80px; } .main-cost-wrap .cost-flower-part { position: absolute; display: block; width: 100%; height: auto; top: 56px; left: 0; } .main-cost-wrap .cost-flower-part img { position: relative; display: block; max-width: 100%; height: auto; } .main-cost-wrap .top-logo-part { position: relative; display: block; max-width: 537px; margin: 0 auto 72px; } .main-cost-wrap .top-logo-part img { position: relative; display: block; max-width: 100%; height: auto; } .cost-columns-1 { position: relative; display: block; margin-bottom: 100px; } .cost-columns-1 .column { position: relative; display: block; margin-bottom: 60px; } .cost-columns-1 .column .column-title, .cost-columns-2 .column .column-title, .cost-columns-2 .column .column-title-2 { position: relative; display: block; margin-bottom: 18px; text-align: center; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; color: #0075BD; } .cost-columns-1 .column p, .cost-columns-2 .column p { margin-bottom: 0; } .cost-columns-2 { position: relative; display: block; max-width: 1000px; margin: 0 auto 70px; } .cost-columns-2 .column { position: relative; display: block; margin: 0 auto 80px; max-width: 455px; } .cost-columns-2 .column .column-title-2 { color: #6ABF4B; margin-bottom: 10px; } .cost-wrapper { position: relative; padding: 5px 0 45px; max-width: 280px; margin: 0 auto; } .cost-wrapper .a-line { position: relative; font-size: 18px; line-height: 30px; font-family: "Montserrat", sans-serif; font-weight: 700; } .cost-wrapper .a-line .part1 { position: relative; display: inline-block; vertical-align: top; width: 80%; } .cost-wrapper .a-line .part2 { position: relative; display: inline-block; vertical-align: top; width: 18%; text-align: right; font-weight: 700; color: #0B5930; } .cost-columns-2 .fsi-btn { display: block; width: 204px; padding-left: 12px; padding-right: 12px; margin: 0 auto; } .cost-columns-2 .fsi-btn:first-child { margin-bottom: 22px; } .form-wrap-section { position: relative; padding-bottom: 116px; background: -moz-linear-gradient(50% 100% 90deg, rgba(10, 86, 47, 1) 0%, rgba(15, 173, 84, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(10, 86, 47, 1) 0%, rgba(15, 173, 84, 1) 100%); background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, rgba(10, 86, 47, 1)), color-stop(1, rgba(15, 173, 84, 1))); background: -o-linear-gradient(90deg, rgba(10, 86, 47, 1) 0%, rgba(15, 173, 84, 1) 100%); background: -ms-linear-gradient(90deg, rgba(10, 86, 47, 1) 0%, rgba(15, 173, 84, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A562F', endColorstr='#0FAD54' ,GradientType=0)"; background: linear-gradient(0deg, rgba(10, 86, 47, 1) 0%, rgba(15, 173, 84, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0FAD54', endColorstr='#0A562F', GradientType=0); } /* .location-columns { position: relative; display: block; transform: translateY(-99px); } */ .location-columns { position: relative; display: block; transform: translateY(-99px); max-width: 780px; margin-left: auto; margin-right: auto; } .location-columns .column { position: relative; display: block; margin: 0 auto 80px; max-width: 354px; text-align: center; } .location-columns .column.column3 { margin-bottom: 10px; } .location-columns .column .image-wrap { position: relative; display: block; margin-bottom: 24px; } .location-columns .column .image-wrap img { position: relative; display: block; max-width: 100%; height: auto; } .location-columns .column .location-line-1 { position: relative; display: block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 36px; line-height: 52px; color: #FFF; } .location-columns .column .location-line-2 { position: relative; display: block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 18px; line-height: 18px; color: #FFF; } .form-text-intro-wrap { position: relative; display: block; max-width: 630px; margin: 40px auto 40px; } .form-text-intro-wrap .intro-line { position: relative; display: block; max-width: 490px; margin: 0 auto 20px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 25px; line-height: 30px; color: #A5F973; text-align: center; } .form-text-intro-wrap p { color: #FFF; font-size: 16px; line-height: 30px; } .fsci-fancybox-style { background: #0072bc; max-height: 90%; } .fsci-fancybox-style h2 { position: relative; margin-bottom: 30px; font-family: 'Alegreya Sans'; color: #2f75b8; font-size: 50px; line-height: 60px; font-weight: 700; font-style: italic; margin-top: 50px; } .fsci-fancybox-style h2, .fsci-fancybox-style p, .fsci-fancybox-style a, .fsci-fancybox-style ul li { color: #FFF; } .fsci-fancybox-style h2 { text-align: center; } .fsci-fancybox-style .fancybox-close-small { color: #FFF; } .fsci-fancybox-style h2:first-child { margin-top: 0; } .fsci-fancybox-style p { font-size: 20px; line-height: 40px; color: #FFF; margin-bottom: 20px; } .fsci-fancybox-style strong { font-weight: 700; } .fsci-fancybox-style ul { margin-left: 30px; } .fsci-fancybox-style ul li { font-size: 20px; line-height: 40px; color: #000; margin-bottom: 20px; } .fsci-fancybox-style ul li.has-child { list-style-type: none; } .fsci-fancybox-style ul ul { margin-left: 60px; } .cls-1 { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; outline: none; cursor: pointer; fill: #f8b767 !important; } .cls-1:hover { fill: #faa337 !important; } .cls-1 { fill: #faa337; } .cls-2 { fill: #fff; } .cls-3 { fill: #8cc0e0; } .cls-4 { fill: #479bce; } .cls-5 { fill: #0275bb; } .cost-extra-paragraph { position: relative; display: block; max-width: 800px; margin: 0 auto 80px; } .cost-extra-paragraph.extra-2 { margin-bottom: 240px; } #sample-schedule-content img { position: relative; display: block; max-width: 100%; height: auto; margin: 0 auto 50px; } .main-form-wrapper { position: relative; overflow: hidden; max-width: 800px; margin: 0 auto; } .clickdform { padding-left: 0 !important; } .main-form-wrapper .responsiveCellSize1 { width: 100% !important; min-width: 0 !important; margin-bottom: 10px !important; } .clickdform .responsiveCell div.alignTop { display: block !important; } .clickdform .minSize1 { width: 100% !important; min-height: 0 !important; } .responsiveCell div:first-child span { margin-bottom: 4px; color: #FFF !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 16px !important; } .clickdform .maxSize1 { max-width: none !important; width: 100% !important; } .clickdform input[type='text'], .clickdform textarea { padding: 12px !important; border: none !important; } .clickdform .buttonContainer { width: 100% !important; margin: 0 !important; } #btnSubmit { position: relative; display: block; width: 100%; border-radius: 5px; border: solid 2px #A5F973; padding: 11px 26px; text-align: center; font-family: "Alegreya Sans", sans-serif !important; font-style: italic !important; font-weight: 500 !important; font-size: 20px !important; line-height: 20px !important; color: #FFF !important; text-decoration: none; cursor: pointer; background: none; margin-top: 0 !important; } #btnSubmit:hover { background: #A5F973; } .captcha { margin-bottom: 0 !important; margin-top: 10px; } @media only screen and (min-width: 500px) { .launching-2021-section { margin: 0 auto 82px; } /* .launching-2021-section .launching-columns { display: flex; justify-content: space-between; } */ .launching-2021-section .launching-columns { display: flex; justify-content: space-between; max-width: 400px; margin: 0 auto; } /* .launching-2021-section .launching-columns .column { width: 33.33%; margin-bottom: 0; } */ .launching-2021-section .launching-columns .column { width: 50%; margin-bottom: 0; } } @media only screen and (min-width: 768px) { .fsi-btn { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .fsi-btn:hover { background: #076A9B; color: #FFF; } .fsi-btn-outline:hover { background: #0275BB; color: #FFF; } .fsi-intro-page-section .center { padding-top: 118px; } .fsi-white-columns { display: flex; } .fsi-white-columns .column { width: 33.33%; margin-bottom: 0; } .fsi-white-columns .column .column-content { position: relative; padding: 0 24px 48px; } .fsi-white-columns-extra { max-width: 1000px; padding: 0 48px 57px; } .fsi-white-columns-extra .extra-line { font-size: 50px; line-height: 62px; } .domain-wheel-section .content-part { margin-bottom: 0; width: 57%; float: left; padding-top: 22px; padding-right: 38px; } .domain-wheel-section .wheel-part { margin: 0; width: 43%; float: left; } .keynote-speaker-wrap .keynote-speaker-title { margin-bottom: 94px; } .keynote-speaker-wrap .a-speaker-wrap { margin: 0 auto 80px; } .keynote-speaker-wrap .a-speaker-wrap .image-part { position: absolute; display: block; width: 200px; left: 0; top: 0; margin-bottom: 0; } .keynote-speaker-wrap .a-speaker-wrap .content-part { padding-left: 250px; } .keynote-speaker-wrap .a-speaker-wrap .content-part .title-wrap { padding-right: 130px; } .keynote-speaker-wrap .a-speaker-wrap .content-part .title-wrap .icon-wrap { position: absolute; display: block; width: 84px; top: 0; right: 0; } .keynote-speaker-wrap .a-speaker-wrap .content-part .title-wrap .icon-wrap img { position: relative; display: block; max-width: 100%; height: auto; } .keynote-speaker-wrap .a-speaker-wrap .content-part .title-wrap .speaker-title { margin-bottom: 26px; font-size: 50px; line-height: 52px; } .speaker-exta-content-line { padding-top: 10px; } .speaker-exta-content-line .main-line { margin: 0 auto 20px; font-size: 50px; line-height: 62px; } .speaker-extra-divider { margin: 127px 0 0; } .cost-columns-1 { display: flex; } .cost-columns-1 .column { width: 33.33%; margin-bottom: 0; } .cost-columns-1 .column + .column { margin-left: 40px; } .cost-columns-2 { display: flex; } .cost-columns-2 .column { width: 50%; margin: 0; max-width: none; } .location-columns .column.column3 { margin-bottom: 0; } .cost-columns-2 .column + .column { margin-left: 130px; } .fsci-fancybox-style { max-width: 90%; } .main-form-wrapper .responsiveCellSize1 { width: 50% !important; } .main-form-wrapper .responsiveCellSize1:first-child { padding-right: 25px !important; } .main-form-wrapper .responsiveCellSize1:nth-child(2) { padding-left: 25px !important; } #clickdimensionsForm .responsiveRow:nth-child(12) .responsiveCellSize1 { width: 100% !important; padding: 10px 0 0 0 !important; } .main-cost-wrap { padding-top: 127px; } } @media only screen and (min-width: 960px) { .fsi-white-columns .column .column-content { position: relative; padding: 0 35px 48px; } .domain-wheel-section .content-part { padding-top: 42px; } .location-columns { display: flex; justify-content: space-between; transform: translateY(-78px); } /* .location-columns .column { width: 33.33%; margin: 0; } */ .location-columns .column { width: 50%; margin: 0; } .location-columns .column + .column { margin-left: 72px; } .fsci-fancybox-style { max-width: 80%; } .fsci-fancybox-style2 { max-width: 820px; } .cost-extra-paragraph.extra-2 { margin-bottom: 220px; } } @media only screen and (min-width: 1230px) { .location-columns { transform: translateY(-101px); } } .wheel-part svg .st0, .wheel-part svg .cls-1{transition: all .2s linear; fill:#7DA6D7 !important; cursor: pointer; outline: none !important;} .wheel-part svg .st1{fill:#FFFFFF;} .wheel-part svg .cls-2{fill:#FFFFFF;} .wheel-part svg .st2{fill:#FFDFBA;} .wheel-part svg .cls-4{fill:#f9ce97;} .wheel-part svg .cls-3{fill:#fcdfb9;} .wheel-part svg .st3{fill:#FDCE95;} .wheel-part svg .cls-5{fill:#f5a340;} .wheel-part svg .st4{fill:#F9A337;} .wheel-part svg .st5{fill:#f5a340;} .wheel-part svg .cls-6{fill:#966045;} .wheel-part svg .st0:hover, .wheel-part svg .cls-1:hover{fill:#0075bd !important;}