@charset "UTF-8";
/* ----------------------------- */
/* 			HEADER 				*/
/* ----------------------------- */
.home-header .logo {
  left: 35px;
  margin: 0;
  position: fixed;
  z-index: 25;
  padding: 10px 0; }

.home-header .social-header {
  right: 5px;
  margin: 0;
  position: fixed;
  z-index: 25;
  padding: 24px 0; }

.social-header li {
  list-style: none;
  display: inline-block;
  font-size: 16px;
  margin-right: 20px; }

.home-header.hidden-logo-social .logo,
.home-header.hidden-logo-social .social-header {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: -webkit-transform 0.3s ease-out 0s, opacity 0.5s linear;
  -o-transition: -o-transform 0.3s ease-out 0s, opacity 0.5s linear;
  transition: transform 0.3s ease-out 0s, opacity 0.5s linear; }

.social-header li a {
  color: #ffffff; }

.social-header li a:hover {
  color: #78348e;
  border-bottom: 1px solid; }

.bg-header .overlay {
  background: rgba(0, 0, 0, 0.16); }

.home-header .ts-main-menu {
  padding: 0;
  width: 100%;
  z-index: 20;
  position: absolute;
  -webkit-transition: background 0.4s ease-in-out 0s;
  -o-transition: background 0.4s ease-in-out 0s;
  transition: background 0.4s ease-in-out 0s; }

.home-header .ts-main-menu.bgfade {
  background: rgba(10, 10, 10, 0.95); }

.ts-main-menu.menu-fixed {
  z-index: 20; }

.home-header .ts-main-menu.menu-fixed,
.home-header .ts-main-menu.ts-botmenu.menu-fixed,
.home-header .ts-main-menu.ts-topmenu.menu-fixed {
  position: fixed;
  top: 0;
  bottom: auto; }

.ts-adminbar .home-header .ts-main-menu.menu-fixed,
.ts-adminbar .home-header .ts-main-menu.ts-botmenu.menu-fixed,
.ts-adminbar .home-header .ts-main-menu.ts-topmenu.menu-fixed {
  top: 32px; }

.home-header .ts-main-menu.ts-botmenu {
  bottom: 0; }

.home-header .ts-main-menu.ts-topmenu {
  top: 0; }

.inner-header {
  background: rgba(37, 37, 37, 0.5);
  z-index: 1;
  display: inline-block; }

.inner-header .logo {
  float: left;
  margin-left: 40px; }

.inner-header .social-header {
  float: right;
  margin: 24px 0 0; }

.inner-header .logo img {
  margin-top: 20px; }

.mobile-menu-open {
  color: #ffffff;
  display: none;
  position: absolute;
  font-size: 21px;
  top: 15px;
  right: 30px;
  z-index: 5; }

.mobile-menu-open:hover,
.mobile-menu-open:focus {
  color: #e6ae48; }

#top-menu {
  text-align: center;
  padding: 0 15px; }

#top-menu ul {
  margin: 0; }

#top-menu ul li {
  display: inline-block;
  list-style: none; }

.ts-main-menu-fix-top #top-menu ul li {
  padding: 0px; }
  .ts-main-menu-fix-top #top-menu ul li::after {
    content: " | ";
    color: #fff;
    padding: 0 1rem;
    font-size: 1.3rem; }
  .ts-main-menu-fix-top #top-menu ul li:last-child::after {
    content: "";
    padding: 0px; }

#top-menu > ul > li > a {
  font-family: 'Montserrat';
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  padding: 0 45px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

#top-menu > ul > li > a:hover,
#top-menu > ul > li > a:focus,
#top-menu > ul > li > a.active,
#top-menu ul li:hover > a,
#top-menu ul > li.current-menu-parent > a,
#top-menu ul > li.current-menu-item > a {
  color: #fbaa21; }

#top-menu > ul > li:last-child > a {
  border-right: none; }

.header-main .logo {
  display: inline-block;
  height: 75px;
  margin: 0 0 0 50px;
  position: relative; }

.header-main .logo img {
  display: inline-block;
  margin: 15px 0 0;
  max-height: 55%;
  max-width: none;
  width: auto; }

header {
  position: relative;
  width: 100%; }

.header-background {
  position: relative; }

.header-background .overlay {
  background: rgba(0, 0, 0, 0.5); }

.content-header {
  color: #ffffff;
  position: absolute;
  z-index: 15;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  padding: 0 15px; }

.content-header .sub-title span {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase; }

.content-header .sub-title .icon-subtitle {
  margin: 0 10px;
  vertical-align: middle; }

.content-header h1 {
  font-size: 60px;
  color: #ffffff;
  letter-spacing: 22px;
  border: 3px solid;
  padding: 15px 40px;
  line-height: 60px;
  margin: 25px 0 30px 0;
  display: inline-block;
  clear: both; }

.content-header p {
  font-size: 40px; }

.header-effect button.trigger {
  bottom: 20%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) rotateZ(-90deg);
  -ms-transform: translateX(-50%) rotateZ(-90deg);
  -o-transform: translateX(-50%) rotateZ(-90deg);
  transform: translateX(-50%) rotateZ(-90deg);
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 3px;
  font-family: 'Montserrat';
  line-height: 26px;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 0 10px 0 50px;
  margin: 0; }

.ts-main-menu #top-menu > ul > li {
  padding: 22px 20px; }

.ts-main-menu.ts-botmenu.menu-fixed .dropdown-menu {
  bottom: auto;
  top: 100%;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px); }

.ts-main-menu.ts-botmenu.menu-fixed .dropdown-menu .dropdown-menu {
  top: 0;
  bottom: auto; }

.ts-main-menu.ts-botmenu .dropdown-menu {
  top: auto;
  bottom: 100%;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px); }

.ts-main-menu.ts-botmenu .dropdown-menu .dropdown-menu {
  left: 100%;
  bottom: 0;
  top: auto; }

.ts-main-menu .dropdown-menu {
  opacity: 0;
  filter: alpha(opacity=0);
  display: block;
  left: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.3s ease-out 0s, transform 0.5s linear 0s;
  -o-transition: opacity 0.3s ease-out 0s, transform 0.5s linear 0s;
  transition: opacity 0.3s ease-out 0s, transform 0.5s linear 0s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  min-width: 215px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  top: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.85);
  padding: 15px 25px;
  visibility: hidden; }

.ts-main-menu .dropdown-menu .dropdown-menu {
  left: 100%;
  top: 0;
  bottom: auto; }

.ts-main-menu .dropdown-menu a {
  display: block;
  padding: 0;
  color: #807f7f;
  font-family: 'CrimsonText';
  font-size: 14px;
  line-height: 35px; }

.ts-main-menu .dropdown-menu a:hover,
.ts-main-menu .dropdown-menu a:focus
.ts-main-menu .dropdown-menu li.active > a,
.ts-main-menu .dropdown-menu > li.active > a,
.ts-main-menu .dropdown-menu > li.active > a:focus,
.ts-main-menu .dropdown-menu > li.active > a:hover {
  color: #78348e;
  background: transparent; }

.ts-main-menu .main-menu ul li.show-submenu > .dropdown-menu,
.ts-main-menu.ts-botmenu .main-menu ul li.show-submenu > .dropdown-menu,
.ts-main-menu.ts-botmenu.menu-fixed .main-menu ul li.show-submenu > .dropdown-menu {
  opacity: 1;
  filter: alpha(opacity=1);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease;
  -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease;
  -o-transition: opacity 0.4s ease, -o-transform 0.4s ease;
  transition: opacity .4s ease, transform .4s ease;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); }

.ts-main-menu .main-menu ul > li.menu-item-has-children > a {
  position: relative; }

/* .ts-main-menu .main-menu ul > li.menu-item-has-children > a:after{
	content: "";
	border-left: 3.5px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 3.5px solid transparent;
	border-top: 4px solid #e6ae48;
	left: 50%;
	bottom: -15px;
	margin-left: -3.5px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}
.ts-main-menu .main-menu ul.dropdown-menu > li.menu-item-has-children > a::after{
	position: relative;
	left: auto;
	margin-left: 10px;
	bottom: -13px
}
.ts-main-menu .main-menu ul > li.menu-item-has-children:hover > a::after{
	opacity: 1;
	filter: alpha(opacity=100);
}
#top-menu .dropdown li {
  border: none;
  display: block;
  padding: 0;
} */
header button.trigger {
  border: 1px solid #ffffff;
  bottom: 22%;
  color: #ffffff;
  font-family: "Montserrat";
  font-size: 8px;
  left: 50%;
  letter-spacing: 3px;
  line-height: 26px;
  margin: 0;
  padding: 0 10px 0 5px;
  position: absolute;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%) rotateZ(-90deg);
  -ms-transform: translateX(-50%) rotateZ(-90deg);
  -o-transform: translateX(-50%) rotateZ(-90deg);
  transform: translateX(-50%) rotateZ(-90deg);
  z-index: 2; }

header button.trigger:hover,
header button.trigger:focus {
  background: transparent;
  animation: vertical 5s ease infinite;
  -webkit-animation: vertical 5s ease infinite; }

