/* Theme Name: Avada Child Description: Child theme for Avada theme Author: ThemeFusion Author URI: https://theme-fusion.com Template: Avada Version: 1.0.0 Text Domain: Avada */ /*include file Slide-in Style*/ @import 'popup.css'; /*include file second dev Style*/ /*@import 'style_dev2.css';*/ /*include file iframe facebook Style*/ /*@import 'style_iframe_fb.css';*/ /*---------------------------------------------------------------***Begin Default Sites Style***---------------------------------------------------------------*/ /*text-align*/ .center{text-align: center !important;} .justify{text-align: justify !important;} .left{text-align: left !important;} .right{text-align: right !important;} /*float*/ .floatL{float: left !important;} .floatR{float: right !important;} /*text-transform*/ .upper{text-transform: uppercase !important;} .lower{text-transform: lowercase !important;} /*colors*/ .blanc{color: #fff !important;} .noir{color: #000 !important;} .color1{color: #A2C839 !important;} .color2{color: #4B4B4B !important;} /*font-size*/ .fs12{font-size: 12px !important;} .fs13{font-size: 13px !important;} .fs14{font-size: 14px !important;} .fs15{font-size: 15px !important;} .fs16{font-size: 16px !important;} .fs17{font-size: 17px !important;} .fs18{font-size: 18px !important;} .fs19{font-size: 19px !important;} .fs20{font-size: 20px !important;} .fs22{font-size: 22px !important;} .fs24{font-size: 24px !important;} .fs25{font-size: 25px !important;} .fs26{font-size: 26px !important;} .fs28{font-size: 28px !important;} .fs30{font-size: 30px !important;} .fs32{font-size: 32px !important;} .fs35{font-size: 35px !important;} .fs40{font-size: 40px !important;} .fs45{font-size: 45px !important;} .fs50{font-size: 50px !important;} /*font-family*/ .font1{font-family: "font_1" !important;} .font2{font-family: "font_2" !important;} .font3{font-family: "font_3" !important;} /*font weight*/ .fontEB{font-weight: 900 !important;} .fontw7{font-weight: 700 !important;} .fontw6{font-weight: 600 !important;} .fontw5{font-weight: 500 !important;} .fontw4{font-weight: 400 !important;} .fontw3{font-weight: 300 !important;} /*margin*/ .mb{margin-bottom: 0px !important} .mt{margin-top: 0px !important} .mt10{margin-top: 10px !important} .mb10{margin-bottom: 10px !important} .mt20{margin-top: 20px !important} .mb20{margin-bottom: 20px !important} .mg10{margin: 10px !important} .mbp_0>p{margin-bottom: 0px !important} .mtp_0>p{margin-top: 0px !important} .mtp_10>p{margin-top: 10px !important} .mbp_10>p{margin-bottom: 10px !important} .mgp_10>p{margin: 10px !important} .mb30{margin-bottom: 30px !important;} /*unset min-height for colomns in desctop*/ .minh .fusion-column-wrapper{min-height: 0px !important;} .minh .fusion-column-wrapper .fusion-column-content-centered{min-height: 0px !important;} /*line-height normal*/ .lhN{line-height: normal !important} /*letter-spacing*/ .ltsp0{letter-spacing: 0px !important} .ltsp1{letter-spacing: 1px !important} .ltsp2{letter-spacing: 2px !important} .ltsp3{letter-spacing: 3px !important} /*initial theme borders*/ #rev_slider_1_1_wrapper,.fusion-page-title-bar,.fusion-header{border:none !important;} /*hide (hover + description text) for gallery*/ .wpmf-front-box,.wpmf_mfp-bottom-bar,.mfp-bottom-bar {display: none !important;} body span.tp-bullet-title {display: none !important;} /*formulaires default style*/ .wpcf7-not-valid-tip {display: none !important;} .fusion-slider-loading{display:none !important} .wpcf7-spinner{display:none !important;} /*------------------------------------------------------***End***------------------------------------------------------*/ .fusion-blog-layout-grid{padding-top:220px !important;} @media screen and (max-width: 1024px){ .fusion-blog-layout-grid { padding-top: 0px !important; } } /*------------------------------------------------------***Begin Header Style***------------------------------------------------------*/ .fusion-main-menu > .fusion-menu > li > a{padding: 0px 20px !important;} .fusion-main-menu > .fusion-menu > li > a:hover,.fusion-main-menu > .fusion-menu > li.current_page_item > a{} .fusion-main-menu .fusion-menu .sub-menu a{} .fusion-main-menu > .fusion-menu > li.menu_icon_rs a {padding: 0px 7px !important;} /*.fusion-main-menu {margin-top: 20px !important;}*/ /*.fusion-is-sticky .fusion-main-menu {margin-top: 0px !important;}*/ /*.fusion-logo img {transition:all 0.2s ease-in-out !important;max-height: 120px !important;}*/ /*.fusion-is-sticky .fusion-logo img {max-height: 55px !important;}*/ /*------------------------------------------------------***End***------------------------------------------------------*/ .fusion-logo img { max-width: 180px; } .fusion-is-sticky .fusion-logo img { width: auto; max-width: 90px; } /*------------------------------------------------------***Begin default home & pages Style***------------------------------------------------------*/ body.home .fusion-page-title-bar {background-size: cover !important;display: none !important;} body.fusion-body .fusion-tabs {margin-bottom: 10px !important;} body blockquote {margin: 0px !important;} body .max_div_content {max-width: 920px;margin-left: auto !important;margin-right:auto !important;} body .max_div_pg {max-width: 1050px;margin-left: auto !important;margin-right:auto !important;} body #toTop {background: #a2c839 !important; color: #fff !important;right: 5px !important;bottom: 5px !important; width: 45px !important; height: 45px !important; line-height: 45px !important;cursor: pointer; border-radius: 0px !important;} body #toTop:hover{background: #4b4b4b !important;} body .gallery { margin-bottom: 0px !important;} body .fusion-reading-box-container .reading-box {padding: 15px !important;} body .cmplz-blocked-content-container {height: auto !important; } body #cmplz-document {max-width: unset !important;} body .cp-slidein {z-index: 9999999 !important;} .slidein-overlay .cp-toggle-container.cp-btn-flat {z-index: 9999999 !important;} body .colomn_img .fusion-column-wrapper{background-position: center center !important;background-size: cover !important;} body .dib {margin: 0 1px !important;display: inline-block !important;} .testimonial-success p {background: #3f8a08 !important;display: block;text-align: center;padding: 10px !important;color: #fff !important;text-transform: uppercase;letter-spacing: 0.2px;} .slideup_btncontact, .cp-submit {vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} .slideup_btncontact:before, .cp-submit:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #4b4b4b !important;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .slideup_btncontact:hover:before, .cp-submit:hover:before {-webkit-transform: scale(1);transform: scale(1);} /*------inputs & textarea placeholder style------*/ .form_placeholder input::-webkit-input-placeholder,.form_placeholder textarea::-webkit-input-placeholder {color: #2875c5 !important;} /* Chrome/Opera/Safari */ .form_placeholder input::-moz-placeholder,.form_placeholder textarea::-moz-placeholder {color: #2875c5 !important;} /* Firefox 19+ */ .form_placeholder input:-ms-input-placeholder,.form_placeholder textarea:-ms-input-placeholder {color: #2875c5 !important;} /* IE 10+ */ .form_placeholder input:-moz-placeholder,.form_placeholder textarea:-moz-placeholder {color: #2875c5 !important;} /* Firefox 18- */ .form_placeholder input::placeholder,.form_placeholder textarea::placeholder {color: #2875c5 !important;} /* default */ /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/ #sliders-container:before { content: ''; position: absolute; width: 100%; height: 220px; /*background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);*/ z-index: 99; } #rev_slider_1_1 rs-slides rs-slide:after{ content:''; position:absolute; width:100%; height:200px; bottom:0; left:0px; background:url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/04/Coulonnier-amenagement-paysager-a-pouance-shape.png); background-repeat:no-repeat; z-index: 1; background-size: auto; } /**************************************Style : header*********************************/ .fusion-header-has-flyout-menu .fusion-toggle-icon-line { display: none !important; } .fusion-header-has-flyout-menu .fusion-flyout-menu-icons { background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Groupe-15982.png); width: 61px; height: 61px; } .fusion-header-has-flyout-menu.fusion-flyout-active.fusion-flyout-menu-active .fusion-flyout-menu-icons { background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Groupe-15983.png); width: 61px; height: 61px; } .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu, .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-mobile-menu { width: 50% !important; text-align: left !important; padding: 30px !important; } ul#menu-main-menu { max-width: 500px; } .fusion-header-has-flyout-menu .fusion-flyout-menu { justify-content: flex-end; } .fusion-menu:before { content: ""; position: absolute; background-size: contain; background-repeat: no-repeat; width: 600px; height: 80vh; right: 0px; top: 0; background-color: rgba(162, 200, 57, 0.65); border-radius: 0px 0px 0px 55px; } .fusion-flyout-menu-bg:before { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Ellipse-1.png); background-size: contain; background-repeat: no-repeat; width: 517px; height: 517px; bottom: -249px; left: 96px; } .fusion-header-has-flyout-menu .fusion-flyout-menu { padding: 0 25px 130px !important; } .fusion-header { height: 0 !important; } .fusion-is-sticky .fusion-header { height: 172px !important; } .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu li{text-align:center !important;} .fusion-header-has-flyout-menu .fusion-flyout-menu-bg { background-color: transparent !important;transition: all 5s ease-in-out !important; /* background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-slide-video-2-1.png); */ } .btn_slide { box-shadow: 0px 5px 12px 2px rgb(0 0 0 / 18%) !important; } .fusion-is-sticky .fusion-header { height: 114px !important; } .fusion-is-sticky .fusion-logo { max-width: 7% !important; } a.fusion-flyout-menu-toggle { margin-left: -48px !important; } /**************************************Style : section1*********************************/ .col_txt_about .fusion-column-wrapper { padding-top: 145px !important; } .col_txt_about:before { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Rectangle-1.png); background-size: contain; background-repeat: no-repeat; width: 1419px; height: 670px; left: -336px; top: 91px; z-index: -1; } .lp-presentation:before { content: ""; background-size: cover !important; height: 93% !important; } .icon_h1 { margin-top: 6px; } .second_h1 { font-size: 37px !important; margin-left: 51px; } body .fusion-button.btn_about { padding: 19px 35px !important; border-radius: 12px 0px 12px 0px !important; box-shadow: 0px 5px 12px 2px rgb(0 0 0 / 18%) !important; margin-top: 25px; } .icon_h1{animation: rotateThis1 8s ease infinite;} @keyframes rotateThis1 { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg) scale(1); } } @media screen and (min-width: 1510px){ .home .content1{padding-top: 0px !important; margin-top: -132px !important;} } /**************************************Style : section2*********************************/ .content2_home{ padding-top: 30px !important; padding-bottom: 175px !important; } .content2_home:before { content: ""; position: absolute; background-color: #F2F2F2; width: 25%; height: 91%; left: 0; top: 0; border-radius: 0px 40px 40px 0px; } .col_presta_title .fusion-column-wrapper { padding-bottom: 32px !important; } .col_presta1 .fusion-column-wrapper{ background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgb(0 0 0 / 83%) 4%, rgba(0,0,0,0) 100%),url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Groupe-15976.png) !important; } .col_presta2 .fusion-column-wrapper{ background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgb(0 0 0 / 83%) 4%, rgba(0,0,0,0) 100%),url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2026/08/coulonnier-amenagement-paysager-a-pouance-Piscine-2-1.webp) !important; } .col_presta3 .fusion-column-wrapper{ background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgb(0 0 0 / 83%) 4%, rgba(0,0,0,0) 100%),url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2025/07/coulonnier-amenagement-paysager-a-pouance-jardinerie-fleuriste.webp) !important; } .col_presta1:hover .fusion-column-wrapper { background-image: linear-gradient(176deg, rgb(0 0 0 / 44%), rgb(0 0 0)),url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Groupe-15976.png) !important; transition: all 0.9s ease-in-out !important; } .col_presta2:hover .fusion-column-wrapper { background-image: linear-gradient(176deg, rgb(0 0 0 / 44%), rgb(0 0 0)),url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2025/07/coulonnier-amenagement-paysager-a-pouance-spasetpiscines.webp) !important; transition: all 0.9s ease-in-out !important; } .col_presta3:hover .fusion-column-wrapper { background-image: linear-gradient(176deg, rgb(0 0 0 / 44%), rgb(0 0 0)),url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2025/07/coulonnier-amenagement-paysager-a-pouance-jardinerie-fleuriste.webp) !important; transition: all 0.9s ease-in-out !important; } .col_presta { transition: 1.5s all; } .col_presta:hover{ transform: scaleY(1.1) scaleX(1.1); } .presta_befor:before { content: ""; position: absolute; background-color: #F2F2F2; width: 62%; height: 42%; bottom: -73px; right: -69px; z-index: -1; border-radius: 40px; } .txt_presta_title { max-width: 584px; margin: auto !important; } .col_presta .fusion-column-wrapper { padding: 40px 30px 20px 30px !important; border-radius: 30px; box-shadow: 20px 9px 20px 6px #00000017; } body .fusion-button.btn_presta { padding: 19px 35px !important; border-radius: 12px 0px 12px 0px !important; box-shadow: 0px 5px 12px 2px rgb(0 0 0 / 18%) !important; margin-top: 10px; } .txt_presta { opacity: 0; transition: all 0.9s ease-in-out !important; } .btn_presta { opacity: 0; transition: all 0.9s ease-in-out !important; } .title_prestah3 { position: relative; top: 315px; margin-left: 75px !important; transition: all 0.9s ease-in-out !important; } .title_prestah3:before { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Groupe-15975.png); background-size: contain; background-repeat: no-repeat; width: 66px; height: 66px; left: -76px; top: -20px; } .col_presta:hover .txt_presta { opacity: 1; } .col_presta:hover .btn_presta { opacity: 1; } .col_presta:hover .title_prestah3 { top: 0px; margin-left: 0px !important; } .col_presta:hover .title_prestah3 h3{ color: #fff !important; } .col_presta:hover .title_prestah3:before{ display: none; } .icon_prestah2{animation: rotateThis2 8s ease infinite;} @keyframes rotateThis2 { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg) scale(1); } } /**************************************Style : section3*********************************/ .content3_home{ padding-top: 70px !important; padding-bottom: 90px !important; } .txt_parten_title { max-width: 584px; margin: auto !important; } .flexslider.wpmfflexslider{ background: transparent !important; } body .col_parten .gallery.carousel .wpmf-gallery-item img { object-fit: cover !important; left: 0px !important; right: 0px !important; height: 119px !important; transition: transform 0.7s !important; width: 213px !important; } body .col_parten .gallery.carousel { margin-bottom: 30px !important; overflow: initial !important; } .col_parten ul.flex-direction-nav { display: none !important; } body .col_parten .gallery.carousel .flex-control-nav.flex-control-paging { display: block !important; } .col_parten .flex-control-nav { bottom: -73px !important; } body .col_parten .gallery.carousel, body .col_parten .gallery.carousel .wpmf-gallery-item { max-height: 314px !important; border-radius: 60px !important; } .col_parten .flex-control-paging li a{ background: #fff !important; border: 2px solid #A2C839 !important; width: 15px !important; height: 15px !important; } .col_parten .flex-control-paging li a.flex-active{ background: #A2C839 !important; } .icon_parteh2{animation: rotateThis3 8s ease infinite;} @keyframes rotateThis3 { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg) scale(1); } } @media screen and (min-width: 1510px){ .content4_home{padding-bottom: 0px !important;} .content5_home{padding-top: 0px !important;} } /**************************************Style : section4*********************************/ .content4_home:before { content: ""; position: absolute; width: 960px; height: 872px; right: 0; top: 0; background-color: #F2F2F2; border-radius: 0px 0px 0px 45px; } .first_tpf{ color: #4B4B4B !important; font-size: 42px !important; font-family: 'Anton' !important; } .second_tpf { color: #4b4b4b00 !important; -webkit-text-stroke: 1px #000 !important; font-size: 52px !important; font-family: 'Anton' !important; } .third_tpf { font-size: 52px !important; font-family: 'Anton' !important; top: -84px !important; position: relative; color: #4B4B4B !important; left: 3px; } .image_pf { top: 129px; left: 272px; } .fusion-content-boxes.partners{ position: relative; top: 200px; left: 60px; display: flex; align-items: center; } .col_pf_title:after { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Trace-23098.png); background-size: contain; background-repeat: no-repeat; width: 174px; height: 131px; right: -189px; bottom: 351px; } .col_pf_title:before { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Groupe-15980.png); background-size: contain; background-repeat: no-repeat; width: 216px; height: 242px; right: -20px; bottom: 176px; } .col_pf_img:before { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/04/Coulonnier-amenagement-paysager-a-pouance-Groupe-22484-1.png); background-size: contain; background-repeat: no-repeat; width: 315px; height: 291px; left: -44px; bottom: 539px; } .icon_pfh2{animation: rotateThis4 8s ease infinite;} @keyframes rotateThis4 { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg) scale(1); } } @media screen and (min-width: 1510px){ /* .img_pf2 {margin-top: -100px;} */ } /**************************************Style : section5*********************************/ .content5_home:before { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-paper-flower-background-4794429_1280-1.png); background-size: contain; background-repeat: no-repeat; width: 1042px; height: 547px; left: -90px; top: 37px; } .col_fb_title .fusion-column-wrapper { padding: 208px 70px 30px 50px !important; } .txt_pf_title { max-width: 420px; } .col_fb_title:before { content: ""; position: absolute; background-color: #4B4B4B !important; border-radius: 30px 0px 0px 30px; width: 131%; height: 75%; left: 0; top: 125px; z-index: -1; } body .fusion-button.btn_fb { padding: 19px 46px !important; border-radius: 12px 0px 12px 0px !important; box-shadow: 0px 5px 12px 2px rgb(0 0 0 / 18%) !important; } .cstm_ifrim iframe{border: 19px solid #A2C839 !important;border-radius: 70px;box-sizing: border-box;overflow: hidden;width:100%;aspect-ratio: 1/2 !important;height: unset; width: 415px !important;} .cstm_ifrim:after {content: "";height: 10%;width: 40%;position: absolute;top: 0;left: 0;right: 0;margin: auto;border-radius: 0 0 20px 20px;} .cstm_ifrim {width: 100% !important;position: relative;max-width:377px;margin:auto} .bloc_fram_fb:before {content: "";width: 100%;position: absolute;height: 55%;background: url(https://www.chevauxducoat.fr/wp-content/uploads/2021/11/LES-CHEVAUX-DU-COAT-CENTRE-EQUESTRE-PLOURIVO-intro-state-ky.png);left: 0;right: 0;margin: auto !important;bottom: 0;top: 0;} .ctsm_txt .fusion-column-content:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;width: 120%;background: #00000094;padding: 20%;margin: auto;margin-left: -7%;z-index: -1;} .ctsm_txt .fusion-column-content { position: relative;} .cstm_ifrim span:before { content: ""; background-color: #A2C839 !important; position: absolute; width: 7px; height: 93px; right: -22px; top: 145px; } .cstm_ifrim:after { content: ""; height: 5%; width: 45%; position: absolute; top: 0; left: 33px; right: 0; margin: auto; border-radius: 0 0 40px 40px; background-color: #A2C839 !important; } .icon_fbh2{animation: rotateThis5 8s ease infinite;} @keyframes rotateThis5 { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg) scale(1); } } /**************************************Style : section6*********************************/ .col_realisa .fusion-column-wrapper { padding-top: 35px !important; } .txt_realisa { max-width: 531px; } .modula-item { border-radius: 25px !important; box-shadow: -14px 13px 20px 6px #00000029; } body .fusion-button.btn_realisa { padding: 17px 54px !important; border-radius: 12px 0px 12px 0px !important; box-shadow: 0px 5px 12px 2px rgb(0 0 0 / 18%) !important; margin-top: 38px; } .icon_realisah2{animation: rotateThis6 8s ease infinite;} @keyframes rotateThis6 { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg) scale(1); } } @media screen and (min-width: 1510px){ .content6_home{padding-top: 0px !important;} } /**************************************Style : page devise*********************************/ .icon_devise{animation: rotateThisdvs 8s ease infinite;} @keyframes rotateThisdvs { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg) scale(1); } } .form_devis input[type=text], .form_devis input[type=tel], .form_devis input[type=email], .form_devis input[type=number] { background-color: #fafafa; border-style: solid; border-color: #f5f5f5; font-weight: 400; border-radius: 20px; min-height: 44px !important; } .form_devis #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} .col_devise .icon_boxes_wrapper .icon_box .box_icon img { max-width: 50px; } .col_devise .icon_boxes_wrapper .icon_box .box_icon { margin-bottom: 10px; } .col_devise .icon_boxes_wrapper .icon_box .box_icon svg { max-width: 50px; margin: 0 auto; } .col_devise .icon_boxes_wrapper .icon_box .box_icon svg * { fill: #191919; } .col_devise .icon_boxes_wrapper .icon_box { text-align: center; background: #f5f5f5; padding: 10px; width: calc(33% - 20px); margin: 10px; border-radius: 10px; min-height: 130px; display: flex; flex-direction: column; justify-content: center; cursor: pointer; transition: .35s; } .col_devise .icon_boxes_wrapper .icon_box:hover, .col_devise .icon_boxes_wrapper .icon_box.active { background: #a1c739; color: #fff; } .col_devise .icon_boxes_wrapper .icon_box:hover svg *, .col_devise .icon_boxes_wrapper .icon_box.active svg * { fill: #fff !important; } .col_devise .icon_boxes_wrapper .icon_box p { margin: 0 !important; } .col_devise .icon_boxes_wrapper { display: flex; flex-wrap: wrap; margin-bottom: 20px; } @media only screen and (max-width: 992px) { .form_devis .col-md-6 { margin-bottom: 20px !important; } } @media only screen and (max-width: 800px) { .col_devise .icon_boxes_wrapper .icon_box {width: calc(50% - 20px);} } @media only screen and (min-width: 801px) { .fusion-header .devis_btn a { background: #a1c739 !important; } .fusion-header .devis_btn a span.menu-text { color: #fff !important; } .fusion-header .devis_btn a:hover {background: #000 !important; } } .col_devise .top_header_wrapper { float: right; text-align: center; padding: 10px; display : flex !important; } .form_devis input[type=text], .form_devis input[type=tel], .form_devis input[type=email], .form_devis input[type=number] { background-color: #fafafa; border-style: solid; border-color: #f5f5f5; font-weight: 400; border-radius: 20px; min-height: 44px !important; color: #000; } .col_devise .wpcf7-captchar:focus, .col_devise .wpcf7-form .wpcf7-date:focus, .col_devise .wpcf7-form .wpcf7-number:focus, .col_devise .wpcf7-form .wpcf7-quiz:focus, .col_devise .wpcf7-form .wpcf7-select:focus, .col_devise .wpcf7-form .wpcf7-text:focus { border-color: #000 !important; } .col_devise .hidden{display:none !important;} .devi-duv .wpcf7-form input[type="submit"], .wpcf7-submit{ font-size: 18px !important;padding: 15px 35px !important;} .col_devise .icon_boxes_wrapper .icon_box:hover img, .col_devise .icon_boxes_wrapper .icon_box.active img{filter: brightness(0) invert(1)} /************************** DEVI *********************************/ .col_txt_devis .fusion-column-wrapper { padding-top: 100px !important; } .col_txt_devis:before { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Rectangle-1.png); background-size: contain; background-repeat: no-repeat; width: 1419px; height: 520px; left: -28px; top: 0; z-index: -1; } .form_devis #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} .col_devise .icon_boxes_wrapper .icon_box .box_icon img { max-width: 50px; } .col_devise .icon_boxes_wrapper .icon_box .box_icon { margin-bottom: 10px; } .col_devise .icon_boxes_wrapper .icon_box .box_icon svg { max-width: 50px; margin: 0 auto; } .col_devise .icon_boxes_wrapper .icon_box .box_icon svg * { fill: #191919; } .col_devise .icon_boxes_wrapper .icon_box { text-align: center; background: #f5f5f5; padding: 10px; width: calc(33% - 20px); margin: 10px; border-radius: 10px; min-height: 130px; display: flex; flex-direction: column; justify-content: center; cursor: pointer; transition: .35s; } .col_devise .icon_boxes_wrapper { display: flex; flex-wrap: wrap; margin-bottom: 20px; } @media only screen and (max-width: 992px) { .form_devis .col-md-6 { margin-bottom: 20px !important; } } @media only screen and (max-width: 800px) { .col_devise .icon_boxes_wrapper .icon_box {width: calc(50% - 20px);} } @media only screen and (min-width: 801px) { .fusion-header .devis_btn a { background: #cd4025 !important; } .fusion-header .devis_btn a span.menu-text { color: #fff !important; } .fusion-header .devis_btn a:hover {background: #000 !important; } } .form_devis .row{ margin-bottom:20px !important; } .col_devise .devis_gra {display: inline-block; border: 1px solid #F10000; padding: 10px 20px; border-radius: 20px; color: #F10000 !important; } .col_devise .devis_gra:hover { background:#F10000; color: #fff !important; } body .col_devise .wpcf7-submit{ background-color: #a2c839 !important; padding: 19px 35px !important; border-radius: 12px 0px 12px 0px !important; box-shadow: 0px 5px 12px 2px rgb(0 0 0 / 18%) !important; } body .col_devise .wpcf7-submit:hover{ background-color: #4b4b4b !important; } /**************************************Style : page interne*********************************/ .num_hvr_int a { color: #fff !important; } .num_hvr_int a:hover { color: #000 !important; } .content1_pad{ padding-top: 200px !important; } .border-imgs .fusion-column-wrapper { border-radius: 30px !important; } .img_realisa_inter img{ border-radius: 20px !important; } .col_txt_realisa .fusion-column-wrapper { padding-top: 145px !important; } .col_txt_realisa:before { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Rectangle-1.png); background-size: contain; background-repeat: no-repeat; width: 1419px; height: 468px; left: -237px; top: 72px; z-index: -1; } .mentions { padding-top: 60px; } .mentions_eu { padding-top: 120px; } .col_txt_devise .fusion-column-wrapper { padding-top: 145px !important; } .col_txt_devise:before { content: ""; position: absolute; background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Rectangle-1.png); background-size: contain; background-repeat: no-repeat; width: 1045px; height: 670px; left: -336px; top: 91px; z-index: -1; } /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin gallery carousel style***------------------------------------------------------*/ body .gallery.carousel {margin-bottom: 30px !important;overflow:hidden !important;} body .gallery.carousel .wpmf-gallery-item img{object-fit: cover !important;left: 0px !important;right: 0px !important;height: 340px !important;transition: transform 0.7s !important;} body .gallery.carousel .wpmf-gallery-item:hover img{transform: scale(1.05) !important;} body .gallery.carousel,body .gallery.carousel .wpmf-gallery-item{max-height: 340px !important;} body .gallery.carousel a img {top: 0 !important;} body .gallery.carousel .flex-control-nav.flex-control-paging {display: none !important;} body .flex-direction-nav{display: block !important;opacity: 1 !important;} body .gallery.carousel .flex-direction-nav .flex-prev,body .gallery.carousel .flex-direction-nav .flex-next {display: block !important;opacity: 1 !important; background:#2875c5 !important;line-height: 38px !important;width: 35px !important;height: 35px !important;} body .gallery.carousel .flex-direction-nav .flex-prev:hover,body .gallery.carousel .flex-direction-nav .flex-next:hover {background: #165699 !important;} body .gallery.carousel .flex-direction-nav .flex-prev:before,body .gallery.carousel .flex-direction-nav .flex-next:before {color: #fff !important; font-size: 25px !important; line-height: normal !important;} body .gallery.carousel .flex-direction-nav .flex-prev:before{content: "\f104" !important; } body .gallery.carousel .flex-direction-nav .flex-next:before{content: "\f105" !important; } /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin gallery default & masonry style***------------------------------------------------------*/ body .wpmf-gallerys {margin: 0px !important;} body .gallery_default.gallery .wpmf-gallery-item img,body .gallery-masonry.gallery .wpmf-gallery-item img{width: 100% !important;height: 340px !important;object-fit: cover !important;transition: transform 0.7s !important;} body .gallery_default.gallery .wpmf-gallery-item:hover img,body .gallery-masonry.gallery .wpmf-gallery-item:hover img{transform: scale(1.05) !important;} body .gallery_default.gallery,body .gallery-masonry.gallery{width:100% !important;height:auto !important;max-width:unset !important;} body .gallery_default.gallery .wpmf-gallery-item,body .gallery-masonry.gallery .wpmf-gallery-item {width: 31.33% !important;position: relative !important;top: unset !important;left: unset !important;display: inline-block !important;margin: 0% 1% 1% 1% !important;overflow: hidden;opacity: 1 !important;} /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin gallery carousel & default & masonry responsive style***------------------------------------------------------*/ @media only screen and (max-width: 1024px){ body .gallery.carousel,body .gallery.carousel .wpmf-gallery-item,body .gallery.carousel .wpmf-gallery-item img{min-height: 240px !important;max-height: 240px !important;} body .gallery.carousel {overflow: hidden;} body .gallery_default.gallery .wpmf-gallery-item img,body .gallery-masonry.gallery .wpmf-gallery-item img{height: 240px !important;} } @media only screen and (max-width: 497px){ body .gallery_default.gallery .wpmf-gallery-item,body .gallery-masonry.gallery .wpmf-gallery-item{width: 48% !important;float: left;margin-right: 1% !important;} body .gallery_default.gallery .wpmf-gallery-item,body .gallery-masonry.gallery .wpmf-gallery-item{height: 160px !important;} body .gallery_default.gallery .wpmf-gallery-item img,body .gallery-masonry.gallery .wpmf-gallery-item img{height: 160px !important;} } /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin gallery carousel in responsive & gallery Grid in desctop ***------------------------------------------------------*/ @media only screen and (min-width: 801px){ /*galerie carousel to grid style*/ body .galerie_respo .gallery.carousel .flex-viewport,body .galerie_respo .gallery.carousel .slides {height: auto !important;overflow: hidden;max-height: unset !important;} body .galerie_respo .gallery.carousel .slides.wpmf-slides{width: inherit !important;transform: unset !important;display:inline-block !important;} body .galerie_respo .gallery.carousel .flex-control-nav , body .galerie_respo .gallery.carousel .flex-direction-nav{display: none !important;} body .galerie_respo .gallery.carousel .wpmf-gallery-item{width: 31.33% !important;position: relative !important;top: unset !important;left: unset !important;display: inline-block !important;margin: 0% 1% 1% 1% !important;overflow: hidden} body .galerie_respo .gallery.carousel {max-height: unset !important;} body .galerie_respo .gallery.carousel .wpmf-gallery-item img {max-width: none !important;position: unset !important;left: unset !important;right: unset !important;display: inline-block !important;} } /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin galerie plugin modula style***------------------------------------------------------*/ body .lb-dataContainer {position: absolute !important;top: 20px !important;right: 40px !important;} body #lightboxOverlay{z-index:999999 !important;} body .lightbox {z-index: 999999 !important;top: 0px !important;bottom: 0 !important;left: 0;right: 0;margin: auto auto !important;position: fixed !important;} body .lightbox .lb-outerContainer {z-index: 999999 !important;top: 0px !important;bottom: 0 !important;left: 0;right: 0;margin: auto auto !important;position: fixed !important;} body #lightbox .lb-details {display: none !important;} body .lb-next, .lb-prev {opacity: 1 !important;} body .lb-outerContainer {background-color: rgba(255, 255, 255, 0) !important;} body button.modula-fancybox-button.modula-fancybox-button--close {top: 30px !important;} html body .modula-fancybox-container .modula-fancybox-toolbar {visibility: visible !important;} html body .modula-fancybox-navigation .modula-fancybox-button {height: 90px!important; width: 60px!important;} html body .modula-fancybox-navigation .modula-fancybox-button div {padding: 0px !important;} /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin default footer style***------------------------------------------------------*/ /*.fusion-footer {background-image: url("");background-position: center center !important;background-size: cover !important;}*/ .coherence-logo svg{width: 130px !important;height: auto !important;vertical-align: middle !important;display: inline-block !important;margin-right: 20px !important;} .coherence-logo .svg * {fill: #000 !important;} .fusion-footer .hide-rub-menu{display:none !important;} footer.fusion-footer-widget-area.fusion-widget-area{padding-top: 73px !important;} .fusion-footer .hideFooter ,.fusion-footer .hideFooterfb {display: none !important;} .fusion-footer-widget-area .fusion-row {max-width: 1188px!important;padding: 0 0px!important;} .fusion-footer .fusion-copyright-notice a {display: inline-block !important;margin: 0 10px;} .coherence-logo svg{width: 130px !important;height: auto !important;vertical-align: middle !important;display: inline-block !important;} .coherence-logo .svg path, .coherence-logo .svg polygon {fill: #1C1C1C !important;} .copy_fa {margin: 0 3px !important;} #footer .fusion-row {padding: 0px;border-top: solid 0px #333333 !important;} .fusion-footer-copyright-area {padding: 0px !important;} .fusion-footer .widget-title {position: relative;width: max-content !important;letter-spacing: 0px !important;} /* .fusion-footer .widget-title:after {content: "";background: #fff;position: absolute;top: 30px !important;left: 0;width: 55% !important;height: 2px !important;} */ .infos_foot i {font-size: 19px !important;width: 20px !important;margin-right: 2px !important;} .fusion-footer .header_fb_icons{display: none !important;} .fusion-footer-widget-column h4{font-weight: bold !important; font-size: 20px !important; text-transform: initial !important;} .fusion-footer .textwidget.custom-html-widget {font-weight: 600 !important;} .fusion-footer ul#menu-main-menu-1 {font-weight: 600 !important;} .fusion-footer .copyright_content {font-weight: 100 !important;} b.copy-sep {font-weight: 100 !important;} .flex_it i { width: 40px; height: 40px; text-align: center; color: #a2c839 !important; padding: 8px; margin: 0px 10px 0px 5px !important; background-color: transparent !important; border-radius :9px !important; border: 0px solid #72CCE6 !important; } .flex_it {display: flex;align-content: center;margin-bottom: 20px; font-weight: 100 !important; font-size: 16px !important; text-transform: lowercase !important;} #menu-main-menu-1 {columns: 2;} .ln22 {line-height: 22px !important;align-items: center;} .fusion-footer-widget-area .widget_nav_menu>div>ul>li:first-child {padding-top: 10px !important;} .footeri .fa-facebook-f { color: #fff !important; border: 3px solid transparent; padding: 5px 9px; border-radius: 35%; font-size: 33px; background-color: transparent !important; font-weight: 100 !important; } .footeri .fab.fa-instagram { color: #029957; border: 0px solid #029957; padding: 5px 9px; border-radius: 50%; font-size: 40px; background-color: #fff; } .fusion-footer section#media_image-2 { margin-top: 45px !important; } span.tp_tit { font-weight: bold; font-size: 18px; } .fusion-footer-widget-area .widget-title{color: #fff !important; text-transform: uppercase !important;} .footeri {display: flex;align-items: center;} #footer .fusion-row {padding: 20px 0px 20px;border-top: solid 0px #000 !important;max-width: 1188px !important;margin: 0 auto;} .fusion-footer .fusion-columns.fusion-columns-3.fusion-widget-area {padding-top: 0px;} .footeri a:hover i {color: #a2c839 !important;border-color: transparent !important;background-color:transparent !important;} .fusion-footer-widget-area .widget li a:before{display:none !important;} .fusion-footer-widget-area ul li {padding-left: 0px !important;} .fusion-footer-widget-area ul li{padding: 0px 10px 9px 0px !important;} .fusion-footer-widget-area ul li a {font-size: 15px!important; font-weight: 100 !important;} .fusion-footer-widget-area .widget_nav_menu>div>ul>li:first-child {padding-top: 0px !important;} .fusion-footer-widget-column {margin-bottom: 20px !important;} /*.fusion-footer .sub-menu{display:none !important;}*/ .fusion-footer #custom_html-3 .textwidget.custom-html-widget{display: flex;} .fusion-widget-area .children, .fusion-widget-area .sub-menu { margin-left: 0px !important; } .fusion-footer .mn_non > a { display: none !important; } .fusion-footer-widget-area .widget_nav_menu ul ul li a { padding-top: 0px !important; } .fusion-footer .fusion-widget-area .widget_nav_menu .sub-menu { padding-top: 0px !important; } .fusion-footer .widget_media_image img{ max-width:150px !important; } @media only screen and (max-width: 1024px){ .fusion-footer-widget-area .fusion-row {padding: 0 !important;} h2.title_style_j:before{content : none !important} } @media only screen and (min-width: 801px){} @media only screen and (max-width: 800px){ .fusion-footer .fusion-footer-widget-column {margin-bottom: 0px !important;} .fusion-footer .fusion-columns.fusion-columns-3.fusion-widget-area {padding-top: 0px!important;} } @media only screen and (min-width: 497px){.fusion-footer .menu-item.menu-item-type-post_type{border: none !important;}} @media only screen and (max-width: 497px){ .home .fusion-logo{display: block !important;} /*footer style*/ .new_footer {display: none !important;} .fusion-footer .fusion-footer-widget-area .fusion-row {border-top: none !important;padding-top: 0px !important;} .fusion-footer .menu li {border-bottom: solid 1px #fff !important;} .fusion-footer .menu li.item-parent-mn{border:unset !important;} .fusion-footer .menu {columns: unset !important;} .fusion-footer .fusion-column.col-lg-4.col-md-4.col-sm-4 {margin-bottom: 0px !important;} section#custom_html-2, section#custom_html-3, section#media_image-2{display: none !important;} } @media screen and (max-width: 800px) and (min-width: 540px){ .fusion-footer footer .fusion-columns .fusion-column:nth-child(2) { width: 45% !important; float: left !important; margin-bottom: 0 !important; } .fusion-footer footer .fusion-columns .fusion-column:nth-child(1){ width: 45% !important; float: left !important; } } @media only screen and (min-width: 1500px){ .logo_lef{position: absolute; left: 372px;} .cop_rig{margin-left: 383px;} .fusion-footer footer .fusion-columns .fusion-column{padding-left: 17px !important; padding-right: 11px !important;} } /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin contact page style***------------------------------------------------------*/ @media only screen and (min-width: 801px){.page-contact .col-md-6{width: 50% !important;float: left !important;}} .page-contact input,.page-contact textarea{color:#000 !important;font-weight: bold !important;padding: 12px 10px !important;border: solid 1px #a2c839 !important;border-radius:50px !important;margin-top: 10px !important;margin-bottom: 5px !important;height: auto !important} .page-contact input[type="radio"]{margin-top:2px !important;} .page-contact .input_radio {margin-top: 8px !important;margin-bottom: 8px !important;} .page-contact [class^='col-md-']{padding-left: 10px !important;padding-right: 10px !important;} .page-contact input[type="submit"]{color: #fff !important;padding: 18px 55px !important;margin-top: 10px;background: #a2c839 !important;border: 2px solid #a2c839 !important; border-radius:10px 0px 10px 0px !important;} .page-contact input[type="submit"]:hover{background: #4b4b4b !important; color: #fff !important; border: 2px solid #4b4b4b !important;} .page-contact .contact-infos{font-size:16px !important;color: #000 !important;background: #f1f1f1;padding: 8px 5px !important;margin-bottom: 10px !important;border: none !important;} .page-contact .contact-infos i {width: 25px !important;text-align: center !important;color: #DD241F !important;display: inline-block;margin-bottom: 5px !important;} .page-contact .h2_title_contact{margin-bottom: 10px !important;background: #2875c5 !important;color: #fff !important;padding: 14px 5px !important;text-transform: uppercase;letter-spacing: 1px !important;box-shadow: 1px 1px 9px -2px #2875c5;font-size:20px !important} .page-contact input[type=number]::-webkit-inner-spin-button,.page-contact input[type=number]::-webkit-outer-spin-button {-moz-appearance: none !important;-webkit-appearance: none; margin: 0 !important;} input.wpcf7-not-valid, select.wpcf7-not-valid{border: 1px solid red !important;box-shadow: 0px 0px 14px -2px red !important;} .error_acc .wpcf7-not-valid-tip{display:block !important} .error_acc .wpcf7-list-item {margin: 0px !important;} .col-hov p {font-size: 16px !important;line-height: 22px !important;} .col-hov .link_phone1:hover{color: #4b4b4b !important;} .col-hov{border-radius:15px !important;} .col-hov:hover{background-color:#a6ce3a !important;color:#fff !important;} .col-hov:hover * {color: white !important;} .page-contact .input-label{position:relative;z-index:1 !important;margin-bottom:20px !important;} .page-contact .sp-label {position:absolute;left:20px;top:-5px;background:#fcfcfc;padding:0px 10px;z-index:9 !important; color: #000 !important;} .page-contact .input-label { position: relative; z-index: 1 !important; font-size: 14px !important; color: #757575 !important; } @media only screen and (max-width: 800px){ .page-contact .h2_title_contact {font-size: 18px !important;letter-spacing: 0px !important;} .page-contact [class^='col-md-']{padding-left: 0px !important;padding-right: 0px !important;width: 48% !important;float: left !important;margin: 1% !important;} .page-contact .input_adress {width: 98% !important;} .img_contact {margin-top: 27px !important;} } @media only screen and (max-width: 600px){ .page-contact [class^='col-md-']{width: 100% !important;margin:0px !important} .page-contact .col-md-6.left_pos {width:48% !important} } @media only screen and (max-width: 497px){ .page-contact .col-md-6.left_pos {text-align: left !important;width:100% !important;margin:0px !important;} } @media only screen and (min-width: 1500px){ .section-ctct iframe {height: 1018px !important;} } /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin Actualites page style***------------------------------------------------------*/ .single #main,.blog #main{padding-top: 30px !important;padding-bottom: 30px !important} .single article .slides img{max-width: 800px !important;max-height: 600px !important;margin: 0 auto !important;} .fusion-read-more{background: #2875c5 !important;color: #fff !important;padding: 5px 20px;} .fusion-read-more:hover{background:#165699 !important} .fusion-read-more:after{display: none !important;} /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin Responsive Media query style***------------------------------------------------------*/ /*------------***Begin minimum desctop Media query style***------------*/ @media only screen and (min-width: 801px){ /*style header*/ /*.home .fusion-header-wrapper:not(.fusion-is-sticky) {height: 200px !important;background-image: linear-gradient(rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.05),rgba(0, 0, 0, 0));}*/ /*style home & pages content*/ /*style footer*/ /*Tidio sticky-up*/ #tidio-chat-iframe{bottom: 50px !important;} /*center_content side by side with iframe facebook*/ .minh_fb_txt .fusion-column-wrapper{min-height: 500px !important;} } /*------------***Begin ipad pro Media query style***------------*/ @media only screen and (max-width: 1024px){ /*style header*/ /*style home & pages content*/ /*style footer*/ } /*------------***Begin resize recaptcha size***------------*/ @media only screen and (max-width: 880px){ #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} } /*------------***Begin Tablet Media query style***------------*/ @media only screen and (max-width: 800px){ /*style header for Tablet & Mobile*/ .fusion-header {padding-top: 10px !important;padding-bottom: 10px !important;padding-left: 10px !important;padding-right: 10px !important;} .fusion-mobile-menu-icons {margin-top: 5px !important;} .fusion-mobile-menu-icons a{margin-left: 5px !important;} .fusion-icon.fusion-icon-bars:before,.fusion-icon.awb-icon-bars:before{font-size: 35px !important;line-height: normal !important;} .fusion-mobile-menu-icons a:after, .fusion-mobile-menu-icons a:before {color: #2875c5 !important;} .fusion-mobile-menu-icons a:hover:after, .fusion-mobile-menu-icons a:hover:before {color: #165699 !important;} .fusion-logo img{max-height: 55px !important;width: auto !important;} .fusion-mobile-nav-holder .menu_icon_fb{display:none !important;} .fusion-open-submenu:before {margin-right: 20px !important;} .fusion-header .icon_mobil_menu {background: #a2c839 !important; color: #fff !important;font-size: 17px !important; margin-top: 4px !important; padding: 16px 13px ; border-radius: 50% !important; vertical-align: middle; line-height: normal !important; width: 30px !important; height: 30px ; -webkit-display: flex !important;-moz-display: flex !important;-ms-display: flex !important;-o-display: flex !important;display: flex !important;justify-content: center;align-items: center;} .fusion-header .icon_mobil_menu:hover{background: #4b4b4b !important; color: #fff !important;} /*style home & pages content*/ .minh_m .fusion-column-wrapper{min-height: 0px !important;} .minh_m .fusion-column-wrapper .fusion-column-content-centered{min-height: 0px !important;} .col_vide {display:none !important;} /*taille du h1 en responsive*/ body .fsm_h1{font-size: 20px !important;line-height: normal !important;} /*taille du h2 en responsive*/ body .fsm_h2{font-size: 18px !important;line-height: normal !important;} /*taille du h3 en responsive*/ body .fsm_h3{font-size: 17px !important;line-height: normal !important;} /*taille du texte de bloc contact en bas des pages en responsive*/ body .fsm_cont{font-size: 17px !important; line-height: normal !important;} /*taille du grand texte personnalise sur les pages en responsive*/ body .fsm_txt{font-size: 16px !important;line-height: normal !important;} /*class a mettre dans tout les containers du site pour minimiser les padding en responsive */ body .contm_pad_container{padding:20px !important;} body .contm_pad{padding: 15px 15px !important;margin-top: 0px !important;margin-bottom: 0px !important;} body .contm_pad .fusion-column-wrapper{padding: 15px !important;} body .pd0_list_m .fusion-column-wrapper{padding:0px !important;} /************** class pour les inners colomns******************/ body .display_inner_grids .fusion-column-wrapper .fusion-builder-row {-webkit-display: flex !important;-moz-display: flex !important;-ms-display: flex !important;-o-display: flex !important;display: flex !important;display: flex;flex-direction: column;} /************** class pour le countainer ******************/ body .display_grids .fusion-builder-row {-webkit-display: flex !important;-moz-display: flex !important;-ms-display: flex !important;-o-display: flex !important;display: flex !important;display: flex;flex-direction: column;} /************** class pour titre colomn ******************/ body .colomn_title {order: 1 !important;} /************** class pour text colomn ******************/ body .colomn_txt {order: 2 !important;} /************** class pour image colomn ******************/ body .colomn_img {order: 3 !important;} /*style footer*/ .fusion-footer .coherence-logo svg{margin-right: 0px!important;} .fusion-footer .div_copyright a{display: block !important;} .fusion-footer .sep-copy{display:none !important;} /*style mobile for elements*/ #tidio-chat-iframe{bottom: 70px !important;} } /*------------***Begin between Tablet & Mobile Media query style***------------*/ @media only screen and (min-width: 498px) and (max-width: 800px){ /*style header*/ /*style home & pages content*/ /*style footer*/ } /*------------***Begin Mobile Media query style***------------*/ @media only screen and (max-width: 497px){ /*hide slider home*/ .home #sliders-container{display:none !important;} /*style title bar mobile for home*/ body.home .fusion-page-title-bar {display: block !important;height: auto !important;min-height: 320px !important;padding: 0px 0px !important; background-attachment: initial !important;} body.home .fusion-page-title-bar .fusion-page-title-row {padding: 15px 15px !important;background: rgba(0, 0, 0, 0.5) !important;min-height: 320px !important;} body .Tbar_title {text-transform: uppercase;color: #fff !important;font-size: 18px;max-width: 320px !important;margin: 0 auto !important;font-weight: 700 !important;letter-spacing: 1px !important;padding-bottom: 6px !important;text-shadow: 0px 0px 1px #000 !important;border-bottom: solid 1px #a2c839 !important;line-height: normal !important;margin-bottom: 15px !important;display: inline-block;} body .Tbar_txt {color: #fff !important;text-shadow: 0px 0px 1px #000 !important;font-size: 15px !important;max-width: 320px !important;margin: 0 auto !important;} body .Tbar_btn {display: inline-block !important;margin-top: 15px !important;} body .Tbar_btn a {background: #a2c839 !important;padding: 8px 30px;display: inline-block !important;color: #fff !important;font-size: 15px !important;text-transform: uppercase;letter-spacing: 1px !important;} body .Tbar_btn a:hover{background: #4b4b4b !important;} /*style home & pages content*/ /*style footer*/ .fusion-footer .fusion-footer-widget-area .fusion-row {border-top: none !important;padding-top: 0px !important;} .fusion-footer .menu {padding-top: 0px !important;border-top: unset !important;padding-bottom: 0px !important;} .fusion-footer .menu li {display: block !important;text-align: left !important;margin-bottom: 7px !important;padding: 0px 7px 7px 0px !important;line-height: normal !important;border-bottom: solid 1px rgba(255, 255, 255, 0.5) !important;} .fusion-footer .menu li.hide-rub-menu {display: none !important;} .fusion-footer .menu li a:after {display:none !important;} } @media screen and (max-width: 760px){ .second_h1 {font-size: 27px !important;margin-left: 0px !important;} body .fusion-button.btn_about{margin-top: 3px !important;} body .content1 {padding-top: 15px !important;} .title_prestah2 h2 {font-size: 26px !important;} .col_presta{margin-bottom: 30px !important;} .col_presta {transition: none !important;} .col_presta:hover{transform:none !important;} .presta_befor:before, .content2_home:before{display: none !important;} .col_parten .flex-control-nav {bottom: -15px !important;} body .fusion-button.btn_presta{margin-top: 2px !important;} .title_prestah3 h3 {font-size: 23px !important;} .title_prestah3 {top: 310px !important;} .title_prestah3:before {width: 54px !important;height: 66px !important;left: -74px !important;top: -12px !important;} .col_presta:hover .title_prestah3 {top: 0px !important;} .image_pf {top: 0px !important;left: 0px !important;} .col_pf_title:before {width: 125px !important;right: -1px !important;bottom: 99px !important;} .col_pf_img{margin-top: 140px !important;} .col_pf_img:before {width: 167px !important;left: -10px !important;bottom: 65px !important;} .second_tpf {font-size: 35px !important;} .third_tpf {font-size: 35px !important;top: -116px !important;} .first_tpf {font-size: 35px !important;} .content4_home:before {width: 100% !important;height: 100% !important;border-radius: 0px 0px 0px 0px !important;} .col_fb_title:before {width: 112% !important;height: 102% !important;left: 0px !important;top: 0px !important;} .cstm_ifrim iframe {border: 10px solid #A2C839 !important;width: 370px !important;} .cstm_ifrim span:before{right: -12px !important;} .cstm_ifrim:after {height: 3% !important;left: 15px !important;} ul#menu-main-menu-1 a {text-align: center !important;} .fusion-footer .widget-title {width: auto !important;} .fusion-footer-widget-column h4{text-align: center !important;} footer.fusion-footer-widget-area.fusion-widget-area {padding-top: 20px !important;} .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu, .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-mobile-menu {width: 100% !important;text-align: center !important;padding: 100px 0 20px 0px !important;} a.icon_mobil_menu{right: 45px !important;} .fusion-is-sticky .fusion-header {height: 86px !important;} .fusion-logo img {max-height: 90px !important;} .fusion-is-sticky .fusion-logo img {width: auto;max-width: 60px;} .fusion-flyout-menu-icons {margin-top: -42px !important;} .fusion-is-sticky .fusion-logo {max-width: 28% !important;} .fusion-header {padding-top: 0px !important;padding-bottom: 0px !important;} .page-contact input, .page-contact textarea{margin-top: 26px !important;margin-bottom: 18px !important;} .col-hov{margin-bottom:10px !important;} body .content1_home {padding-top: 0px !important;margin-top: -11px !important;} .fusion-header {height: 100px !important;} } @media screen and (min-width: 300px) and (max-width: 320px){ .title_prestah3 { margin-left: 63px !important; } /* .title_prestah3 {top: 410px !important;} */ .col_presta:hover .title_prestah3 {top: 0px !important;} .image_pf {top: 0px !important;left: 0px !important;} .col_pf_title:before {width: 125px !important;right: -1px !important;bottom: 99px !important;} .col_pf_img{margin-top: 140px !important;} .col_pf_img:before {width: 167px !important;left: -10px !important;bottom: 9px !important;} .second_tpf {font-size: 35px !important;} .third_tpf {font-size: 35px !important;top: -116px !important;} .first_tpf {font-size: 35px !important;} .content4_home:before {width: 100% !important;height: 100% !important;border-radius: 0px 0px 0px 0px !important;} .cstm_ifrim iframe {border: 10px solid #A2C839 !important;width: 100% !important;width: 266px !important;} .cstm_ifrim span:before {right: -13px !important;} .cstm_ifrim:after {height: 2% !important;left: 11px !important;} } @media screen and (min-width: 761px) and (max-width: 1022px){ .fusion-is-sticky .fusion-header {height: 109px !important;} .fusion-header {height: 118px !important;} .fusion-logo img {max-height: 100px !important;} .fusion-is-sticky .fusion-logo img {width: auto;max-width: 60px;} .fusion-flyout-menu-icons {margin-top: -34px !important;} body .content1_home {margin-top: -115px !important;} .col_txt_about:before {border-radius: 40px;background-image: none !important;width: 100% !important;height: 100% !important;left: 0px !important;top: 0px !important;background-color: #f6f6f6;} /* .fusion-layout-column.fusion_builder_column.fusion-builder-column-3.fusion_builder_column_1_3.\31 _3.fusion-one-third.fusion-column-first.col_presta.minh{width: 48% !important} .fusion-layout-column.fusion_builder_column.fusion-builder-column-4.fusion_builder_column_1_3.\31 _3.fusion-one-third.col_presta.minh{width: 48% !important; margin-left: 28px !important} .fusion-layout-column.fusion_builder_column.fusion-builder-column-5.fusion_builder_column_1_3.\31 _3.fusion-one-third.fusion-column-last.col_presta.minh.presta_befor{width: 48% !important; margin-top: 30px !important;} */ body .content2_home .fusion-builder-row {display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;align-content: flex-start !important;justify-content: center;} .col_presta { transition: none !important; width: 51% !important; margin-bottom: 20px !important; margin-left: 0px !important; margin-right: 0px !important; } .col_presta:hover{transform:none !important;} .col_presta .fusion-column-wrapper{height: 565px !important;} .presta_befor:before, .content2_home:before{display: none !important;} li.wpmf-gallery-item.item {width: 250px !important;} .image_pf {top: 0px !important;left: 0px !important;} .col_pf_img{margin-top: 0px !important;} .content4_home:before {width: 100% !important;height: 100% !important;border-radius: 0px 0px 0px 0px !important;} .col_pf_title:before{right: 54px !important; bottom: 397px !important;} .col_pf_img:before{left: 10px !important;bottom: 756px !important; width: 190px !important;} .col_fb_title:before {width: 100% !important;height: 100% !important;left: 0px !important;top: 0px !important;} footer.fusion-footer-widget-area.fusion-widget-area {padding-top: 30px !important;} .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu, .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-mobile-menu {width: 100% !important;text-align: center !important;padding: 145px 0 20px 0px !important;} .col-hov{margin-bottom:10px !important;} } .col_presta .fusion-column-wrapper { height: 430px !important; } @media screen and (min-width: 1022px) and (max-width: 1220px){ .col_presta .fusion-column-wrapper { height: 480px !important; } } @media screen and (min-width: 1023px) and (max-width: 1438px){ /* .fusion-flyout-active .fusion-menu:before{display: none !important;} */ .col_txt_about .fusion-column-wrapper {padding-top: 0px !important;} body .fusion-button.btn_about{margin-top: 3px !important;} .second_h1 {font-size: 32px !important;} .col_txt_about:before{top: -34px !important; height: 576px !important;} .title_prestah3 h3 {font-size: 24px !important;} .title_prestah3 {margin-left: 50px !important;} .title_prestah3:before{width: 50px !important;} /* .col_presta .fusion-column-wrapper{height: 687px !important;} */ /* .title_prestah3{top: 470px !important;} */ .col_presta:hover .title_prestah3{top: 0px !important;} li.wpmf-gallery-item.item {width: 238px !important;} .content4_home:before {width: 100% !important;height: 100% !important;border-radius: 0px 0px 0px 0px !important;} .image_pf {top: 129px !important;left: 147px !important;} .col_pf_img:before {width: 216px !important;left: -44px !important;bottom: 448px !important;} .col_pf_title:before {right: -100px !important;bottom: 202px !important;} .col_pf_title:after {width: 161px !important;right: -172px !important;bottom: 400px !important;} .first_tpf {font-size: 40px !important;} .second_tpf {font-size: 40px !important;} .third_tpf {font-size: 40px !important;top: -65px !important;} .content5_home:before{top: 110px !important} footer.fusion-footer-widget-area.fusion-widget-area {padding-top: 20px !important;} /* .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu, .fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-mobile-menu {width: 100% !important;text-align: center !important;padding: 322px 0 20px 0px !important;} */ .fusion-is-sticky .fusion-logo img {height: 59px;} .fusion-is-sticky .fusion-header {height: 87px !important;} } @media screen and (min-width: 1439px) and (max-width: 1500px){ .col_pf_title:after{bottom: 419px !important;} .col_pf_title:before{bottom: 249px !important;} /* .fusion-menu:before {height: 100% !important;left: -814px !important;bottom: -234px !important;} */ .fusion-is-sticky .fusion-logo img {height: 59px;} .fusion-is-sticky .fusion-header {height: 87px !important;} /* .col_presta .fusion-column-wrapper {height: 527px !important;} */ } @media screen and (min-width: 1510px){ /* .col_presta .fusion-column-wrapper {height: 535px !important;} */ .marg_h1{margin-left: 52px;} } /*------------------------------------------------------***End Media query***------------------------------------------------------*/ /*------------------------------------------------------***Begin mentions & politique pages style***------------------------------------------------------ .page-id-10 #main h2,.page-id-9 #main h2 {background: #2875c5 !important ;padding: 10px 10px !important;color: #fff !important;font-size:20px !important}*/ .politiquetitle {background: #a2c839 !important;padding: 10px !important;color: #fff !important;font-size: 30px !important;margin-top: 50px !important;margin-bottom: 30px !important;} .mentions h3 {background: #4b4b4b !important;padding: 10px !important;color: #fff !important;font-size: 30px !important;margin-top: 50px !important;margin-bottom: 30px !important;} .mentions input.wpcf7-form-control.wpcf7-submit {background-color: #4b4b4b !important;color: #fff !important;border: 2px solid #4b4b4b !important; border-radius: 10px 0px 10px 0px !important;} .mentions input.wpcf7-form-control.wpcf7-submit:hover {background-color: #a2c839 !important;color: #fff !important;border: 2px solid #a2c839 !important;} /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin ERROR PAGE 404 style***------------------------------------------------------*/ .error404 #main .fusion-row { max-width: 1600px !important; } .error404 h1, .error404 h2, .error404 h3, .error404 h4, .error404 h5, .error404 h6, .error404 div, .error404 p { font-family: "Open Sans" !important; } .error404 main#main { padding-top: 100px !important; padding-bottom: 100px !important; } .error404 .oups_txt { color: #373a3d !important; font-size: 80px !important; font-weight: 900; } .error404 .title-heading-left { color: #7f8f96 !important; font-size: 20px !important; font-weight: 300 !important; line-height: normal !important; } .error404 .code_err { color: #373a3d !important; font-weight: bold; font-size: 14px !important; } .error404 .error-useful-links { color: #7f8f96 !important; font-weight: 300 !important; font-size: 14px; } .error404 span.icon-wrapper.circle-yes { border: 1px solid #373a3d !important; background: #fff !important; } .error404 span.icon-wrapper.circle-yes .fusion-li-icon { color: #373a3d !important; } .error404 .fusion-checklist .menu-item .fusion-li-item-content a { color: #3aaee4 !important; } .error404 .fusion-checklist .menu-item .fusion-li-item-content a:hover { color: #373a3d !important; } @media only screen and (max-width: 800px) { .title_prestah3 h3 { font-size: 22px !important; } body .content2_home .fusion-builder-row {display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;align-content: flex-start !important;justify-content: center;} .col_presta { transition: none !important; max-width: 60% !important; margin-bottom: 20px !important; margin-left: 0px !important; margin-right: 0px !important; } .error404 main#main { padding-top: 50px !important; padding-bottom: 50px !important; } .error404 .oups_txt { font-size: 50px !important; } .error404 .title-heading-left { font-size: 17px !important; } } @media only screen and (max-width: 550px) { .col_presta { max-width: 95% !important; } } /*------------------------------------------------------***End***------------------------------------------------------*/ a.icon_mobil_menu { right: 65px; position: relative; font-size: 27px !important; color: #fff !important; background-color: #A2C839; padding: 1px 15px; border-radius: 50%; } .fusion-is-sticky a.icon_mobil_menu{ color: #fff !important; } a.icon_mobil_menu:hover{ color: #4B4B4B !important; } @media screen and (min-width: 761px) and (max-width: 1022px){ .col_pf_img:before { left: 10px !important; bottom: 870px !important; width: 190px !important; } .col_pf_title:before { right: 54px !important; bottom: 330px !important; } } @media screen and (min-width: 800px) and (max-width: 1023px){ .col_pf_title:before { right: 54px !important; bottom: -178px !important; max-width: 120px; } .col_pf_img:before { left: 10px !important; bottom: 0px !important; width: 190px !important; } } @media screen and (max-width: 760px){ .col_pf_img:before { width: 167px !important; left: -10px !important; bottom: 290px !important; } } @media only screen and (min-width: 300px) and (max-width: 400px){ .col_pf_title:before { width: 115px !important; right: -20px !important; bottom: 20px !important; } .col_pf_img:before { width: 167px !important; left: -10px !important; bottom: 50px !important; } } @media screen and (max-width: 1023px){ ul#menu-main-menu { max-width: 100%; } .fusion-menu:before { width: 100%; height: 100%; } } .ifrm_fb iframe { border: solid 15px #a2c839 !important; border-radius: 30px; } .txt_presta { font-size: 12px !important; } .title_prestah3 h3 { font-size: 24px !important; } .wrpal { display: flex; } .icon_h1 { width: 40px; height: 40px; min-width: 40px; max-width: 40px; } .second_h1 { font-size: 37px !important; margin-left: 0px !important; } body .wrpal * { font-size: 28px !important; } /* SAV Maj */ .befrTitle1 h2, .befrTitle2 h2, .befrTitle1 h3, .befrTitle2 h3{ position: relative;padding-left: 50px !important; } .befrTitle1 h2:before, .befrTitle1 h3:before { content: ""; width: 40px; height: 40px; background: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-flowers.png) no-repeat center; background-size: contain; position: absolute; left: 0; top: 0; animation: rotateThis1 8s ease infinite; } .befrTitle2 h2:before, .befrTitle2 h3:before{ content: ""; width: 40px; height: 40px; background: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Groupe-15973.png) no-repeat center; background-size: contain; position: absolute; left: 0; top: 0; animation: rotateThis1 8s ease infinite; } @media screen and (max-width: 800px){ .col_pf_img:before { bottom: 120% !important; } .col_txt_about:before { height: 110% !important; top: 0px !important; } .col_txt_devise:before { background-image: url(https://www.coulonnier-fleuriste-paysagiste.fr/wp-content/uploads/2022/03/Coulonnier-amenagement-paysager-a-pouance-Rectangle-1.png); background-size: cover; width: 100%; height: 100%; left: 0px; top: 0; } } @media screen and (max-width: 760px){ .col_pf_img { margin-top: 20px !important; } } @media screen and (max-width: 500px){ .col_pf_img:before { bottom: 40% !important; width: 100px !important; } .wrpal { display: flex; flex-direction: column; } .befrTitle1 h2, .befrTitle2 h2, .befrTitle1 h3, .befrTitle2 h3{ position: relative; padding-left: 0px !important; padding-top: 50px !important; font-size: 25px !important; } .form_devis .col-md-8, .form_devis .col-md-4 { margin: 12px 0px; } .page-id-19 h1 .second_h1, .page-id-19 h1 .first_h1 { font-size: 25px !important; line-height: 30px !important; display: inline-block; } } @media screen and (max-width: 430px){ .col_pf_img { margin-top: 20px !important; } .col_devise .icon_boxes_wrapper .icon_box { width: calc(100% - 20px); } } /*** demande via skype ***/ body .cstm_real .gallery.carousel .wpmf-gallery-item { border-radius: 20px !important; } img.icon_realisah2, img.icon_fbh2, img.icon_pfh2, img.icon_parteh2, img.icon_prestah2, img.icon_h1, .befrTitle1 h2:before, .befrTitle1 h3:before, .befrTitle2 h2:before, .befrTitle2 h3:before { display: none; } .fusion-read-more { display: inline-block; } /** lp - respo **/ @media screen and (max-width: 1024px){ .col_txt_about:before{ height: inherit !important; } } @media screen and (max-width: 800px){ #sliders-container:before{ display:none !important; } } .equal_height1 a { min-height: 80px; align-items: center; display: flex; } .post .fusion-flexslider.flexslider.fusion-flexslider-loading.post-slideshow.fusion-post-slideshow { margin-top: 272px; } @media screen and (max-width: 1022px){ .post .fusion-flexslider.flexslider.fusion-flexslider-loading.post-slideshow.fusion-post-slideshow {margin-top: 0px;} .post-template-default #main{padding-left: 3px !important; padding-right: 3px !important;} } article h1{text-align:center !important;} /**************************************** normal module ******************************************************/ /* button slide-in */ .show_slidine { background: var(--awb-color1); padding: 14px 30px; position: fixed; right: -109px; top: 50%; z-index: 9999; color: #fff; border-radius: 20px 20px 0px 0px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: 'Poppins'; font-size: 15px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-transform: uppercase; box-shadow: 0px 0px 10px #fff; } .show_slidine:hover { background: #000; } .show_slidine.hidebtn{ opacity:0; -webkit-transform:translateX(100%) rotate(-90deg); -ms-transform:translateX(100%) rotate(-90deg); transform:translateX(100%) rotate(-90deg); } /* slide-in */ .infos_site { margin-top: 25px; } span.content-info, span.content-info a,p.p_slidein { color: #fff; } span.content-info a:hover{ color: var(--awb-color2); } p.p_slidein { margin-top: 7px; } span.content-info a:hover { text-decoration:underline; } .infosclient { display: none; } .slide_in{ position: fixed; background: var(--awb-color1); width: 400px; top: 35%; right: 0px; padding: 30px; z-index: 9999; -webkit-box-shadow: 0px 0px 15px #0000005c; box-shadow: 0px 0px 15px #0000005c; border-radius: 20px 0px 0px 20px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; border: 8px solid #fff; } .slide_in.showme{ -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity:1; } .titleslide { font-family:var(--awb-typography2-font-family); font-size:28px; color: #fff; font-weight: 500; } .icon-info { } hr.sep_slide { width:25%; height: 2px; background-color:var(--awb-color2); border: none; margin-left:0px } .flex-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .icon-info { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* margin-right: 10px; */ color: var(--awb-color1); height: 30px; width: 30px; font-size: 17px; border-radius: 10px; padding: 5px 0px; margin-right: 15px; background: #fff; } /* close slide */ .head_slidine { position: absolute; top: 12px; right: 15px; color: #fff; border: 2px solid; padding: 3px 9px; border-radius: 50%; font-size: 15px; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: flex; align-items: center; justify-content: center; height: 30px; width: 30px; } .head_slidine:hover { color: var(--awb-color2); } /* button contact*/ a.butcontact_slide { padding: 12px 10px 14px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; color: var(--awb-color1); border-radius: 6px; text-align: center; font-family: var(--body_typography-font-family); font-weight: 700; font-size: 16px; border: 2px solid #fff; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; cursor:pointer; text-transform: uppercase; margin-top: 30px } a.butcontact_slide:hover { background: transparent; color: #fff; } .mobilebut{display:none} @media screen and (max-width:1500px){ .show_slidine { padding: 16px 25px; } } @media screen and (max-width:800px){ .show_slidine { background: var(--awb-color1); padding: 10px 25px; } } @media screen and (max-width:600px){ .col_fb{ display:none !important; } .mobilebut { display: block; height: -webkit-max-content; height: -moz-max-content; height: max-content; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 20px; -webkit-transform: unset; -ms-transform: unset; transform: unset; border-radius: 50%; padding: 5px; right: 0; left: 15px; bottom: 20px; top: unset; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; } .desktopbut{display:none} .slide_in{ width:calc(98% - 70px); top:unset; bottom:0px; right:unset; left:0px; padding:15px; border-radius:10px 10px 0px 0px; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); } .show_slidine.hidebtn{ opacity:0; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); } .slide_in.showme{ -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); opacity:1; } } @media screen and (max-width:400px){ .head_slidine { position: absolute; top: 5px; right: 5px; } } @media screen and (max-width:330px){ .slide_in{ width:98% ; margin-inline:auto; right:0px; } } .icon-info.fas.fa-clock { width: 46px; } .fusion-flyout-menu-icons { display: flex !important; align-items: center !important; flex-direction: row-reverse !important; column-gap: 25px; } .res_div { display: flex; align-items: flex-end; justify-content: end; column-gap: 15px; } @media screen and (max-width:800px){ .fusion-flyout-menu-icons { display: flex !important; align-items: center !important; flex-direction: row-reverse !important; column-gap: 48px; margin-right: 10px !important; } } .PDS-hover {pointer-events: initial !important}