.faster {
  animation-duration: 0.2s;
  animation-delay: 0.25s;
}
.fast {
  animation-duration: 0.2s;
  animation-delay: 0.5s;
}
.quick {
  animation-duration: 0.2s;
  animation-delay: 0.75s;
}
.normal {
  animation-duration: 0.2s;
  animation-delay: 1s;
}
.slow {
  animation-duration: 0.2s;
  animation-delay: 1.5s;
}
.slowly {
  animation-duration: 0.2s;
  animation-delay: 2s;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
@keyframes zoominout {
  0% {
    transform: scale(1,1);
  }
  50% {
    transform: scale(1.025,1.025);
  }
  100% {
    transform: scale(1,1);
  }
}
@keyframes zoominandout {
  0% {
    transform: scale(1,1);
  }
  50% {
    transform: scale(1.2,1.2);
  }
  100% {
    transform: scale(1,1);
  }
}
@keyframes bounceup {
  from {
    margin-top: 0;
  }
  50% {
    margin-top: -32px;
  }
  to {
    margin-top: 0;
  }
}
@keyframes bouncedown {
  from {
    margin-bottom: 0;
  }
  50% {
    margin-bottom: -32px;
  }
  to {
    margin-bottom: 0;
  }
}
@keyframes clipping {
  0% {
    clip-path: polygon(0% 0%,100% 0%,100% 40%,0% 50%);
  }
  50% {
    clip-path: polygon(0% 0%,100% 0%,100% 60%,0% 40%);
  }
  100% {
    clip-path: polygon(0% 0%,100% 0%,100% 80%,0% 100%);
  }
}
@keyframes invertclipping {
  0% {
    clip-path: polygon(0% 48vh,100% 24vh,100% 100%,0% 100%);
  }
  50% {
    clip-path: polygon(0% 24vh,100% 48vh,100% 100%,0% 100%);
  }
  100% {
    clip-path: polygon(0% 12vh,100% 0%,100% 100%,0% 100%);
  }
}
.fade-in {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}
@-moz-keyframes pointAnimation {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes pointAnimation {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pointAnimation {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes pathDraw {
  100% {
    stroke-dashoffset: 0px;
  }
}
@-webkit-keyframes pathDraw {
  100% {
    stroke-dashoffset: 0px;
  }
}
@keyframes pathDraw {
  100% {
    stroke-dashoffset: 0px;
  }
}
@-moz-keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
@-moz-keyframes entryAnimation {
  5% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@-webkit-keyframes entryAnimation {
  5% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@keyframes entryAnimation {
  5% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@-moz-keyframes entrySpanAnimation {
  25% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@-webkit-keyframes entrySpanAnimation {
  25% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@keyframes entrySpanAnimation {
  25% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@-moz-keyframes entryAnimation2 {
  5% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@-webkit-keyframes entryAnimation2 {
  5% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@keyframes entryAnimation2 {
  5% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@-moz-keyframes entrySpanAnimation2 {
  25% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@-webkit-keyframes entrySpanAnimation2 {
  25% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
@keyframes entrySpanAnimation2 {
  25% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2rem);
  }
}
.idcom-page-locked #wp-admin-bar-so_live_editor,
.idcom-page-locked #wp-admin-bar-edit {
  display: none !important;
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  overflow-x: hidden;
}
body h1,
body .fakeh1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'Permanent Marker', handwriting;
}
body h1,
body .fakeh1 {
  font-size: 48px;
  line-height: normal;
}
body h2,
body .fakeh2 {
  font-size: 43px;
  line-height: normal;
}
body h3,
body .fakeh3 {
  font-size: 37px;
  line-height: normal;
}
body h4,
body .fakeh4 {
  font-size: 32px;
  line-height: normal;
}
body h5,
body .fakeh5 {
  font-size: 27px;
  line-height: normal;
}
body h6,
body .fakeh6 {
  font-size: 21px;
  line-height: normal;
}
body .fakeh1,
body .fakeh2,
body .fakeh3,
body .fakeh4,
body .fakeh5,
body .fakeh6 {
  font-weight: 500;
}
body h1.menu,
body .fakeh1.menu,
body h2.menu,
body .fakeh2.menu,
body h3.menu,
body .fakeh3.menu,
body h4.menu,
body .fakeh4.menu,
body h5.menu,
body .fakeh5.menu,
body h6.menu,
body .fakeh6.menu {
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 0.035em;
  font-weight: 400;
}
body a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #8c489d;
}
body a:hover {
  color: #ff9f2e;
  text-decoration: none;
}
body .imgcrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center;
  min-height: 100%;
}
body .ecwd_img {
  transition: all .25s ease-in-out !important !important;
  -webkit-transition: all .25s ease-in-out !important !important;
  -moz-transition: all .25s ease-in-out !important !important;
  -o-transition: all .25s ease-in-out !important !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  margin-bottom: 32px !important;
}
body .ecwd_img img {
  transition: all .25s ease-in-out !important !important;
  -webkit-transition: all .25s ease-in-out !important !important;
  -moz-transition: all .25s ease-in-out !important !important;
  -o-transition: all .25s ease-in-out !important !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
}
body .ecwd__content {
  padding: 0 32px !important;
}
body .error-img {
  transition: all .5s ease-in-out !important;
  -webkit-transition: all .5s ease-in-out !important;
  -moz-transition: all .5s ease-in-out !important;
  -o-transition: all .5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 50%;
  margin-bottom: 48px;
}
body #idcom-loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: rgba(255,255,255,0.95);
  z-index: 2000;
}
body #idcom-loader > .logo {
  display: block;
  position: relative;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
body #idcom-loader > .logo > img {
  display: block;
  position: relative;
  width: 160px;
  height: auto;
  margin: 0 auto 12px auto;
  -webkit-animation: bounceup 1s ease infinite;
}
body #idcom-loader > .logo > p {
  font-weight: 700;
  color: #002a7c;
}
body .uppercase {
  text-transform: uppercase;
}
body .imgfull {
  width: 100%;
  height: auto;
}
body #gototop {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  position: fixed;
  background: #ff9f2e;
  color: #ffffff;
  right: 20px;
  bottom: 20px;
  padding: 4px 10px 8px 10px;
  border: none;
  cursor: pointer;
  z-index: 1000;
  display: none;
  outline: none;
}
body #gototop:hover {
  background: #2ec3c9;
  color: #ffffff;
}
body #pagination {
  margin: 32px 0 48px 0;
}
body #pagination span.page-numbers {
  padding: 8px 12px;
  color: #ffffff;
  background: #01aef0;
  border-radius: 24px;
}
body #pagination a.page-numbers {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  padding: 8px 12px;
  color: #ffffff;
  background: #ff9f2e;
  border-radius: 24px;
}
body #pagination a.page-numbers:hover {
  background: #8c489d;
  text-decoration: none;
}
body #modal-menu {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: -2000px;
  left: 0;
  z-index: 20;
  opacity: 0;
}
body #modal-menu .data {
  display: block;
  position: absolute;
  width: 600px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
body #modal-menu .data > .home {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
}
body #modal-menu .data > .home > a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  font-size: 250%;
  color: #ffffff;
  background: transparent;
  padding: 8px 12px;
  border-radius: 4px;
}
body #modal-menu .data > .home > a:hover {
  background: #ffffff;
  color: #ff9f2e;
  text-decoration: none;
}
body #modal-menu .data > #header-menu {
  display: block;
  position: relative;
  width: 100%;
}
body #modal-menu .data > #header-menu > ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}
body #modal-menu .data > #header-menu > ul > li {
  display: inline-block;
  position: relative;
  padding: 2px 12px;
  border-radius: 4px;
}
body #modal-menu .data > #header-menu > ul > li > a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 180%;
  text-transform: uppercase;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 2px;
}
body #modal-menu .data > #header-menu > ul > li > a:hover {
  color: #ff9f2e;
  text-decoration: none;
  background: #ffffff;
  background: rgba(255,255,255,0.8);
}
body #modal-menu .data > #header-menu > ul > li > ul {
  list-style-type: none;
  padding-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