@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translateY(-5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(-5px) translateX(-50%) rotateZ(-90deg); }
  4% {
    -webkit-transform: translateY(5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(5px) translateX(-50%) rotateZ(-90deg); }
  8% {
    -webkit-transform: translateY(-5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(-5px) translateX(-50%) rotateZ(-90deg); }
  12% {
    -webkit-transform: translateY(5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(5px) translateX(-50%) rotateZ(-90deg) rotateZ(-90deg); }
  16% {
    -webkit-transform: translateY(-5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(-5px) translateX(-50%) rotateZ(-90deg); }
  20% {
    -webkit-transform: translateY(5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(5px) translateX(-50%) rotateZ(-90deg); }
  22% {
    -webkit-transform: translateY(0) translateX(-50%) rotateZ(-90deg);
    transform: translateY(0) translateX(-50%) rotateZ(-90deg); } }
@keyframes vertical {
  0% {
    -webkit-transform: translateY(-5px) translateX(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(-5px) translateX(-50%) rotateZ(-90deg); }
  4% {
    -webkit-transform: translateY(5px) translateX(-50%) rotateZ(-90deg);
    -ms-transform: translateY(5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(5px) translateX(-50%) rotateZ(-90deg); }
  8% {
    -webkit-transform: translateY(-5px) translateX(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(-5px) translateX(-50%) rotateZ(-90deg); }
  12% {
    -webkit-transform: translateY(5px) translateX(-50%) rotateZ(-90deg);
    -ms-transform: translateY(5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(5px) translateX(-50%) rotateZ(-90deg); }
  16% {
    -webkit-transform: translateY(-5px) translateX(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(-5px) translateX(-50%) rotateZ(-90deg); }
  20% {
    -webkit-transform: translateY(5px) translateX(-50%) rotateZ(-90deg);
    -ms-transform: translateY(5px) translateX(-50%) rotateZ(-90deg);
    transform: translateY(5px) translateX(-50%) rotateZ(-90deg); }
  22% {
    -webkit-transform: translateY(0) translateX(-50%) rotateZ(-90deg);
    -ms-transform: translateY(0) translateX(-50%) rotateZ(-90deg);
    transform: translateY(0) translateX(-50%) rotateZ(-90deg); } }
header button.trigger:before {
  content: "";
  width: 40px;
  height: 10px;
  max-width: 30%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  background-size: 100%; }

.header-background .overlay {
  z-index: 2; }

/*////////////////////////////////*/
/*//////////// EXTRA-BOOTSTRAP ////////////*/
/*////////////////////////////////*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media all and (min-width: 769px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }
@media all and (min-width: 993px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }
@media all and (min-width: 1201px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }
/*////////////////////////////////*/
/*//////////// BG-COVER ////////////*/
/*////////////////////////////////*/
.bg-header, .bg-img-full, .bg-demi-img-full, .image {
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
  background-attachment: scroll; }

html, body {
  width: 100%;
  font-family: "Fira Sans", sans-serif; }

html {
  font-size: 10px;
  background-color: #fff; }
  @media all and (max-width: 992px) {
    html {
      font-size: 9px; } }
  @media all and (max-width: 768px) {
    html {
      font-size: 8px; } }
  @media all and (max-width: 375px) {
    html {
      font-size: 8px; } }

/*////////////////////////////////*/
/*//////////// HEADER ////////////*/
/*////////////////////////////////*/
.inner-header, .bgcolor {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#763893+0,517bbf+50,7db9e8+100 */
  background: #6c3f99;
  background: -webkit-linear-gradient(left, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
  background: -o-linear-gradient(left, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
  background: -webkit-gradient(linear, left top, right top, from(#6c3f99), color-stop(50%, #517bbf), to(#00c0f3));
  background: linear-gradient(to right, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); }

.home-header .ts-main-menu {
  bottom: 0px; }

.inner-header {
  display: block;
  height: 180px; }
  .inner-header .logo {
    margin: 0px;
    top: 8px; }
    @media all and (max-width: 1024px) {
      .inner-header .logo {
        position: fixed;
        left: 15px;
        z-index: 30; } }
    .inner-header .logo img {
      margin-top: 0px; }
      @media all and (max-width: 1024px) {
        .inner-header .logo img {
          max-height: 35px;
          margin-top: -2px; } }
  @media all and (max-width: 1024px) {
    .inner-header {
      position: relative;
      width: 100%;
      height: auto; } }

.ts-main-menu-fix-top {
  padding-top: 15px;
  position: fixed;
  width: 100%; }
  .ts-main-menu-fix-top li:last-child a {
    padding-right: 0px; }
  .ts-main-menu-fix-top hr {
    margin-top: 30px;
    margin-bottom: 0px;
    border: 0;
    border-top: 3px solid #fff; }
  @media all and (max-width: 1024px) {
    .ts-main-menu-fix-top {
      display: none; } }

.ts-main-menu {
  position: fixed;
  width: 100%;
  top: 111px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #6c3f99;
  background: -webkit-linear-gradient(left, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
  background: -o-linear-gradient(left, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
  background: -webkit-gradient(linear, left top, right top, from(#6c3f99), color-stop(50%, #517bbf), to(#00c0f3));
  background: linear-gradient(to right, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); }
  .ts-main-menu .container {
    padding: 0px; }
  .ts-main-menu.top {
    top: 111px;
    position: fixed;
    bottom: auto; }
  .ts-main-menu #top-menu {
    width: 100%;
    float: none;
    margin-top: 0px; }
    @media all and (max-width: 1024px) {
      .ts-main-menu #top-menu {
        opacity: 0;
        max-height: 0; } }
    .ts-main-menu #top-menu #main-menu {
      text-align: justify;
      max-height: 69px; }
      .ts-main-menu #top-menu #main-menu:after {
        content: '';
        display: inline-block;
        width: 100%; }
      .ts-main-menu #top-menu #main-menu li a {
        border: none;
        padding: 0px;
        font-size: 1.8rem; }
        @media all and (max-width: 768px) {
          .ts-main-menu #top-menu #main-menu li a {
            pointer-events: none; } }
      .ts-main-menu #top-menu #main-menu .sub-menu-wrap {
        position: fixed;
        top: 180px;
        /* height: 63px; */
        height: 0px;
        color: #000;
        left: 0px !important;
        /* opacity:0; */
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: center;
        width: 100%;
        padding: 0px;
        overflow: hidden;
        z-index: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7852a3+0,6191c7+50,1acaf6+100*/
        background: #6c3f99;
        background: -webkit-linear-gradient(left, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
        background: -o-linear-gradient(left, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
        background: -webkit-gra dient(linear, left top, right top, from(#6c3f99), color-stop(50%, #517bbf), to(#00c0f3));
        background: linear-gradient(to right, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); }
        .ts-main-menu #top-menu #main-menu .sub-menu-wrap .sub-menu {
          float: left;
          padding: 0px; }
          .ts-main-menu #top-menu #main-menu .sub-menu-wrap .sub-menu li {
            padding: 20px 0px; }
          .ts-main-menu #top-menu #main-menu .sub-menu-wrap .sub-menu a {
            text-transform: inherit;
            color: #fff;
            font-size: 1.7rem;
            padding-right: 2.5rem; }
            .ts-main-menu #top-menu #main-menu .sub-menu-wrap .sub-menu a:hover, .ts-main-menu #top-menu #main-menu .sub-menu-wrap .sub-menu a:active, .ts-main-menu #top-menu #main-menu .sub-menu-wrap .sub-menu a:focus {
              text-decoration: none;
              color: #fbaa21; }
            @media all and (max-width: 370px) {
              .ts-main-menu #top-menu #main-menu .sub-menu-wrap .sub-menu a {
                font-size: 1.6rem;
                padding: 0.7rem 0rem; } }
        .ts-main-menu #top-menu #main-menu .sub-menu-wrap .bgdark {
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.1); }
        @media all and (max-width: 1024px) {
          .ts-main-menu #top-menu #main-menu .sub-menu-wrap {
            background: transparent;
            position: relative;
            top: auto;
            height: auto !important; }
            .ts-main-menu #top-menu #main-menu .sub-menu-wrap ul {
              margin-bottom: 1.5rem; }
            .ts-main-menu #top-menu #main-menu .sub-menu-wrap ul li {
              display: block;
              padding: 0px !important;
              text-align: left;
              line-height: 1em; }
            .ts-main-menu #top-menu #main-menu .sub-menu-wrap a {
              padding: 0.5rem 0rem;
              display: block; } }
        @media all and (max-width: 480px) {
          .ts-main-menu #top-menu #main-menu .sub-menu-wrap {
            overflow: hidden; } }
      .ts-main-menu #top-menu #main-menu .current-menu-item.menu-item-has-children .sub-menu-wrap,
      .ts-main-menu #top-menu #main-menu .current-menu-ancestor.current-menu-parent.menu-item-has-children .sub-menu-wrap {
        opacity: 1;
        z-index: 1; }
      .ts-main-menu #top-menu #main-menu .current-menu-ancestor.current-menu-parent.menu-item-has-children > a,
      .ts-main-menu #top-menu #main-menu .current-menu-item.page_item.current_page_item > a,
      .ts-main-menu #top-menu #main-menu .current_page_ancestor.current_page_parent > a,
      .ts-main-menu #top-menu #main-menu .current-page-ancestor > a,
      .ts-main-menu #top-menu #main-menu .current-page-ancestor.current-menu-ancestor.current-page-parent.current_page_ancestor > a,
      .ts-main-menu #top-menu #main-menu .current-menu-item.current-menu-ancestor.current-menu-parent > a {
        color: #fbaa21; }
  @media all and (min-width: 1025px) {
    .ts-main-menu {
      display: block; } }
  @media all and (max-width: 1024px) {
    .ts-main-menu {
      opacity: 1;
      height: 50px; }
      .ts-main-menu.top {
        opacity: 1; } }
  @media all and (max-width: 1024px) {
    .ts-main-menu {
      background-color: #000; } }

.bgcolor {
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: -1;
  position: absolute;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out 0s;
  -o-transition: opacity 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s; }
  @media all and (max-width: 1024px) {
    .bgcolor {
      display: none; } }

.bgmenu {
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: -1;
  position: absolute;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.1s ease-out 0s;
  -o-transition: opacity 0.3s ease-out 0s;
  -webkit-transition: opacity 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s; }
  @media all and (max-width: 1024px) {
    .bgmenu {
      background-color: transparent; } }

div.bgcolorno .bgcolor {
  opacity: 1; }

.top .bgcolor {
  opacity: 1;
  -webkit-transition: opacity 0s ease-out;
  -o-transition: opacity 0s ease-out;
  transition: opacity 0s ease-out; }

.top .bgmenu {
  opacity: 0; }

.logged-in .ts-main-menu #top-menu #main-menu .sub-menu-wrap {
  top: 212px; }

.logged-in .ts-main-menu {
  top: 143px; }

.trigger-menu {
  position: absolute;
  bottom: 0px;
  margin-top: 0px; }

/*//////////// Nav ////////////*/
/*////////////////////////////////*/
.caret {
  display: none; }

#top-menu {
  padding: 0px;
  float: right;
  margin-top: 25px; }
  #top-menu > ul > li:last-child > a {
    padding-right: 0px; }
  #top-menu > ul > li > a {
    text-decoration: none;
    padding: 0 1.3rem;
    font-family: "Fira Sans", sans-serif;
    font-size: 1.4rem; }
  #top-menu ul > li.current-menu-item:hover > a {
    color: #e6ae48; }
  #top-menu ul > li.current-menu-item > a {
    color: #fff; }
    #top-menu ul > li.current-menu-item > a.active {
      color: #e6ae48; }
  #top-menu .current-menu-item.page_item.current_page_item a {
    color: #fbaa21; }

.ts-main-menu #top-menu > ul > li:hover ul {
  opacity: 1;
  visibility: visible; }

.ts-main-menu #top-menu > ul > li ul {
  top: 17px; }

