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('https://www.acsi.org/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('https://www.acsi.org/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%;
  }
}