body #modal-menu .data > #header-menu > ul > li > ul > li > a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 300;
  color: #ffffff;
  font-size: 115%;
  text-transform: uppercase;
}
body #modal-menu .data > #header-menu > ul > li > ul > li > a:hover {
  color: #293d44;
  text-decoration: none;
}
body #modal-menu .data > img {
  display: block;
  position: absolute;
  left: 0;
  bottom: -10%;
  width: 30%;
  transform: translateX(-50%);
}
body #modal-menu .close {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  top: 32px;
  right: 32px;
  color: #ffffff;
  font-size: 280%;
  cursor: pointer;
}
body #modal-menu .close > i {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #ffffff;
}
body #modal-menu .close:hover > i {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
body #modal-menu.visible {
  top: 0;
  opacity: 1;
}
body .aplus {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #3d3d3d;
}
body .aplus:hover {
  text-decoration: none;
}
body .breadcrumbs {
  display: block;
  position: relative;
  text-align: left;
  font-size: 13px;
  color: #262525;
  z-index: 1;
  text-align: center;
  padding: 16px 0;
}
body .breadcrumbs a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #ff9f2e;
}
body .breadcrumbs a:hover {
  color: #01aef0;
  text-decoration: none;
}
body .breadcrumbs .fa-chevron-right {
  margin: 0 6px;
  color: #b4b4b4;
}
body #idcom-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  background: rgba(255,255,255,0.85);
  z-index: 10000;
}
body .modal-el {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10001;
  -webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.35);
}
body #testimonial-form {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  top: -5000px;
  width: 800px;
  padding: 24px;
  background: #ffffff;
  overflow: hidden;
}
body #testimonial-form > .title {
  color: #8c489d;
  font-family: 'Permanent Marker', handwriting;
  font-size: 130%;
  letter-spacing: 0.05em;
}
body #testimonial-form > .form {
  display: block;
  position: relative;
  width: 100%;
}
body #testimonial-form > .form .nf-before-form-content {
  display: none;
}
body #testimonial-form > .form .nf-form-content .nf-after-field {
  display: block;
  position: absolute;
  margin-top: -6px;
  font-size: 13px;
  font-style: italic;
}
body #testimonial-form > .form .nf-form-content .nf-error.field-wrap .nf-field-element:after {
  top: 4px;
  right: 4px;
  height: 24px;
  width: 24px;
  font-size: 12px;
  line-height: 26px;
  border-radius: 50%;
}
body #testimonial-form > .form .nf-form-content #nf-field-10-container {
  margin-bottom: 0;
}
body #testimonial-form > .form .nf-form-content #nf-field-10-container .tbtn {
  margin-bottom: 0;
  text-align: right;
}
body #testimonial-form > .form .nf-form-content #nf-field-10-container .tbtn .btnsend {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  background: #ff9f2e;
  color: #ffffff;
  padding: 8px 32px;
  border-radius: 24px;
  cursor: pointer;
}
body #testimonial-form > .form .nf-form-content #nf-field-10-container .tbtn .btnsend:hover {
  background: #8c489d;
}
body #testimonial-form > .form .nf-after-form-content {
  text-align: center;
  font-size: 13px;
  font-style: italic;
}
body #testimonial-form > .close {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
}
body #testimonial-form > .close > i {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #969696;
}
body #testimonial-form > .close:hover {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
body #testimonial-form > .close:hover > i {
  color: #262525;
}
body #testimonial-form.visible {
  top: 50%;
}
body #activities-form {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  top: -5000px;
  width: 1200px;
  padding: 24px;
  background: #ffffff;
}
body #activities-form > .title {
  color: #ff9f2e;
  font-family: 'Permanent Marker', handwriting;
  font-size: 130%;
  letter-spacing: 0.05em;
}
body #activities-form > .close {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
}
body #activities-form > .close > i {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #969696;
}
body #activities-form > .close:hover {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
body #activities-form > .close:hover > i {
  color: #262525;
}
body #activities-form .filters > .buttons {
  display: block;
  position: relative;
  width: 70%;
  margin: 0 auto;
  width: 100%;
  margin: 24px 0;
  text-align: center;
}
body #activities-form .filters > .buttons > a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  position: relative;
  width: 32%;
  padding: 10px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 6px 0.25%;
  font-size: 14px;
}
body #activities-form .filters > .buttons > a.vert {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  background: #00b6ad;
}
body #activities-form .filters > .buttons > a.orange {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  background: #f36e2b;
}
body #activities-form .filters > .buttons > a.violet {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  background: #8c489d;
}
body #activities-form .filters > .buttons > a:hover {
  background: #01aef0;
}
body #activities-form .results {
  display: block;
  position: relative;
  width: 100%;
  height: 240px;
  overflow-y: scroll;
}
body #activities-form .results #activites-results {
  position: relative;
  margin: 32px 0 32px 0;
}
body #activities-form .results #activites-results .workshop .atelier {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
}
body #activities-form .results #activites-results .workshop .atelier > .header {
  display: block;
  position: relative;
  width: 100%;
  color: #ffffff;
  padding: 6px;
}
body #activities-form .results #activites-results .workshop .atelier > .header > h3 {
  font-size: 16px;
  margin-bottom: 0;
}
body #activities-form .results #activites-results .workshop .atelier > .header.orange {
  background: #f36e2b;
}
body #activities-form .results #activites-results .workshop .atelier > .header.vert {
  background: #00b6ad;
}
body #activities-form .results #activites-results .workshop .atelier > .header.violet {
  background: #8c489d;
}
body #activities-form .results #activites-results .workshop .atelier > .content {
  display: block;
  position: relative;
  background: #ffffff;
  padding: 30px 12px 12px 12px;
}
body #activities-form.visible {
  top: 50%;
}
body #site-search-box {
  transition: all .25s ease-in-out !important;
  -webkit-transition: all .25s ease-in-out !important;
  -moz-transition: all .25s ease-in-out !important;
  -o-transition: all .25s ease-in-out !important;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #01aef0;
  z-index: 10001;
}
body #site-search-box > form {
  transition: all .25s ease-in-out !important;
  -webkit-transition: all .25s ease-in-out !important;
  -moz-transition: all .25s ease-in-out !important;
  -o-transition: all .25s ease-in-out !important;
  display: block;
  position: absolute;
  width: 70%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
body #site-search-box > form > input {
  transition: all .25s ease-in-out !important;
  -webkit-transition: all .25s ease-in-out !important;
  -moz-transition: all .25s ease-in-out !important;
  -o-transition: all .25s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  font-size: 37px;
  text-align: center;
  background: #ffffff;
  background: rgba(255,255,255,0.35);
  outline: none;
  border: none;
  border-bottom: solid 2px #8c489d;
  padding: 10px 0;
}
body #site-search-box > form > input::placeholder {
  color: #ffffff;
}
body #site-search-box > form > input:-ms-input-placeholder {
  color: #ffffff;
}
body #site-search-box > form > input::-ms-input-placeholder {
  color: #ffffff;
}
body #site-search-box > form > input:focus {
  border-bottom: solid 2px #002a7c;
  background: #ffffff;
}
body #site-search-box > form > input:focus::placeholder {
  color: #3d3d3d;
}
body #site-search-box > form > input:focus:-ms-input-placeholder {
  color: #3d3d3d;
}
body #site-search-box > form > input:focus::-ms-input-placeholder {
  color: #3d3d3d;
}
body #site-search-box > i {
  transition: all .25s ease-in-out !important;
  -webkit-transition: all .25s ease-in-out !important;
  -moz-transition: all .25s ease-in-out !important;
  -o-transition: all .25s ease-in-out !important;
  display: block;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 300%;
  color: #ffffff;
  color: rgba(255,255,255,0.4);
  cursor: pointer;
}
body #site-search-box > i:hover {
  color: #ffffff;
}
body header {
  position: relative;
  z-index: 100;
}
body header .supheader {
  position: relative;
  background: #262525;
  color: #ffffff;
  font-size: 85%;
  z-index: 3;
}
body header .supheader .links {
  text-align: right;
  margin: 0;
}
body header .supheader .links > .left {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
body header .supheader .links > .left > a:not(:first-child) {
  margin-left: 20px;
}
body header .supheader .links a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #ffffff;
}
body header .supheader .links a > span {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body header .supheader .links a:hover {
  text-decoration: none;
  color: #ff9f2e;
}
body header .supheader .links a.extranet {
  display: inline-block;
  position: relative;
  padding: 10px 16px;
  background: #ff9f2e;
  color: #ffffff;
  text-align: right;
  margin-right: -15px;
}
body header .supheader .links a.extranet:hover {
  background: #2ec3c9;
}
body header .mainheader {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  position: absolute;
  background: transparent;
  z-index: 2;
}
body header .mainheader .row {
  position: relative;
}
body header .mainheader .logo-website {
  filter: drop-shadow(0px 1px 3px rgba(0,0,0,0.55));
}
body header .mainheader #site-logo {
  transition: all 0.25s ease-in-out !important;
  -webkit-transition: all 0.25s ease-in-out !important;
  -moz-transition: all 0.25s ease-in-out !important;
  -o-transition: all 0.25s ease-in-out !important;
  display: block;
  position: relative;
  margin: 0 15px;
  background: #ffffff;
  overflow: hidden;
  clip-path: ellipse(50% 100% at 50% 0%);
  z-index: 2;
}
body header .mainheader #site-logo > img {
  transition: all 0.25s ease-in-out !important;
  -webkit-transition: all 0.25s ease-in-out !important;
  -moz-transition: all 0.25s ease-in-out !important;
  -o-transition: all 0.25s ease-in-out !important;
  display: block;
  position: relative;
  width: 50%;
  height: auto;
  margin: 16px auto 24px auto;
}
body header .mainheader #site-logo:hover > img {
  width: 60%;
}
body header .mainheader .sublogos {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  margin: 12px 0;
  margin-bottom: 0;
}
body header .mainheader .sublogos > .header-logotype {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 6px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.55);
  box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.55);
  background: #ffffff;
}
body header .mainheader .sublogos > .header-logotype > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  width: 80%;
  height: auto;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}