#top-menu .dropdown-menu a {
  font-size: 16px;
  color: #ccc;
  line-height: normal;
  margin: 0px;
  font-family: 'Crimson',serif;
  text-transform: none;
  text-align: left; }
  #top-menu .dropdown-menu a .wpglobus_flag {
    text-transform: uppercase;
    font-size: 15px; }

.sub-menu-wrap .sub-menu-wrap {
  display: none;
  z-index: 0; }

.main-menu .wpglobus_flag {
  background-image: none; }
.main-menu .wpglobus_language_name {
  padding: 0px; }

#top-menu ul li.current-lang {
  display: none; }

/*//////////// Anchors ////////////*/
/*////////////////////////////////*/
.logged-in #projet:before,
.logged-in #experimentez:before,
.logged-in #terrains:before, .logged-in.home #galerie:before,
.logged-in #contact:before {
  display: block;
  content: " ";
  margin-top: -102px;
  height: 102px;
  visibility: hidden; }

#projet:before,
#experimentez:before,
#terrains:before,
.home #galerie:before,
#contact:before {
  display: block;
  content: " ";
  margin-top: -70px;
  height: 70px;
  visibility: hidden; }

/*////////////////////////////////*/
/*//////////// CONTENU ////////////*/
/*////////////////////////////////*/
.txt-img-full a {
  font-family: "Fira Sans", sans-serif;
  text-decoration: none;
  color: #000;
  font-size: 13px;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  .txt-img-full a:hover {
    color: #6c3f99; }

p, li {
  font-size: 1.7rem;
  font-family: "Fira Sans", sans-serif;
  color: #333333; }

a {
  color: #00c0f3; }

.contenu {
  background-color: #fff; }

.sub-title {
  font-size: 2rem; }
  .sub-title p {
    font-size: 2rem; }

ul {
  padding-left: 2.1rem; }

section {
  padding: 5rem 0; }
  section.roweq {
    padding: 0px; }

.txt-sur-img {
  padding: 0px; }
  .txt-sur-img .bg-img-full {
    min-height: 0px; }
  .txt-sur-img [class*="col-"] {
    padding: 9rem 0rem; }
    @media all and (max-width: 768px) {
      .txt-sur-img [class*="col-"] {
        padding: 0rem 0rem; } }

.dark {
  color: #fff; }
  .dark p, .dark h1, .dark h2, .dark .as-h2-thin, .dark .comme-h1, .dark h3, .dark h4, .dark h5, .dark span, .dark .sub-title {
    color: #fff; }
  .dark p, .dark li {
    font-weight: 300; }
    .dark p strong, .dark li strong {
      font-weight: 600; }
  .dark a {
    color: #fff;
    text-decoration: underline; }
    .dark a.btn-plus {
      text-decoration: none; }
  .dark .newslike .inside {
    background-color: #fff !important; }
    .dark .newslike .inside .icon-plus {
      color: #ccc;
      border-color: #ccc; }
    .dark .newslike .inside p {
      color: #333333;
      font-weight: 400; }
    .dark .newslike .inside h3 {
      color: #6c3f99; }
  .dark .newslike .col-sm-6:first-child h3 {
    color: #6c3f99; }
  .dark .newslike .col-sm-6:nth-child(2) h3 {
    color: #fbaa21; }
  .dark .newslike .col-sm-6:nth-child(3) h3 {
    color: #f15b55; }
  .dark .newslike .col-sm-6:nth-child(4) h3 {
    color: #00c0f3; }
  .dark .btn-mauve {
    background-color: #fff;
    color: #6c3f99;
    font-weight: 500; }

.dark .accordions .col-sm-6:nth-child(1) h3 {
  color: #6c3f99; }

.bgpale {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4c5df+0,b2ecfc+100 */
  background: #d4c5df;
  background: -webkit-linear-gradient(left, #d4c5df 0%, #b2ecfc 100%);
  background: -webkit-gradient(linear, left top, right top, from(#d4c5df), to(#b2ecfc));
  background: -o-linear-gradient(left, #d4c5df 0%, #b2ecfc 100%);
  background: linear-gradient(to right, #d4c5df 0%, #b2ecfc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4c5df', endColorstr='#b2ecfc',GradientType=1 ); }

.bgdegradecoul {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#703e9a+1,557ebd+50,00c2f4+100 */
  background: #6c3f99;
  background: -webkit-linear-gradient(left, #6c3f99 1%, #557ebd 50%, #00c0f3 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #6c3f99), color-stop(50%, #557ebd), to(#00c0f3));
  background: -o-linear-gradient(left, #6c3f99 1%, #557ebd 50%, #00c0f3 100%);
  background: linear-gradient(to right, #6c3f99 1%, #557ebd 50%, #00c0f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#703e9a', endColorstr='#00c2f4',GradientType=1 ); }

h1 {
  font-weight: bold;
  font-family: "Fira Sans", sans-serif;
  font-size: 5.0rem;
  color: #6c3f99; }
  @media all and (max-width: 768px) {
    h1 {
      font-size: 4.0rem; } }
  @media all and (max-width: 375px) {
    h1 {
      font-size: 3.7rem; } }
  h1 a:hover {
    text-decoration: none; }

h2, .as-h2-thin, .comme-h1 {
  font-weight: bold;
  font-family: "Fira Sans", sans-serif;
  font-size: 4.5rem;
  color: #6c3f99;
  margin-bottom: 2.5rem; }
  @media all and (max-width: 768px) {
    h2, .as-h2-thin, .comme-h1 {
      font-size: 3.5rem; } }
  @media all and (max-width: 375px) {
    h2, .as-h2-thin, .comme-h1 {
      font-size: 3.0rem; } }
  h2.comme-h1, .comme-h1 {
    margin-top: -1rem;
    font-weight: 300; }

h3 {
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "Fira Sans", sans-serif; }

.as-h2-thin, .comme-h1 {
  margin-top: -1rem;
  font-weight: 300; }

a {
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

h4 {
  color: #6c3f99;
  font-size: 2.0rem;
  font-weight: 400;
  font-family: "Fira Sans", sans-serif; }

p.titre, .adresse, .ts-main-menu .dropdown-menu a, article h1 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 20px; }

.bg-titre {
  margin: 0 auto; }
  .bg-titre.bg-1 {
    background: url(../images/bg-titre-1.png) no-repeat center center;
    width: 171px;
    height: 16px;
    margin-top: 30px;
    margin-bottom: 30px; }
  .bg-titre.bg-2 {
    background: url(../images/bg-titre-2.png) no-repeat center center;
    width: 252px;
    height: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0px; }
  .bg-titre.bg-3 {
    background: url(../images/bg-titre-3.png) no-repeat center center;
    width: 252px;
    height: 15px;
    margin-top: 30px;
    margin-bottom: 30px; }
  .bg-titre.bg-4 {
    background: url(../images/bg-titre-4.png) no-repeat center center;
    width: 174px;
    height: 17px;
    margin-top: 30px;
    margin-bottom: 30px; }
  .bg-titre.bg-5 {
    background: url(../images/bg-titre-5.png) no-repeat center center;
    width: 252px;
    height: 15px;
    margin-top: 35px;
    margin-bottom: 30px; }

.bgcolor1 {
  background-color: #6c3f99; }

.bgcolor2 {
  background-color: #00c0f3; }

.bgcolor3 {
  background-color: #6198d1; }

.bgcolor4 {
  background-color: #7a75b6; }

.contenu {
  padding: 3.0rem 4.0rem 4.5rem;
  /* margin: 4.0rem 1.5rem; */
  margin-bottom: 4rem; }
  @media all and (max-width: 768px) {
    .contenu {
      padding: 2.0rem 3.0rem 3.5rem; } }

.blog .contenu.col-lg-offset-1 {
  margin-bottom: 0px; }
.blog .main-content {
  padding-bottom: 4.0rem; }

.container-fluid {
  padding: 0px;
  width: 100%;
  overflow: hidden; }

.over-top {
  margin-top: -120px !important;
  -webkit-box-shadow: 0px 0px 32px 9px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 32px 9px rgba(0, 0, 0, 0.07); }
  .over-top h1 {
    margin-bottom: 1rem; }
  .over-top.dark p {
    color: #fff; }
  @media all and (max-width: 1024px) {
    .over-top {
      marfgin-top: -0px !important; } }
  @media all and (max-width: 480px) {
    .over-top {
      margin-top: -0px !important;
      padding: 2rem 15px; }
      .over-top [class*="col-"] {
        padding: 0px; } }

.boxshadow {
  -webkit-box-shadow: 0px 0px 32px 9px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 32px 9px rgba(0, 0, 0, 0.07); }

.page-template-default h1 {
  font-weight: 600;
  font-family: "Fira Sans", sans-serif;
  font-size: 5.0rem;
  margin: 4rem 0 4rem 0;
  line-height: 1em;
  text-transform: none; }
  @media all and (max-width: 1024px) {
    .page-template-default h1 {
      margin: 5rem 0 4rem 0; } }
.page-template-default h2, .page-template-default .as-h2-thin, .page-template-default .comme-h1 {
  font-size: 4.0rem;
  margin-bottom: 2rem;
  margin-top: 3rem; }
@media all and (max-width: 480px) {
  .page-template-default .col-sm-12 {
    padding: 0px; } }
.page-template-default h3 {
  color: #6c3f99; }
.page-template-default .page-title {
  margin-top: 11rem; }

@media all and (max-width: 1024px) {
  .page-template-default-plus-header .main-content {
    padding-top: 50px; } }
@media all and (max-width: 768px) {
  .page-template-default-plus-header .bg-img-full {
    margin-top: 0px; } }

.page-title {
  font-weight: 600;
  font-family: "Fira Sans", sans-serif;
  font-size: 5.0rem;
  margin: 11rem 0 4rem 0;
  line-height: 1em;
  text-transform: none; }
  @media all and (max-width: 1024px) {
    .page-title {
      margin: 5rem 0 4rem 0; } }
  @media all and (max-width: 768px) {
    .page-title {
      font-size: 4.0rem; } }

.bg-img-full {
  text-align: center;
  background-position: 50% 50%;
  min-height: 515px;
  padding: 0px; }
  @media all and (max-width: 768px) {
    .bg-img-full {
      padding: 5.0rem 1.5rem;
      min-height: 290px;
      margin-top: 50px; } }
  @media all and (max-width: 375px) {
    .bg-img-full {
      padding: 5.0rem 1.5rem;
      min-height: 300px; } }

.centrer {
  text-align: center; }

@media all and (min-width: 1025px) {
  .container {
    width: 940px; } }

.big-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media all and (min-width: 1201px) {
    .big-container {
      width: 1170px; } }

ol {
  font-size: 1.8rem;
  padding-left: 2.2rem;
  font-family: "Fira Sans", sans-serif; }
  ol li {
    font-size: 2.3rem;
    color: #00c0f3; }

@media all and (max-width: 480px) {
  #intro .container {
    padding-bottom: 0px; } }

.newslike {
  margin-top: 3rem; }
  .newslike .inside {
    padding: 3.5rem;
    text-align: center; }
    @media all and (max-width: 768px) {
      .newslike .inside {
        margin: 0;
        padding: 1.5rem 0 3rem 0; } }
  .newslike .col-sm-6 {
    margin-bottom: 14px;
    padding: 0 7px; }
    @media all and (max-width: 768px) {
      .newslike .col-sm-6 {
        /* padding:0px;margin:0px; */
        margin-bottom: 0px; }
        .newslike .col-sm-6 .inside {
          margin-top: 15px; } }
    .newslike .col-sm-6:first-child .inside {
      background-color: #6c3f99; }
    .newslike .col-sm-6:nth-child(2) .inside {
      background-color: #00c0f3; }
    .newslike .col-sm-6:nth-child(3) .inside {
      background-color: #fbaa21; }
    .newslike .col-sm-6:nth-child(4) .inside {
      background-color: #f15b55; }
  .newslike h2, .newslike .as-h2-thin, .newslike .comme-h1, .newslike h3, .newslike p, .newslike a {
    color: #fff; }
  .newslike h3 {
    text-align: center;
    font-size: 5.0rem; }
    @media all and (max-width: 480px) {
      .newslike h3 {
        font-size: 3.0rem; } }
  .newslike p {
    font-size: 1.7rem;
    text-align: left; }
  .newslike .icon-plus {
    margin: 3rem auto 3rem auto;
    font-size: 7rem;
    font-weight: 200;
    color: #fff;
    text-align: center;
    line-height: 2.9rem;
    line-height: 4.2rem;
    width: 4.9rem;
    height: 4.9rem;
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 10rem;
    cursor: pointer; }
    @media all and (max-width: 480px) {
      .newslike .icon-plus {
        margin: 1rem auto 1rem auto; } }
  @media all and (max-width: 768px) {
    .newslike {
      margin: 0 15px; } }
  @media all and (max-width: 375px) {
    .newslike .panel {
      padding: 0 15px; } }

@media all and (min-width: 993px) {
  .row.row-eq-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
@media all and (min-width: 993px) {
  .row.row-eq-height.infographic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
@media all and (max-width: 992px) {
  .row.row-eq-height.infographic {
    display: block; } }
@media all and (max-width: 992px) {
  .row.row-eq-height {
    display: block; }
    .row.row-eq-height h2, .row.row-eq-height .as-h2-thin, .row.row-eq-height .comme-h1 {
      margin-top: 3rem !important;
      margin-bottom: 1rem; }
    .row.row-eq-height h1 {
      margin-top: 3rem !important; } }
@media all and (max-width: 992px) {
  .row.row-eq-height .imgbg {
    display: none; } }
.row.row-eq-height .img-dg-mobile {
  background-position: 50% 50%; }
  @media all and (min-width: 993px) {
    .row.row-eq-height .img-dg-mobile {
      display: none; } }
  @media all and (max-width: 992px) {
    .row.row-eq-height .img-dg-mobile {
      width: 100%;
      height: 300px;
      display: block; } }
.row.row-eq-height .imgbg.img-dg-mobile {
  background-position: center center; }
  @media all and (min-width: 993px) {
    .row.row-eq-height .imgbg.img-dg-mobile {
      display: block; } }

.demiwrap {
  float: right;
  width: 555px;
  padding: 5.5rem 0;
  padding-right: 5rem;
  max-width: 100%;
  min-height: 320px; }
  .demiwrap.right {
    float: left; }
  @media all and (max-width: 1190px) {
    .demiwrap {
      float: none;
      padding: 3rem; } }
  @media all and (max-width: 768px) {
    .demiwrap {
      padding: 1rem 15px;
      max-width: 100%; } }
  @media all and (max-width: 480px) {
    .demiwrap {
      float: none; }
      .demiwrap.right {
        float: none; } }

.right .demiwrap {
  float: right; }
  @media all and (max-width: 992px) {
    .right .demiwrap {
      float: none; } }

.left .demiwrap {
  padding-left: 3rem;
  float: left; }

.trois-colonnes {
  margin-top: 10rem; }
  .trois-colonnes img {
    margin-bottom: 1rem; }
  .trois-colonnes .inside {
    background-color: #fff;
    text-align: center;
    padding: 3.0rem;
    font-size: 1.7rem;
    -webkit-box-shadow: 0px 0px 32px 9px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 32px 9px rgba(0, 0, 0, 0.07); }
    @media all and (max-width: 480px) {
      .trois-colonnes .inside {
        max-width: 371px;
        margin: 0 auto; } }
  .trois-colonnes hr {
    border-top: 3px solid #6c3f99;
    margin-bottom: 3rem;
    max-width: 110px;
    margin-top: 2.5rem; }

.imgbg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

#contact-don .demiwrap {
  text-align: center;
  padding: 7.5rem 0;
  overflow: hidden;
  position: relative; }
#contact-don h2, #contact-don .as-h2-thin, #contact-don .comme-h1 {
  font-size: 4.2rem;
  margin-top: 0px !important;
  margin-bottom: 0rem; }
#contact-don .bgcolor2 h2, #contact-don .bgcolor2 .as-h2-thin, #contact-don .bgcolor2 .comme-h1 {
  margin-bottom: 2rem; }
#contact-don .bulle {
  border-radius: 100rem;
  position: absolute;
  width: 30px;
  height: 30px;
  border: 0.5rem solid #fff; }
#contact-don .bulle-joindre {
  text-align: center;
  border: 1rem solid #f15b55;
  border-radius: 100rem;
  position: relative;
  width: 310px;
  height: 310px;
  display: inline-block;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  flex-direction: column;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -moz-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  -moz-flex-align: center;
  -webkit-box-align: center;
  align-items: center; }
  @media all and (max-width: 992px) {
    #contact-don .bulle-joindre {
      width: 250px;
      height: 250px; } }
#contact-don .bulle-1 {
  border: 0.3rem solid #f15b55;
  right: 71px;
  top: 11rem; }
  @media all and (max-width: 992px) {
    #contact-don .bulle-1 {
      top: 6rem; } }
#contact-don .bulle-2 {
  left: 108px;
  top: 9px;
  width: 73px;
  height: 73px;
  border: 0.3rem solid #f15b55; }
  @media all and (max-width: 992px) {
    #contact-don .bulle-2 {
      top: -6px; } }
#contact-don .bulle-3 {
  right: 45px;
  top: 28px;
  width: 90px;
  height: 90px;
  border: 0.3rem solid #fff; }
  @media all and (max-width: 992px) {
    #contact-don .bulle-3 {
      top: 10px; } }
#contact-don .bulle-4 {
  left: 81px;
  bottom: 30px;
  width: 45px;
  height: 45px;
  border: 0.3rem solid #fff; }
  @media all and (max-width: 992px) {
    #contact-don .bulle-4 {
      bottom: 8px; } }
#contact-don ul {
  padding: 0px;
  margin-bottom: 0px; }
#contact-don p {
  margin-bottom: 0px; }
#contact-don li {
  display: inline-block; }
  #contact-don li a {
    padding: 7px; }
#contact-don .bgcolor2 .bulle-joindre, #contact-don .bgcolor2 .bulle-3, #contact-don .bgcolor2 .bulle-4 {
  border-color: #0e4e96; }
#contact-don a {
  text-decoration: none;
  display: block; }
@media all and (max-width: 768px) {
  #contact-don .bgcolor2 {
    width: 100%;
    height: 100%;
    display: flex; }
  #contact-don .demiwrap, #contact-don a {
    margin: 0 auto;
    max-width: 100%; } }

video {
  width: 100%;
  height: auto; }

.panel {
  margin: auto;
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  height: 0px; }

.blocs-gd {
  /* .row:nth-child(3n+1){
  	h1,h1 a,h2,h3, ul li, ol li{color:$color2;}
  	.btn-bleu,.btn-mauve{background-color:$color2;color:#fff !important;&:hover{background-color:$color1;color:#fff !important;}}
  } 
  .row:nth-child(3n+2){
  	h1,h1 a,h2,h3,ul li, ol li{color:$color1;}
  	.btn-bleu,.btn-mauve{background-color:$color1;color:#fff !important;&:hover{background-color:$color2;color:#fff !important;}}
  }
  .row:nth-child(3n+3){
  	h1,h1 a,h2,h3, ul li, ol li{color:$colorA1;}
  	.btn-bleu,.btn-mauve{background-color:$colorA1;color:#fff !important;&:hover{background-color:$color2;color:#fff !important;}}
  } */ }
  .blocs-gd h3 {
    font-size: 4.0rem; }
    @media all and (max-width: 480px) {
      .blocs-gd h3 {
        font-size: 3.0rem; } }
  .blocs-gd ul li, .blocs-gd ol li {
    font-size: 2rem;
    font-family: "Fira Sans", sans-serif;
    margin-bottom: 1rem; }
  @media all and (max-width: 992px) {
    .blocs-gd .demiwrap {
      width: auto;
      min-height: auto;
      padding: 1rem 15px; }
    .blocs-gd footer {
      margin-bottom: 6rem; } }
  @media all and (max-width: 480px) {
    .blocs-gd .demiwrap {
      margin-bottom: 2rem; } }
  .blocs-gd .img-dg-mobile {
    background-repeat: no-repeat;
    background-size: cover; }

/* #post-403{
	.page-title{color:$colorA1;}
	.btn-bleu{background-color:$colorA1;color:#fff !important;}
}
#post-410{
	.page-title{color:$color2;}
	.btn-bleu{background-color:$color2;color:#fff !important;}
}
#post-412,#post-408,#post-371{
	.page-title{color:$color1;}
	.btn-bleu{background-color:$color1;color:#fff !important;}
} */
.sous-titre {
  font-size: 2.5rem; }

.bulle {
  margin-top: -20px;
  width: 200px;
  height: 200px;
  border: 1px solid #fff;
  border-radius: 100rem;
  position: absolute;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  -moz-flex-align: center;
  -webkit-box-align: center;
  align-items: center; }

ol li {
  font-size: 2rem; }

.entry-content h2, .entry-content .as-h2-thin, .entry-content .comme-h1 {
  font-size: 4.5rem; }

/*///////////////////////////////////////*/
/*//////////// RAISON D'ÊTRE ////////////*/
/*///////////////////////////////////////*/
#raison-d-etre {
  /*//////////// INTRO ////////////*/
  /*//////////// NOTRE MISSION ////////////*/ }
  #raison-d-etre #intro .bg-img-full {
    background-position: 50% 0%; }
  #raison-d-etre #notre-mission {
    padding-bottom: 8rem; }
    #raison-d-etre #notre-mission h4 {
      margin-top: 3rem;
      margin-bottom: 3rem; }
  #raison-d-etre #nos-strategies p, #raison-d-etre #nos-strategies ol {
    font-size: 2rem; }
  #raison-d-etre #nos-strategies p {
    margin-bottom: 1.5rem;
    margin-top: 5rem; }
  #raison-d-etre #nos-strategies h2, #raison-d-etre #nos-strategies .as-h2-thin, #raison-d-etre #nos-strategies .comme-h1, #raison-d-etre #nos-strategies ol {
    color: #00c0f3; }
  #raison-d-etre #nos-strategies ol li {
    margin-bottom: 1.5rem; }
  #raison-d-etre #nos-valeurs {
    padding-top: 7rem; }
    #raison-d-etre #nos-valeurs .sub-title {
      margin-bottom: 3rem; }
  @media all and (max-width: 480px) {
    #raison-d-etre .over-top {
      margin-bottom: 0px; } }
  @media all and (min-width: 993px) {
    #raison-d-etre #blocs .col-md-6 {
      min-height: 535px; } }

.bloc-img {
  padding-top: 0px;
  padding-bottom: 0px; }
  .bloc-img + section {
    padding-top: 0px; }

.cit-enfant {
  position: relative;
  font-family: "Just Me Again Down Here", cursive;
  background-image: url("../images/spiral-notebook-paper-texture.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
  .cit-enfant p {
    font-family: "Just Me Again Down Here", cursive;
    font-size: 3.4rem;
    font-weight: 100;
    line-height: 1.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000; }
  .cit-enfant .citer {
    font-weight: 400;
    margin-top: 2rem;
    display: block;
    font-size: 2.8rem;
    color: #000; }
  .cit-enfant .container {
    padding-bottom: 0px; }
  .cit-enfant [class*="col-"] {
    padding: 10rem 0; }

/*///////////////////////////////////////*/
/*//////////// SERVICES ////////////*/
/*///////////////////////////////////////*/
#page-services #intro h1, #page-services #intro h2, #page-services #intro .as-h2-thin, #page-services #intro .comme-h1 {
  color: #00c0f3; }
#page-services #services .content {
  text-align: left; }
#page-services #services .icon {
  margin-top: -102px; }
#page-services #services h1 {
  font-size: 25px;
  font-weight: 400;
  text-align: center;
  margin-top: 8px;
  line-height: 1.3em; }
#page-services #services h2, #page-services #services .as-h2-thin, #page-services #services .comme-h1 {
  font-size: 22px; }
#page-services #services p {
  font-size: 1.7rem; }
#page-services #services ul {
  font-size: 1.7rem;
  padding-left: 17px;
  margin-top: 1.5rem; }
  #page-services #services ul strong {
    font-weight: 600; }
#page-services #services li {
  margin-bottom: 1rem; }
#page-services #services [class*="col-"]:nth-child(2) h1, #page-services #services [class*="col-"]:nth-child(2) h2, #page-services #services [class*="col-"]:nth-child(2) .as-h2-thin, #page-services #services [class*="col-"]:nth-child(2) .comme-h1 {
  color: #f15b55; }
#page-services #services [class*="col-"]:nth-child(2) hr {
  border-color: #f15b55; }
@media all and (max-width: 992px) {
  #page-services #services [class*="col-"]:nth-child(2) {
    margin-top: 13rem; } }
#page-services #services [class*="col-"]:nth-child(1) h1, #page-services #services [class*="col-"]:nth-child(1) h2, #page-services #services [class*="col-"]:nth-child(1) .as-h2-thin, #page-services #services [class*="col-"]:nth-child(1) .comme-h1 {
  color: #0e4e96; }
#page-services #services [class*="col-"]:nth-child(1) hr {
  border-color: #0e4e96; }
#page-services #services [class*="col-"]:nth-child(3) {
  margin-top: 13rem; }
  #page-services #services [class*="col-"]:nth-child(3) h1, #page-services #services [class*="col-"]:nth-child(3) h2, #page-services #services [class*="col-"]:nth-child(3) .as-h2-thin, #page-services #services [class*="col-"]:nth-child(3) .comme-h1 {
    color: #fbaa21; }
  #page-services #services [class*="col-"]:nth-child(3) hr {
    border-color: #fbaa21; }
@media all and (max-width: 768px) {
  #page-services #services [class*="col-"] {
    float: right;
    margin-top: 13rem; }
  #page-services #services .trois-colonnes {
    margin-top: 0px; } }
@media all and (max-width: 480px) {
  #page-services #services [class*="col-"] {
    float: none;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 13rem; } }

/*///////////////////////////////////////*/
/*//////////// GENS GROS ////////////*/
/*///////////////////////////////////////*/
#gens-gros .trois-colonnes, #petit-gros .trois-colonnes {
  margin-top: -80px; }
