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%; } * { box-sizing: border-box; } .clear { clear: both; } body { background-color: #FFF; } #content { padding-top: 0 !important; } .container { padding: 0 !important; width: 100% !important; max-width: none !important; } h1.page-title { display: none !important; } .fsci-main-wrap { position: relative; } .fsci-main-wrap .center { position: relative; padding: 0 20px; width: 100%; max-width: 1240px; } .fsci-main-wrap #fsci-top-banner-section { position: relative; display: block; padding: 100px 0; text-align: center; background-image: url('/docs/default-source/custom/flourishing-school-culture/home-header-new4.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .fsci-main-wrap h1 { position: relative; display: block; font-family: 'Alegreya Sans'; color: #FFF; font-size: 60px; line-height: 60px; font-weight: 700; font-style: italic; text-align: center; text-shadow: 3px 2px 3px rgba(0,0,0,.2); } .fsci-main-wrap h1 span { position: relative; display: block; padding-top: 8px; font-size: 40px; line-height: 40px; } .fsci-main-wrap h2, .fancybox-content.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-main-wrap h2:first-child, .fancybox-content.fsci-fancybox-style h2:first-child { margin-top: 0; } .fsci-main-wrap p, .fancybox-content.fsci-fancybox-style p { font-size: 20px; line-height: 40px; color: #000; margin-bottom: 20px; } .fsci-main-wrap strong, .fancybox-content.fsci-fancybox-style strong { font-weight: 700; } .fsci-main-wrap ul, .fancybox-content.fsci-fancybox-style ul { margin-left: 30px; } .fsci-main-wrap ul li, .fancybox-content.fsci-fancybox-style ul li { font-size: 20px; line-height: 40px; color: #000; margin-bottom: 20px; } .fsci-main-wrap ul li.has-child, .fancybox-content.fsci-fancybox-style ul li.has-child { list-style-type: none; } .fsci-main-wrap ul ul, .fancybox-content.fsci-fancybox-style ul ul { margin-left: 60px; } .fsci-main-wrap .text-float-section { position: relative; padding: 90px 0; } .fsci-main-wrap .text-float-section.edit { padding: 90px 0 70px 0; } .fsci-main-wrap .text-float-section .part1 { position: relative; margin-bottom: 20px; font-family: 'Alegreya Sans'; color: #2f75b8; font-size: 50px; line-height: 60px; font-weight: 700; font-style: italic; } .fsci-main-wrap .text-float-section .part2 { position: relative; color: #000000; font-size: 20px; line-height: 40px; font-weight: 400; text-align: left; } .fsci-main-wrap .text-float-section .button-wrapper { position: relative; padding-top: 5px; text-align: center; } .fsci-main-wrap .divider { position: relative; display: block; width: 100%; max-width: 1200px; margin: 10px auto; height: 3px; background: #f6a24a; } .fsci-main-wrap .divider-complex { position: relative; display: block; width: 100%; max-width: 1200px; margin: 10px auto; height: 3px; background: #f6a24a; } .fsci-main-wrap .divider-complex span, .fsci-main-wrap .divider-complex .span-sub { position: relative; display: block; width: 180px; height: 3px; background: #FFF; margin: 0 auto; } .fsci-main-wrap .divider-complex.text { text-align: center; margin-bottom: 120px; margin-top: 50px; } .fsci-main-wrap .divider-complex.text span, .fsci-main-wrap .divider-complex.text .span-sub { position: relative; display: inline-block; width: auto; height: auto; background: #FFF; margin: 0 auto; padding: 0 50px; } .fsci-main-wrap .divider-complex.text .span-sub { top: -49px; } .fsci-main-wrap .divider-complex.text span h1, .fsci-main-wrap .divider-complex.text .span-sub h1 { font-size: 90px; margin-bottom: 0; color: #2f75b8; } .fsci-main-wrap .divider-complex span svg { position: relative; display: block; margin: 0 auto; top: -11px; font-size: 60px; text-align: center; color: #f6a24a; } .fsci-main-wrap .three-column-section { padding: 100px 0; } .fsci-main-wrap .three-column-section .col-wrap { position: relative; padding: 50px 0 0 0 } .fsci-main-wrap .three-column-section .col-wrap .mycol { position: relative; margin-bottom: 30px; text-align: center; } .fsci-main-wrap .three-column-section .col-wrap .mycol .icon-wrap { position: relative; display: block; width: 65px; height: auto; min-height: 79px; margin: 0 auto 40px auto; } .fsci-main-wrap .three-column-section .col-wrap .mycol .icon-wrap svg { position: relative; display: block; width: auto; height: 79px; margin: 0 auto; } .fsci-main-wrap .background-image-with-text-section { position: relative; display: block; width: 100%; padding: 92px 0 160px 0; background-image: url('/docs/default-source/custom/flourishing-school-culture/green-bg-darker2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .fsci-main-wrap .background-image-with-text-section .inner-text-wrap { position: relative; display: block; max-width: 760px; margin: 0 auto; color: #FFF; } .fsci-main-wrap .background-image-with-text-section .inner-text-wrap h2, .fsci-main-wrap .background-image-with-text-section .inner-text-wrap p { color: #FFF; } .fsci-main-wrap .background-image-with-text-section .inner-text-wrap h2.more-padding { margin-top: 80px; } .fsci-main-wrap .background-image-with-text-section .inner-text-wrap .button-link { position: relative; display: block; margin-top: 40px; font-family: 'Alegreya Sans'; color: #FFF; font-size: 30px; line-height: 20px; font-weight: 700; font-style: italic; text-decoration: underline; } .fsci-main-wrap .background-image-with-text-section .inner-text-wrap .button-link span { padding-left: 10px; } .fsci-main-wrap .narrow-text-section { position: relative; padding: 94px 0 130px 0; } .fsci-main-wrap .narrow-text-section.less { padding: 94px 0 94px 0; } .fsci-main-wrap .narrow-text-section .inner-text-wrap { position: relative; display: block; width: 100%; max-width: 800px; margin: 0 auto; } .fsci-main-wrap .narrow-text-section .inner-text-wrap .button-link { position: relative; display: block; margin-top: 40px; font-family: 'Alegreya Sans'; color: #f6a24a; font-size: 30px; line-height: 20px; font-weight: 700; font-style: italic; text-decoration: underline; } .fsci-main-wrap .narrow-text-section .inner-text-wrap .button-link span { padding-left: 10px; } .fsci-main-wrap .wide-text-section { position: relative; padding: 94px 0 84px 0; text-align: left; } .fsci-main-wrap .wide-text-section p, .fsci-main-wrap .wide-text-section ul { text-align: left; } .fsci-main-wrap .image-split-section { position: relative; padding: 120px 0 100px 0; } .fsci-main-wrap .image-split-section .image-wrap { position: relative; margin-bottom: 15px; } .fsci-main-wrap .image-split-section .content-wrap { position: relative; } .fsci-main-wrap .button { position: relative; display: inline-block; margin-top: 18px; clear: both; padding: 17px 28px; background-color: #f6a24a; font-size: 20px; line-height: 20px; color: #FFF; font-weight: bold; border-radius: 4px; } .fsci-main-wrap .grey-quote-section { position: relative; margin-bottom: 105px; background: #e3e6e9; padding: 66px 20px 56px 20px; } .fsci-main-wrap .grey-quote-section.none { margin-bottom: 10px; } .fsci-main-wrap .grey-quote-section .image-part { position: relative; margin-bottom: 20px; } .fsci-main-wrap .grey-quote-section .image-part img { position: relative; display: block; max-width: 100%; height: auto; } .fsci-main-wrap .grey-quote-section .content-part { position: relative; text-align: left; } .fsci-main-wrap .grey-quote-section .content-part strong { position: relative; font-family: 'Alegreya Sans'; font-size: 25px; line-height: 40px; font-weight: 700; } .fsci-main-wrap .grey-quote-section .content-part em { font-style: italic; } .fsci-main-wrap .grey-quote-section .divider { margin: 36px 0 52px 0; } .fsci-main-wrap .grey-quote-section .title-part { position: relative; display: block; margin-bottom: 42px; font-family: 'Alegreya Sans'; font-size: 90px; line-height: 90px; font-weight: 700; text-align: center; color: #2f75b8; font-style: italic; } .fsci-main-wrap .grey-quote-section .extra-line { position: relative; text-align: center; } .fsci-main-wrap .grey-quote-section .extra-line p { margin-bottom: 5px; } .fsci-main-wrap .grey-quote-section .extra-line strong { font-family: 'Alegreya Sans'; font-size: 30px; line-height: 40px; font-weight: 700; } .fsci-main-wrap .grey-quote-section .extra-line em { font-style: italic; } .fsci-main-wrap .grey-quote-section .special-content-inner { position: relative; text-align: center; } .fsci-main-wrap .grey-quote-section .special-content-inner.pushleft { max-width: 800px; margin-left: auto; margin-right: auto; } .fsci-main-wrap .grey-quote-section .special-content-inner.pushleft, .fsci-main-wrap .grey-quote-section .special-content-inner.pushleft p { text-align: left; } .fsci-main-wrap .grey-quote-section .special-content-inner.pushleft h2 { text-align: center; } .fsci-main-wrap .grey-quote-section .special-content-inner p.special { margin-left: auto; margin-right: auto; font-family: 'Alegreya Sans'; font-size: 33px; line-height: 42px; font-style: italic; font-weight: bold; color: #2f75b8; max-width: 800px; letter-spacing: 1px; } .fsci-main-wrap .form-section { position: relative; padding: 30px 0; max-width: 840px; margin: 0 auto; } .fsci-main-wrap .form-section form { text-align: left; } .fsci-main-wrap .form-section .fsBody .fsSectionHeader { padding: 30px 20px; } .fsci-main-wrap .form-section .fsBody .fsForm .fsSectionHeading { margin-bottom: 0; font-family: 'Alegreya Sans'; color: #000; font-weight: bold; font-style: italic; } .fsci-main-wrap .form-section .fsBody .fsLabel, .fsBody label { font-size: 16px; margin-bottom: 12px; } .fsci-main-wrap .form-section .fsBody .fsLabel.fsRequiredLabel { font-weight: 700; } .fsci-main-wrap .form-section .fsBody .fsFieldRow { margin-bottom: 26px !important; } .fsci-main-wrap .form-section .fsPagination { text-align: left; } .fsci-main-wrap .form-section .fsPagination input[type=submit] { position: relative; display: inline-block; clear: both; padding: 17px 28px; background-color: #f6a24a !important; font-size: 20px !important; line-height: 20px; color: #FFF !important; font-weight: bold; border-radius: 4px !important; } .fsci-main-wrap .the-model-section { position: relative; padding: 85px 0; } .fsci-main-wrap .the-model-section #main-model-wrap { position: relative; padding-top: 20px; width: 100%; max-width: 450px; margin: 0 auto; } .fsci-main-wrap .the-model-section #main-model-wrap svg { position: relative; max-width: 100%; height: auto; } .fancybox-content.fsci-fancybox-style { background: #0072bc; max-height: 90%; } .fancybox-content.fsci-fancybox-style h2, .fancybox-content.fsci-fancybox-style p, .fancybox-content.fsci-fancybox-style a, .fancybox-content.fsci-fancybox-style ul li { color: #FFF; } .fancybox-content.fsci-fancybox-style h2 { text-align: center; } .fancybox-content.fsci-fancybox-style .fancybox-close-small { color: #FFF; } .fsci-main-wrap .the-model-section #main-model-wrap svg .st0, .fsci-main-wrap .the-model-section #main-model-wrap svg .cls-1{transition: all .2s linear; fill:#7DA6D7; cursor: pointer; outline: none !important;} .fsci-main-wrap .the-model-section #main-model-wrap svg .st1{fill:#FFFFFF;} .fsci-main-wrap .the-model-section #main-model-wrap svg .cls-2{fill:#FFFFFF;} .fsci-main-wrap .the-model-section #main-model-wrap svg .st2{fill:#FFDFBA;} .fsci-main-wrap .the-model-section #main-model-wrap svg .cls-4{fill:#f9ce97;} .fsci-main-wrap .the-model-section #main-model-wrap svg .cls-3{fill:#fcdfb9;} .fsci-main-wrap .the-model-section #main-model-wrap svg .st3{fill:#FDCE95;} .fsci-main-wrap .the-model-section #main-model-wrap svg .cls-5{fill:#f5a340;} .fsci-main-wrap .the-model-section #main-model-wrap svg .st4{fill:#F9A337;} .fsci-main-wrap .the-model-section #main-model-wrap svg .st5{fill:#f5a340;} .fsci-main-wrap .the-model-section #main-model-wrap svg .cls-6{fill:#966045;} .fsci-main-wrap .the-model-section #main-model-wrap svg .st0:hover, .fsci-main-wrap .the-model-section #main-model-wrap svg .cls-1:hover{fill:#0075bd;} .fsci-main-wrap .process-section { position: relative; padding: 112px 0; } .fsci-main-wrap .process-section .copy-constrict { position: relative; max-width: 800px; margin: 0 auto; } .fsci-main-wrap .process-section .copy-constrict { text-align: left; } .fsci-main-wrap .process-section .copy-constrict h2 { text-align: center; } .fsci-main-wrap .process-section .image-wrapper { position: relative; display: block; text-align: center; margin-bottom: 55px; margin-top: 80px; } .fsci-main-wrap .process-section .image-wrapper img { position: relative; display: inline-block; max-width: 100%; height: auto; } .fsci-main-wrap .process-section .split-image-wrap { position: relative; margin-top: 60px; } .fsci-main-wrap .process-section .split-image-wrap .a-image-wrap { position: relative; display: block; width: 100%; } .fsci-main-wrap .process-section .split-image-wrap .a-image-wrap.image-wrap-1 { margin-bottom: 30px; } .fsci-main-wrap .process-section .split-image-wrap .a-image-wrap img { position: relative; display: block; max-width: 100%; height: auto; } .fsci-main-wrap .process-section .split-image-wrap.not-split .no-split { position: relative; } .fsci-main-wrap .process-section .split-image-wrap.not-split .no-split img { position: relative; max-width: 100%; height: auto; } .fsci-main-wrap .nav-line-wrap { position: relative; padding: 70px 0 0 0; text-align: center; } .fsci-main-wrap .nav-line-wrap .new-nav-line span { position: relative; display: inline-block; margin: 0 7px !important; vertical-align: top; color: #0071bb; font-size: 22px; line-height: 44px; } .fsci-main-wrap .nav-line-wrap .new-nav-line span.unique { margin: 0 14px 0 0 !important; color: #000000; font-size: 18px; } .fsci-main-wrap .nav-line-wrap .new-nav-line a { position: relative; display: inline-block; vertical-align: top; color: #0071bb; font-size: 22px; font-weight: bold; line-height: 44px; min-height: 44px; text-decoration: underline; font-family: 'Alegreya Sans'; } .fsci-main-wrap .nav-line-wrap .new-nav-line a.feature { color: #FFF; background: #f6a24a; padding: 10px 25px; text-decoration: none; border-radius: 4px; line-height: 24px; font-weight: 700; } @media screen and ( min-width: 760px ) { .fsci-main-wrap h1 { font-size: 90px; line-height: 90px; } .fsci-main-wrap h1 span { font-size: 50px; line-height: 50px; } .fsci-main-wrap #fsci-top-banner-section { padding: 130px 0 180px 0; background-attachment: fixed; } .fsci-main-wrap .background-image-with-text-section { background-attachment: fixed; } .fsci-main-wrap .three-column-section .col-wrap .mycol { position: relative; margin: 0; width: 33.33%; float: left; padding: 0 15px; } .fsci-main-wrap .image-split-section { padding: 120px 0 100px 0; } .fsci-main-wrap .image-split-section .image-wrap { margin-bottom: 0; float: left; width: 50%; padding-right: 100px; } .fsci-main-wrap .image-split-section .content-wrap { float: left; width: 50%; text-align: left; } .fsci-main-wrap .image-split-section .content-wrap h2 { font-size: 90px; line-height: 90px; margin-bottom: 20px; } .fsci-main-wrap .button:hover { text-decoration: underline; } .fsci-main-wrap .grey-quote-section { padding: 66px 100px 56px 100px; } .fsci-main-wrap .grey-quote-section .image-part { position: relative; margin-bottom: 0; float: left; width: 150px; margin-right: 50px; } .fsci-main-wrap .grey-quote-section .content-part { float: left; width: calc(100% - 200px); } .fsci-main-wrap .grey-quote-section.edit .image-part { width: 225px; margin-right: 75px; } .fsci-main-wrap .grey-quote-section.edit .content-part { width: calc(100% - 300px); } .fancybox-content.fsci-fancybox-style { max-width: 90%; } .fsci-main-wrap .process-section .split-image-wrap .a-image-wrap { width: 50%; float: left; } .fsci-main-wrap .process-section .split-image-wrap .a-image-wrap.image-wrap-1 { margin-bottom: 0; } } @media screen and ( min-width: 960px ) { .text-float-section .part1 { width: 370px; float: left; padding: 0 40px; text-align: center; } .text-float-section .part2 { width: calc(100% - 370px); float: left; } .text-float-section.edit .part1 { width: 400px; padding: 0 40px 0 10px; } .text-float-section.edit .part2 { width: calc(100% - 400px); } .fancybox-content.fsci-fancybox-style { max-width: 80%; } }