body header .mainheader .sublogos > .header-logotype:hover {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
body header .mainheader .search-the-site {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  position: absolute;
  top: 38px;
  left: 0;
}
body header .mainheader .search-the-site #site-search {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  background: #ffffff;
  color: #8c489d;
  border-radius: 20px;
  text-align: center;
  line-height: 2.5em;
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.55);
  box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.55);
}
body header .mainheader .search-the-site #site-search:hover {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  color: #ffffff;
  background: #8c489d;
}
body header .mainheader #btn-menu {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 1;
}
body header .mainheader #btn-menu #main-menu {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  border: none;
  outline: none;
  background: transparent;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 75%;
  text-align: center;
  cursor: pointer;
}
body header .mainheader #btn-menu #main-menu > span {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  clear: both;
}
body header .mainheader #btn-menu #main-menu > i {
  transition: all 0.25s ease-in-out !important;
  -webkit-transition: all 0.25s ease-in-out !important;
  -moz-transition: all 0.25s ease-in-out !important;
  -o-transition: all 0.25s ease-in-out !important;
  display: block;
  position: relative;
  clear: both;
  font-size: 260%;
}
body header .mainheader #btn-menu #main-menu:hover {
  background: #262525;
  border-radius: 4px;
}
body header .mainheader #btn-menu #main-menu:hover > span {
  color: #2ec3c9;
}
body header .mainheader #btn-menu #main-menu:hover > i {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  color: #ff9f2e;
}
body header .mainheader.sticky {
  position: fixed;
  top: 0;
}
body header .mainheader.sticky > .bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 120px;
  top: 0;
  left: 0;
  background: #262525;
  background: rgba(0,0,0,0.85);
}
body header .mainheader.sticky.adm {
  top: 32px;
}
body main section {
  display: block;
  position: relative;
  width: 100%;
}
body main .s-pad-10 {
  padding: 10px 0;
}
body main .s-pad-16 {
  padding: 16px 0;
}
body main .s-pad-24 {
  padding: 24px 0;
}
body main .s-pad-32 {
  padding: 32px 0;
}
body main .s-pad-40 {
  padding: 40px 0;
}
body main .s-pad-48 {
  padding: 48px 0;
}
body main .s-pad-56 {
  padding: 56px 0;
}
body main .s-pad-64 {
  padding: 64px 0;
}
body main .s-pad-72 {
  padding: 72px 0;
}
body main section.breadcrumb {
  background: #ffffff;
}
body main .simple-text-section h1,
body main .simple-text-section h2,
body main .simple-text-section h3,
body main .simple-text-section h4,
body main .simple-text-section h5,
body main .simple-text-section h6 {
  font-family: 'Bebas Neue', sans-serif;
}
body main section.testimonials-section h2 {
  color: #ffffff;
}
body main section.testimonials-section h2 .aplus {
  color: #ffffff;
}
body main section.testimonials-section .slider {
  position: relative;
  margin-top: 32px;
}
body main section.testimonials-section .slider .owl-stage-outer {
  display: block;
  position: relative;
  width: 80%;
  margin: 0 auto;
  z-index: 2;
}
body main section.testimonials-section .slider .owl-stage-outer .testimonial {
  display: block;
  position: relative;
  width: 80%;
  color: #ffffff;
  text-align: center;
  font-style: italic;
}
body main section.testimonials-section .slider .owl-stage-outer .testimonial .name {
  font-weight: 700;
}
body main section.testimonials-section .slider .owl-nav {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}
body main section.testimonials-section .slider .owl-nav .owl-prev,
body main section.testimonials-section .slider .owl-nav .owl-next {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  font-size: 350%;
  color: #ffffff;
  background: transparent;
  padding: 0 20px;
  width: 80px;
  height: 80px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  text-align: center;
  border-radius: 50%;
}
body main section.testimonials-section .slider .owl-nav .owl-prev > span,
body main section.testimonials-section .slider .owl-nav .owl-next > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin-top: -3px;
}
body main section.testimonials-section .slider .owl-nav .owl-prev:hover,
body main section.testimonials-section .slider .owl-nav .owl-next:hover {
  background: #ff9f2e;
}
body main section.testimonials-section .slider .owl-nav .owl-prev {
  left: 0;
}
body main section.testimonials-section .slider .owl-nav .owl-next {
  right: 0;
}
body main section.activities-section .desc {
  display: block;
  position: relative;
  width: 100%;
  padding: 48px 0;
  text-align: center;
}
body main section.activities-section .accordion-header {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  padding: 12px 24px;
  background: #ff9f2e;
  cursor: pointer;
}
body main section.activities-section .accordion-header h2 {
  font-size: 21px;
  color: #ffffff;
  margin-bottom: 0;
  letter-spacing: 0.05em;
}
body main section.activities-section .accordion-header h2 > span {
  color: #262525;
  font-family: 'Bebas Neue', sans-serif;
}
body main section.activities-section .accordion-header:hover {
  background: #8c489d;
}
body main section.activities-section .families {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  padding: 32px 0;
}
body main section.activities-section .families .family {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  position: relative;
  width: 19%;
  margin: 0 0.25% 8px 0.25%;
  padding: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  vertical-align: top;
}
body main section.activities-section .families .family .closer {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
body main section.activities-section .families .family .closer:hover {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  color: #8c489d;
}
body main section.activities-section .families .family .img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 150px;
}
body main section.activities-section .families .family .img > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
body main section.activities-section .families .family .title {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 60px;
  margin-top: 20px;
}
body main section.activities-section .families .family .title > h3 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  text-align: center;
  color: #262525;
}
body main section.activities-section .families .family:hover .img {
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
body main section.activities-section .families .family:hover .title > h3 {
  color: #ff9f2e;
}
body main section.activities-section #search-family {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 32px;
  border-bottom: solid 1px #c8c8c8;
}
body main section.activities-section #search-family #search-input {
  display: inline-block;
  position: relative;
  width: 57%;
  margin: 0 0.25% 8px 0.25%;
}
body main section.activities-section #search-family #search-input > .input {
  display: inline-block;
  position: relative;
  width: 100%;
}
body main section.activities-section #search-family #search-input > .input > input {
  border-radius: 0;
  width: 100%;
  outline: none;
  padding-left: 26px;
}
body main section.activities-section #search-family #search-input > .input::before {
  font-family: 'icomoon';
  content: '\e90e';
  display: block;
  position: absolute;
  color: #262525;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}
body main section.activities-section #search-family #search-input > .buttons {
  display: block;
  position: relative;
  width: 100%;
  margin: 24px 0;
}
body main section.activities-section #search-family #search-input > .buttons > a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  position: relative;
  width: 32%;
  padding: 10px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 6px 0.25%;
  font-size: 14px;
}
body main section.activities-section #search-family #search-input > .buttons > a.vert {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  background: #00b6ad;
}
body main section.activities-section #search-family #search-input > .buttons > a.orange {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  background: #f36e2b;
}
body main section.activities-section #search-family #search-input > .buttons > a.violet {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  background: #8c489d;
}
body main section.activities-section #search-family #search-input > .buttons > a:hover {
  background: #01aef0;
}
body main section.activities-section #activites-results {
  position: relative;
  margin: 32px -15px 32px -15px;
}
body main section.activities-section #activites-results .workshop .atelier {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
}
body main section.activities-section #activites-results .workshop .atelier > .header {
  display: block;
  position: relative;
  width: 100%;
  color: #ffffff;
  padding: 6px;
}
body main section.activities-section #activites-results .workshop .atelier > .header > h3 {
  font-size: 16px;
  margin-bottom: 0;
}
body main section.activities-section #activites-results .workshop .atelier > .header.orange {
  background: #f36e2b;
}
body main section.activities-section #activites-results .workshop .atelier > .header.vert {
  background: #00b6ad;
}
body main section.activities-section #activites-results .workshop .atelier > .header.violet {
  background: #8c489d;
}
body main section.activities-section #activites-results .workshop .atelier > .content {
  display: block;
  position: relative;
  background: #ffffff;
  padding: 30px 12px 12px 12px;
}
body main section.advanced-search {
  background: #ff9f2e;
}
body main section.advanced-search #advanced-search-form {
  width: 80%;
  margin: 16px auto 0 auto;
}
body main section.advanced-search #advanced-search-form .input,
body main section.advanced-search #advanced-search-form .select {
  display: inline-block;
  position: relative;
  width: 34%;
}
body main section.advanced-search #advanced-search-form .input > input,
body main section.advanced-search #advanced-search-form .input > select,
body main section.advanced-search #advanced-search-form .select > input,
body main section.advanced-search #advanced-search-form .select > select {
  border-radius: 0;
  width: 100%;
  outline: none;
}
body main section.advanced-search #advanced-search-form .input > select,
body main section.advanced-search #advanced-search-form .select > select {
  cursor: pointer;
}
body main section.advanced-search #advanced-search-form .input::after {
  font-family: 'icomoon';
  content: '\e90e';
  display: block;
  position: absolute;
  color: #262525;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}
body main section.advanced-search #advanced-search-form .input-group-append {
  display: inline-block;
  position: relative;
  width: 32%;
}
body main section.advanced-search #advanced-search-form .input-group-append > button {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  width: 100%;
  background: #2ec3c9;
  color: #ffffff;
  outline: none;
  border-radius: 0;
  z-index: 1;
}
body main section.advanced-search #advanced-search-form .input-group-append > button:hover {
  background: #8c489d;
}
body main section.advanced-search #ass-notice {
  display: none;
  width: 80%;
  position: relative;
  background: #e21212;
  color: #ffffff;
  padding: 12px 24px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
