@font-face {
  font-family: "Affogato-Medium";
  src: url('../fonts/Affogato-Medium.otf');
}

@font-face {
  font-family: "Affogato-Black";
  src: url('../fonts/Affogato-Black.otf');
}

@font-face {
  font-family: "Mukta-Light";
  src: url('../fonts/Mukta-Light.ttf');
}

@font-face {
  font-family: "Mukta-Medium";
  src: url('../fonts/Mukta-Medium.ttf');
}

@font-face {
  font-family: "Mukta-Bold";
  src: url('../fonts/Mukta-Bold.ttf');
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?j3t6ee');
  src:  url('../fonts/icomoon.eot?j3t6ee#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?j3t6ee') format('truetype'),
    url('../fonts/icomoon.woff?j3t6ee') format('woff'),
    url('../fonts/icomoon.svg?j3t6ee#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-navdown:before {
  content: "\e900";
  color: #fff;
}
.icon-facebook:before {
  content: "\e901";
  color: #fff;
}
.icon-linkedin:before {
  content: "\e902";
  color: #fff;
}

*, *:before, *:after{box-sizing: inherit; outline: none;}
a, a:hover, a:focus, a:active, a:visited {outline: none;}
html{text-size-adjust: 100%;box-sizing: border-box; overflow-x:hidden;}
body{font-family: 'Mukta-Medium', sans-serif; background-color:#142943;font-size:16px;color: #fff;}
html, body{width:100%; height:100%; margin:0; padding:0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}


*::selection{background:#789db8;color:#f7f7f7;}
*::-moz-selection{background:#789db8;color:#f7f7f7;}
*::-webkit-selection{background:#789db8;color:#f7f7f7;}
*::-khtml-selection{background:#789db8;color:#f7f7f7;}
*::-o-selection{background:#789db8;color:#f7f7f7;}

.clear{*zoom:1;}
.clear:before, .clear:after{display: table; content : "";}
.clear:after{clear : both;}
hr.clear{height: 0; border-top:none; margin:0;}
img {border: none;  max-width: 100%; width: 100%;  height: auto;}


header, main, footer{width: 100%;}

/**************** PRELOADER ****************/

.loader{position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 99999; animation: loader 0.1s 1.5s forwards; overflow: hidden; align-items: center; justify-content: center; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.loader:before{content:''; position: absolute; z-index: 0; top:0; left:0; width: 100%; height: 50%; background: #1c2f4b; animation: loaderTop 0.8s 0.7s forwards;}
.loader:after{content:''; position: absolute; z-index: 0; bottom:0; left:0; width: 100%; height: 50%; background: #1c2f4b; animation: loaderBottom 0.8s 0.7s forwards;}
.loader > img{animation: loaderImg 0.2s 0.5s forwards; opacity: 1; position: absolute; z-index: 2; top:50%; left:50%; transform:translate(-50%,-50%); width: 80%; max-width: 280px;}

.loader.active{animation: loaderClick 0.1s forwards; width: 100%; height: 0;}
.loader.active:before{animation: loaderTopClick 0.8s 0.1s forwards; top:-100%;}
.loader.active:after{animation: loaderBottomClick 0.8s 0.1s forwards; bottom: -100%;}
.loader.active > img{animation:loaderImgClick 0.2s 0.8s forwards; opacity: 0;}

@keyframes loader{
  0%{height: 100%; display: block;}
  99%{height: 100%; display: block; opacity: 1;}
  100%{height: 0; display: none; opacity: 0;}
}

@keyframes loaderImg{
  0%{opacity: 1;}
  100%{opacity: 0;}
}

@keyframes loaderTop{
  0%{top:0;}
  100%{top:-100%;}
}

@keyframes loaderBottom{
  0%{bottom:0;}
  100%{bottom:-100%;}
}

@keyframes loaderClick{
  0%{height: 0%; display: none; opacity: 0;}
  99%{height: 0%; display: block; opacity: 1;}
  100%{height: 100%; display: block; opacity: 1;}
}

@keyframes loaderImgClick{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@keyframes loaderTopClick{
  0%{top:-100%;}
  100%{top:0;}
}

@keyframes loaderBottomClick{
  0%{bottom:-100%;}
  100%{bottom:0;}
}

@media screen and (max-width: 767px) {
  .loader > img{width: 60%; max-width: 180px;}
}

/**************** CONTENT ***************/

.contentPage{padding:4em 0; width: 100%;}
.container{max-width: 1200px;}
.container.xl-container{max-width: 1400px;}
.noDrag, img {-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
.title{font-size: 28px; font-family: "Mukta-Medium"; color:#fff; text-transform: uppercase; letter-spacing: 1px; position: relative; line-height: 1.2; z-index: 2;}
.title:before{content:attr(data-title); color:#193453; text-transform: uppercase; font-family: "Mukta-Bold"; font-size: 80px; line-height: 1; position: absolute; bottom:0; left:0; z-index: -1;}
.title-right{padding-left: 4.5em;}
.text-center{text-align: center;}
.paragraphe{font-size: 16px; color:#fff; line-height: 1.3; margin-top: 1em;}
.paragraphe strong{font-family: "Mukta-Bold";}
.big-p{font-size: 20px; font-family: "Mukta-Medium";}
.at-mail:before{content:'@'; font-style: normal;}
.deZoomBg{animation: deZoomBg 15s 0.8s forwards; transform: scale(1.4); animation-timing-function: cubic-bezier(.42,.64,.61,1); position: absolute; top:0; left:0; z-index: -1; width:100%; height: 100%; background: no-repeat center; -webkit-background-size: cover; background-size: cover;}
.banner{width: 100%; position: relative; height: 620px; overflow: hidden;}
.linesHover{position: relative;}
.linesHover span:nth-of-type(1):before{transition:0.5s; content:''; height: 1px; width: 0; top:-1px; left:-1px; background: #789db8; position: absolute;}
.linesHover span:nth-of-type(1):after{transition:0.5s; content:''; height: 0; width: 1px; top:-1px; left:-1px; background: #789db8; position: absolute;}
.linesHover span:nth-of-type(2):before{transition:0.5s; content:''; height: 1px; width: 0; bottom:-1px; right:-1px; background: #789db8; position: absolute;}
.linesHover span:nth-of-type(2):after{transition:0.5s; content:''; height: 0; width: 1px; bottom:-1px; right:-1px; background: #789db8; position: absolute;}
.linesHover:hover span:nth-of-type(1):before{height: 1px; width: calc(100% + 2px);}
.linesHover:hover span:nth-of-type(1):after{height: calc(100% + 2px); width: 1px;}
.linesHover:hover span:nth-of-type(2):before{height: 1px; width: calc(100% + 2px);}
.linesHover:hover span:nth-of-type(2):after{height: calc(100% + 2px); width: 1px;}
.linesHover.linesWhite span:nth-of-type(1):before, .linesHover.linesWhite span:nth-of-type(1):after, .linesHover.linesWhite span:nth-of-type(2):before, .linesHover.linesWhite span:nth-of-type(2):after{background: #fff;}

.d-991-none{display: inline-block;}


@keyframes deZoomBg{
  0%{transform: scale(1.4);}
  100%{transform: scale(1);}
}

@media screen and (max-width: 1599px) {
  .banner{height: 540px;}
}

@media screen and (max-width: 1299px) {
  .banner{height: 500px;}
}

@media screen and (max-width: 1199px) {
  .title:before{font-size: 50px; bottom:12px;}
  .big-p{font-size: 18px;}
}

@media screen and (max-width: 991px) {
  .banner{height: 420px;}
  .title{font-size: 26px;}
  .title:before{font-size:36px; bottom:16px;}
  .big-p{font-size: 17px;}
  .title-right{padding-left: 0.5em;}
  .d-991-none{display: none;}
}

@media screen and (max-width: 767px) {
  .banner{height: 350px;}
  .title{font-size: 22px;}
  .title:before{font-size: 34px;}
  .paragraphe{font-size: 15px;}
  .big-p{font-size: 16px;}
}

@media screen and (max-width: 575px) {
  .banner{height: 280px;}
  .title:before{font-size: 30px;}
}

/**************** HEADER ****************/

header{position: fixed; width: 100%; padding:20px 0; top:0; left:0; z-index:99; transition:1s; background: transparent; justify-content: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.fixed-header header{background: #142943; background:rgba(20,41,67,0.9);}
nav{height: 100%;}
nav ul{align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
nav ul li{display: inline-block; position: relative; font-size: 15px; padding:0 24px; text-transform: uppercase; letter-spacing: 1px; transition: 1s;}
.fixed-header nav ul li{padding:0 18px;}
nav ul li a{position: relative; color:#fff; padding:12px 4px; display: block; overflow: hidden; transition: 0.5s;}
nav ul li a:hover{text-shadow: 0 0 6px rgba(0,0,0,0.5);}
nav ul li a:before{content:''; opacity: 0; position: absolute; top:0; left:100%; transform: translateX(0); transition:2s; transition-timing-function:cubic-bezier(.08,.74,.44,.99); height: 8px; width: 280px; background: url('../img/wave.svg') repeat-x;}
nav ul li a:hover:before{left:50%; transform: translateX(-50%); opacity: 1;}
nav ul li a:after{content:''; opacity: 0; position: absolute; top:calc(100% - 10px); left:100%; transform: translateX(0); transition:2s; transition-timing-function:cubic-bezier(.08,.74,.44,.99); height: 8px; width: 280px; background: url('../img/wave.svg') repeat-x;}
nav ul li a:hover:after{left:50%; transform: translateX(-50%); opacity: 1;}
/*nav ul li a:after{content:''; position: absolute; bottom:0; left:0; width: 100%; height: 2px; background: #789eb8; transform: translateX(-101%); transition:0.8s;}
nav ul li a:hover:after{transform: translateX(0);}*/
nav ul li a i{font-size: 6px; position: relative; top:-2px; padding-left: 2px; display: inline-block; transition: 0.2s;}
nav img{width:100px; transition:1s;}
.fixed-header nav img{width:70px;}
nav .blog{text-transform: none; font-family: 'Mukta-Light'; opacity: 0.8;}
nav #logo{padding:0 4px;}
nav #logo:before, nav #logo:after{display: none;}
.lang{position: absolute; top:50%; transform: translateY(-50%); right:60px;}
.lang li, .fixed-header .lang li{text-transform: none; padding:0 4px; position: relative; font-size: 14px;}
.lang li:after{content:'/'; color:#fff; position: absolute; top:0; right: 0; transform: translate(50%, 50%);}
.lang li:last-child:after{display: none;}

[data-navDown].active i{transform: rotate(180deg) translate(-1px, -1px);}
nav ul li ul{display: none; position: absolute; top:110%; left:0.5em; background:rgba(20,41,67,0.9); padding:0.5em 0;  width: 300px; flex-direction: column;}
.fixed-header nav ul li ul{top:88px; left:0;}
nav ul li ul li, .fixed-header nav ul li ul li{padding:0.5em 1em 0 1em; width: 100%;}
nav ul li ul li a:before/*, nav ul li ul li a:after*/{display: none;}
nav ul li ul li a{padding:0.5em; display: inline-block;}
nav ul li ul li a:hover{/*background: #789db8; padding-left: 2em;*/}

#navBtn{display: none;}

@media screen and (max-width: 1299px) {
  nav ul li{padding:0 18px;}
  .fixed-header nav ul li{padding:0 14px;}
  nav img{width:90px;}
  .fixed-header nav img{width:66px;}
  .lang{right: 30px;}
}

@media screen and (max-width: 1159px) {
  header{justify-content: flex-start; padding-left: 20px;}
}


/*mobile*/
@media screen and (max-width: 1059px) {
  header{justify-content: flex-end; align-items: center; padding-left: 20px; height: 140px;}
  nav .logo-header{position: fixed; top:20px; left:40px; z-index: 9999;}
  nav .logo-header img{width: auto; height: 100px;}
  .fixed-header header{padding-left: 20px; height: 120px;}
  .fixed-header nav .logo-header{top:20px; left:0;}
  .fixed-header nav .logo-header img{height: 80px;}
  nav{position: fixed; width: 100%; height: 0%; background: #142943; top:0; left:0; transition: 0.8s; overflow: hidden;}
  nav.active{height: 100%;}
  nav ul.nav-menu{padding-top: 100px; width: 100%; height: 80%; top:0; left:0;align-items: center; flex-direction: column; justify-content: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
  nav ul.lang{width: 100%; height: 20%; position: absolute; top:initial; bottom:0; right:0; transform: none; align-items: center; justify-content: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
  nav ul li:not(.logo-header){font-size: 24px; opacity: 0; transition: 0.2s; transform: translateY(3em);}
  nav ul li a i{top:-4px; color:#fff;}
  nav ul li a i:before{transition: 0.5s;}
  nav ul li a:hover, nav ul li a:hover i:before{color:#789db8; letter-spacing: 3px;}
  .lang{transform: none; top:0; right: 0;}
  .lang li, .fixed-header .lang li{font-size: 20px;}
  .lang li:after{top:-4px;}
  nav ul li a:before, nav ul li a:after{display: none;}
  nav.active ul li{opacity: 1; transform: translateY(0); display: block; text-align: center;}
  nav.active ul.nav-menu li:nth-of-type(1){transition:1s 0.4s;}
  nav.active ul.nav-menu li:nth-of-type(2){transition:1s 0.5s;}
  nav.active ul.nav-menu li:nth-of-type(3){transition:1s 0.6s;}
  nav.active ul.nav-menu li:nth-of-type(5){transition:1s 0.7s;}
  nav.active ul.nav-menu li:nth-of-type(6){transition:1s 0.8s;}
  nav.active ul.nav-menu li:nth-of-type(7){transition:1s 0.9s;}
  nav.active ul.lang li{transition:1s 1.1s;}
  nav ul.lang li{font-size: 20px;}
  #navBtn{position: relative; transition:0.8s; display: block; text-transform: uppercase; margin-right: 60px; color:#fff; letter-spacing: 2px; padding:8px 16px 8px 46px; border:1px solid #fff; z-index: 99;}
  #navBtn i{position: absolute; left:16px; width: 20px; height: 1px; background: #fff; transition: 0.5s; opacity: 1;}
  #navBtn i:nth-of-type(1){top:16px;}
  #navBtn i:nth-of-type(2){top:20px;}
  #navBtn i:nth-of-type(3){top:24px;}
  #navBtn span{position: absolute; display: block; width: 100%; height: 100%; top:0; left:0;}
  #navBtn:hover i:nth-of-type(1){transform: translate(0,-2px) rotate(0deg);}
  #navBtn:hover i:nth-of-type(2){transform: translate(0,0) rotate(0deg);}
  #navBtn:hover i:nth-of-type(3){transform: translate(0,2px) rotate(0deg);}
  #navBtn.active i:nth-of-type(1){transform: translate(0,-2px) rotate(45deg); top:22px;}
  #navBtn.active i:nth-of-type(2){transform: translate(-20px,0) rotate(0deg); opacity: 0;}
  #navBtn.active i:nth-of-type(3){transform: translate(0,2px) rotate(-45deg); top:18px;}
  .fixed-header #navBtn{margin-right: 20px;}
  /*subnav*/
  [data-navDown].active{border:1px solid #789db8;}
  nav ul li ul.subNav, .fixed-header nav ul li ul.subNav{display: none; position: relative; top:0; left:0; background:#789db8; padding:0.35em 0; max-width: 320px; flex-direction: column;}
  nav ul li ul.subNav li a{font-size: 16px; width: 100%;}
  nav ul li ul.subNav li a:hover{letter-spacing: 1px; padding-left:0; padding-right: 0; color:#142943; background: #fff; background:rgba(255,255,255,0.5); text-shadow: none;}
}

@media screen and (max-width: 767px) {
  header{height: 100px;}
  nav .logo-header{top:10px; left:40px;}
  nav .logo-header img{height: 80px;}
  .fixed-header header{height: 80px;}
  .fixed-header nav .logo-header{top:10px; left:0;}
  .fixed-header nav .logo-header img{height: 60px;}
  nav ul li:not(.logo-header){font-size: 20px; padding:0;}
  .lang li, .fixed-header .lang li, nav ul:last-child li{font-size: 16px; padding: 0 6px;}
  .lang li:after{top:-9px;}
  nav ul li a{padding:4px;}
  nav ul li ul.subNav li a{font-size: 15px; padding:4px 0;}
}

@media screen and (max-width: 575px) {
  nav .logo-header{left:0px;}
  #navBtn{margin-right: 20px;}
  nav ul.nav-menu, nav ul.lang{transition: 0.5s;}
  nav ul.nav-menu.active{height: 90%;}
  nav ul.lang.active{height: 10%;}
}

@media screen and (max-height: 420px) {
  nav ul li a{padding:1px; font-size: 16px;}
  nav ul.nav-menu{padding-top: 0; width: 100%; height: 90%; justify-content: flex-end;}
  nav ul.lang{width: 100%; height: 10%;}
  .lang li, .fixed-header .lang li, nav ul:last-child li{font-size: 14px; padding: 0 6px;}
  .lang li:after{top:-8px;}
  nav ul.nav-menu .subNav a{font-size:14px; padding: 2px 0;}
  nav ul.nav-menu.active{height: 100%;}
  nav ul.lang.active{height: 0%; bottom: -100%;}
}

/**************** HOME ****************/

.home{width: 100%; height: 100%; position: relative; overflow: hidden; justify-content: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.home h1{font-family: 'Affogato-Medium'; letter-spacing: 3px; text-align: center; padding:0 1.5em; color:#fff; font-size: 28px; text-shadow: 0 0 6px rgba(0,0,0,0.4);}
.home h1 strong{font-family: 'Affogato-Black'; text-transform: uppercase;}
.home h1 span{display: inline-block; overflow: hidden; height: 34px; padding-top: 36px; animation: showText 0.6s forwards; animation-delay: 1s;}
.home h1 span:nth-of-type(2){animation-delay: 1.1s;}
.home h1 span:nth-of-type(3){animation-delay: 1.2s;}

@keyframes showText{
  0%{padding-top: 36px; transform: translateY(20px);}
  100%{padding-top: 0; transform: translateY(0);}
}

@media screen and (max-width: 767px) {
  .home h1{font-size:22px;}
}

@media screen and (max-width: 575px) {
  .home h1{font-size:17px; letter-spacing: 0; padding:0 1em; }
  .home h1 span{height: 22px;}
}

/**************** PAGES ****************/

.content-img-text img{margin-bottom:1em;}
.small-img{overflow: hidden;}
.small-img img{margin-top: -2em;}
.small-img-top > .col-12:nth-of-type(5){margin-top: -2em;}
.small-img-top > .col-12:nth-of-type(8){margin-top: -4em;}
.small-img-top > .col-12:nth-of-type(11){margin-top: -6em;}
.small-img-top > .col-12:nth-of-type(14){margin-top: -8em;}

.textImg{position: relative; padding:5em 7em; justify-content: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.textImg .title:before{left:-1.4em;}
.textZone{padding-right: 6em; padding-left: 4em; max-width: 480px; width: 100%;}
.imgZone{max-width: 580px; width: 100%;}

.textImg2{position: relative; padding:2em 0em; justify-content: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.textZone2{padding-right: 3em; max-width: 700px; width: 100%;}
.imgZone2{max-width: 570px; width: 100%;}
.textZone2 p.paragraphe{font-family: 'Mukta-Light';}

.prestations-items{position: relative; padding:5em 4em;}
.prestations-items .row > div{padding:1em;}
.prestations-content{background: #20426a; padding:5em 1em 2em 1em; height: 100%; position: relative;}
.prestations-content p:nth-of-type(1){font-size: 26px; text-transform: uppercase; padding-right: 3em; line-height: 1;}
.prestations-content img{position: absolute; top:1.5em; right: 1.5em; width:50px;}

.prestations-contact{padding:3em 1em; text-align: center; justify-content: center; align-items: center; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.prestations-contact p{font-family: "Mukta-Light"; font-size:22px; line-height: 1.3;}
.prestations-contact p strong{font-family: "Mukta-Bold";}
.prestations-contact a{position: relative; transition: 1s; display: block; color:#fff; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; margin-top: 1.5em; border:1px solid #fff; line-height: 1; padding:0.6em 2.2em 0.5em 2.2em;}
.prestations-contact a:hover{background:#102238;}

.savoirFairePage .title{margin-top: 3em;}
.savoir-faire-items{position: relative; padding:5em 4em;}
.savoir-faire-items .row > div{padding:2em;}
.savoir-faire-content{background: transparent; border:1px solid #799eb8; padding:2em 1em 1.5em 3em; height: 100%; position: relative;}
.savoir-faire-content p:nth-of-type(1){font-size: 26px; text-transform: uppercase; padding-right: 3em; line-height: 1;}
.savoir-faire-content img{position: absolute; top:1.5em; left: 0; transform: translateX(-50%); width:50px; padding: 20px 0; background: #142943;}

.fonctionnement-content{padding:4em 0 5em 0;}
.fonctionnement{margin-top: 2em;}
.fonctionnement div{padding:0 3em; margin-top:-3em;}
.fonctionnement div div{position: relative; padding:2em 1em; background: #fff; min-height: 210px;}
.fonctionnement div div p:first-of-type{color:#142943; font-family: "Mukta-Bold";}
.fonctionnement div div span{position: absolute; top:0; right: 10px; text-shadow: 0 0 10px rgba(255,255,255,0.8); transform: translateY(-50%); color:#142943; font-size: 66px; font-family: "Mukta-Bold";}
.fonctionnement div div p.paragraphe{color:#142943; font-family: "Mukta-Light";}

.slider-avis p.big-p{text-transform: uppercase; margin-bottom: 0;}

.slider-avis{width: 100%; max-width: 1200px; margin:0 auto; position: relative; padding:5em 0 4em 0; overflow: hidden;}
.swiper-slide{display:flex;align-items:center;overflow:hidden;flex:1 0 auto; height:100%; filter:blur(2px); transition: 1s 0.5s;}
.swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;}
.swiper-slide-avis{position: relative; height: 100%; padding-bottom: 3em;}
.swiper-slide-avis .swiper-slide{-webkit-background-size: cover; background-size: cover; position: relative;}
.swiper-slide-avis .swiper-slide .container{text-align: center;}
.swiper-slide-avis .swiper-slide .container div{background: #fff; color:#999; font-family:"Mukta-Light"; padding:3.5em 4.5em 4em 4.5em; position: relative; margin-bottom: 2em;}
.swiper-slide-avis .swiper-slide .container div:before{content:""; width: 0; height: 0; transition: 0.3s 1s; transform:translate(-50%, 0%); border-style: solid; border-width: 20px 20px 0 20px; border-color: #ffffff transparent transparent transparent; position: absolute; bottom:0; left:50%;}
.swiper-slide-avis .swiper-slide-active .container div:before{transform:translate(-50%, 100%);}
.navigation-slider{padding:0 4em; position: absolute; bottom:0; right:0;}
.swiper-slide-avis-pagination{position: absolute; bottom:0; right:2em; z-index: 2;}
.swiper-slide-avis-pagination .swiper-pagination-bullet{display: block; cursor: pointer; position: relative; width: 8px; height: 8px; border-radius: 50%; opacity: 1; display: inline-block; margin:0 0.5em; background: #fff; transition:0.5s;}
.swiper-slide-avis-pagination .swiper-pagination-bullet:before{content:''; transition:0.5s; opacity:0; position: absolute; top:-3px; left:-3px; width: 14px; height: 14px; border:1px solid #fff; border-radius: 50%;}
.swiper-slide-avis-pagination .swiper-pagination-bullet-active:before{opacity: 1;}
.swiper-slide-avis-pagination .swiper-pagination-bullet:hover{background: #789eb8;}
.swiper-slide-active{filter:blur(0);}

.rules{background: #20426a; padding:1em 1em 5em 1em; margin-top: 5em; text-align: center;}
.rules img{ max-width: 80px;}
.rules .col-12{padding-bottom: 4.5em; padding-top: 4em; position: relative; align-items: center; justify-content: flex-end; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.rules .col-12 p{position: absolute; bottom:0; left:50%; transform: translateX(-50%); font-size: 24px; text-transform: uppercase; font-family: "Mukta-Bold"; display: block; width: 100%;}
.rules .paragraphe{margin-top: 4em; font-size: 20px; font-family: "Mukta-Light";}

.sectionImgText{padding:4em 3em;}

.valeurs{background: #193453; padding:5em 0;}
.valeurs .row{padding: 2em 4em;}
.valeurs .row > div{padding: 1em 0;}
.valeurs .row p{font-family: "Mukta-Bold"; font-size: 24px; text-transform: uppercase; letter-spacing: 1px; margin-top: 1em;}
.valeurs img{width: 90px;}
.valeurs p.text-center{padding:0 6em; font-size: 18px;}

.atout{padding:10em 0 6em 0;}
.atout h2{padding-left: 5em;}
.atout .row{margin-top: 3em;}
.atout .team{position: relative; z-index: 2; margin:2em 0;}
.atout .team:before{content:''; border:1px solid #789eb8; transition:0.5s 0.2s; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: -1;}
.atout .team:after{content:''; background: #142943; opacity: 0; transition:0.5s 0.2s; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 3;}
.atout .team-info{position: absolute; top:55%; left:50%; transform: translate(-50%, -50%); transition:0.5s; opacity: 0; text-align: center; letter-spacing: 0.5px; z-index: 4;}
.atout .team-info h3{font-size: 30px; line-height: 1; font-family: "Mukta-Bold";}
.atout .team-info h3 span{text-transform: uppercase;}
.atout .team-info p{padding: 1.8em 0; font-family: "Mukta-Light"; font-size: 18px;}
.atout .team-info a{font-size: 44px; display: inline-block; transition: 0.2s;}
.atout .team-info a:hover{transform: scale(1.2);}
.atout .team:hover:before{transform: translate(1em, 1em); transition:0.5s;}
.atout .team:hover:after{opacity:0.5; transition:0.5s;}
.atout .team:hover .team-info{opacity:1; top:50%; transition:0.5s 0.2s;}
.atout .col-12:first-of-type .team{margin-right: 2em;}
.atout .col-12:last-of-type .team{margin-left: 2em;}
.atout .team-info a.linesHover{transition:background 0.3s 0s, transform 0.5s; display: block; position: relative; margin-top: 2em; color:#fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; padding:0.5em 1em;}
.atout .linesHover span:nth-of-type(1):before, .atout .linesHover span:nth-of-type(1):after, .atout .linesHover span:nth-of-type(2):before, .atout .linesHover span:nth-of-type(2):after{background: #fff;}
.atout .team-info a.linesHover:hover{background: rgba(0,0,0,0.2); transition:background 0.5s 0.3s, transform 0.5s;}

.slider-team-bg{background: #193453;}
.slider-team{width: 100%; max-width: 1200px; margin:0 auto; /*height: 600px;*/ position: relative; padding:5em 0 4em 0; overflow: hidden;}
.swiper-slide{display:flex;align-items:center;overflow:hidden;flex:1 0 auto; height:100%; filter:blur(2px); transition: 1s 0.5s;}
.swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;}
.swiper-slide-team{position: relative; height: 100%; padding-bottom: 3em;}
.swiper-slide-team .swiper-slide{-webkit-background-size: cover; background-size: cover; position: relative;}
.navigation-slider{padding:0 4em; position: absolute; bottom:0; right:0;}
.swiper-slide-team-pagination{position: absolute; bottom:0; right:2em; z-index: 2;}
.swiper-slide-team-pagination .swiper-pagination-bullet{display: block; cursor: pointer; position: relative; width: 8px; height: 8px; border-radius: 50%; opacity: 1; display: inline-block; margin:0 0.5em; background: #fff; transition:0.5s;}
.swiper-slide-team-pagination .swiper-pagination-bullet:before{content:''; transition:0.5s; opacity:0; position: absolute; top:-3px; left:-3px; width: 14px; height: 14px; border:1px solid #fff; border-radius: 50%;}
.swiper-slide-team-pagination .swiper-pagination-bullet-active:before{opacity: 1;}
.swiper-slide-team-pagination .swiper-pagination-bullet:hover{background: #789eb8;}
.team-presentation{position: relative; padding-left: 200px;}
.team-presentation img{width: 160px; position: absolute; top:0; left:0; border-radius: 50%; transform: translateY(100px); transition: 1.5s;}
.swiper-slide-active{filter:blur(0);}
.swiper-slide-active .team-presentation img{transform: translateY(0);}

.partners{padding:5em 0 3em 0; text-align: center;}
.logos-partners{margin-top: 5em; justify-content: center; flex-wrap: wrap; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.logos-partners div{border:1px solid #ccc; align-items: center; justify-content: center; padding:2em; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.logos-partners div img{max-width: 150px;}

.contactPage{padding:5em 0;}
.contactPage .title{padding-left: 4.5em;}
.contactPage h1{margin-bottom: 4em;}
.infos-contact{margin-top: 2em;}
.infos-contact p{position: relative; padding-left: 34px; font-size: 20px; line-height: 1.2;}
.infos-contact p img{position: absolute; top:2px; left:0; width: 16px;}
.infos-contact p:nth-of-type(2) img{width: 22px; left:-3px; top:3px;}
.infos-contact p a, .infos-contact p span{color:#fff; cursor:pointer; transition: 0.3s;}
.infos-contact p a:hover, .infos-contact p span:hover{color:#789eb8;}
.contactPage form{margin-top: .3em;}
.contactPage form label, .contactPage form input, .contactPage form textarea{width: 100%; color:#fff;}
.contactPage form label{transform: translateY(24px); margin-top: 1.5em; display: inline-block; font-size: 18px; transition:0.3s;}
.contactPage form input, .contactPage form textarea{font-size: 15px; background: transparent; border:none; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding:4px 6px 4px 0;}
.contactPage form textarea{height: 140px;}
.data-champ.active label{transform: translateY(0);}
.contactPage form input[type="submit"]{transition: 0.8s; width: auto; position: relative; margin-top: 2em; background: transparent; color:#fff; font-size: 20px; display: block; letter-spacing: 1px; padding:0.5em 2.5em; border:1px solid #fff; font-family: "Mukta-Bold";}
.contactPage form input[type="submit"]:hover{background:#789eb8;}

.materiaux{padding-top: 3em;}
.materiaux h2{margin-bottom: 2.5em;}
.materiaux > p{font-family: "Mukta-Light";}
.materiaux .row{margin:5em 0;}
.materiaux img{margin-bottom: 2em;}
.accordion {width: 100%;}
.accordion-header{position: relative; color: #fff; margin-top: 1.2em; cursor: pointer; padding: 6px 10px; font-size: 1.1em; transition: 0.3s;}
.accordion-header:nth-of-type(1){margin-top: 0;}
.accordion-header:hover, .active.accordion-header:hover{background:#789eb8;}
.accordion-header:before{content: '+'; position: absolute; top:8px; right: 14px; transition: transform 0.8s;}
.accordion-header:hover:before{transform: rotate(180deg);}
.accordion-content{display: none; border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 2em; padding: 1em 10px; color: #fff;}
.active.accordion-header{background: #10233a;}
.active.accordion-header:before {content:'-'; right: 17px;}

.piscine-focus{padding-top: 3em;}
.piscine-focus h2{margin-bottom: 2.5em;}
.piscine-focus div.col-12{padding:0;}
.content-img-carre{height: 450px; padding:1.5em;}
.content-img-hori{height: 450px; padding:1.5em;}
.content-img-verti{height: 900px; padding:1.5em;}
.focus-img{width: 100%; height: 100%; background: center center; -webkit-background-size: cover; background-size: cover; position: relative; overflow: hidden;}
.focus-img:before{content: ''; position: absolute; width: 100%; height: 100%; top:0; left:0; background: #fff; opacity: 0.8; z-index: 1; transition:0.3s; top:100%;}
.plus{position: absolute; top:0; right:0; width: auto; transform: translate(50%, -50%) scale(0.7) rotate(90deg); transition:0.5s; cursor: pointer; z-index: 2;}
.focus-img:hover .plus{transform: translate(50%, -50%) scale(0.7) rotate(0deg);}
.focus-img > div{position: absolute; bottom:0; transform: translateY(100%); left:0; padding:2em; z-index: 2; transition: 0.6s;}
.focus-img > div p{color:#142943; line-height: 1.3; font-size: 18px;}
.focus-img > div p:nth-of-type(1){font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.8em; font-size: 20px;}
.focus-img:hover:before{top:0;}
.focus-img:hover > div{transform: translateY(0%);}

.slider-spa{background: #193453; width: 100%; margin:5em auto 10em auto; position: relative; overflow: hidden;}
.swiper-slide{display:flex;align-items:center;overflow:hidden;flex:1 0 auto; height:100%; filter:blur(2px); transition: 1s 0.5s;}
.swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;}
.swiper-slide-spa{position: relative; height: 100%;}
.swiper-slide-spa .swiper-slide .container{padding: 0; max-width: 1500px; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.swiper-slide-spa .swiper-slide .container div{min-height: 480px; padding: 0 1em 3.5em 1em; align-items: center; justify-content: center; flex-direction: column; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.swiper-slide-spa .swiper-slide .container > div:nth-of-type(1){width: 50%; background: center; -webkit-background-size: cover; background-size: cover;}
.swiper-slide-spa .swiper-slide .container > div:nth-of-type(2){width: 46%; padding:0 3em;}
.swiper-slide-spa .swiper-slide .container p:nth-of-type(1){font-size: 18px; text-transform: uppercase; font-family: 'Mukta-Bold'; margin-bottom: 2em; text-align: center;}
.swiper-slide-spa .swiper-slide .container p{font-family: 'Mukta-Light';}
.swiper-slide-active{filter:blur(0);}
.swiper-slide-spa .swiper-slide-avis-pagination{bottom: 1em;}
.bg-mask{position: relative; overflow: hidden;}
.bg-mask:after{content:''; width: 50px; height: 100%; position: absolute; top:0; right: 0; background: #193453; transform: translateX(50%) skewX(-5deg);}

.sauna-hammam{background: #193453; margin-top: 3em;}
.sauna-hammam .col-12{padding: 0;}
.col-12.sauna-hammam-text{padding:1em; justify-content: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.sauna-hammam-text > div{max-width: 500px;}
.sauna-hammam-text .big-p{font-family: 'Mukta-Bold';}
.sauna-hammam-text p{font-family: 'Mukta-Light';}

.progress-bar-content{padding: 0.2em 0 1.5em 0;}
.progress-bar{position: relative; width: 100%; margin:0.8em 0;}
.text-bar{color:#fff; font-size: 16px; font-family: 'Mukta-Light'; width: 100%; padding-right: 60px; margin-bottom: 4px; line-height: 1;}
.percent{position: absolute; top:0; right: 0; line-height: 1;}
.progress-bar span{display: block; width: 100%; height: 14px; position: relative; background: #fff; overflow: hidden;}
.progress-bar span i{height: 100%; background: #789eb8; display: block;}
.percent-10{width: 10%}
.percent-20{width: 20%}
.percent-30{width: 30%}
.percent-40{width: 40%}
.percent-50{width: 50%}
.percent-60{width: 60%}
.percent-70{width: 70%}
.percent-80{width: 80%}
.percent-90{width: 90%}
.percent-100{width: 100%}

.portfolio-min{margin-top: 2em;}
.portfolio-min article{margin-top: 2em;}
.portfolio-min article div{position: relative; height: 340px; overflow: hidden; background: center no-repeat; -webkit-background-size: cover; background-size: cover;}
.portfolio-min article div:before{content:''; background: #102238; position: absolute; top:0; left:0; width: 100%; height: 100%; opacity: 0.9; transform:translateY(100%); transition:0.4s;}
.portfolio-min article div:hover:before{transform: translateY(0);}
.portfolio-min article p{position: absolute; bottom:0; left:0; font-size: 22px; padding:1em; font-family: 'Mukta-Bold'; transition:0.3s; transform: translateY(100%);}
.portfolio-min article div:hover p{transform: translateY(0); transition:0.6s;}
.portfolio-min article p span{font-size: 14px; font-family: 'Mukta-Light';}
.portfolio-min article p a, .portfolio-detail a, .blog-detail a{font-size: 14px; text-transform: uppercase; letter-spacing: 1px; transition: 0.5s; color:#fff; padding:0.5em 1.2em; font-family: 'Mukta-Light'; border:1px solid #fff; margin-top: 1em; display: inline-block;}
.portfolio-min article p a:hover, .portfolio-detail a:hover, .blog-detail a:hover{background: #102238;}

.portfolio-detail, .blog-detail-mt{margin-top: 11em;}
.portfolio-detail a{margin-top: 5em;}
.portfolio-detail h1{margin-bottom: 1.6em; margin-top: 0 !important;}
.portfolio-detail p.cat{font-size: 14px; font-family: 'Mukta-Light'; margin-bottom: 0;}
.portfolio-detail p{margin-bottom: 2em;}
[data-grid]{margin:3em 1em; position: relative;}
[data-grid] > *{position:absolute;transition:transform .5s;transform:scale(0);}
[data-grid] > *.show{position:absolute;transform:scale(1);}

.blog article{width: 100%; padding:1.5em 1.5em 3em 1.5em; background: #f5f5f5; margin-top: 4em;}
.blog article [data-background]{box-shadow: 0 0 8px 2px rgba(0,0,0,0.2); margin-bottom: 3em; width: 100%; height: 380px; background: center no-repeat; -webkit-background-size: cover; background-size: cover;}
.content-blog{padding:0 4em;}
.blog article h2{color:#193453; font-family: 'Mukta-Bold'; font-size: 24px;}
.blog article p{color:#333; font-family: 'Mukta-Light';}
.blog article a{font-size: 14px; text-transform: uppercase; letter-spacing: 1px; transition: 0.5s; color:#102238; padding:0.5em 1.2em; font-family: 'Mukta-Light'; border:1px solid #102238; margin-top: 1em; display: inline-block;}
.blog article a:hover{background: #193453; color:#fff;}
.date{letter-spacing: 1px; text-transform: uppercase; font-size: 14px; margin-bottom: 2.5em;}
.date img{width: 17px; margin-right: 6px; position: relative; top:-3px;}
.blog-detail img{margin:2em 0 3em 0;}
.blog-detail .paragraphe{font-family: 'Mukta-Light'; line-height: 1.5; margin-bottom: 2em;}
.blog-detail .paragraphe strong, .blog-detail .paragraphe b{font-family: 'Mukta-Bold';}

@media screen and (max-width: 1199px) {
  .textImg{padding:4em 3em;}
  .textImg .title:before{left:-0.95em;}
  .fonctionnement div{padding:0 2.5em; margin-top:-2.5em;}
  .savoir-faire-content p:nth-of-type(1){font-size: 22px;}
}

@media screen and (max-width: 1060px) {
  .portfolio-detail, .blog-detail-mt{margin-top: 7em;}
}

@media screen and (max-width: 991px) {
  .textZone{padding-right:2em; padding-left:0;}
  .sectionImgText{padding:2em 1em;}
  .atout .col-12:first-of-type .team{margin-right: 0;}
  .atout .col-12:last-of-type .team{margin-left: 0;}
  .team-presentation{position: relative; padding-left: 0; text-align: center;}
  .team-presentation img{width: 160px; position: relative; margin-bottom: 1em;}
  .swiper-slide-team-pagination{right: 50%; transform: translateX(50%);}
  .contactPage .title{padding-left: .5em;}
  .swiper-slide-avis .swiper-slide .container div{padding:2.5em 1em 3em 1em;}
  .content-img-verti{height: 450px;}
  .swiper-slide-spa .swiper-slide .container div{min-height: 450px; padding: 0 1em 3em 1em; align-items: center; justify-content: flex-start; flex-direction: column;}
  .swiper-slide-spa .swiper-slide .container > div:nth-of-type(1){width: 54%;}
  .swiper-slide-spa .swiper-slide .container > div:nth-of-type(2){width: 46%; padding:0 1.5em; padding-top:2em;}
  .small-img img{margin-top: 0;}
  .small-img-top > .col-12:nth-of-type(5), .small-img-top > .col-12:nth-of-type(8), .small-img-top > .col-12:nth-of-type(11), .small-img-top > .col-12:nth-of-type(14){margin-top: 0;}
}

@media screen and (max-device-width:991px){
  .atout .team-info{position: relative; top:0; left:0; padding:1em; transform: none; opacity: 1; width: 100%; background: #789eb8;}
  .atout .team-info h3{font-size: 20px;}
  .atout .team-info h3 br{display: none;}
  .atout .team-info p{padding: 0.2em 0; font-size: 16px;}
  .atout .team-info a{font-size: 26px;}
}

@media screen and (max-width: 767px) {
  .textImg{flex-direction: column; align-items: center; padding:2em 1em;}
  .textZone{margin-bottom: 2em; max-width: 100%; padding-right: 0;}
  .prestations-items{position: relative; padding:3em 0;}
  .savoir-faire-items{position: relative; padding:3em 4em;}
  .textImg .title:before{left:-0.5em;}
  .sectionImgText{padding:2em 0;}
  .sectionImgText > div{margin-top: 1em; padding:0;}
  .prestations-contact p{font-size:18px;}
  .valeurs .row{padding: 2em 0;}
  .valeurs p.text-center{padding:0 2em; font-size: 17px;}
  .atout .row{margin-top: 1em;}
  .atout{padding:7em 0 0 0;}
  .swiper-slide-spa .swiper-slide .container p:nth-of-type(1){font-size: 16px;margin-bottom: 0.8em;}
  .swiper-slide-spa .swiper-slide .container > div:nth-of-type(1){width: 53%;}
  .swiper-slide-spa .swiper-slide .container > div:nth-of-type(2){width: 47%; padding:0 1.2em; padding-top:1.5em;}
  .portfolio-detail p.cat{margin-top: 2em}
  .portfolio-detail, .blog-detail-mt{margin-top: 5em;}

  .sauna-hammam{background: #193453; padding:2em 0 4em 0;}
  .col-12 img{margin-bottom: 2em;}
}

@media screen and (max-width: 575px) {
  .avis{padding:2em 0 1em 0;}
  .prestations-contact{padding:3em 1em;}
  .prestations-contact p{font-size:16px;}
  .valeurs p.text-center{padding:0 1em; font-size: 16px;}
  .valeurs .row p{font-size: 20px;}
  .logos-partners div{padding:1.2em;}
  .logos-partners div img{max-width: 96px;}
  .contactPage{padding:1em 0;}
  .contactPage form button{width:100%; text-align: center;}
  .infos-contact p{position: relative; padding-left: 34px; font-size: 17px;}
  .fonctionnement div{padding:0 1.5em; margin-top:-2.5em;}
  .savoir-faire-items{position: relative; padding:2em 0em;}
  .savoir-faire-content p:nth-of-type(1){font-size: 20px;}
  .fonctionnement-content{padding:2em 0 5em 0;}
  .materiaux, .piscine-focus{padding-top: 1em;}
  .accordion-header{font-size: 1em;}
  .accordion-header:before{top:5px;}
  .content-img-carre{height: 370px; padding:1em;}
  .content-img-hori{height: 370px; padding:1em;}
  .content-img-verti{height: 370px; padding:1em;}
  .focus-img > div p{line-height: 1.2; font-size: 17px;}
  .swiper-slide-spa .swiper-slide .container{flex-direction: column;}
  .swiper-slide-spa .swiper-slide .container p:nth-of-type(1){font-size: 16px;margin-bottom: 0.8em;}
  .swiper-slide-spa .swiper-slide .container > div:nth-of-type(1){width: 100%; min-height:240px;}
  .swiper-slide-spa .swiper-slide .container > div:nth-of-type(2){width: 100%; padding:0 1.2em; padding-top:1.5em; min-height:auto; padding-bottom: 3em;}
  .bg-mask:after{display: none;}
  .percent{position: absolute; top:initial; bottom: -3px;}
  .progress-bar span{width: calc(100% - 50px); height: 14px; position: relative; background: #fff; overflow: hidden;}
  .content-blog{padding:0;}
  .blog article [data-background]{height: 200px;}
}


/**************** FOOTER ****************/

footer{padding:3em 3em 0 3em; background: #102238; color:#fff; font-family: "Mukta-Light"; line-height: 1.3; font-size: 15px;}
footer a{color:#fff;}
footer .container{max-width: 1100px;}
.titleFooter{font-size: 18px; font-family: "Mukta-Bold";}
.infosFooter{padding:2em 0; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.infosFooter div{max-width: 400px; padding:0 1em;}
.infosFooter > div:first-of-type{padding-left: 0;}
.infosFooter > div:last-of-type{padding-right: 0;}
.legalFooter{font-size: 14px; padding:2em 0; border-top: 1px solid #fff; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.legalFooter div:first-of-type, .legalFooter div:last-of-type{opacity: 0.3; font-size:13px;}
.legalFooter div:nth-of-type(2) a{padding:2px 6px; margin:0 2px; opacity: 0.8;}
[data-mail]{cursor:pointer;}
footer [data-mail], footer a, footer a i:before{transition: 0.3s;}
footer [data-mail]:hover, footer a:hover, footer a:hover i:before{color:#789db8;}
.socialNav a{font-size: 20px; padding:0 2px; display: inline-block; margin-right: 10px;}

@media screen and (max-width: 991px) {
  .infosFooter div{max-width: 200px;}
}

@media screen and (max-width: 767px) {
  footer{padding:1em 3em 0 3em;}
  .infosFooter div{max-width: 100%; margin-top: 2em;}
  .titleFooter{margin-bottom: 0.4em;}
  .infosFooter, .legalFooter{flex-direction: column; text-align: center;}
  .legalFooter div{padding:2px 0;}
}


/*.lang, nav > ul > li:nth-of-type(3), nav > ul > li:nth-of-type(7){display: none !important;}*/



@charset "UTF-8";
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}
.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}
.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}
.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}
.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}
.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}
.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}
@media (print),(prefers-reduced-motion){
  .animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important}
}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.paused:before,
.animated.paused:after,
.animated.paused{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}

@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}