@charset "UTF-8";
html {
scroll-behavior:smooth;
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
.member-form input[type=text],
.member-form input[type=email],
.member-form input[type=tel],
.member-form input[type=file] {
width: 100%;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=file],
textarea {
color: #b5b5b5;
border: none;
background: #f6f6f6;
padding: 10px 20px;
box-sizing: border-box;
outline: none;
}
.contact-page.Home .wpcf7 .main-form{
margin-top: -100px;
}
.misc-box .Picto{
margin-right: 20px;
}
.misc-box .flaticon:before ,.misc-box .flaticon:before{
font-size: 70px;
line-height: 110px;
}
@media (max-width: 767px) {
.misc-box .flaticon:before ,.misc-box .flaticon:before{
font-size: 50px;
}
.misc-box {
padding: 10px 20px 0;
}
}
.Bl-Box {
padding-top: 0;
}
@media (max-width: 767px) {
.Bl-Box {
padding-top: 90px;
}
}
.Bl-Activity {
margin-top: -290px;
}
@media (max-width: 767px) {
.Bl-Activity {
margin-top: -230px;
}
}
.bl-Offres {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1001;
display: none;
}
.bl-Offres > .wrapper{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0,0,0,.5);
display: flex;
align-items: center;
justify-content: center;
}
.bl-Offres .message-box {
max-width: 80%;
margin: 20px auto;
box-shadow: 15px 12px 38px 20px rgb(0 0 0 / 20%);
padding: 30px;
width: 960px;
max-height: 75vh;
overflow-y: auto;
}
.bl-Offres .message-box.Large {
width: 1160px;
max-height: 95vh;
}
@media (max-width: 767px) {
.bl-Offres .message-box {
max-width: 95%;
top: auto;
max-height: 90vh;
}
}
.bl-Offres .message-box_wrapper{
display: flex;
padding: 30px 20px 50px
}
@media (max-width: 767px) {
.bl-Offres .message-box_wrapper{
display: block;
padding: 0;
}
}
.bl-Offres .message-box .content-box {
padding-left: 25px;
}
.bl-Offres .message-box .i-image{
min-width: 110px;
}
@media (max-width: 767px) {
.bl-Offres .message-box .i-image{
position: absolute;
opacity: .15;
width: 100%;
left: 10px;
top: 10px;
}
}
.bl-Offres .message-box .content-box p {
margin-bottom: 15px;
line-height: initial;
}
.bl-Offres .message-box > i {
top: 25px;
z-index: 1;
}
.glinkOffers .ot-industries .indus-item .item-inner {
min-height: 230px;
padding: 45px 70px 15px 130px;
background: #262051;
color: #FFF;
}
@media (max-width: 767px) {
.glinkOffers .ot-industries .indus-item .item-inner {
padding: 30px;
box-shadow: none;
}
.glinkOffers .ot-industries .indus-item {
padding: 15px 10px 20px;
}
}
.glinkOffers .ot-industries .indus-item .item-inner h6{
color: #FFF;
}
.linkPost {
padding: 0 10px;
margin-left: -10px;
}
.linkPost span {
color: #25daff;
display: inline-block;
line-height: 40px;
position: relative;
}
.linkPost span:before {
content: ">";
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
color: #7141b1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.linkPost:hover, .linkPost.active {
background: #f8f8f8;
}
.linkPost:hover span, .linkPost.active span {
color: #7141b1;
padding-left: 15px;
}
.linkPost:hover span:before, .linkPost.active span:before {
opacity: 1;
visibility: visible;
}
.letterIMG {
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: 200px;
line-height: 1;
background-image: url(images/bg-letter2.jpg);
background-position: center;
background-repeat: no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: cover;
display: inline;
}
.message-box_wrapper .letterIMG {
margin-left: -30px;
}
@media (max-width: 767px) {
.message-box_wrapper .letterIMG {
margin-left: auto;
}
}
.glinkOffers .ot-industries .indus-item .item-inner .i-image {
left: -50px;
}
.glinkOffers {
margin-top: -80px;
padding-bottom: 40px;
}
.btn-link-off {
position: absolute;
right: -94px;
bottom: -100px;
width: 188px;
height: 188px;
background: rgba(255, 255, 255, 0.07);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.btn-link-off i {
position: absolute;
top: 45px;
left: 50px;
line-height: 1;
color: #25daff;
}
.btn-link-off i:before {
font-size: 18px;
}
.ot-industries .indus-item .item-inner:hover .btn-link-off {
background: #25daff;
}
.ot-industries .indus-item .item-inner:hover .btn-link-off i {
color: #fff;
}
.btn-borderInv {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
padding: 10px 20px;
line-height: 1;
margin-top: 18px;
background-color: #25daff;
border: 1px solid #25daff;
display: inline-block;
color: white;
}
.btn-borderInv:hover {
background-color: transparent;
border-color: #fff;
}
.ot-industries {
background: #F8F8F8;
}
.bl-Offres .content-box h7{
font-weight: 700;
}
.bl-Offres .content-box ul{
margin-left: 25px;
}
.bl-Offres .content-box li{
line-height: initial;
margin-bottom: 10px;
}
.glinkOffers .owl-dots {
padding: 0 0 30px;
}
.contact-page.Home {
padding-top: 200px;
background-color: #F8F8F8;
}
.cta .ot-heading span {
font-size: 18px;
text-transform: uppercase;
}
.List-box-2 > div{
margin-bottom: 30px;
}
.serv-box-2 {
margin-bottom: 0;
height: 100%;
}
@media (max-width: 991px) {
.contact-page.Home .wpcf7 .main-form {
margin-top: 0;
}
}
@media (max-width: 767px) {
.contact-left {
margin-right: 0;
}
.contact-page.Home .wpcf7 .main-form {
padding: 20px;
}
.contact-page.Home .wpcf7 .main-form h2{
font-size: 26px;
}
.contact-page.Home {
padding-top: 60px;
}
#NosActivites .col-lg-6.text-sm-right.align-self-end{
display: none;
}
.bl-Offres .message-box .content-box {
padding: 0;
}
}
label.CV {
display: block;
line-height: 56px;
margin: 0;
}
@media (max-width: 767px) {
label.CV {
line-height: 30px;
}
.LabelCV {
margin: 0;
}
}
.fileCV{
}
.home-about-video {
min-height: auto;
}
.img-small {
right: -35%;
bottom: -60px;
}
/**Revolution Slider**/
.tp-big-text{
text-transform: uppercase;
font-weight: 900;
font-family: Montserrat;
}
.tp-bannertimer{
height: 10px; background: rgba(0, 0, 0, 0);
}
.home-client-carousel .owl-stage {
align-items: center;
display: flex;
}
.home-client-carousel .partners-slide .partners-slide-inner img{
margin: auto;
}
.section-clent-h2 .support-box .overlay .number-box {
font-size: 30px;
text-align: right;
}
.bg-dark-primary {
background-color: #842eff;
}
.cta h2 {
font-size: 45px;
}
@media (max-width: 767px) {
.cta h2 {
font-size: 32px;
}
}
.main-navigation ul > li > a {
color: #FFF;
}
.is-stuck .main-navigation ul > li > a{
color: #000;
}
.footer-v2 {
background: #2d2f4e;
}
.site-logo .logoB { display: none;}
.is-stuck .site-logo .logoW {display: none;}
.is-stuck .site-logo .logoB {display: block;}
.support-box .content-box::before {
content: "";
background: #2d2f4e;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0.4;
}
.cta::before {
content: " ";
display: block;
background: #842eff;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
left: 15px;
opacity: 0.6;
}
.glinkOffers {
background: #F8F8F8;
}
.portfolio-info-inner {
max-width: 85%;
}
.site-header {
border-bottom: none;
}
.home-about-video {
background: none;
box-shadow: none;
}
.bg_aboutUs {
background: url("images/bg-banner-home-6.png");
}
.misc-box {
height: 100%
}
.ot-testimonials .owl-carousel .owl-stage {
display: flex;
gap: 15px;
}
.ot-testimonials .owl-carousel .owl-stage-outer {
overflow: inherit
}
.project-slider .projects-box .projects-thumbnail {
position: relative;
}
.project-slider .projects-box .projects-thumbnail::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: url("images/job-bg1.png") center no-repeat;
background-size: cover;
display: block;
content: "";
}
.project-slider .owl-item:nth-child(4n + 2) .projects-box .projects-thumbnail::after {
background-image: url("images/job-bg2.png");
}
.project-slider .owl-item:nth-child(4n + 3) .projects-box .projects-thumbnail::after {
background-image: url("images/job-bg3.png");
}
.project-slider .owl-item:nth-child(4n + 4) .projects-box .projects-thumbnail::after {
background-image: url("images/job-bg4.png");
}
.project-slider .projects-box .projects-thumbnail .overlay {
opacity: 0.4;
}
.tp-bgimg.defaultimg {
background-size: cover !important;
}