body main section.agenda .hook {
  position: relative;
}
body main section.agenda .hk-1 {
  margin-bottom: 72px;
}
body main section.agenda .hk-2 {
  margin-top: 72px;
}
body main section.agenda .form .label {
  display: block;
  position: relative;
  width: 100%;
  margin: 24px 0 32px 0;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-size: 21px;
}
body main section.agenda .form .label.orange {
  color: #ff9f2e;
}
body main section.agenda .form .label.violet {
  color: #8c489d;
}
body main section.agenda .form .label.cyan {
  color: #01aef0;
}
body main section.agenda .form .label.vert {
  color: #00b6ad;
}
body main section.agenda .form input[type="text"],
body main section.agenda .form textarea {
  border-radius: 0 !important;
  border: solid 1px #adb1b2;
}
body main section.agenda .form input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: inline-block;
  border-radius: 0 !important;
  transform: translateY(3px);
  cursor: pointer;
  outline: none;
}
body main section.agenda .form button {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  background: #ff9f2e;
  color: #ffffff;
  padding: 4px 24px;
  border-radius: 24px;
  border: none;
  cursor: pointer;
  outline: none;
}
body main section.agenda .form button:hover {
  background: #8c489d;
}
body main section.agenda .form .notice {
  display: none;
  position: relative;
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}
body main section.agenda .form .notice.error {
  background: #e21212;
}
body main section.agenda .form .notice.success {
  background: #00b6ad;
}
body main section.agenda .idcom-calendar {
  display: block;
  position: relative;
  width: 100%;
  padding: 24px;
  margin-left: 0;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head {
  border: none !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .next a,
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .previous a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  padding: 4px 12px;
  border-radius: 24px;
  background: #ff9f2e;
  color: #ffffff !important;
  font-size: 12px !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .next a > span:not(.month-name),
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .previous a > span:not(.month-name) {
  display: none;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .next a:hover,
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .previous a:hover {
  background: #01aef0;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .previous a::before {
  font-family: 'icomoon';
  content: '\e902';
  font-size: 9px;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .next a::after {
  font-family: 'icomoon';
  content: '\e903';
  font-size: 9px;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .current-month {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 16px !important;
  text-transform: uppercase;
  vertical-align: bottom;
  color: #01aef0 !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .calendar-head .current-month > div {
  position: absolute;
  font-size: 28px !important;
  bottom: 38px;
  left: 50%;
  transform: translateX(-50%);
  color: #ff9f2e !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .current-month a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #01aef0 !important;
  font-size: 20px !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .current-month a:hover {
  color: #8c489d !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey table.cal_blue.ecwd_calendar_container .normal-day-heading,
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey table.cal_blue.ecwd_calendar_container .weekend-heading {
  background: #01aef0 !important;
  color: #ffffff !important;
  padding: 12px 0;
  border: solid 2px #ffffff !important;
}
body main section.agenda .idcom-calendar table.cal_blue.ecwd_calendar_container td > div,
body main section.agenda .idcom-calendar table.cal_blue.ecwd_calendar_container th > div {
  font-weight: 600;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .ecwd-search button {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  background: #ff9f2e !important;
  color: #ffffff !important;
  height: 40px !important;
  width: 40px !important;
  margin-top: 1px;
  text-align: center;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .ecwd-search button:hover {
  background: #8c489d !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .ecwd-search-submit .fa {
  color: #ffffff !important;
  line-height: 0.5em;
  left: 13px;
}
body main section.agenda .idcom-calendar .ecwd-search input[type="text"] {
  height: 40px !important;
  top: 1px;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey table.cal_blue.ecwd_calendar_container .day-without-date {
  background: #ebebeb !important;
  color: #ffffff !important;
  border: solid 2px #ffffff !important;
}
body main section.agenda .idcom-calendar table.cal_blue.ecwd_calendar_container .day-without-date div {
  font-size: 12px !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  font-weight: 500 !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey table.cal_blue.ecwd_calendar_container .day-with-date {
  background: #fafafa !important;
  color: #ffffff !important;
  border: solid 2px #ffffff !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey table.cal_blue.ecwd_calendar_container .day-with-date .day-number {
  background: transparent !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .cal_blue.ecwd_calendar_container .events a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #01aef0 !important;
  font-style: normal !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .cal_blue.ecwd_calendar_container .events a::after {
  font-family: 'icomoon';
  content: '\e90d';
  color: #ff9f2e !important;
  margin-left: 4px;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .cal_blue.ecwd_calendar_container .events a:hover {
  color: #8c489d !important;
}
body main section.agenda .idcom-calendar table.cal_blue.ecwd_calendar_container .event-details div {
  font-family: 'Roboto', sans-serif !important;
}
body main section.agenda .idcom-calendar table.cal_blue.ecwd_calendar_container .event-details div p {
  font-style: normal;
  coor: #01aef0 !important;
}
body main section.agenda .idcom-calendar .ecwd-page-full div[class^="ecwd-page-"] .event-details img {
  height: auto !important;
}
body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .ecwd_calendar .metainfo {
  font-style: normal;
}
body main section.board h2 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  font-size: 32px;
  font-weight: 500;
  color: #01aef0;
}
body main section.board h3 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  font-family: 'Roboto', sans-serif;
  font-size: 19.2px;
  font-weight: 400;
  color: #01aef0;
}
body main section.board .theboard {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  margin-top: 48px;
}
body main section.board .theboard > .boardrow {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
body main section.board .theboard > .boardrow > .cell {
  display: inline-block;
  position: relative;
  width: calc(20% - 12px);
  vertical-align: top;
  padding: 12px;
  margin: 6px 4px;
  background: #e6e6e6;
  color: #ffffff;
  text-align: center;
}
body main section.board .theboard > .boardrow > .cell > span {
  display: block;
}
body main section.board .theboard > .boardrow > .cell > strong {
  display: none;
  font-weight: 400;
  font-style: italic;
  font-size: 12.8px;
}
body main section.board .theboard > .boardrow > .cell.h-100 > span {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
body main section.board .theboard > .boardrow > .cell.data {
  background: transparent;
  text-transform: uppercase;
  font-size: 19.2px;
  letter-spacing: 0.05em;
}
body main section.board .theboard > .boardrow > .cell.data.tno {
  color: #e21212;
}
body main section.board .theboard > .boardrow > .cell.data.tmin {
  color: #00b6ad;
}
body main section.board .theboard > .boardrow > .cell.data.tmod {
  color: #ff9f2e;
}
body main section.board .theboard > .boardrow > .cell.data.tbig {
  color: #8c489d;
}
body main section.board .theboard > .boardrow > .job {
  background: #232468;
}
body main section.board .theboard > .boardrow > .no {
  background: #e21212;
}
body main section.board .theboard > .boardrow > .min {
  background: #00b6ad;
}
body main section.board .theboard > .boardrow > .mod {
  background: #ff9f2e;
}
body main section.board .theboard > .boardrow > .big {
  background: #8c489d;
}
body main section.board .theboard > .boardrow.head > .cell {
  margin: 0 4px;
  padding: 6px 12px;
}
body main section.form .container {
  display: block;
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
}
body main section.form .container .formdata {
  padding: 48px 32px;
}
body main section.form .container .formdata h2 {
  color: #ff9f2e;
  margin-bottom: 32px;
}
body main section.form .container .formdata .link {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  margin: 12px 0;
}
body main section.form .container .formdata .link > i {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  color: #ff9f2e;
}
body main section.form .container .formdata .link > .data {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  color: #262525;
}
body main section.form .container .formdata .link:hover {
  text-decoration: none;
}
body main section.form .container .formdata .link:hover > i {
  color: #01aef0;
}
body main section.form .container .formdata .link:hover > .data {
  color: #8c489d;
}
body main section.form .container .formdata .img > img {
  display: block;
  position: relative;
  width: 70%;
  margin: 72px auto 0 auto;
}
body main section.form .container .nform {
  padding: 48px 32px;
}
body main section.form .container .nform .nf-before-form-content {
  display: none;
}
body main section.form .container .nform .nf-form-content .nf-after-field {
  display: block;
  position: absolute;
  margin-top: -6px;
  font-size: 13px;
  font-style: italic;
}
body main section.form .container .nform .nf-form-content .nf-error.field-wrap .nf-field-element:after {
  top: 4px;
  right: 4px;
  height: 24px;
  width: 24px;
  font-size: 12px;
  line-height: 26px;
  border-radius: 50%;
}
body main section.form .container .nform .nf-form-content #nf-field-4-container {
  margin-bottom: 0;
}
body main section.form .container .nform .nf-form-content #nf-field-4-container .tbtn {
  margin-bottom: 0;
  text-align: right;
}
body main section.form .container .nform .nf-form-content #nf-field-4-container .tbtn .btnsend {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  background: #ff9f2e;
  color: #ffffff;
  padding: 8px 32px;
  border-radius: 24px;
  cursor: pointer;
}
body main section.form .container .nform .nf-form-content #nf-field-4-container .tbtn .btnsend:hover {
  background: #8c489d;
}
body main section.form .container .nform .nf-after-form-content {
  text-align: center;
  font-size: 13px;
  font-style: italic;
}
body main section.map {
  padding-left: 0;
  padding-right: 0;
}
body main section.headband {
  display: block;
  position: relative;
  width: 100%;
  height: 50vh;
  min-height: 360px;
}
body main section.headband .title {
  display: block;
  position: absolute;
  left: 0;
  bottom: 48px;
  color: #ffffff;
}
body main section.headband .title > h1 {
  display: inline-block;
  position: relative;
  margin-left: 100px;
}
body main section.headband .title > h1::before {
  content: '';
  display: block;
  position: absolute;
  width: 120px;
  height: 2px;
  left: -130px;
  bottom: 16px;
  background: #ffffff;
}
body main section.headband .title > h2 {
  display: block;
  position: relative;
  margin-left: 100px;
  font-weight: 300;
}
body main section.headband .title p {
  display: block;
  position: relative;
  margin-left: 100px;
}
body main section.img-text {
  padding-left: 0;
  padding-right: 0;
}
body main section.img-text a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #00b6ad;
}
body main section.img-text a:hover {
  color: #8c489d;
  text-decoration: none;
}
body main section.img-text .photo {
  display: block;
  position: relative;
  width: calc(100% + 15px);
  height: 100%;
  overflow: hidden;
}
body main section.img-text .photo.link {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body main section.img-text .photo.link > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body main section.img-text .photo.link:hover > img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -webkit-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -moz-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -o-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
}
body main section.img-text .data {
  margin: 56px 56px 56px 39px;
  padding: 48px 48px 48px 48px;
}
body main section.img-text .data h2 {
  margin-bottom: 24px;
}
body main section.img-text .data .section-title {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body main section.img-text .data .section-title > h2 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body main section.img-text .data .section-title:hover > h2 {
  color: #ff9f2e;
}
body main section.img-text .data .tbtn {
  position: relative;
  margin-top: 32px;
}
body main section.img-text .data .btn {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  background: #ff9f2e;
  color: #ffffff;
  padding: 8px 18px;
  border-radius: 24px;
}
body main section.img-text .data .btn:hover {
  background: #8c489d;
}
body main section.img-text .data.tbluepblack h2 {
  color: #01aef0;
}
body main section.img-text .data.tbluepblack .text p {
  color: #262525;
}
body main section.img-text .data.tpurplepblack h2 {
  color: #8c489d;
}
body main section.img-text .data.tpurplepblack .text p {
  color: #262525;
}
body main section.img-text .data.torangepblack h2 {
  color: #ff9f2e;
}
body main section.img-text .data.torangepblack .text p {
  color: #262525;
}
body main section.img-text .data.twhitepblack h2 {
  color: #ffffff;
}
body main section.img-text .data.twhitepblack .text p {
  color: #262525;
}
body main section.img-text .data.tblackpwhite h2 {
  color: #262525;
}
body main section.img-text .data.tblackpwhite .text p {
  color: #ffffff;
}
body main section.img-text.blanc {
  background: #ffffff;
}
body main section.img-text.orange {
  background: #ff9f2e;
}
body main section.img-text.bleu {
  background: #01aef0;
}
body main .icon.midbottom {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,12px);
  z-index: 2;
}
body main .icon.left {
  display: block;
  position: relative;
  margin-top: -64px;
  margin-bottom: 32px;
  margin-left: 40px;
}
body main .icon.right {
  display: block;
  position: relative;
  margin-top: -64px;
  margin-bottom: 32px;
  float: right;
  margin-right: 64px;
}
body main .icon {
  width: 128px;
  height: auto;
}
body main section.img-text.tleft .data {
  margin: 56px 39px 56px 56px;
}
body main section.img-text.tleft .photo,
body main section.img-text.tleft .photo.link {
  margin-left: -15px;
}
body main section.img-text.mgtop {
  margin-top: 48px;
}
body main section.news-slider h2 .aplus {
  color: #8c489d;
}
body main section.news-slider h2 .aplus:hover {
  color: #ff9f2e;
}
body main section.news-slider .slider .slide {
  display: block;
  position: relative;
  padding: 30px 10px;
}
body main section.news-slider .slider .slide .content {
  display: block;
  position: relative;
  width: 100%;
  background: #ffffff;
  padding: 15px;
  -webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
}
body main section.news-slider .slider .slide .content > a.img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
}
body main section.news-slider .slider .slide .content > a.img > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body main section.news-slider .slider .slide .content > a.img:hover > img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -webkit-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -moz-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -o-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
}
body main section.news-slider .slider .slide .content > .data {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
}
body main section.news-slider .slider .slide .content > .data .post-link {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  color: #3d3d3d;
  margin-top: 18px;
}
body main section.news-slider .slider .slide .content > .data .post-link:hover {
  color: #ff9f2e;
  text-decoration: none;
}
body main section.news-slider .slider .slide .content > .data .excerpt {
  width: 100%;
  height: auto;
  min-height: 110px;
}
body main section.news-slider .slider .slide .content > .readmore {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,50%);
  background: #ff9f2e;
  color: #ffffff;
  padding: 8px 18px;
  border-radius: 24px;
  font-size: 90%;
}
body main section.news-slider .slider .slide .content > .readmore:hover {
  background: #3d3d3d;
}
body main section.partners-section h2 .aplus {
  color: #8c489d;
}
body main section.partners-section h2 .aplus:hover {
  color: #ff9f2e;
}
body main section.partners-section .slider .slide {
  display: block;
  position: relative;
}
body main section.partners-section .slider .slide > .content {
  display: block;
  position: relative;
  width: 100%;
  height: 200px;
}
body main section.partners-section .slider .slide > .content > img {
  max-width: 70%;
  max-height: 60%;
  width: auto;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
body main section.post .back > a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #3d3d3d;
}
body main section.post .back > a > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  position: relative;
  width: 32px;
  height: auto;
}
body main section.post .back > a:hover {
  color: #01aef0;
  text-decoration: none;
}
body main section.post .back > a:hover > img {
  transform: rotate(-360deg);
  -moz-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
}
body main section.post h2 {
  color: #ff9f2e;
  margin: 32px 0;
}
body main section.post p > iframe {
  width: 100%;
}
body main section.post .postimg {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 600px;
  overflow: hidden;
}
body main section.post .postimg > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body main section.post .postimg:hover > img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -webkit-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -moz-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -o-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
}
body main section.post .category {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(-9px,6px);
  background: #e21212;
  color: #ffffff;
  padding: 6px 12px;
  text-transform: uppercase;
}
body main section.post .category:hover {
  background: #c20d0d;
  text-decoration: none;
}
body main section.post .desc {
  margin-bottom: 32px;
}
body main section.post .tags a.tag {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  background: #ff9f2e;
  color: #ffffff;
  padding: 3px 8px;
  font-size: 85%;
  border-radius: 12px;
  margin: 2px;
}
body main section.post .tags a.tag:hover {
  background: #01aef0;
  text-decoration: none;
}
body main section.post .icon {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20%;
  height: auto;
  transform: translate(100%,100%);
}
body main section.related-posts {
  padding-left: 0;
  padding-right: 0;
}
body main section.related-posts h2 {
  margin-bottom: 32px;
}
body main section.related-posts #related-posts .owl-stage-outer,
body main section.related-posts #related-posts .owl-stage,
body main section.related-posts #related-posts .owl-item {
  height: 300px;
}
body main section.related-posts #related-posts .owl-stage-outer .slide,
body main section.related-posts #related-posts .owl-stage .slide,
body main section.related-posts #related-posts .owl-item .slide {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
}
body main section.related-posts #related-posts .owl-stage-outer .slide > img,
body main section.related-posts #related-posts .owl-stage .slide > img,
body main section.related-posts #related-posts .owl-item .slide > img {
  transition: all 10s ease-in-out !important;
  -webkit-transition: all 10s ease-in-out !important;
  -moz-transition: all 10s ease-in-out !important;
  -o-transition: all 10s ease-in-out !important;
}
body main section.related-posts #related-posts .owl-stage-outer .slide > .gradient,
body main section.related-posts #related-posts .owl-stage .slide > .gradient,
body main section.related-posts #related-posts .owl-item .slide > .gradient {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(3,3,3,0.6) 99%,rgba(0,0,0,0.6) 100%);
  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(3,3,3,0.6) 99%,rgba(0,0,0,0.6) 100%);
  background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(3,3,3,0.6) 99%,rgba(0,0,0,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#99000000',GradientType=0);
}
body main section.related-posts #related-posts .owl-stage-outer .slide > h3,
body main section.related-posts #related-posts .owl-stage .slide > h3,
body main section.related-posts #related-posts .owl-item .slide > h3 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  width: 100%;
  padding: 20px;
  bottom: 0;
  left: 0;
  color: #ffffff;
  margin: 0;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
}
body main section.related-posts #related-posts .owl-stage-outer .slide:hover > img,
body main section.related-posts #related-posts .owl-stage .slide:hover > img,
body main section.related-posts #related-posts .owl-item .slide:hover > img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -webkit-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -moz-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -o-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
}
body main section.presentation .tbtn {
  margin-top: 48px;
}
body main section.presentation .btn {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #ffffff;
  background: #ff9f2e;
  display: inline-block;
  padding: 8px 16px;
  border-radius: 24px;
}
body main section.presentation .btn:hover {
  background: #8c489d;
  text-decoration: none;
}
body main section.presentation img {
  display: block;
  position: relative;
  width: 80%;
  height: auto;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
body main section.presentation .text {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
body main section.presentation .text h2 {
  color: #ff9f2e;
  margin-bottom: 32px;
}
body main section.steps .thesteps {
  padding-top: 48px;
  padding-bottom: 48px;
}
body main section.steps .astep {
  position: relative;
  padding-top: 32px;
  padding-bottom: 32px;
}
body main section.steps .astep:not(:first-child) {
  border-top: solid 1px #ffffff;
}
body main section.steps .title {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body main section.steps .title > h2 {
  font-size: 36.55px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 32px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.45);
}
body main section.steps .title > h2 > span.prefix {
  color: #ff9f2e;
}
body main section.steps .title > h2 > span.prefix > strong {
  font-weight: 700;
}
body main section.steps .title > h2 > span.thetitle {
  font-size: 30.1px;
}
body main section.steps .thethumb > .pic {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 150px;
}
body main section.steps .thethumb > .pic > img {
  display: block;
  position: relative;
  max-width: 250px;
  max-height: 150px;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
body main section.steps .thethumb > h3 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  font-size: 24.05px;
  color: #ff9f2e;
  margin: 20px 0;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.45);
}
body main section.steps .thethumb > p {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.45);
}
body main section.timeline {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
body main section.timeline .timeline-help {
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 12px;
  background: #ffffff;
  font-weight: 700;
  color: #8c489d;
  border-radius: 32px;
  -webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.5);
}
body main section.timeline #map {
  position: relative;
  width: 100%;
  height: auto;
  margin-left: -10%;
}
body main section.timeline #map g[id^=point] {
  cursor: pointer;
  transition: all .4s ease-in-out !important;
  -webkit-transition: all .4s ease-in-out !important;
  -moz-transition: all .4s ease-in-out !important;
  -o-transition: all .4s ease-in-out !important;
  transform: translateY(1.5rem);
  opacity: 0;
  -webkit-animation: pointAnimation .3s ease-in 1.5s forwards;
  -moz-animation: pointAnimation .3s ease-in 1.5s forwards;
  animation: pointAnimation .3s ease-in 1.5s forwards;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
