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%;
}
}