@import url(bootstrap_header.css);
body {
  font-family: Fira Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Courier, monospace, serif, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.carousel-caption {
  font-family: Work Sans, sans-serif; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .navbar-brand {
  color: #cc3340;
  font-family: Work Sans, sans-serif; }

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6, .text-white .navbar-brand {
  color: #ffffff; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.8em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.4em; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1.1em; }

form .message {
  font-size: 0.9em;
  font-style: italic; }

#mainNav .container {
  max-width: 925px; }

.navbar-shrink {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear; }

.edit-preview #float-menu {
  left: 320px; }

.image-center {
  text-align: center; }

.image-center figure {
  margin: 0 auto; }

.image-left {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px; }

.image-right {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px; }

.page-reference .products .item {
  margin: 0 auto;
  width: auto; }
  .page-reference .products .item img {
    display: block;
    width: 100px;
    margin: 0 auto; }
  .page-reference .products .item .caption {
    text-align: center;
    color: #000000; }
    .page-reference .products .item .caption a {
      color: #000000; }

.multimedia .carousel-caption {
  position: static;
  color: #b8b9b4;
  text-align: center; }
  .multimedia .carousel-caption p, .multimedia .carousel-caption .copyright {
    display: inline-block; }
  .multimedia .carousel-caption .title {
    color: 65666a; }
  .multimedia .carousel-caption .description:before {
    margin: 0 5px;
    content: "-"; }

.multimedia .carousel-control-prev {
  left: -100px; }

.multimedia .carousel-control-next {
  right: -100px; }

body.as-background-image.normal-page h1 {
  margin-top: 100px; }

body.as-background-image.normal-page .description {
  margin-top: 150px;
  margin-bottom: 200px; }

.description {
  width: 50%;
  margin: 15px auto;
  padding: 15px;
  text-align: center;
  font-size: 1.6em;
  background-color: rgba(255, 255, 255, 0.6);
  color: #333333; }

.head-circle {
  font-weight: bold;
  border-size: 4px;
  border-color: #aaaaab;
  border-style: solid;
  border-radius: 50%;
  color: #aaaaab;
  margin: 15px auto;
  width: 60px;
  height: 60px;
  font-size: 30px;
  color: #fff;
  line-height: 59px;
  text-align: center;
  vertical-align: middle; }

body {
  background-color: #ffffff; }

.edit-preview .fixed-top {
  top: 0 !important; }

.edit-preview .hidden {
  display: block; }

img {
  max-width: 100%; }

#content {
  overflow: visible; }

h1 {
  margin: 50px 0; }

h2 {
  margin: 35px 0 25px 0; }

button h4 {
  margin: 0;
  display: inline-block; }

section {
  padding: 0;
  position: relative;
  overflow: hidden; }

.children-association section {
  background-color: #ffffff; }

section.padding {
  padding: 100px 0; }

.navbar-shrink .navbar-nav a {
  color: #000000; }

.main-popup .banner {
  margin: -30px -30px 15px -30px; }

section.home {
  display: flex;
  justify-content: space-around;
  height: 100vh;
  /*._page_associate {
		display: flex;
		justify-content: center;
		align-items: center;
	}*/ }
  section.home .next-page {
    display: block; }
  section.home .container {
    position: static;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center; }
  section.home #content {
    background-color: rgba(255, 255, 255, 0.75);
    height: 50%;
    width: 90%;
    border-radius: 3px;
    text-align: center;
    color: #333333;
    padding: 15px; }
    section.home #content h1 {
      font-size: 2.2em; }
    section.home #content h2 {
      font-size: 2em; }
    section.home #content .description {
      width: auto;
      background-color: transparent;
      font-size: 1em; }
  section.home h1, section.home .global-image, section.home p, section.home h2, section.home h3 {
    position: relative;
    /* over background image */ }
  section.home h1 {
    width: 50%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    text-shadow: 0 0 5px #ffffff; }
  section.home .tips-group .tips {
    margin: 0; }
  section.home .tips-group > .row {
    margin: 0 20px; }
    section.home .tips-group > .row h4 {
      line-height: 26px;
      letter-spacing: 0; }
  section.home .card p {
    margin-bottom: 0.5rem; }
  section.home .card-img-top img {
    min-width: 950px; }
  section.home .text-card {
    margin-top: 30px; }
  section.home .image-right.text-card, section.home .image-left.text-card {
    height: 380px;
    overflow: hidden;
    float: none; }
    section.home .image-right.text-card .card, section.home .image-left.text-card .card {
      background-color: rgba(129, 191, 151, 0.5); }
      section.home .image-right.text-card .card .card-body, section.home .image-left.text-card .card .card-body {
        border: 0 none;
        margin: 0;
        font-size: 0.8em;
        padding: 0; }
        section.home .image-right.text-card .card .card-body .half-container, section.home .image-left.text-card .card .card-body .half-container {
          padding: 15px;
          max-width: 490px; }
      section.home .image-right.text-card .card .inner, section.home .image-left.text-card .card .inner {
        float: none; }
  section.home .navbar-expand-lg {
    justify-content: center; }

section.footer {
  background-color: #000000;
  color: #ffffff; }
  section.footer a {
    color: #ffffff; }

section.merge-top {
  padding: 0 0 100px 0; }

section.merge-bottom {
  padding: 100px 0 0 0; }

section.fixed {
  background-attachment: fixed; }

section.dark {
  background-color: #454645; }

section.white-text {
  color: #ffffff; }
  section.white-text h1, section.white-text h2, section.white-text h3, section.white-text h4, section.white-text h5, section.white-text h6, section.white-text .h1, section.white-text .h2, section.white-text .h3, section.white-text .h4, section.white-text .h5, section.white-text .h6 {
    color: #ffffff; }

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  z-index: 0;
  overflow: hidden; }
  .background-image img {
    display: block;
    min-width: 100vw;
    min-height: 100vh;
    object-fit: cover; }

.normal-page .background-image {
  height: 600px; }
  .normal-page .background-image img {
    min-height: 600px; }

.image-right.text-card .card, .image-left.text-card .card, .multimedia .text-left .card, .multimedia .text-right .card {
  overflow: hidden;
  border-radius: 0;
  border: 0 none;
  display: flex;
  flex-direction: row;
  background-color: transparent;
  margin-bottom: 0;
  height: 100%;
  position: relative; }
  .image-right.text-card .card .card-img-top, .image-left.text-card .card .card-img-top, .multimedia .text-left .card .card-img-top, .multimedia .text-right .card .card-img-top {
    width: 50%;
    height: 100%;
    border-radius: 0;
    overflow: hidden; }
    .image-right.text-card .card .card-img-top .outer, .image-left.text-card .card .card-img-top .outer, .multimedia .text-left .card .card-img-top .outer, .multimedia .text-right .card .card-img-top .outer {
      width: 100%;
      margin: 0 auto;
      overflow: visible; }
    .image-right.text-card .card .card-img-top .inner, .image-left.text-card .card .card-img-top .inner, .multimedia .text-left .card .card-img-top .inner, .multimedia .text-right .card .card-img-top .inner {
      position: relative;
      float: right;
      right: 50%; }
    .image-right.text-card .card .card-img-top img, .image-left.text-card .card .card-img-top img, .multimedia .text-left .card .card-img-top img, .multimedia .text-right .card .card-img-top img {
      position: relative;
      right: -50%;
      width: 100%;
      height: 100%;
      border-radius: 0;
      margin: 0 auto; }
  .image-right.text-card .card .card-body, .image-left.text-card .card .card-body, .multimedia .text-left .card .card-body, .multimedia .text-right .card .card-body {
    width: 50%;
    padding: 15px;
    margin: 15px 0 15px 0;
    border-top: 1px #000000 solid;
    border-right: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    display: flex;
    align-items: center; }
    .image-right.text-card .card .card-body p, .image-left.text-card .card .card-body p, .multimedia .text-left .card .card-body p, .multimedia .text-right .card .card-body p {
      font-size: 1.4em; }

.multimedia .text-left .card .card-img-top img, .multimedia .text-right .card .card-img-top img {
  right: 0;
  left: 0; }

.text-card.image-right, .text-card.image-left {
  margin: 0; }

.image-right.text-card .card, .multimedia .text-left .card {
  flex-direction: row-reverse; }
  .image-right.text-card .card .card-body, .multimedia .text-left .card .card-body {
    border-left: 1px #000000 solid;
    border-right: 0 none; }

.multimedia .text-right .card {
  flex-direction: row-reverse; }
  .multimedia .text-right .card .card-body {
    border-right: 1px #000000 solid;
    border-left: 0 none; }

section.full .image-right.text-card, section.full .image-left.text-card {
  position: absolute;
  bottom: 0; }

.navbar-nav a {
  color: #000000;
  margin-right: 30px; }

.tips-group .row .col-lg-2 {
  flex: 0 0 22%;
  max-width: 22%; }

.layouts {
  display: none; }

.edit-preview .layouts {
  display: block; }

.tips {
  margin: 0 0 40px 0;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
  padding: 15px 5px; }
  .tips .tips {
    background-color: transparent; }
  .tips .row {
    height: auto; }
  .tips .width-text h4 {
    display: block;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.3em;
    text-transform: none;
    margin: 0; }
    .tips .width-text h4 p {
      margin: 0;
      padding: 0; }
  .tips .body {
    margin-top: 1rem; }
  .tips p {
    margin-bottom: 0.5rem; }

.tips .width-text p {
  font-size: 1.1em;
  line-height: 17px; }

.tips .width-text.align-items-center {
  align-items: initial !important; }

.next-page {
  text-align: center;
  display: block;
  position: absolute;
  bottom: 3%;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  font-size: 4em;
  display: none; }

@media (max-width: 1199.98px) {
  section.home h1 {
    font-size: 6em; }
  h1 {
    font-size: 3.4em; }
  section.home .tips-group .row .row {
    height: 157px; }
  .tips-group {
    height: auto; }
    .tips-group .row {
      height: auto; }
    .tips-group h4 {
      font-size: 1.6em; }
  .image-right.text-card .card .card-body p, .image-left.text-card .card .card-body p, .multimedia .text-left .card .card-body p, .multimedia .text-right .card .card-body p {
    font-size: 1.1em; }
  #content .board-group.children-link {
    font-size: 0.9em;
    height: 960px; }
    #content .board-group.children-link .board {
      width: 300px;
      height: 300px; }
      #content .board-group.children-link .board .subboard-out .subboard {
        top: 315px;
        width: 930px;
        height: 615px; } }

@media (max-width: 991.98px) {
  section.full {
    height: auto; }
  h1 {
    font-size: 2.8em; }
  section.home {
    padding-bottom: 0; }
    section.home .image-right.text-card, section.home .image-left.text-card {
      position: relative;
      height: auto; }
  section.home .tips-group .tips .row {
    height: 100px; }
  section.home .tips-group .tips h4 {
    font-size: 1em; }
  .image-right.text-card .card .card-body p, .image-left.text-card .card .card-body p, .multimedia .text-left .card .card-body p, .multimedia .text-right .card .card-body p {
    font-size: 0.9em; }
  #content .board-group.children-link {
    font-size: 0.8em;
    height: 720px; }
    #content .board-group.children-link .board {
      width: 220px;
      height: 220px; }
      #content .board-group.children-link .board .subboard-out .subboard {
        top: 235px;
        width: 690px;
        height: 455px; } }

@media (max-width: 767.98px) {
  section.home .global-image img {
    max-width: 250px; }
  .cal-btn-group .btn {
    width: 260px;
    margin-bottom: 15px; }
  body .tips-group .row .col-5 {
    flex: 0 0 35%;
    max-width: 35%;
    margin-top: 5px; }
  section.home .tips-group > .row h4 {
    line-height: 18px;
    letter-spacing: 0; }
  .cal-btn-group .btn {
    font-size: 1em; }
    .cal-btn-group .btn h4 {
      font-size: 0.9em; }
  .background-image img {
    width: auto;
    height: auto; }
  .tips {
    margin: 20px 0;
    font-size: 0.9em;
    padding: 10px; }
  section.home h1 {
    width: 90%;
    font-size: 1.8em; }
  h1 {
    font-size: 1.8em; }
  .navbar {
    background-color: rgba(255, 255, 255, 0.9); }
  .card .card-img-top {
    position: absolute !important;
    width: 100% !important;
    opacity: 1 !important;
    filter: alpha(opacity=20) !important;
    display: none; }
  .card .card-body, .card .half-container {
    width: 100%;
    max-width: 100%;
    background-color: rgba(255, 255, 255, 0.9); }
  .image-right.text-card .card .card-body, .image-left.text-card .card .card-body, .multimedia .text-left .card .card-body, .multimedia .text-right .card .card-body {
    border: 0 none; }
    .image-right.text-card .card .card-body p, .image-left.text-card .card .card-body p, .multimedia .text-left .card .card-body p, .multimedia .text-right .card .card-body p {
      font-size: 1em; }
  #content .board-group.children-link {
    font-size: 0.3em;
    margin: 0 auto;
    width: 268px;
    height: 298px; }
    #content .board-group.children-link .board {
      width: 79.33333333px;
      height: 79.33333333px; }
      #content .board-group.children-link .board h3 {
        padding: 0 5px;
        font-size: 1em; }
      #content .board-group.children-link .board .subboard-out .subboard {
        display: block;
        top: 94.33333333px;
        width: 268px;
        height: 173.66666667px; } }

@media screen and (min-aspect-ratio: 16/8) {
  section.full {
    height: auto; }
  section.home {
    padding-bottom: 0; }
    section.home .image-right.text-card, section.home .image-left.text-card {
      position: relative;
      height: auto; } }

/*@import 'responsive/debug.scss';*/