#gens-gros img, #petit-gros img {
  border-radius: 10000px; }
#gens-gros .image, #petit-gros .image {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 100000px;
  margin-top: -125px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat; }
#gens-gros h3, #gens-gros h4, #petit-gros h3, #petit-gros h4 {
  text-align: center; }
#gens-gros h3, #petit-gros h3 {
  color: #6c3f99;
  margin-top: 2.5rem; }
#gens-gros h4, #petit-gros h4 {
  margin-bottom: 2rem; }
#gens-gros p, #petit-gros p {
  text-align: left; }
#gens-gros .col-md-4, #petit-gros .col-md-4 {
  margin-top: 150px; }
  #gens-gros .col-md-4:nth-child(4), #petit-gros .col-md-4:nth-child(4) {
    clear: both; }

#petit-gros .image {
  width: 170px;
  height: 170px;
  margin-top: -100px; }
#petit-gros h3, #petit-gros h4 {
  color: #00c0f3; }
#petit-gros .col-md-3 {
  margin-top: 155px; }
#petit-gros .trois-colonnes {
  margin-top: -100px; }

.txt-entre {
  margin-top: 5rem; }

/*///////////////////////////////////////*/
/*//////////// FORMES VIOLENCE ////////////*/
/*///////////////////////////////////////*/
@media all and (min-width: 993px) {
  #problematique .over-top {
    margin-top: -100px !important; } }
