.experiences { width: 180px; height: auto; position: absolute; top: 0; right: 0; padding: 15px; text-align: center; background:rgba(0, 0, 0, 0.5);; border-radius: 10px; z-index: 3; animation: mymove 12s infinite; animation-timing-function: ease-in-out; } @keyframes mymove { from {left: -160px;} to {left: 102%;} } /******************************************************** index services Start *******************************************************/ .int_service_wrapper { background:#000; } .service_box_wrapper .service_box { position: relative; overflow: hidden; } .service_box_wrapper .service_content h2 { color: #fff; font-size: 22px; padding: 0; margin: 0; } .service_box_wrapper .service_content p { color: #fff; margin: auto; padding: 0; } .service_content { position: absolute; bottom: 25px; left: 30px; right: 30px; margin: auto; z-index: 1; } .service_box_wrapper .service_box:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(33, 37, 41, 0.86) 100%); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .service_box:hover::after { opacity:0; visibility:hidden; } .service_box:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #ffffff; text-align: center; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background: rgba(40, 45, 50, 0.7803921568627451); -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center } .service_box:hover::before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .img_logo_service{ text-align:center; background-color:rgba(90,90,90,.2); padding: 1rem 0; } .service_box_wrapper .service_box.service_first img { text-align: center; } .service_box .service_designation h4 { font-size: 14px; color: #ffffff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-transform: uppercase; letter-spacing: 4px; margin: 0 -1rem; } .service_box .service_designation { position: absolute; top: 20px; left: -24px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; z-index: 2; } .service_box_wrapper .service_box:hover .service_designation { left:40px; } @media(max-width: 991px){ .service_box_wrapper { text-align: center; } .service_img img { width: 100%; } .my_arrow::before{left:45%} } @media(max-width: 575px){.service_box_wrapper .service_box.service_first { margin-bottom: 30px; } .service_box.service_second { margin-bottom: 30px; } .int_heading h3 span { font-size: 2.1rem; } } .get-consultation { width: 100%; display: flex; flex-wrap: wrap; padding-top: 50px; margin-bottom: 10rem; background-image:none; } /*****************************************************/ .f-iconbox { font-size: 15px; line-height: 24px; position: relative; padding-left: 96px; padding-bottom:2rem; } .f-iconbox.right { padding-left: 0; text-align: right; padding-right: 96px; } .f-iconbox .icon { left: 0; top: 7px; padding: 2px 0 0; text-align: center; border-radius: 50%; position: absolute; width: 68px; height: 68px; border: 2px solid transparent; -webkit-transition: all .4s ease; transition: all .4s ease; } .f-iconbox.right .icon { right: 0; left: auto; } .f-iconbox:hover .icon { background: var(--my-or-color); } .f-iconbox:hover .icon { color: #fff; } .f-iconbox .icon { color: var(--my-or-color); border-color: var(--my-or-color); } /***************************************/ .service-card { position: relative; padding: 40px 50px 50px 50px; border: 1px solid grey; height: 100%; } .service-card_icon { height: 95px; margin-bottom: 35px; display: grid; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .service-card_num { margin-bottom: 10px; } .service-card_text { margin-bottom: -0.44em; } .service-card_title { font-size: 30px; font-weight: 300; margin-top: -0.2em; margin-bottom: 20px; text-transform: capitalize; } .service-card_title a { color: inherit; } .service-card_title a:hover { color: var(--my-or-color); } .service-card:hover .service-card_icon path { -webkit-animation: fillAni 7s ease-in-out; animation: fillAni 7s ease-in-out; } @media (max-width: 1199px) { .service-card { position: relative; padding: 30px; } } .service-grid-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .service-list-slide{ max-width: 450px; margin-right: 30px; border: 1px solid grey; padding: 65px 50px 65px 50px; position: relative; } .service-list-slide:after { content: ""; position: absolute; left: 0; bottom: 0px; width: 100%; height: 50px; } .service-list-slide .slick-list { margin-bottom: -44px; } .service-list-slide .slick-btn { position: absolute; left: calc(50% - 30px); height: 30px; line-height: 27px; text-align: center; padding: 0; width: 60px; display: inline-block; border: 1px solid grey; background-color: transparent; color: var(--white); z-index: 3; } .service-list-slide .slick-btn.toplist { top: -1px; } .service-list-slide .slick-btn.bottomlist { bottom: -1px; } .service-list-slide .slick-btn:hover { color: var(--my-or-color); } .service-grid-slide { max-width: 570px; padding-right: 90px; position: relative; z-index: 3; border: 5px solid var(--my-or-color); } .service-grid-img { max-width: 550px; margin-left: -90px; } .service-card.style2 { border: none; } .service-card.style2 .service-card_num { font-size: 48px; font-weight: 700; position: absolute; top: 30px; right: 30px; } .service-card.style2 .service-card_title { font-size: 36px; } .service-card.style2 .link-btn { margin-top: 30px; } .service-list { margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid grey; } .service-list_number { font-size: 16px; } .service-list_title { font-size: 30px; font-weight: 400; margin-bottom: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; cursor: pointer; } .slick-current .service-list_title { color: var(--my-or-color); } .text-transparent { -webkit-text-stroke: 0.75px grey; color: transparent; } @media (min-width: 1199px) { .img-car{ height:700px; }} @media (max-width: 1399px) { .service-list-slide { max-width: 350px; padding: 35px 35px 52px 35px; } .service-grid-slide { max-width: 490px; padding-right: 40px; } .service-grid-img { max-width: 450px; margin-left: -40px; } } @media (max-width: 1199px) { .service-grid-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .service-list-slide { max-width: 100%; margin-right: 0; } .service-grid-slide { max-width: 490px; padding-right: 40px; } .service-grid-img { max-width: 100%; margin-left: 0; } .service-grid-img .img img { max-height: 400px; object-fit: cover; } } @media (max-width: 575px) { .service-grid-slide { max-width: 100%; padding-right: 0; } }
Nous prenons en charge l'ensemble des étapes qui composent la réalisation de votre ouvrage.
Du dessin à la pose, nous portons chaque étape de votre projet afin d’en maîtriser sa réalisation.
Au-delà des activités décrites ci-dessus et en fonction de notre charge de travail, nous réalisons en propre ou via notre réseau de partenaires, les travaux annexes relatifs à l’ouvrage pouvant aller de l'excavation des fondations jusqu’à l’aménagement paysagé.
Nous vous proposons des voiles d'ombrage sur mesure que nous fabriquons localement en France. Elles s'adapteront à tout type de situation, configurable sur mesure.
Plusieurs types de toiles :
- Micro-perforé ou étanche
- Pose sur nos pergolas ou tendues entre poteaux
- Fixes ou coulissantes
Une multitude de coloris possibles. Si besoin contactez nous, toile garantie 5 ans !
Titulaire de l'encadrement technique sous-section 3 (SS3) depuis 2014, nous sommes à même de réaliser vos travaux sur et/ou à proximité de matériaux amiantés suivant les préconisations INRS SS4