.scroll-downs {
  position: absolute;
  right: 30px;
  bottom: 40px;
  margin: auto;
  width: 30px;
  height: 30px;
  z-index:999;
}
.mousey {
  width: 3px;
  padding: 5px 10px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
.new {
    height: auto;
    background: #169d97;
    z-index: 20;
    position: relative;
    padding-top: 100px;
}
.new:before {
    left: 0;
    width: 50%;
    height: 70px;
    top: -70px;
    position: absolute;
    content: '';
    background: #169d97;
}
.new:after {
    right: 0;
    width: 50%;
    height: 70px;
    bottom: -70px;
    position: absolute;
    content: '';
    background: #169d97;
}.titleBlock {
    font-family: Neuropolitical Rg;
    font-size: 50px;
    text-transform: uppercase;
    transition: 0.5s !important;
}
.titleBlock:hover {
    transition: 0.5s;
    letter-spacing: 5px;
}
.new .titleBlock {
    color: #fff;
    text-align: center;
}
.linkPlus {
    text-align: right;
    padding-right: 25px;
    padding-bottom: 20px;
}

.linkPlus a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    
}

.linkPlus a:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background: #fff;
    left: 0;
    bottom: -10px;
}
.linkPlus a:before {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    border: 4px solid #fff;
    left: -13px;
    border-radius:100%;
    bottom: -16px;
}
.domaineActv {
    height: auto;
    position: relative;
    background: #383737;
    padding-top: 70px;
    /* overflow: hidden; */
}
.domaineActv:after {
    right: 0;
    width: 50%;
    height: 70px;
    bottom: -70px;
    position: absolute;
    content: '';
    background: #383737;
}
.titleBlock span {/* display: block; */}
.domaineActv .titleBlock {
    color: #fff;
    padding-left: 15px;
    padding-bottom: 20px;
    line-height: 50px;
}
.partenaire {padding-top: 100px;}
.partenaire .titleBlock {
    color: #3d3d3d;
    text-align: center;
    padding-bottom: 50px;
}
.blocDomaine {position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 50px;}
.blocDomaine:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
}
.sliderProducts {margin: 100px auto;}
 .box-rubrique {
    position: absolute;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width:90%;
}

.blocDomaine:hover .savoir a, .blocDomaine:hover .l11, .blocDomaine:hover .l12, .blocDomaine:hover .l13, .blocDomaine:hover .l14 {
	
  position: absolute;
  background: transparent;
 color: #fff;
opacity:1;
transition:0.2s;
  width: 0px;
  height: 0px;
  -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
	  -o-animation-duration: .4s;
	    -ms-animation-duration: .4s;
  -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
	  -o-animation-iteration-count: 1;
	    -ms-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
	  -o-animation-timing-function: ease-in-out;
	    -ms-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
	  -o-animation-fill-mode: forwards;
	    -ms-animation-fill-mode: forwards;
}
 .blocDomaine:hover .l11 {
  left: 0;
  bottom: 0;
  height: 235px;
  width: 3px;
  -webkit-animation-name: l11;
  -moz-animation-name: l11;
  -o-animation-name: l11;
  -ms-animation-name: l11;
   -webkit-animation-delay: 1.6s;
   -moz-animation-delay: 1.6s;
   -o-animation-delay: 1.6s;
   -ms-animation-delay: 1.6s;
}
.blocDomaine:hover .l12 {
  top: 0;
  left: 0;
  width: 150px;
  height: 3px;
  -webkit-animation-name: l12;
  -moz-animation-name: l12;
  -o-animation-name: l12;
  -ms-animation-name: l12;
   -webkit-animation-delay: 0.4s;
   -moz-animation-delay: 0.4s;
   -o-animation-delay: 0.4s;
   -ms-animation-delay: 0.4s;

}
.blocDomaine:hover .l13 {
  right: 0;
  top: 0;
  height: 235px;
  width: 3px;
  -webkit-animation-name: l13;
  -moz-animation-name: l13;
  -o-animation-name: l13;
  -ms-animation-name: l13;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    -ms-animation-delay: 0.8s;
}
.blocDomaine:hover .l14 {
  bottom: 0;
  right: 0;
  width: 300px;
  height: 3px;
  -webkit-animation-name: l14;
  -moz-animation-name: l14;
  -o-animation-name: l14;
  -ms-animation-name: l14;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;

}

@keyframes l11 {
  0% {
    height: 0;
    background: #fff;
  }
  100% {
    height: 100%;
    background: #fff;
  }
}
@keyframes l12 {
  0% {
    width: 0;
    background: #fff;
  }
  100% {
    width: 100%;
    background: #fff;
  }
}
@keyframes l13 {
  0% {
    height: 0;
    background: #fff;
  }
  100% {
    height: 100%;
    background: #fff;
  }
}
@keyframes l14 {
  0% {
    width: 0;
    background: #fff;
  }
  100% {
    width: 100%;
    background: #fff;
  }
}
.savoir a {
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    right: 0;
    margin: 0 auto;
    left: 0;
    text-decoration: none;
    -webkit-animation-name: savoir;
    -moz-animation-name: savoir;
    -o-animation-name: savoir;
    -ms-animation-name: savoir;
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    /* width: 100%; */
    /* height: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    opacity: 0.5;
    transition: 0.5s;
}

@keyframes savoir    {
  0% {

    background: transparent;
  }
  100% {

    color: #fff;
  }

}

.num {font-family: Neuropolitical Rg;
    font-size: 50px;
}
.divdomaines {
    display: block;
    margin: 50px auto;
    overflow: hidden;
}
@media screen and (max-width: 1440px) {
.titleBlock {font-size: 42px !important;}
.new {padding-top: 70px !important;}
.sliderProducts {margin: 70px auto !important;}
}
@media screen and (max-width: 1280px) {
.new {height: auto;}
.domaineActv {
    height: auto;
    display: block;
    overflow: hidden;
}
}
@media screen and (max-width: 1024px) {
.titleBlock {font-size: 24px !important;}
}
@media screen and (max-width: 991px) {
.new:before {display: none;}
.new:after {display: none;}
.scroll-downs {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.linkPlus {
    text-align: center;
    padding-right: initial;
}
.sliderProducts {margin: 40px auto !important;}
.domaineActv .titleBlock {text-align: center;}
}