#problematique .btn-bleu, #problematique .btn-mauve {
  margin-top: 2rem;
  display: inline-block;
  color: #fff !important; }
#problematique .right h2, #problematique .right .as-h2-thin, #problematique .right .comme-h1 {
  color: #00c0f3; }
#problematique li {
  margin-bottom: 1rem; }
#problematique #intro .bg-img-full {
  min-height: 585px; }
  @media all and (max-width: 768px) {
    #problematique #intro .bg-img-full {
      min-height: 300px;
      /* margin-top:362px; */ } }
#problematique #vulnerabilites h2, #problematique #vulnerabilites .as-h2-thin, #problematique #vulnerabilites .comme-h1 {
  color: #00c0f3; }
#problematique #formes > .container {
  margin-bottom: 2rem; }
#problematique .imgbg {
  background-color: #ccc;
  /* background-image:none !important; */ }
  @media all and (min-width: 993px) {
    #problematique .imgbg {
      min-height: 690px; } }

.bloc-img {
  padding-top: 0px;
  padding-bottom: 0px; }
  .bloc-img + section {
    padding-top: 0px; }

/*///////////////////////////////////////*/
/*//////////// Qui sommes-nous //////////*/
/*///////////////////////////////////////*/
#qui-sommes-nous .txt-sur-img h1, #qui-sommes-nous .txt-sur-img h2, #qui-sommes-nous .txt-sur-img .as-h2-thin, #qui-sommes-nous .txt-sur-img .comme-h1 {
  font-size: 4.0rem; }
  @media all and (max-width: 480px) {
    #qui-sommes-nous .txt-sur-img h1, #qui-sommes-nous .txt-sur-img h2, #qui-sommes-nous .txt-sur-img .as-h2-thin, #qui-sommes-nous .txt-sur-img .comme-h1 {
      font-size: 3.0rem; } }