body main section.timeline #map g[id^=point] circle {
  cursor: pointer;
  transition: all .3s ease-in-out !important;
  -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  -o-transition: all .3s ease-in-out !important;
}
body main section.timeline #map g[id^=point]:hover .st2 {
  fill: #ffffff;
}
body main section.timeline #map g[id^=point]:hover .st3 {
  stroke: #ffffff;
}
body main section.timeline #map g[id^=point]:hover g circle {
  stroke-dasharray: 0px, 0px;
  transition: all .3s ease-in-out !important;
  -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  -o-transition: all .3s ease-in-out !important;
}
body main section.timeline #map g[id^=point].active g circle {
  stroke-dasharray: 0px, 0px;
  transition: all .3s ease-in-out !important;
  -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  -o-transition: all .3s ease-in-out !important;
}
body main section.timeline #map #path-1 {
  stroke-dasharray: 3488px;
  stroke-dashoffset: 3488px;
  -webkit-animation: pathDraw 1.8s ease-in 0ms forwards;
  -moz-animation: pathDraw 1.8s ease-in 0ms forwards;
  animation: pathDraw 1.8s ease-in 0ms forwards;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
body main section.timeline #map g[id^=titre] {
  opacity: 0;
  -webkit-animation: fadeIn .5s ease-in 2s forwards;
  -moz-animation: fadeIn .5s ease-in 2s forwards;
  animation: fadeIn .5s ease-in 2s forwards;
  -webkit-animation-delay: 2.75s;
  animation-delay: 2.75s;
}
body main section.timeline .tooltipimg {
  display: block;
  position: absolute;
  top: 24px;
  right: 24px;
  width: 22%;
  height: auto;
  min-width: 200px;
}
body main section.timeline #infos {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 24px;
  background: #00b6ad;
  background: rgba(0,182,173,0.95);
}
body main section.timeline #infos > .closer {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 37px;
  color: #ffffff;
  color: rgba(255,255,255,0.25);
  cursor: pointer;
}
body main section.timeline #infos > .closer:hover {
  font-size: 43px;
  color: #ffffff;
}
body main section.timeline #infos > .prev,
body main section.timeline #infos > .next {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  top: 0;
  width: 8%;
  height: 100%;
  font-size: 37px;
  color: #00b6ad;
  background: #ffffff;
  background: rgba(255,255,255,0.1);
  cursor: pointer;
}
body main section.timeline #infos > .prev > i,
body main section.timeline #infos > .next > i {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
body main section.timeline #infos > .prev:hover,
body main section.timeline #infos > .next:hover {
  background: #ffffff;
}
body main section.timeline #infos > .prev:hover > i,
body main section.timeline #infos > .next:hover > i {
  color: #ff9f2e;
}
body main section.timeline #infos > .prev {
  left: 0;
}
body main section.timeline #infos > .next {
  right: 0;
}
body main section.timeline #infos > .data {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: none;
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 75%;
  text-align: center;
  color: #ffffff;
  font-size: 21px;
}
body main section.timeline #infos > .data > .title {
  font-size: 37px;
  display: inline-block;
  margin: 0 auto 32px auto;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  background: #ffffff;
  color: #ff9f2e;
  line-height: 1.8em;
}
body main section.tools .tools-header .tools-cat {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  background: #ffffff;
  padding: 24px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
}
body main section.tools .tools-header .tools-cat .img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 150px;
}
body main section.tools .tools-header .tools-cat .img > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
body main section.tools .tools-header .tools-cat .title {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 100px;
}
body main section.tools .tools-header .tools-cat .title > h3 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  text-align: center;
  font-size: 16.8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin-bottom: 0;
}
body main section.tools .tools-header .tools-cat .title > h3.orange {
  color: #ff9f2e;
}
body main section.tools .tools-header .tools-cat .title > h3.cyan {
  color: #01aef0;
}
body main section.tools .tools-header .tools-cat .title > h3.vert {
  color: #00b6ad;
}
body main section.tools .tools-header .tools-cat .title > h3.rouge {
  color: #e21212;
}
body main section.tools .tools-header .tools-cat:hover .img {
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
body main section.tools .tools-header .tools-cat:hover .title > h3 {
  color: #8c489d;
}
body main section.tools .tools-content h2 {
  text-align: center;
  font-size: 27px;
  margin-top: 48px;
}
body main section.tools .tools-content h2.orange {
  color: #ff9f2e;
}
body main section.tools .tools-content h2.cyan {
  color: #01aef0;
}
body main section.tools .tools-content h2.rouge {
  color: #e21212;
}
body main section.tools .tools-content h2.vert {
  color: #00b6ad;
}
body main section.tools .tools-content .col-12 {
  text-align: center;
}
body main section.tools .tools-content .col-12 .tool-item {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  width: 19%;
  margin: 15px 0.5%;
  position: relative;
  background: #ffffff;
  border: solid 1px #e6e6e6;
  padding: 12px;
  vertical-align: top;
}
body main section.tools .tools-content .col-12 .tool-item a.title {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 80px;
}
body main section.tools .tools-content .col-12 .tool-item a.title > h3 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  text-align: center;
  font-size: 16px;
  color: #262525;
}
body main section.tools .tools-content .col-12 .tool-item a.title:hover > h3 {
  color: #8c489d;
}
body main section.tools .tools-content .col-12 .tool-item .desc {
  display: block;
  position: relative;
  width: 100%;
  height: 110px;
}
body main section.tools .tools-content .col-12 .tool-item .desc > p {
  font-size: 13.6px;
}
body main section.tools .tools-content .col-12 .tool-item .desc > p.orange {
  color: #ff9f2e;
}
body main section.tools .tools-content .col-12 .tool-item .desc > p.cyan {
  color: #01aef0;
}
body main section.tools .tools-content .col-12 .tool-item .desc > p.rouge {
  color: #e21212;
}
body main section.tools .tools-content .col-12 .tool-item .desc > p.vert {
  color: #00b6ad;
}
body main section.tools .tools-content .col-12 .tool-item .tbtn {
  margin-bottom: 0;
}
body main section.tools .tools-content .col-12 .tool-item .tbtn > a {
  font-size: 21px;
  margin-bottom: 0;
}
body main section.tools .tools-content .col-12 .illustration {
  display: block;
  position: absolute;
  max-width: 150px;
  max-height: 150px;
  width: auto;
  height: auto;
  top: 0;
}
body main section.tools .tools-content .col-12.right .illustration {
  right: 0;
  transform: translateX(100%);
}
body main section.tools .tools-content .col-12.left .illustration {
  left: 0;
  transform: translateX(-100%);
}
body main section.menu-section .font11 {
  font-family: 'Permanent Marker', cursive !important;
  margin-top: 200px;
}
body main section.menu-section h1 {
  font-family: 'Permanent Marker', cursive;
  margin-top: 200px;
  color: #ffffff;
}
body main section.menu-section h1 > img {
  display: block;
  position: relative;
  width: 30%;
  height: auto;
  margin: 32px auto 0 auto;
}
body main section.menu-section .menu .img-link {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 200px;
}
body main section.menu-section .menu .img-link > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  max-width: 80%;
  max-height: 160px;
  width: auto;
  height: auto;
  left: 10%;
  bottom: 0;
}
body main section.menu-section .menu .img-link:hover > img {
  transform: scale(1.2,1.2);
}
body main section.menu-section .menu .link {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  margin-top: 24px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 160%;
  background: transparent;
  border-radius: 4px;
}
body main section.menu-section .menu .link:hover {
  text-decoration: none;
  background: #8c489d;
}
body main section.menu-section .menu .description {
  display: block;
  position: relative;
  width: 80%;
  margin: 24px auto;
  text-align: center;
  color: #ffffff;
}
body main section.menu-section .menu .description::after {
  content: '';
  display: block;
  position: relative;
  width: 48px;
  height: 2px;
  background: #ffffff;
  margin: 24px auto 0 auto;
}
body main section.menu-section .menu .sublinks {
  display: block;
  position: relative;
  width: 100%;
  font-family: 'Bebas Neue';
  font-size: 20px;
}
body main section.menu-section .menu .sublinks > a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  color: #ffffff;
  background: transparent;
  padding-top: 3px;
  border-radius: 4px;
}
body main section.menu-section .menu .sublinks > a:hover {
  text-decoration: none;
  background: #8c489d;
}
body main .post-nav .post-nav-left,
body main .post-nav .post-nav-right {
  transition: all 0.25s ease-in-out !important;
  -webkit-transition: all 0.25s ease-in-out !important;
  -moz-transition: all 0.25s ease-in-out !important;
  -o-transition: all 0.25s ease-in-out !important;
  display: block;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 210px;
  z-index: 3;
}
body main .post-nav .post-nav-left > .img,
body main .post-nav .post-nav-right > .img {
  transition: all 1s ease-in-out !important;
  -webkit-transition: all 1s ease-in-out !important;
  -moz-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !important;
  display: block;
  position: relative;
  width: 180px;
  height: 180px;
  overflow: hidden;
}
body main .post-nav .post-nav-left > .img > .overlay,
body main .post-nav .post-nav-right > .img > .overlay {
  transition: all 1s ease-in-out !important;
  -webkit-transition: all 1s ease-in-out !important;
  -moz-transition: all 1s ease-in-out !important;
  -o-transition: all 1s ease-in-out !important;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #262525;
  background: rgba(0,0,0,0.8);
}
body main .post-nav .post-nav-left > .arrow,
body main .post-nav .post-nav-right > .arrow {
  transition: all 0.25s ease-in-out !important;
  -webkit-transition: all 0.25s ease-in-out !important;
  -moz-transition: all 0.25s ease-in-out !important;
  -o-transition: all 0.25s ease-in-out !important;
  position: absolute;
  top: 0;
  width: 30px;
  height: 180px;
  background: #262525;
  background: rgba(0,0,0,0.4);
  color: #ffffff;
  font-size: 150%;
  text-align: center;
}
body main .post-nav .post-nav-left > .arrow > i,
body main .post-nav .post-nav-right > .arrow > i {
  display: block;
  position: relative;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
body main .post-nav .post-nav-left > .title,
body main .post-nav .post-nav-right > .title {
  transition: all 0.25s ease-in-out !important;
  -webkit-transition: all 0.25s ease-in-out !important;
  -moz-transition: all 0.25s ease-in-out !important;
  -o-transition: all 0.25s ease-in-out !important;
  display: block;
  width: 100%;
  position: absolute;
  top: 180px;
  left: 0;
  background: #8c489d;
  color: #ffffff;
  padding: 12px;
  font-size: 12px;
  opacity: 0;
  text-overflow: ellipsis;
}
body main .post-nav .post-nav-left:hover,
body main .post-nav .post-nav-right:hover {
  width: 320px;
  text-decoration: none;
}
body main .post-nav .post-nav-left:hover > .arrow,
body main .post-nav .post-nav-right:hover > .arrow {
  width: 140px;
  background: #01aef0;
}
body main .post-nav .post-nav-left:hover > .img > .overlay,
body main .post-nav .post-nav-right:hover > .img > .overlay {
  background: rgba(0,0,0,0.1);
}
body main .post-nav .post-nav-left:hover > .title,
body main .post-nav .post-nav-right:hover > .title {
  opacity: 1;
}
body main .post-nav .post-nav-left {
  left: -180px;
}
body main .post-nav .post-nav-left > .arrow {
  right: 0;
}
body main .post-nav .post-nav-right {
  right: -180px;
}
body main .post-nav .post-nav-right > .img {
  position: absolute;
  top: 0;
  right: 0;
}
body main .post-nav .post-nav-right > .arrow {
  position: relative;
  display: block;
}
body main .post-nav .post-nav-right > .title {
  text-align: right;
}
body main .post-nav .post-nav-left:hover {
  left: 0;
}
body main .post-nav .post-nav-right:hover {
  right: 0;
}
body main section.posts .content {
  display: block;
  position: relative;
  width: 100%;
  background: #ffffff;
  padding: 15px;
  -webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
  margin-bottom: 45px;
}
body main section.posts .content > a.img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
}
body main section.posts .content > a.img > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body main section.posts .content > a.img:hover > img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -webkit-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -moz-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -o-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
}
body main section.posts .content > .data {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
}
body main section.posts .content > .data .post-link {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  color: #3d3d3d;
  margin-top: 18px;
}
body main section.posts .content > .data .post-link:hover {
  color: #ff9f2e;
  text-decoration: none;
}
body main section.posts .content > .data .excerpt {
  width: 100%;
  height: auto;
  min-height: 110px;
}
body main section.posts .content > .readmore {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,50%);
  background: #ff9f2e;
  color: #ffffff;
  padding: 8px 18px;
  border-radius: 24px;
  font-size: 90%;
}
body main section.posts .content > .readmore:hover {
  background: #3d3d3d;
}
body main section.posts .blog-cats {
  text-align: right;
  margin-bottom: 32px;
}
body main section.posts .blog-cats > a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  color: #ffffff;
  padding: 4px 10px;
  margin: 2px;
  text-transform: uppercase;
  border: solid 2px transparent;
}
body main section.posts .blog-cats > a.active {
  border: solid 2px #3d3d3d;
}
body main section.posts .blog-cats > a:hover {
  border: solid 2px #3d3d3d;
  text-decoration: none;
}
body main section.posts .newsloader {
  position: relative;
  margin-top: 96px;
}
body main section.posts .morenews {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: inline-block;
  color: #3d3d3d;
  text-transform: uppercase;
}
body main section.posts .morenews > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 25%;
  margin: 12px auto 0 auto;
}
body main section.posts .morenews:hover {
  text-decoration: none;
  color: #8c489d;
}
body main section.posts .morenews:hover > img {
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
body main section.team {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0;
}
body main section.team h2 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  text-align: center;
  margin-bottom: 48px;
}
body main section.team > .row > div {
  padding: 0;
}
body main section.team .member {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
body main section.team .member > img {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
body main section.team .member .data {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #01aef0;
  background: rgba(1,174,240,0.8);
  opacity: 0;
}
body main section.team .member .data .content {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  display: block;
  position: absolute;
  width: 100%;
  padding: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
body main section.team .member .data .content > h3 {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  text-align: center;
  color: #ffffff;
  font-family: 'Bebas Neue', sans-serif;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.team .member .data .content > .job {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  text-align: center;
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.team .member:hover > img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -webkit-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -moz-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
  -o-transform: translateZ(0) perspective(1px) scale3d(1.2,1.2,1);
}
body main section.team .member:hover .data {
  opacity: 1;
}
body main section.video {
  transition: all .5s ease-in-out !important;
  -webkit-transition: all .5s ease-in-out !important;
  -moz-transition: all .5s ease-in-out !important;
  -o-transition: all .5s ease-in-out !important;
  padding-top: 32px;
  padding-bottom: 32px;
}
body main section.video .video-container {
  transition: all .5s ease-in-out !important;
  -webkit-transition: all .5s ease-in-out !important;
  -moz-transition: all .5s ease-in-out !important;
  -o-transition: all .5s ease-in-out !important;
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
body main section.video .video-container > iframe {
  transition: all .5s ease-in-out !important;
  -webkit-transition: all .5s ease-in-out !important;
  -moz-transition: all .5s ease-in-out !important;
  -o-transition: all .5s ease-in-out !important;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
body main section.video .data {
  padding: 32px;
}
body main section.video h2 {
  font-family: 'Bebas Neue', sans-serif;
}
body main section.video.fond-blanc {
  background: #ffffff;
  color: #262525;
}
body main section.video.fond-blanc h2 {
  color: #8c489d;
}
body main section.video.fond-gris {
  background: #5a5a5a;
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-gris h2 {
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-noir {
  background: #262525;
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-noir h2 {
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-orange {
  background: #ff9f2e;
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-orange h2 {
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-violet {
  background: #8c489d;
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-violet h2 {
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-vert {
  background: #2ec3c9;
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-vert h2 {
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-cyan {
  background: #01aef0;
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body main section.video.fond-cyan h2 {
  color: #ffffff;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
body footer {
  background: #262525;
  color: #ffffff;
  font-size: 85%;
  text-align: center;
  padding-top: 48px;
  padding-bottom: 48px;
}
body footer a {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  color: #ffffff;
}
body footer a:hover {
  color: #ff9f2e;
  text-decoration: none;
}
body footer .contact > a:not(:first-child) {
  margin-left: 20px;
}
body footer #credits {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 0;
}
body footer #credits #idcom-credits-img {
  margin-right: 12px;
}
body footer #footer-menu {
  margin-bottom: 32px;
}
body footer #footer-menu > ul {
  position: relative;
  display: block;
}
body footer #footer-menu > ul > li {
  position: relative;
  display: inline-block;
  margin: 8px;
}
@media (min-width: 1361px) and (max-width: 1500px) {
  body h1,
  body .fakeh1 {
    font-size: 45.6px;
    line-height: normal;
  }
  body h2,
  body .fakeh2 {
    font-size: 40.85px;
    line-height: normal;
  }
  body h3,
  body .fakeh3 {
    font-size: 35.15px;
    line-height: normal;
  }
  body h4,
  body .fakeh4 {
    font-size: 30.4px;
    line-height: normal;
  }
  body h5,
  body .fakeh5 {
    font-size: 25.65px;
    line-height: normal;
  }
  body h6,
  body .fakeh6 {
    font-size: 19.95px;
    line-height: normal;
  }
}
@media (min-width: 1200px) and (max-width: 1360px) {
  body h1,
  body .fakeh1 {
    font-size: 45.6px;
    line-height: normal;
  }
  body h2,
  body .fakeh2 {
    font-size: 40.85px;
    line-height: normal;
  }
  body h3,
  body .fakeh3 {
    font-size: 35.15px;
    line-height: normal;
  }
  body h4,
  body .fakeh4 {
    font-size: 30.4px;
    line-height: normal;
  }
  body h5,
  body .fakeh5 {
    font-size: 25.65px;
    line-height: normal;
  }
  body h6,
  body .fakeh6 {
    font-size: 19.95px;
    line-height: normal;
  }
  body header .mainheader .search-the-site {
    top: 34px;
  }
  body header .mainheader #btn-menu {
    top: 28px;
  }
  body header .mainheader .sublogos > .header-logotype {
    width: 70px;
    height: 70px;
    margin: 6px 2px;
  }
  body header .mainheader.sticky > .bg {
    height: 104px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body #activities-form {
    width: 100%;
  }
  body header .mainheader .search-the-site {
    top: 32px;
  }
  body header .mainheader #btn-menu {
    top: 24px;
  }
  body header .mainheader .sublogos > .header-logotype {
    width: 65px;
    height: 65px;
    margin: 6px 2px;
  }
  body header .mainheader.sticky > .bg {
    height: 96px;
  }
  body main section.advanced-search #advanced-search-form {
    width: 100%;
  }
  body main section.tools .tools-content .col-12 .tool-item .desc {
    height: 150px;
  }
}
@media (max-width: 767.98px) {
  body {
    font-size: 13.6px;
  }
  body #site-search-box > form {
    width: 90%;
  }
  body #site-search-box > form > input {
    font-size: 27px;
    padding: 7px 0;
  }
  body #testimonial-form {
    width: 96%;
    height: auto;
    max-height: 96%;
  }
  body #testimonial-form > .form .nf-form-content .nf-pass.field-wrap .nf-field-element:after {
    font-size: 26px;
    right: 5px;
    height: 28px;
    line-height: 32px;
  }
  body #testimonial-form > .form .nf-form-content .nf-field-container {
    margin-bottom: 12px;
  }
  body #testimonial-form > .form .nf-form-content input.ninja-forms-field {
    height: 32px;
  }
  body #testimonial-form > .form .nf-form-content textarea.ninja-forms-field {
    height: 80px;
  }
  body #activities-form {
    width: 100%;
  }
  body #activities-form .filters > .buttons {
    width: 100%;
  }
  body #activities-form .filters > .buttons > a {
    width: 100%;
    margin: 0;
  }
  body #activities-form .results {
    height: 245px;
  }
  body h1,
  body .fakeh1 {
    font-size: 36px;
    line-height: normal;
  }
  body h2,
  body .fakeh2 {
    font-size: 32.25px;
    line-height: normal;
  }
  body h3,
  body .fakeh3 {
    font-size: 27.75px;
    line-height: normal;
  }
  body h4,
  body .fakeh4 {
    font-size: 24px;
    line-height: normal;
  }
  body h5,
  body .fakeh5 {
    font-size: 20.25px;
    line-height: normal;
  }
  body h6,
  body .fakeh6 {
    font-size: 15.75px;
    line-height: normal;
  }
  body #modal-menu .data {
    width: 80%;
  }
  body header .supheader {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  body header .supheader > .container {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  body header .supheader .links > .left {
    left: 30px;
  }
  body header .supheader .links >  a.extranet {
    margin-right: 0;
  }
  body header .supheader a > i {
    font-size: 140%;
  }
  body header .supheader a > span {
    display: none;
  }
  body header .supheader a > span.fade-in {
    display: inline-block;
  }
  body header .mainheader > .container {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  body header .mainheader .search-the-site {
    left: 5px;
    top: 15px;
    z-index: 10;
  }
  body header .mainheader .search-the-site #site-search {
    width: 34px;
    height: 34px;
    line-height: 2.5em;
  }
  body header .mainheader #btn-menu {
    top: 15px;
  }
  body header .mainheader .sublogos > .header-logotype {
    width: 38px;
    height: 38px;
    margin: 4px 2px;
  }
  body header .mainheader .sublogos.left {
    text-align: right;
  }
  body header .mainheader .sublogos.right {
    text-align: left;
  }
  body header .mainheader.sticky > .bg {
    height: 70px;
  }
  body main section.testimonials-section .slider .owl-stage-outer {
    width: 80%;
  }
  body main section.testimonials-section .slider .owl-stage-outer .testimonial {
    width: 80%;
  }
  body main section.testimonials-section .slider .owl-nav .owl-prev,
  body main section.testimonials-section .slider .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    font-size: 250%;
  }
  body main section.testimonials-section .slider .owl-nav .owl-prev {
    left: -5px;
  }
  body main section.testimonials-section .slider .owl-nav .owl-next {
    right: -5px;
  }
  body main section.activities-section .families .family {
    width: 49%;
    margin: 0 0.25% 8px 0.25%;
  }
  body main section.activities-section #search-family #search-input {
    width: 100%;
    margin: 20px 0.25% 8px 0.25%;
  }
  body main section.activities-section #search-family #search-input > .buttons > a {
    width: 100%;
    margin: 0 0;
  }
  body main section.advanced-search #advanced-search-form {
    width: 100%;
  }
  body main section.advanced-search #advanced-search-form .input,
  body main section.advanced-search #advanced-search-form .select,
  body main section.advanced-search #advanced-search-form .input-group-append {
    width: 100%;
  }
  body main section.advanced-search #advanced-search-form .input > input,
  body main section.advanced-search #advanced-search-form .input > select,
  body main section.advanced-search #advanced-search-form .input > button,
  body main section.advanced-search #advanced-search-form .select > input,
  body main section.advanced-search #advanced-search-form .select > select,
  body main section.advanced-search #advanced-search-form .select > button,
  body main section.advanced-search #advanced-search-form .input-group-append > input,
  body main section.advanced-search #advanced-search-form .input-group-append > select,
  body main section.advanced-search #advanced-search-form .input-group-append > button {
    text-align: center;
    text-align-last: center;
  }
  body main section.advanced-search #ass-notice {
    width: 100%;
  }
  body main section.agenda .idcom-calendar .ecwd-search {
    transform: translateX(40px);
  }
  body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .ecwd-search-submit .fa {
    left: 13px;
  }
  body main section.agenda .idcom-calendar table.cal_blue.ecwd_calendar_container .day-without-date div {
    font-size: 9px !important;
  }
  body main section.board .theboard .boardrow.head {
    display: none;
  }
  body main section.board .theboard .boardrow {
    margin: 15px 0;
  }
  body main section.board .theboard .boardrow > .cell {
    width: 100%;
    margin: 0;
  }
  body main section.board .theboard .boardrow > .cell > strong {
    display: block;
  }
  body main section.board .theboard .boardrow > .cell.h-100 > span {
    position: relative;
    width: auto;
    top: auto;
    left: auto;
    transform: translate(0,0);
  }
  body main section.headband .title > h1,
  body main section.headband .title > h2,
  body main section.headband .title p {
    margin-left: 20px;
  }
  body main section.img-text .photo {
    height: 400px;
  }
  body main section.img-text .data {
    margin: 32px 32px 32px 32px;
    padding: 48px 48px 48px 48px;
  }
  body main .icon {
    width: 90px;
  }
  body main section.img-text.tleft .data {
    margin: 32px 32px 32px 32px;
  }
  body main section.news-slider .slider .slide .content > .data .excerpt {
    min-height: auto;
  }
  body main section.post .postcontent {
    padding: 0 10%;
  }
  body main section.post .back {
    text-align: center;
    margin-top: 24px;
  }
  body main section.post h2 {
    text-align: center;
  }
  body main section.post .postimg {
    display: block;
    position: relative;
    width: 80%;
    min-height: 300px;
    height: auto;
    margin: 0 auto;
    border-radius: 24px;
    overflow: hidden;
  }
  body main section.post .category {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    bottom: auto;
    right: auto;
    margin: 0 auto;
  }
  body main section.post .tags {
    text-align: center;
  }
  body main section.presentation img {
    top: auto;
    transform: translateY(0);
  }
  body main section.presentation .text {
    padding: 32px 20px;
    top: auto;
    transform: translateY(0);
  }
  body main section.timeline #map {
    width: 180%;
    margin-left: -45%;
  }
  body main section.timeline .tooltipimg {
    display: none;
  }
  body main section.timeline #infos > .data {
    top: 50%;
  }
  body main section.tools .tools-content .col-12 .tool-item {
    width: 100%;
    margin: 15px 0;
  }
  body main section.tools .tools-content .col-12 .tool-item a.title {
    height: auto;
  }
  body main section.tools .tools-content .col-12 .tool-item .desc {
    height: auto;
  }
  body main .post-nav {
    margin-bottom: 48px;
  }
  body main .post-nav .post-nav-left,
  body main .post-nav .post-nav-right {
    background: #ff9f2e;
    position: relative;
    top: auto;
    transform: translateY(0);
    width: 100%;
    z-index: 1;
  }
  body main .post-nav .post-nav-left > .img,
  body main .post-nav .post-nav-right > .img {
    display: block;
    position: relative;
    width: 90%;
    height: 120px;
    overflow: hidden;
  }
  body main .post-nav .post-nav-left > .arrow,
  body main .post-nav .post-nav-right > .arrow {
    display: block;
    position: relative;
    width: 10%;
    height: 120px;
    background: #8c489d;
  }
  body main .post-nav .post-nav-left > .title,
  body main .post-nav .post-nav-right > .title {
    position: relative;
    top: auto;
    left: none;
    text-align: center;
    opacity: 1;
  }
  body main .post-nav .post-nav-left {
    left: 0;
  }
  body main .post-nav .post-nav-left > .img {
    float: right;
  }
  body main .post-nav .post-nav-left > .arrow {
    right: 0;
  }
  body main .post-nav .post-nav-right {
    right: 0;
  }
  body main .post-nav .post-nav-right > .arrow {
    position: absolute;
    right: 0;
    top: 0;
  }
  body main .post-nav .post-nav-left:hover,
  body main .post-nav .post-nav-right:hover {
    width: 100%;
    text-decoration: none;
  }
  body main .post-nav .post-nav-left:hover > .arrow,
  body main .post-nav .post-nav-right:hover > .arrow {
    width: 10%;
  }
  body main .post-nav .post-nav-left:hover > .img > .overlay,
  body main .post-nav .post-nav-right:hover > .img > .overlay {
    background: rgba(0,0,0,0.1);
  }
  body main .post-nav .post-nav-left:hover > .title,
  body main .post-nav .post-nav-right:hover > .title {
    background: #01aef0;
  }
  body main section.posts .content {
    margin-bottom: 45px;
  }
  body main section.posts .blog-cats {
    text-align: center;
  }
  body footer > .container {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  body footer .contact > a {
    display: block;
    position: relative;
    width: 100%;
    font-size: 120%;
    margin: 16px 0;
  }
  body footer .contact > a:not(:first-child) {
    margin-left: 0;
  }
}
@media (max-width: 600px) {
  body header .mainheader.sticky > .bg {
    height: 60px;
  }
  body header .mainheader.sticky.adm {
    top: 0;
  }
}
@media (max-width: 575px) {
  body #site-search-box > form > input {
    font-size: 21px;
    padding: 6px 0;
  }
  body h1,
  body .fakeh1 {
    font-size: 33.6px;
    line-height: normal;
  }
  body h2,
  body .fakeh2 {
    font-size: 30.1px;
    line-height: normal;
  }
  body h3,
  body .fakeh3 {
    font-size: 25.9px;
    line-height: normal;
  }
  body h4,
  body .fakeh4 {
    font-size: 22.4px;
    line-height: normal;
  }
  body h5,
  body .fakeh5 {
    font-size: 18.9px;
    line-height: normal;
  }
  body h6,
  body .fakeh6 {
    font-size: 14.7px;
    line-height: normal;
  }
  body #modal-menu .data {
    width: 100%;
    max-height: 80vh;
    overflow-y: scroll;
  }
  body #modal-menu .data > #header-menu > ul {
    grid-template-columns: 1fr;
  }
  body #modal-menu .data > img {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%;
    transform: translateX(0%);
  }
  body header .supheader a > span {
    display: none;
  }
  body header .mainheader .sublogos {
    display: none;
  }
  body header .mainheader .logo-website {
    z-index: 2;
  }
  body header .mainheader #btn-menu {
    position: absolute;
    width: 100%;
    top: auto;
    transform: translateY(0%);
    text-align: right;
  }
  body header .mainheader #btn-menu #main-menu {
    margin: 10px;
    float: right;
  }
  body header .mainheader.sticky > .bg {
    height: 60px;
  }
  body main section.img-text .photo {
    height: 360px;
  }
  body main section.img-text .data {
    padding: 0;
    padding: 32px 0 32px 0;
  }
  body main .icon.left {
    margin-top: -16px;
    margin-left: 40px;
  }
  body main .icon.right {
    margin-top: -16px;
    margin-right: 32px;
  }
  body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey table.cal_blue.ecwd_calendar_container .normal-day-heading,
  body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey table.cal_blue.ecwd_calendar_container .weekend-heading {
    font-size: 11px !important;
  }
  body main section.agenda .idcom-calendar table.cal_blue.ecwd_calendar_container .day-without-date div {
    font-size: 6px !important;
    text-shadow: 0px 0px 0px rgba(0,0,0,0);
    color: #8c489d !important;
  }
  body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey table.cal_blue.ecwd_calendar_container .day-with-date .day-number {
    font-size: 9px !important;
  }
  body main section.agenda .idcom-calendar .calendar_main .ecwd_calendar img,
  body main section.agenda .idcom-calendar .ecwd-page-full div[class^="ecwd-page-"] .event-details img {
    width: 100% !important;
    height: auto !important;
  }
}
@media (max-width: 500px) {
  body main section.agenda .idcom-calendar .ecwd_theme_calendar_grey .ecwd-search-submit .fa {
    line-height: 1em;
    left: 13px;
  }
}
@media (max-width: 480px) {
  body main section.activities-section .families .family {
    width: 100%;
    margin: 0 0 30px 0;
  }
  body footer #credits {
    font-size: 130%;
  }
  body footer #credits .data {
    display: block;
    position: relative;
    width: 100%;
    margin: 12px 0;
  }
  body footer #credits .separator {
    display: none;
  }
  body footer #credits #idcom-credits-img {
    margin-right: 0;
  }
  body footer #footer-menu > ul > li {
    display: block;
  }
}
@media (max-width: 380px) {
  body {
    font-size: 12.8px;
  }
  body #site-search-box > form > input {
    font-size: 16px;
    padding: 5px 0;
  }
  body h1,
  body .fakeh1 {
    font-size: 31.2px;
    line-height: normal;
  }
  body h2,
  body .fakeh2 {
    font-size: 27.95px;
    line-height: normal;
  }
  body h3,
  body .fakeh3 {
    font-size: 24.05px;
    line-height: normal;
  }
  body h4,
  body .fakeh4 {
    font-size: 20.8px;
    line-height: normal;
  }
  body h5,
  body .fakeh5 {
    font-size: 17.55px;
    line-height: normal;
  }
  body h6,
  body .fakeh6 {
    font-size: 13.65px;
    line-height: normal;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body #testimonial-form {
    width: 740px;
  }
  body #activities-form {
    width: 100%;
  }
  body #activities-form .results {
    height: 280px;
  }
  body header .supheader {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  body header .supheader > .container {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  body header .supheader .links > .left {
    left: 30px;
  }
  body header .supheader .links >  a.extranet {
    margin-right: 0;
  }
  body header .supheader a > span {
    display: none;
  }
  body header .supheader a > span.fade-in {
    display: inline-block;
  }
  body header .mainheader > .container {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  body header .mainheader .search-the-site {
    left: 6px;
    top: 28px;
  }
  body header .mainheader #btn-menu {
    top: 22px;
  }
  body header .mainheader .sublogos > .header-logotype {
    width: 60px;
    height: 60px;
    margin: 6px 2px;
  }
  body header .mainheader .sublogos.left {
    text-align: right;
  }
  body header .mainheader .sublogos.right {
    text-align: left;
  }
  body header .mainheader.sticky > .bg {
    height: 96px;
  }
  body main section.testimonials-section .slider .owl-stage-outer {
    width: 100%;
  }
  body main section.testimonials-section .slider .owl-stage-outer .testimonial {
    width: 100%;
  }
  body main section.testimonials-section .slider .owl-nav .owl-prev,
  body main section.testimonials-section .slider .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    font-size: 250%;
  }
  body main section.testimonials-section .slider .owl-nav .owl-prev {
    left: -70px;
  }
  body main section.testimonials-section .slider .owl-nav .owl-next {
    right: -70px;
  }
  body main section.activities-section .families .family {
    width: 32%;
    margin: 0 0.25% 8px 0.25%;
  }
  body main section.activities-section #search-family #search-input > .buttons > a {
    width: 100%;
    margin: 0 0;
  }
  body main section.advanced-search #advanced-search-form {
    width: 100%;
  }
  body main section.board .theboard .boardrow > .cell {
    font-size: 13px;
  }
  body main section.board .theboard > .boardrow.head > .cell {
    margin: 0 4px;
    padding: 6px 0;
    font-size: 16px;
  }
  body main section.tools .tools-content .col-12 .tool-item {
    width: 32.33%;
    margin: 3px 0.5%;
  }
  body footer > .container {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 800px) {
  body h1,
  body .fakeh1 {
    font-size: 38.4px;
    line-height: normal;
  }
  body h2,
  body .fakeh2 {
    font-size: 34.4px;
    line-height: normal;
  }
  body h3,
  body .fakeh3 {
    font-size: 29.6px;
    line-height: normal;
  }
  body h4,
  body .fakeh4 {
    font-size: 25.6px;
    line-height: normal;
  }
  body h5,
  body .fakeh5 {
    font-size: 21.6px;
    line-height: normal;
  }
  body h6,
  body .fakeh6 {
    font-size: 16.8px;
    line-height: normal;
  }
}
@media (max-width: 991.98px) {
  body #site-search-box > form > input {
    font-size: 32px;
    padding: 8px 0;
  }
}