#intro{width:100%;height:70vh;background:#f5f8fd url("../image/background.jpg") center top no-repeat;background-size:cover;}
#intro .intro-info{margin-top:15%;}
#intro .intro-info h2{color:#434064;font-size:28px;font-weight:600;}
#intro .intro-info h2 span{color:#434064;}
#intro .intro-info .btn-get-started,
#why-us .why-us-content .btn-get-started,
#intro .intro-info .btn-services{font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:1px;display:inline-block;padding:15px 32px;border-radius:4px;transition:0.5s;margin-top:25px;color:#fff;background:rgba(230,32,83,1);}
#intro .intro-info .btn-get-started:hover,
#why-us .why-us-content .btn-get-started:hover,
#intro .intro-info .btn-services:hover{background:#fff;border:2px solid rgba(53,133,193,1);color:rgba(53,133,193,1);}
#comparerbtn a:hover,
#comparerbtn a:hover{background:rgba(53,133,193,0.1);color:rgba(53,133,193,1);}
.section-header h3{font-size:36px;color:#413e66;text-align:center;font-weight:700;position:relative;}
.section-header p{text-align:center;margin:auto;font-size:15px;padding-bottom:60px;color:#535074;width:50%;}
.section-bg{background:#f5f8fd;}
#about{padding:80px 0;}
#about .about-content{padding-top:40px;}
#about .about-content h2{color:#413e66;font-weight:700;}
#about .about-content h3{color:#696592;font-weight:400;font-size:22px;font-style:italic;}
#about .about-content ul{list-style:none;padding:0;}
#about .about-content ul li{padding-bottom:10px;}
#about .about-content ul li i{font-size:20px;padding-right:4px;color:#1bb1dc;}
#about .about-img{position:relative;margin:30px 30px 30px 30px;}
#about .about-img img{width:100%;border:8px solid #fff;transition:.5s;}
#about .about-img img:hover{width:100%;-webkit-transform:scale(1.03);transform:scale(1.03);}
#about .about-img::before{position:absolute;left:-31px;top:-30px;width:90%;height:92%;z-index:-1;content:'';background-color:#ebf1fa;transition:.5s;}
#about .about-img::after{position:absolute;right:-31px;bottom:-30px;width:90%;height:92%;z-index:-1;content:'';background-color:#ebf1fa;transition:.5s;}
#services{padding:60px 0 40px 0;}
#services .box{padding:30px;position:relative;overflow:hidden;border-radius:10px;margin:0 10px 40px 10px;background:#fff;box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1);transition:all 0.3s ease-in-out;text-align:center;}
#services .box:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
#services .icon{margin:0 auto 15px auto;padding-top:12px;display:inline-block;text-align:center;border-radius:50%;width:60px;height:60px;}
#services .icon i{font-size:36px;line-height:1;}
#services .title{font-weight:700;margin-bottom:15px;font-size:18px;}
#services .title a{color:#111;}
#services .box:hover .title a{color:#1bb1dc;}
#services .description{font-size:14px;line-height:28px;margin-bottom:0;text-align:left;}
#why-us{padding:80px 0;}
.container-time{position:relative;overflow:hidden;}
.container-time:before{content:'';position:absolute;top:0;margin-left:10px;width:5px;height:100%;background:#988bb5;z-index:1;}
.timeline-block{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;clear:both;}
.timeline-block-right{float:right;}
.marker{width:25px;height:25px;margin-top:50px;border-radius:50%;border:2px solid #988bb5;background:#988bb5;text-align:center;color:#fff;z-index:999;}
.timeline-content{width:90%;color:#666}
.timeline-content h3{font-size:25px;font-weight:500}
.timeline-content img{}
.timeline-content p{font-size:14px;line-height:1.5em;text-align:justify;color:#888;}
#why-us .why-us-content .features{margin:0 0 15px 0;padding:0;transition:0.3s ease-in-out;}
#why-us .why-us-content .features i{font-size:36px;float:left;}
#why-us .why-us-content .features h4{font-size:24px;font-weight:600;color:#3685c1;text-align:left;margin-bottom:5px;}
#why-us .why-us-content .features h5{text-align:left;margin-bottom:5px;color:#543789;font-size:24px;font-weight:600;}
#why-us .why-us-content .features p{font-size:16px;color:#606060;text-align:justify;}
#why-us .counters{padding-top:40px;}
#why-us .counters span{font-weight:bold;font-size:48px;display:block;color:#555186;}
#why-us .counters p{padding:0;margin:0 0 20px 0;font-size:14px;color:#8a87b6;}
#why-us{padding:60px 0;}
.par{margin:0 auto;text-align:center;}
.par img{padding:15px;}
#why-us .owl-nav,
#why-us .owl-dots{margin-top:5px;text-align:center;}
#why-us .owl-dot{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#ddd;}
#why-us .owl-dot.active{background-color:#1bb1dc;}
#call-to-action{background:#2d2b46;background-size:cover;padding:40px 0;}
#call-to-action .cta-title{color:#fff;font-size:28px;font-weight:700;}
#call-to-action .cta-text{color:#fff;}
#call-to-action .cta-btn{font-weight:700;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 26px;border-radius:3px;transition:0.5s;margin:10px;border:3px solid #fff;color:#fff;}
#call-to-action .cta-btn:hover{background:#1bb1dc;border:3px solid #1bb1dc;}
#features{padding:80px 0;}
#features h4{font-weight:600;font-size:24px;}
#portfolio{padding:60px 0;}
#portfolio .portfolio-item{position:relative;overflow:hidden;}
.no-gutter > [class*='col-']{padding-right:0;padding-left:0;}
#portfolio .portfolio-item .portfolio-wrap{overflow:hidden;position:relative;margin:0;}
#portfolio .portfolio-item .portfolio-wrap img{-webkit-transition:all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
#portfolio .portfolio-item .portfolio-wrap:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;flex-wrap:wrap;-webkit-flex-wrap:wrap;opacity:0;transition:0.2s linear;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4{font-size:22px;line-height:1px;font-weight:700;margin-bottom:14px;padding-bottom:0;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a{color:#fff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover{color:#1bb1dc;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info p{padding:0;margin:0;color:#f8fcff;font-weight:500;font-size:14px;text-transform:uppercase;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details{display:inline-block;line-height:1;text-align:center;width:36px;height:36px;background:#1bb1dc;border-radius:50%;margin:10px 4px 0 4px;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i{padding-top:6px;font-size:22px;color:#fff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover{background:#42c3e8;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i,
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i{color:#fff;}
#portfolio .portfolio-item .portfolio-wrap:hover{background:#282646;}
#portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info{opacity:1;}
#testimonials{padding:60px 0;}
#testimonials .section-header{margin-bottom:40px;}
#testimonials .testimonial-item .testimonial-img{width:120px;border-radius:50%;border:4px solid #fff;float:left;}
#testimonials .testimonial-item h3{font-size:20px;font-weight:bold;margin:10px 0 5px 0;color:#111;margin-left:140px;}
#testimonials .testimonial-item h4{font-size:14px;color:#999;margin:0 0 15px 0;margin-left:140px;}
#testimonials .testimonial-item p{font-style:italic;margin:0 0 15px 140px;}
#testimonials .owl-nav,
#testimonials .owl-dots{margin-top:5px;text-align:center;}
#testimonials .owl-dot{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#ddd;}
#testimonials .owl-dot.active{background-color:#1bb1dc;}
#team{padding:60px 0;background:white;}
#team img{height:60px;margin:10px 50px 50px 50px;}
#team .member{text-align:center;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);margin:30px 0;position:relative;overflow:hidden;background:white;cursor:pointer;padding-top:10px;border:1px solid #dcdedb;}
#team .member .member-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;left:0;right:0;transition:0.2s;padding:10px 0;background:#dcdedb;}
#team .member .member-info-content{}
#team .member:hover .member-info{transition:0.4s;}
#team .member:hover .member-info-content{}
#team .member img{-webkit-transition:all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
#team .member:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);}
#team .member h3{font-weight:700;margin-bottom:2px;font-size:18px;color:#606060;}
#team .member h4{font-weight:bold;margin-bottom:2px;font-size:12px;color:#606060;}
#team .member span{font-style:italic;display:block;font-size:13px;color:#fff;}
#team .member .social{margin-top:15px;}
#team .member .social a{transition:none;color:#fff;}
#team .member .social a:hover{color:#1bb1dc;}
#team .member .social i{font-size:18px;margin:0 2px;}
#clients{padding:60px 0;}
#clients img{max-width:80%;opacity:0.5;transition:0.3s;padding:15px 0;}
#clients img:hover{opacity:1;}
#clients .owl-nav,
#clients .owl-dots{margin-top:5px;text-align:center;}
#clients .owl-dot{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#ddd;}
#clients .owl-dot.active{background-color:#1bb1dc;}
#pricing{padding:80px 0;}
#pricing .card{border:0;border-radius:0px;box-shadow:0 3px 0px 0 rgba(65, 62, 102, 0.08);transition:all .3s ease-in-out;padding:36px 0;position:relative;}
#pricing .card:after{content:'';position:absolute;top:0;left:0;width:0%;height:5px;background-color:#1bb1dc;transition:0.5s;}
#pricing .card:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 20px 35px 0 rgba(0, 0, 0, 0.08);}
#pricing .card:hover:after{width:100%;}
#pricing .card .card-header{background-color:white;border-bottom:0px;-moz-text-align-last:center;text-align-last:center;}
#pricing .card .card-title{margin-bottom:16px;color:#535074;}
#pricing .card .card-block{padding-top:0;text-align:center;}
#pricing .card .list-group-item{border:0px;padding:6px;color:#413e66;font-weight:300;}
#pricing .card h3{font-size:64px;margin-bottom:0px;color:#535074;}
#pricing .card h3 .currency{font-size:30px;position:relative;font-weight:400;top:-30px;letter-spacing:0px;}
#pricing .card h3 .period{font-size:16px;color:#6c67a3;letter-spacing:0px;}
#pricing .card .list-group{margin-bottom:15px;}
#pricing .card .btn{text-transform:uppercase;font-size:13px;font-weight:500;color:#5f5b96;border-radius:0;padding:10px 24px;letter-spacing:1px;border-radius:3px;display:inline-block;background:#1bb1dc;color:#fff;}
#pricing .card .btn:hover{background:#0a98c0;}
#faq{padding:60px 0;overflow:hidden;}
#faq #faq-list{padding:0;list-style:none;}
#faq #faq-list li{border-bottom:1px solid #ebebeb;}
#faq #faq-list a{padding:22px 0;display:block;position:relative;font-size:20px;line-height:1;font-weight:400;padding-right:20px;}
#faq #faq-list i{font-size:24px;position:absolute;right:0;top:20px;}
#faq #faq-list p{margin-bottom:20px;}
#faq #faq-list a.collapse{color:#1bb1dc;}
#faq #faq-list a.collapsed{font-weight: bold;
    color: #1bb1dc;}
#faq #faq-list a.collapsed i::before{content:"\f2c7" !important;}
@media (min-width:992px){#intro .intro-info{padding-top:80px;}
#testimonials .testimonial-item p{width:80%;}
}
@media (max-width:991px){#why-us .why-us-content{padding-top:30px;}
#pricing{padding-bottom:30px;}
#pricing .card{margin-bottom:50px;}
}
@media (max-width:768px){#faq #faq-list a{font-size:18px;}
#faq #faq-list i{top:13px;}
}
@media (max-width:767px){#intro{height:auto;padding:80px 0 60px 0;}
#intro .container{height:auto !important;}
#intro .intro-img{width:80%;}
#intro .intro-info{text-align:center;padding-top:40px;}
#intro .intro-info h2{font-size:34px;margin-bottom:30px;}
.section-header p{width:100%;}
#testimonials .testimonial-item{text-align:center;}
#testimonials .testimonial-item .testimonial-img{float:none;margin:auto;}
#testimonials .testimonial-item h3,
#testimonials .testimonial-item h4,
#testimonials .testimonial-item p{margin-left:0;}
}
.slidd{margin:0 auto;justify-content:center;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom:40px;-webkit-flex-flow:row wrap;}
.gui img{width:20px;height:20px;vertical-align:middle;}
.gui{background-image:url('../image/guide/loupe.png');background-position:right;background-repeat:no-repeat;margin-right:50px;padding-left:20px;}
.gui h1{font-size:1.5em;color:#3686c0;text-align:justify;font-weight:bold;line-height:1.5;border-bottom:2px solid #3686c0;}
.gui img{margin-right:10px;}
.gui h2{font-weight:bold;font-size:1.3em;text-align:justify;margin-bottom:-0.5px;}
.gui a{text-decoration:none;padding:0;}
.gui p{font-weight:500;font-size:16px;margin-bottom:-0.5px;margin-left:30px;color:#606060;text-align:justify;}
.cont-actu{margin-top:30px;}
.cont-actu .a-la-une{background-color:#fff;width:30px;margin-top:160px;z-index:1;position:absolute;margin-left:-18px;}
.cont-actu .a-la-une h1{color:#544193;text-transform:uppercase;font-size:35px;writing-mode:vertical-lr;font-weight:bold;background-color:#fff;}
.cont-actu .speaker{width:200px;height:200px;margin-top:-118px;position:absolute;margin-left:50px;-webkit-transform:translateY(4em) rotateZ(-5deg);transform:translateY(4em) rotateZ(-5deg);transition:opacity .3s .25s ease-out,
-webkit-transform 4s .25s cubic-bezier(0,1,.3,1);transition:transform 4s .25s cubic-bezier(0,1,.3,1),
opacity .3s .25s ease-out;transition:transform 4s .25s cubic-bezier(0,1,.3,1),
opacity .3s .25s ease-out,
-webkit-transform 4s .25s cubic-bezier(0,1,.3,1);}
.cont-actu .speaker.is-visible{opacity:1;-webkit-transform:rotateZ(-2deg);transform:rotateZ(-2deg);}
.scroller{position:relative;margin:0 auto;border:1px solid #543789;}
.scroller .innerScrollArea{overflow:hidden;position:absolute;left:30px;right:-50px;top:20px;bottom:20px;}
.scroller ul{padding:0;margin:0;position:relative;}
.scroller li{padding:0;margin:0;list-style-type:none;position:absolute;}
.newsletter{display:flex;background-color:#e8e8e6;padding:10px 50px;}
#news-contenu{margin:0 auto;}
#news-contenu h2{color:#544193;font-weight:bold;font-size:30px;text-align:justify;}
#news-contenu input[type=email]{width:250px;padding:7px 20px;margin-left:30px;vertical-align:baseline;display:inline-block;border:1px solid #ccc;box-sizing:border-box;}
#news-contenu input[type=submit]{background:url('../img/news.png');width:35px;height:35px;border:none;background-size:35px 35px;background-repeat:no-repeat;vertical-align:middle;color:#543789;font-size:15px;font-weight:bold;padding-bottom:10px;}
#news-contenu span{font-weight:500;font-size:17px;color:#606060;line-height:1.8;vertical-align:baseline;text-align:justify;}
.t-avis h2{font-weight:bold;font-size:25px;color:#3685c1;margin-bottom:20px;text-align:center;}
.t-avis span{font-weight:bold;color:#7b7b7b;font-size:20px;text-decoration:none;}