#qui-sommes-nous .container {
  position: relative; }
#qui-sommes-nous .bulle {
  border-color: #fbaa21;
  width: 100px;
  height: 100px;
  border-width: 2px; }
  @media all and (max-width: 992px) {
    #qui-sommes-nous .bulle {
      display: none; } }
#qui-sommes-nous .bulle-r {
  border-color: #f15b55; }
#qui-sommes-nous .bulle-1 {
  left: -90px;
  top: -25px;
  border-width: 3px;
  height: 70px;
  width: 70px; }
#qui-sommes-nous .bulle-2 {
  left: 15px;
  top: 196px;
  border-width: 3px;
  height: 30px;
  width: 30px; }
#qui-sommes-nous .bulle-3 {
  left: 182px;
  bottom: -40px;
  border-width: 3px;
  height: 30px;
  width: 30px; }
#qui-sommes-nous .bulle-4 {
  left: 279px;
  top: 494px;
  border-width: 3px;
  height: 47px;
  width: 47px; }
#qui-sommes-nous .bulle-5 {
  right: 117px;
  top: 112px;
  border-width: 3px;
  height: 88px;
  width: 88px; }
#qui-sommes-nous #notre-histoire {
  padding-bottom: 11rem;
  padding-top: 2rem; }
  @media all and (max-width: 480px) {
    #qui-sommes-nous #notre-histoire {
      margin-top: 1rem; } }
#qui-sommes-nous hr {
  border-color: #6c3f99;
  border-width: 2px;
  margin-bottom: 3rem;
  margin-top: 4rem; }
#qui-sommes-nous .col-sm-3 {
  text-align: center; }
#qui-sommes-nous .chiffre, #qui-sommes-nous .texte {
  color: #6c3f99; }
#qui-sommes-nous .chiffre {
  font-size: 5.0rem;
  display: block; }
#qui-sommes-nous .texte {
  font-size: 2.3rem;
  font-weight: 300;
  line-height: 1.2em; }
@media all and (max-width: 768px) {
  #qui-sommes-nous .col-xs-6 {
    width: 49%;
    float: none;
    display: inline-block;
    margin-bottom: 2.0rem; } }

/*///////////////////////////////////////*/
/*//////////// LIGNE DU TEMPS ////////////*/
/*///////////////////////////////////////*/
.ligne-temps .ligne-centre {
  height: 100%;
  width: 6px;
  height: 100%;
  position: absolute;
  max-height: 960px;
  display: block;
  margin-left: -3px;
  left: 50%;
  background-color: #3963ac;
  margin-top: 40px;
  background: #6c3f99;
  background: -webkit-linear-gradient(#6c3f99 0%, #00c0f3 91%, #ffffff 100%);
  background: -o-linear-gradient(#6c3f99 0%, #00c0f3 91%, #ffffff 100%);
  background: linear-gradient(#6c3f99 0%, #00c0f3 91%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=0 ); }
  @media all and (max-width: 992px) {
    .ligne-temps .ligne-centre {
      margin-left: -135px;
      margin-top: 30px; } }
  @media all and (max-width: 768px) {
    .ligne-temps .ligne-centre {
      margin-top: 30px;
      max-height: 780px;
      margin-left: -145px; } }
  @media all and (max-width: 480px) {
    .ligne-temps .ligne-centre {
      left: 37px;
      margin-left: 0px; } }
.ligne-temps .date {
  color: #fbaa21;
  font-size: 5.0rem;
  font-weight: 700;
  line-height: 1.2em; }
  @media all and (max-width: 992px) {
    .ligne-temps .date {
      font-size: 4.0rem; } }
.ligne-temps .bloc-histoire {
  margin-bottom: 2.5rem; }
  @media all and (max-width: 992px) {
    .ligne-temps .bloc-histoire {
      margin-bottom: 1.5rem;
      max-width: 400px;
      margin: 0 auto;
      clear: both;
      float: none; }
      .ligne-temps .bloc-histoire .col-xs-12 {
        width: auto; } }
  @media all and (max-width: 480px) {
    .ligne-temps .bloc-histoire {
      max-width: 100%;
      width: 100%;
      float: left;
      clear: none; } }
.ligne-temps .bloc-histoire:nth-child(odd) article {
  padding-right: 30px;
  text-align: right; }
  .ligne-temps .bloc-histoire:nth-child(odd) article .point {
    right: 3rem; }
    @media all and (max-width: 992px) {
      .ligne-temps .bloc-histoire:nth-child(odd) article .point {
        left: 5.3rem;
        right: auto; } }
  @media all and (max-width: 992px) {
    .ligne-temps .bloc-histoire:nth-child(odd) article {
      text-align: left;
      padding-left: 40px;
      padding-right: 15px; } }
.ligne-temps .bloc-histoire:nth-child(even) article {
  float: right !important;
  padding-left: 30px; }
  .ligne-temps .bloc-histoire:nth-child(even) article .point {
    left: 3rem; }
    @media all and (max-width: 768px) {
      .ligne-temps .bloc-histoire:nth-child(even) article .point {
        left: 4rem; } }
    @media all and (max-width: 992px) {
      .ligne-temps .bloc-histoire:nth-child(even) article .point {
        left: 5.3rem; } }
  @media all and (max-width: 992px) {
    .ligne-temps .bloc-histoire:nth-child(even) article {
      padding-left: 40px;
      padding-right: 15px;
      float: none !important; } }
.ligne-temps .point {
  background-color: #fff;
  width: 2.4rem;
  height: 2.4rem;
  border: 0.35rem solid #fbaa21;
  border-radius: 1000rem;
  display: inline-block;
  margin-right: -4.2rem;
  margin-left: -4.2rem;
  margin-left: -42px;
  position: absolute;
  top: 1.75rem; }
.ligne-temps p strong {
  color: #00c0f3; }
@media all and (max-width: 992px) {
  .ligne-temps {
    position: relative;
    padding: 0rem 15px; }
    .ligne-temps .gridss {
      margin: 0 auto;
      margin-left: 8rem; } }
@media all and (max-width: 480px) {
  .ligne-temps .gridss {
    margin-left: 0px; } }

/*///////////////////////////////////////*/
/*//////////// HOME ////////////*/
/*///////////////////////////////////////*/
.home {
  /*//////////// EQUIPE ////////////*/ }
  .home .inner-header {
    height: 81vh;
    max-height: 776px;
    overflow: hidden;
    min-height: 605px; }
    @media all and (max-width: 1024px) {
      .home .inner-header {
        height: 825px; } }
    @media all and (max-width: 992px) {
      .home .inner-header {
        height: 800px;
        max-height: 100%; } }
    @media all and (max-width: 480px) {
      .home .inner-header {
        height: 734px; } }
    .home .inner-header h2, .home .inner-header .as-h2-thin, .home .inner-header .comme-h1 {
      font-size: 4.3rem; }
  .home .trois-colonnes {
    margin-top: 2rem; }
  .home .ts-main-menu-fix-top, .home .ts-main-menu {
    z-index: 1;
    overflow: hidden; }
  .home .inner-header {
    background: transparent; }
  .home .header-background {
    background-size: cover;
    height: 775px;
    max-height: 776px;
    max-height: 100%; }
    @media all and (max-width: 1024px) {
      .home .header-background {
        height: 825px;
        width: 100%;
        max-width: 100%;
        position: relative; } }
    @media all and (max-width: 992px) {
      .home .header-background {
        height: 800px;
        max-height: 100%; } }
    @media all and (max-width: 480px) {
      .home .header-background {
        height: 734px; } }
  .home .ts-main-menu.top {
    top: 111px;
    position: fixed;
    bottom: auto;
    background: #6c3f99;
    background: -webkit-linear-gradient(left, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
    background: -o-linear-gradient(left, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
    background: -webkit-gradient(linear, left top, right top, from(#6c3f99), color-stop(50%, #517bbf), to(#00c0f3));
    background: linear-gradient(to right, #6c3f99 0%, #517bbf 50%, #00c0f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); }
  .home #peau-neuve {
    background-color: #fff; }
  .home #service {
    padding-bottom: 7rem; }
    .home #service h1, .home #service h2, .home #service .as-h2-thin, .home #service .comme-h1 {
      color: #00c0f3; }
    @media all and (max-width: 480px) {
      .home #service h2, .home #service .as-h2-thin, .home #service .comme-h1 {
        margin-bottom: 0rem; } }
    .home #service h3 {
      color: #fbaa21; }
    .home #service .col-sm-4 h3 {
      -webkit-transition: color 0.4s ease-in-out 0s;
      -o-transition: color 0.4s ease-in-out 0s;
      transition: color 0.4s ease-in-out 0s; }
      @media all and (max-width: 480px) {
        .home #service .col-sm-4 h3 {
          margin-top: 0px;
          margin-bottom: 7rem; } }
    .home #service .row-eq-height .col-sm-4:nth-child(2) h3 {
      color: #f15b55; }
    .home #service .row-eq-height .col-sm-4:nth-child(1) h3 {
      color: #0e4e96; }
  .home #equipe .bg-img-full {
    background-position: top center; }
  @media all and (min-width: 1025px) {
    .home .bgcolor {
      opacity: 0; }
    .home .ts-main-menu {
      position: absolute;
      bottom: 0;
      top: auto;
      background: transparent; } }
  @media all and (max-width: 768px) {
    .home .main-content {
      margin-top: auto; } }
  @media all and (min-width: 1025px) {
    .home .ts-main-menu .sub-menu-wrap {
      pointer-events: none;
      opacity: 0; }
    .home .ts-main-menu.top .sub-menu-wrap {
      pointer-events: inherit;
      opacity: 1; } }

#nouvelles h2, #nouvelles .as-h2-thin, #nouvelles .comme-h1 {
  font-size: 2.5rem;
  font-weight: 400;
  color: #333333;
  margin-top: 0px; }
#nouvelles h1 {
  font-size: 5rem;
  line-height: 1.1em;
  text-align: left;
  text-transform: inherit;
  font-weight: 500;
  margin-top: 5rem;
  margin-bottom: 1.5rem;
  margin-left: -4px; }
  @media all and (max-width: 375px) {
    #nouvelles h1 {
      font-size: 4rem; } }
#nouvelles .posted-on a {
  color: #333333; }
  #nouvelles .posted-on a:hover {
    text-decoration: none; }
#nouvelles .entry-summary {
  margin-top: 3rem;
  margin-bottom: 5rem; }

/*//////////// Slider ////////////*/
/*////////////////////////////////*/
.header-background {
  background: url(../images/slider-escouade-enfant-accueil.jpg) no-repeat center center;
  background-attachment: fixed;
  background-size: cover; }
  @media all and (max-width: 1024px) {
    .header-background {
      background-attachment: scroll; } }

.dans-slider {
  position: absolute;
  color: #fff;
  z-index: 0;
  left: 0;
  top: 180px;
  width: 100%;
  text-align: center;
  padding: 0 15px; }
  .dans-slider .titre {
    text-align: left;
    padding-top: 8rem; }
    @media all and (max-width: 992px) {
      .dans-slider .titre {
        text-align: center;
        padding-top: 7rem; } }
    @media all and (max-width: 768px) {
      .dans-slider .titre img {
        max-height: 170px;
        width: auto; } }
    @media all and (max-width: 480px) {
      .dans-slider .titre {
        padding-top: 6rem; } }
  .dans-slider .blocbulle {
    margin-top: 13rem; }
    @media all and (max-height: 835px) {
      .dans-slider .blocbulle {
        margin-top: 5rem; }
        .dans-slider .blocbulle .bulle-2, .dans-slider .blocbulle .bulle-1 {
          display: none; } }
    @media all and (max-width: 500px) {
      .dans-slider .blocbulle .bulle-2, .dans-slider .blocbulle .bulle-1 {
        display: initial; } }
    @media all and (max-width: 992px) {
      .dans-slider .blocbulle {
        width: 100%;
        display: block;
        clear: both;
        margin-top: 16rem;
        left: -25%; } }
    @media all and (max-width: 480px) {
      .dans-slider .blocbulle {
        margin: 0 auto;
        left: auto;
        margin-top: 18rem; } }
  @media all and (max-width: 992px) {
    .dans-slider {
      top: 4rem; } }
  .dans-slider .bulle {
    margin-top: -20px;
    width: 200px;
    height: 200px;
    border: 1px solid #fff;
    border-radius: 100rem;
    position: absolute;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -moz-flex-align: center;
    -webkit-box-align: center;
    align-items: center; }
  .dans-slider .bulle-donnez {
    right: 324px;
    top: 135px;
    width: 170px;
    height: 170px;
    border-width: 3px;
    font-size: 2.6rem;
    display: block;
    padding-top: 2.7rem;
    line-height: 1.2em;
    font-weight: 500;
    background-color: rgba(46, 194, 244, 0.3); }
    .dans-slider .bulle-donnez a {
      text-decoration: none;
      margin-top: -10px; }
    .dans-slider .bulle-donnez span {
      margin-bottom: 10px; }
    @media all and (max-width: 992px) {
      .dans-slider .bulle-donnez {
        right: 219px;
        top: 189px;
        width: 145px;
        height: 145px;
        padding-top: 2.5rem; } }
    @media all and (max-width: 768px) {
      .dans-slider .bulle-donnez {
        padding-top: 3.2rem; } }
    @media all and (max-width: 375px) {
      .dans-slider .bulle-donnez {
        left: 10px; } }
  .dans-slider .bulle-fb {
    right: 20px;
    top: 256px;
    width: 48px;
    height: 48px;
    border-width: 3px;
    font-size: 2rem; }
    .dans-slider .bulle-fb a {
      padding: 20px;
      margin-left: -5px; }
    @media all and (max-width: 480px) {
      .dans-slider .bulle-fb {
        right: 71px;
        top: 204px; } }
  .dans-slider .bulle-1 {
    right: 52px;
    top: -90px;
    width: 30px;
    height: 30px;
    border-width: 2px;
    font-size: 1.6rem; }
    @media all and (max-width: 992px) {
      .dans-slider .bulle-1 {
        top: -89px; } }
    @media all and (max-width: 480px) {
      .dans-slider .bulle-1 {
        top: -60px; } }
    @media all and (max-width: 375px) {
      .dans-slider .bulle-1 {
        top: -79px;
        right: 10px; } }
  .dans-slider .bulle-2 {
    right: 301px;
    top: -150px;
    width: 67px;
    height: 67px;
    border-width: 3px;
    font-size: 1.6rem; }
    @media all and (max-width: 992px) {
      .dans-slider .bulle-2 {
        right: 290px;
        top: -122px;
        width: 58px;
        height: 58px; } }
    @media all and (max-width: 480px) {
      .dans-slider .bulle-2 {
        left: 40px; } }
    @media all and (max-width: 375px) {
      .dans-slider .bulle-2 {
        left: 15px; } }
  .dans-slider .bulle-aide {
    right: 24px;
    top: -56px;
    width: 312px;
    height: 312px;
    border-width: 11px;
    background-color: #fbaa21;
    display: table; }
    .dans-slider .bulle-aide .btitre {
      font-size: 4.7rem;
      line-height: 1.1em;
      margin-bottom: 1.5rem;
      font-weight: 600;
      margin-top: 4.3rem;
      display: inline-block; }
      @media all and (max-width: 992px) {
        .dans-slider .bulle-aide .btitre {
          font-size: 4.0rem;
          margin-top: 3rem; } }
      @media all and (max-width: 768px) {
        .dans-slider .bulle-aide .btitre {
          font-size: 4.7rem;
          margin-top: 3rem; } }
    .dans-slider .bulle-aide .btitre2 {
      font-size: 2.2rem;
      font-weight: 500;
      display: inline-block; }
    .dans-slider .bulle-aide .btn-gris {
      background-color: #fff;
      color: #f15b55;
      font-weight: 600;
      display: inline-block; }
      .dans-slider .bulle-aide .btn-gris:hover {
        background-color: #f15b55;
        color: #fff; }
    @media all and (max-width: 992px) {
      .dans-slider .bulle-aide {
        right: 47px;
        width: 246px;
        height: 246px;
        border-width: 7px; } }
    @media all and (max-width: 480px) {
      .dans-slider .bulle-aide {
        left: 50%;
        margin-left: -122px; } }
    @media all and (max-width: 375px) {
      .dans-slider .bulle-aide {
        top: -75px; } }

.btn-gris {
  background-color: #7a75b6;
  border-radius: 3rem;
  padding: 1rem 1.5rem;
  text-transform: inherit;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none !important; }
  .btn-gris:hover {
    background-color: #00c0f3; }

.btn-bleu {
  background-color: #00c0f3;
  border-radius: 3rem;
  padding: 1rem 1.5rem;
  text-transform: inherit;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none !important;
  color: #fff; }
  .btn-bleu:hover {
    background-color: #6c3f99;
    color: #fff; }

.btn-mauve {
  background-color: #6c3f99;
  border-radius: 3rem;
  padding: 1rem 1.5rem;
  text-transform: inherit;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none !important;
  color: #fff; }
  .btn-mauve:hover {
    background-color: #00c0f3;
    color: #fff; }

.btn-orange {
  background-color: #fbaa21;
  border-radius: 3rem;
  padding: 1rem 1.5rem;
  text-transform: inherit;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none !important;
  color: #fff; }
  .btn-orange:hover {
    background-color: #00c0f3;
    color: #fff; }

header button.trigger {
  margin-left: 3%;
  bottom: 25%;
  font-weight: 700;
  background: transparent;
  font-size: 14px;
  padding: 2px 14px; }
  header button.trigger:before {
    display: none; }
  @media all and (max-width: 992px) {
    header button.trigger {
      left: auto;
      right: -7%;
      bottom: 30%; } }
  @media (max-width: 630px) {
    header button.trigger {
      right: -15%; } }
  @media (max-width: 555px) {
    header button.trigger {
      display: none; } }
header h1 {
  font-size: 8.3rem;
  margin-bottom: 0px;
  line-height: 0.9em; }
  @media all and (max-width: 480px) {
    header h1 {
      font-size: 7.0rem; } }
  @media all and (max-width: 375px) {
    header h1 {
      font-size: 6.0rem; } }
header h2, header .as-h2-thin, header .comme-h1 {
  font-weight: 300;
  padding-right: 1rem; }
  @media all and (max-width: 375px) {
    header h2, header .as-h2-thin, header .comme-h1 {
      font-size: 3.5rem; } }
header .ligne {
  height: 1px;
  width: 250px;
  display: block;
  right: -250px;
  top: 14px;
  position: absolute;
  background-color: #fff; }

/*////////////////////////////////*/
/*//////////// Articles ////////////*/
/*////////////////////////////////*/
.entry-meta {
  font-size: 1.4rem; }

.single-post .entry-content-thumbnail {
  max-height: 400px;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 15px; }
.single-post footer.entry-meta {
  margin-top: 30px; }

.single .page-title {
  font-size: 5rem;
  color: #00c0f3;
  line-height: 0.9em;
  text-align: left;
  text-transform: inherit;
  font-weight: 500;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  margin-left: -4px; }
.single .posted-on a {
  color: #333333; }
.single .entry-content {
  margin-bottom: 5rem; }
.single .entry-content-thumbnail {
  margin-bottom: 4rem; }
.single h2.smaller, .single .smaller.as-h2-thin, .single .smaller.comme-h1 {
  font-size: 2.5rem;
  font-weight: 400;
  color: #333333;
  margin-bottom: 0px; }
.single article {
  margin-top: 4rem; }

.nav-bot {
  background-color: #6c3f99; }
  .nav-bot .container {
    padding-bottom: 0px; }
  .nav-bot li > a, .nav-bot .nav-previous a,
  .nav-bot .nav-next a {
    background-color: transparent;
    color: #fff;
    font-weight: 400;
    font-size: 2.5rem;
    max-width: 49%; }
    .nav-bot li > a:hover, .nav-bot li > a:active, .nav-bot li > a:focus, .nav-bot .nav-previous a:hover, .nav-bot .nav-previous a:active, .nav-bot .nav-previous a:focus,
    .nav-bot .nav-next a:hover,
    .nav-bot .nav-next a:active,
    .nav-bot .nav-next a:focus {
      background-color: transparent;
      color: #fbaa21;
      text-decoration: none; }
  .nav-bot .alignleft, .nav-bot .alignright {
    margin: 20px 0; }

.pager .previous > a, .pager .previous > span {
  float: right; }

.pager .next > a, .pager .next > span {
  float: left; }

.archive .contenu, .search .contenu {
  padding: 15px 40px;
  margin-bottom: 40px; }
  .archive .contenu article, .search .contenu article {
    margin-bottom: 0px; }
  .archive .contenu h1 a, .search .contenu h1 a {
    font-size: 2.0rem; }
.archive .content-padder, .search .content-padder {
  margin-top: 40px; }

.search .content-padder > header {
  margin-bottom: 40px;
  margin-top: 0px; }

.sidebar {
  margin-top: 40px;
  background-color: white;
  margin: 40px 20px;
  padding: 20px 30px; }

.pager li > a, .pager li > span {
  border: 0px;
  border-radius: 0px; }

.container-fluid > .col-md-5 {
  margin-bottom: 40px; }

.no-results.not-found {
  background-color: white;
  padding: 20px 30px; }

.page-template-default .over-top {
  margin-top: -100px !important; }

/*////////////////////////////////*/
/*//////////// CONTACT ////////////*/
/*////////////////////////////////*/
#map-canvas {
  margin-top: 0rem;
  display: inline-block;
  width: 100%;
  height: 515px;
  background-color: #e5e3df; }

body .af-form.acf-form {
  font-size: 1.6rem; }
body .acf-fields > .acf-field {
  padding-right: 0px;
  padding-left: 0px; }
body .acf-field input[type="text"], body .acf-field input[type="password"], body .acf-field input[type="number"], body .acf-field input[type="search"], body .acf-field input[type="email"], body .acf-field input[type="url"], body .acf-field textarea, body .acf-field select {
  border: 1px solid #bbb; }
body button {
  background-color: #6c3f99;
  border: 0px;
  color: #fff;
  padding: 1rem 2rem;
  text-transform: uppercase;
  font-family: "Fira Sans", sans-serif;
  font-size: 1.5rem;
  -webkit-transition: background 0.4s ease-in-out 0s;
  -o-transition: background 0.4s ease-in-out 0s;
  transition: background 0.4s ease-in-out 0s; }
  body button:hover {
    background-color: #00c0f3; }

.page-template-contact .over-top h1 {
  font-size: 5.0rem; }

/*////////////////////////////////*/
/*//////////// ANCHORS ////////////*/
/*////////////////////////////////*/
#vulnerabilites:before, #formes:before {
  content: '';
  display: block;
  position: relative;
  width: 0;
  height: 265px;
  margin-top: -265px; }

/*////////////////////////////////*/
/*//////////// FOOTER ////////////*/
/*////////////////////////////////*/
#colophon {
  padding: 5rem 0px 3.5rem 0;
  background-color: #333333; }
  #colophon h3 {
    margin-top: 0px;
    color: #fff; }
    @media all and (max-width: 375px) {
      #colophon h3 {
        font-size: 2.4rem; } }
  #colophon p {
    color: #fff; }
  #colophon hr {
    margin-top: 1px;
    margin-bottom: 16px;
    border-top: 4px solid #fff; }
  #colophon a {
    font-family: "Fira Sans", sans-serif;
    color: #fff;
    text-transform: inherit;
    text-decoration: none;
    /*  font-size: 1.8rem; */ }
  @media all and (max-width: 768px) {
    #colophon {
      padding: 4.0rem 0px; } }
  #colophon .row1 [class*="col-"]:nth-child(2) {
    text-align: right;
    text-transform: uppercase; }
  #colophon .row2 p {
    font-size: 1.4rem; }
  #colophon .fbcercle {
    float: right;
    border: 2px solid #fff;
    font-size: 2.5rem;
    border-radius: 100em;
    width: 5rem;
    text-align: center;
    line-height: 5rem;
    height: 5rem; }
    #colophon .fbcercle:hover {
      color: #00c0f3;
      border-color: #00c0f3; }
    @media all and (max-width: 480px) {
      #colophon .fbcercle {
        line-height: 4.7rem; } }
  #colophon #footer-menu {
    padding: 0px;
    margin: 0px; }
    #colophon #footer-menu li {
      display: inline-block;
      list-style-type: none; }
      #colophon #footer-menu li::after {
        content: " | ";
        color: #fff;
        padding: 0 1rem;
        font-size: 1.3rem; }
        @media all and (max-width: 375px) {
          #colophon #footer-menu li::after {
            font-size: 1.2rem;
            padding: 0rem; } }
      #colophon #footer-menu li:last-child::after {
        content: "";
        padding: 0px; }
    #colophon #footer-menu a {
      text-decoration: none;
      font-size: 1.4rem; }
      @media all and (max-width: 375px) {
        #colophon #footer-menu a {
          font-size: 1.3rem; } }
      #colophon #footer-menu a:hover {
        color: #fbaa21; }
    @media all and (max-width: 480px) {
      #colophon #footer-menu {
        margin-top: 5px; } }
    @media all and (max-width: 375px) {
      #colophon #footer-menu {
        margin-top: 2px; } }
  @media all and (max-width: 480px) {
    #colophon .col-xs-4 {
      padding-right: 0px; } }

/*//////////// Responsive ////////////*/
/*////////////////////////////////////*/
@media all and (min-width: 1335px) {
  .ts-main-menu #top-menu > ul > li > a {
    padding: 0 25px; } }
@media (max-width: 1335px) and (min-width: 992px) {
  .ts-main-menu #top-menu > ul > li > a {
    padding: 0 20px; } }
@media (max-width: 991px) and (min-width: 1024px) {
  #top-menu > ul > li > a {
    padding: 0 15px; } }
@media all and (max-width: 1024px) {
  .home-header .ts-main-menu, .ts-main-menu {
    top: 0px;
    position: fixed;
    padding: 0;
    width: 100%;
    z-index: 20;
    overflow: hidden;
    -webkit-transition: background 0.4s ease-in-out 0s;
    -o-transition: background 0.4s ease-in-out 0s;
    transition: background 0.4s ease-in-out 0s; }

  .logged-in .ts-main-menu {
    top: 32px; }

  .logo img {
    max-height: 30px;
    width: auto; } }
@media all and (max-width: 992px) {
  .logged-in .inner-header .logo {
    top: 38px; } }
@media all and (max-width: 768px) {
  .logged-in .ts-main-menu {
    top: 46px; }

  .logged-in .mobile-menu {
    top: 46px; } }
/*//////////// Menu mobile ////////////*/
/*////////////////////////////////////*/
@media all and (max-width: 1024px) {
  .mobile-menu {
    cursor: pointer;
    position: fixed;
    top: 0px;
    color: #fff;
    z-index: 99;
    right: 25px;
    padding: 10px 10px;
    font-size: 21px; }

  .logged-in .mobile-menu {
    top: 32px; } }
@media all and (min-width: 1025px) {
  .mobile-menu {
    display: none; } }
@media all and (min-width: 769px) {
  .no-mobile {
    display: block; } }
@media all and (max-width: 768px) {
  .no-mobile {
    display: none; } }
@media all and (min-width: 769px) {
  .only-mobile {
    display: none; } }
@media all and (max-width: 768px) {
  .only-mobile {
    display: block; } }
.ts-main-menu.mobile-open #top-menu > ul > li ul.sub-menu {
  margin: 0px;
  position: absolute; }
.ts-main-menu.mobile-open #top-menu #main-menu .sub-menu-wrap {
  position: absolute; }
.ts-main-menu.mobile-open #main-menu {
  margin-top: 55px;
  opacity: 1; }
.ts-main-menu.mobile-open #top-menu > ul > li {
  width: 100%;
  text-align: left;
  padding: 0;
  line-height: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 0px; }
  .ts-main-menu.mobile-open #top-menu > ul > li a {
    border-right: 0px; }
  .ts-main-menu.mobile-open #top-menu > ul > li > a {
    width: 100%;
    display: block;
    padding: 5px 0 !important; }
  @media all and (max-width: 370px) {
    .ts-main-menu.mobile-open #top-menu > ul > li {
      line-height: 25px; } }
@media all and (max-width: 768px) {
  .ts-main-menu.mobile-open a {
    pointer-events: auto !important; } }
.ts-main-menu.mobile-open .menu-item-has-children {
  background-image: url(../images/bas@2x.png);
  background-repeat: no-repeat;
  background-position: right 50%; }
  .ts-main-menu.mobile-open .menu-item-has-children.toggled {
    background-image: none; }
  .ts-main-menu.mobile-open .menu-item-has-children .sub-menu {
    margin-bottom: 0px; }
  .ts-main-menu.mobile-open .menu-item-has-children .sub-menu-wrap {
    padding: 0px;
    margin: 0px; }
  .ts-main-menu.mobile-open .menu-item-has-children > a {
    padding-bottom: 0px !important; }
.ts-main-menu.mobile-open .caret {
  display: inline-block; }
.ts-main-menu.mobile-open #top-menu > ul > li ul {
  position: relative;
  top: 0px;
  float: none;
  opacity: 1;
  visibility: visible;
  padding: 0px;
  background-color: transparent;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s; }
  .ts-main-menu.mobile-open #top-menu > ul > li ul a {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 14px 35px;
    text-align: left;
    -webkit-transition: opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s;
    font-size: 15px; }
.ts-main-menu.mobile-open #top-menu a.menu-item-has-children {
  pointer-events: none !important; }
.ts-main-menu.mobile-open .main-menu ul > li.menu-item-has-children > a:after {
  display: none; }

#mobile-indicator {
  display: none; }
  @media all and (max-width: 1024px) {
    #mobile-indicator {
      display: block; } }

.noscroll {
  overflow-y: hidden; }