/*
Theme Name: Sunny Systems
Version: 1.0
Description: A child theme of Divi
Author: CBP
Template: Divi
*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
@import url("../Divi/style.css");

@font-face {
    font-family: 'TimeBurner';
    src: local('TimeBurner Bold'), local('TimeBurner-Bold'),
    url('/wp-content/themes/sunnysystems/fonts/timeburner/TimeBurner-Bold.woff2') format('woff2'),
    url('/wp-content/themes/sunnysystems/fonts/timeburner/TimeBurner-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TimeBurner';
    src: local('TimeBurner'),
    url('/wp-content/themes/sunnysystems/fonts/timeburner/TimeBurner.woff2') format('woff2'),
    url('/wp-content/themes/sunnysystems/fonts/timeburner/TimeBurner.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aspace';
    src: local('ASpace'),
    url('/wp-content/themes/sunnysystems/fonts/aspace/A-SpaceLight.woff2') format('woff2'),
    url('/wp-content/themes/sunnysystems/fonts/aspace/A-SpaceLight.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aspace';
    src: local('ASpace Bold'), local('ASpace-Bold'),
    url('/wp-content/themes/sunnysystems/fonts/aspace/A-SpaceBold.woff2') format('woff2'),
    url('/wp-content/themes/sunnysystems/fonts/aspace/A-SpaceBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aspace';
    src: local('ASpace Black'), local('ASpace-Black'),
    url('/wp-content/themes/sunnysystems/fonts/aspace/A-SpaceBlack.woff2') format('woff2'),
    url('/wp-content/themes/sunnysystems/fonts/aspace/A-SpaceBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


html,body{width: 100%;height: 100%;}
body{font-family: 'Open Sans';background:#f7f9f9;}
p{color: #222222;}
h1,h2,h3,h4,h5,h6{font-family: 'Aspace';letter-spacing:2px;}

#page-container{margin-left: 0;margin-top: 0;}
body.home .logo-container{width: 100vw;}
body.home #heroBack .back-img{width:100vw;opacity: .3;}
body.home #heroBack #logo{z-index:1;width: 19vw;}
body.home #main-header{position:absolute;}
body.home #main-content{margin-top:0;}
.et_header_style_left .logo_container{width: auto;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation{padding-left:0 !important;text-align:center;float:none;}
#top-menu, .et-menu, nav#top-menu-nav, nav.et-menu-nav{float:none;}
.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li a{background:transparent !important;border:none !important;color:#FFF !important;font-weight: 400;}
#menu-menu-principale-1{margin-top:40px;}
.et-vert-menu .et_pb_menu__menu > nav > ul#menu-menu-principale-1 > li{margin:3px 0 !important;}
.et_pb_menu_0_tb_header.et_pb_menu ul#menu-menu-principale-1 li:hover a{color: #73C3D5 !important;}
.et_pb_menu_0_tb_header.et_pb_menu ul#menu-menu-principale-1 li.current-menu-item a{color:#FFF !important;}
body.home .et_pb_menu_0_tb_header.et_pb_menu ul#menu-menu-principale-1 li.et_pb_menu_page_id-308 a{color: #73C3D5 !important;}
.et_pb_menu_0_tb_header.et_pb_menu ul#menu-menu-principale-1 li.current-menu-item:hover a{color: #73C3D5 !important;}
#main-header .container{width: 100%;max-width: unset;padding:0 4vw;background:transparent;}
body.home #main-header{background: transparent;box-shadow: none;position: absolute;}
#main-header{background: linear-gradient(45deg, rgba(73,80,99,1) 0%, rgba(30,30,33,1) 100%); box-shadow: none;position: static;}
#main-header .logo_container{position:static;}
#main-header #et-top-navigation{text-align:right;padding-top:0;display:inline-block;position:absolute;right:4vw;top:50%;transform:translateY(-50%)}
#main-header .logo_container{display:inline-block;padding:1vw 0;}
#main-header #logo{position:relative;top:0;left:0;transform:none;width: 5vw;}

body.home #main-header #et-top-navigation{text-align:center;position:static;transform:none;margin-top:5vh;}
body.home #main-header .container{text-align:center;}
body.home #main-header .logo_container{display:none;}

#top-menu li a{font-family: 'Aspace';color:#f7f9f9 !important;font-weight: 600 !important;font-size:1.1em !important;text-transform: uppercase;transition:all .2s ease-in;padding-bottom:10px !important;}
/*#top-menu li:hover a{border-bottom:5px solid #00aba4;color:#00aba4 !important;}*/
#top-menu li a:after {content:'';width:2vw;height:2vw;position:absolute;top:10px;left:50%;background:url('/wp-content/themes/sunnysystems/img/svg/scroll-down.svg') center no-repeat;background-size:100% auto;transform:translateX(-50%) rotate(-45deg) scale(0);transition:all .2s ease-in;}
#top-menu li:hover a:after{transform:translateX(-50%) rotate(-45deg) scale(1);}

.logo-container{width: 20vw;height: 100vh;background: linear-gradient(-45deg, rgba(30,30,33,1) 0%, rgba(73,80,99,1) 100%);position: relative;box-shadow: 0 6px 16px 0px rgba(16, 1, 148, 0.18);}
#logo {width: 20vw;max-height:unset;margin-top:0;height:auto !important;position:absolute;top: 50%;left:50%;transform: translate(-50%,-50%);opacity: .8}
#logotype {width: 40vw;max-height:unset;margin-top:0;height:auto !important;position:absolute;top: 50%;left:50%;transform: translate(-50%,-50%);opacity: .8}

/*.logo-container.animate{animation: 1s ease-in 0.2s 1 scale;}*/
#heroBack .back-img{width: 100vw;height: 100vh;position:absolute;top: -1px;right:0;background-image: url('/wp-content/themes/sunnysystems/img/hero2.jpg');background-size: cover;background-position:bottom center;background-repeat:no-repeat;opacity: .8;}
#section-hero{background: #343743;height: 100vh;}
#heroBack .back-img:before{content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index: 0;
    opacity: .7;
    background: radial-gradient(circle, rgba(0,0,0,0) 46%, rgba(0,0,0,1) 100%);
}
.footer-infos-wrapper{position: absolute;bottom:1vh;width: 100%;}
.copyright{margin-top:0;text-align: center;color:#FFF;display: block;}
.footermenu{display:block;text-align: center;ùmargin-top:10px;}
.footermenu a{color:#FFF !important;font-weight: 400 !important;padding: 0 10px;}
.footermenu .point {font-size: 2em;color: #FFF;position: relative;top: -3px;}
.copyright span{background:#2c2d43;position:relative;z-index:2;padding:0 20px;}
/*.footermenu:before{content:'';width:60%;border-top:1px solid #FFF;display:block;position:absolute;top:10px;margin:0 20%;}*/
.cgu{text-align: center;}
.cgu a{font-size:.9em;color:#FFF;}
.logo-cbp{text-align: center;margin-top:20px;}
#hero{max-width: 100%;width: 100%;position: relative;top:0 !important;}
#hero .et_pb_column_13{-webkit-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));-moz-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));-ms-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));-o-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));}
body.privacy-policy #hero .et_pb_column_4_4{-webkit-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));-moz-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));-ms-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));-o-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));}

#heroBack{
    /* background: #f4f4f4; */
    height:100vh;
    width: 100%;
    max-width:100%;
    margin-bottom:0 !important;
    /*mask-image: url('/wp-content/themes/octave/img/mask.svg');*/
    /*mask-size: cover;*/
    /*mask-position: bottom center;*/
    /*mask-repeat: no-repeat;*/
    /*-webkit-mask-image: url('/wp-content/themes/octave/img/mask.svg');*/
    /*-webkit-mask-size: cover;*/
    /*-webkit-mask-position: bottom center;*/
    /*-webkit-mask-repeat: no-repeat;*/
    z-index: 1;
    }
#heroBackBorder{
    display: none;
    background: #1e1e21;
    width: 100%;
    height: 70.5vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    max-width: 100%;
    margin-bottom: 0 !important;
    mask-image: url('/wp-content/themes/octave/img/mask.svg');
    mask-size: cover;
    mask-position: bottom center;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/wp-content/themes/octave/img/mask.svg');
    -webkit-mask-size: cover;
    -webkit-mask-position: bottom center;
    -webkit-mask-repeat: no-repeat;
    }
#scroll{position: absolute;width: 2.5vw;bottom: 10px;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;opacity: 1;transition: all .2s ease-in}
#scroll.scroll{opacity: 0;}
#scroll img{transition:all .5s ease-in;}
#scroll:hover img{transform: rotate(-45deg) !important;animation:none;}
#apropos .scroll-wrapper{position: absolute;width: 2.5vw;bottom: -5px;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;}
#contact .scroll-wrapper{position: absolute;width: 2.5vw;bottom: -5px;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;}
#boutique .scroll-wrapper{position: absolute;width: 2.5vw;bottom: -5px;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;}

.scroll-wrapper img{transition:all .5s ease-in;}
.scroll-wrapper:hover img{transform: rotate(-45deg) !important;animation:none;}
#services .scroll-wrapper{position: absolute;width: 2.5vw;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;}
#scroll2{opacity: 1;transition: all .2s ease-in}
#scroll2.scroll{opacity: 0;}
#scroll3{opacity: 1;transition: all .2s ease-in}
#scroll3.scroll{opacity: 0;}

/*.scrollup{position: absolute;width: 2.5vw;top: 10px;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;opacity: 1;transition: all .2s ease-in}*/
.scrollup img{transition:all .5s ease-in;transform: rotate(180deg)}
.scrollup:hover img{transform: rotate(135deg) !important;animation:none;}
.scrollup-wrapper{position: absolute;width: 2.5vw;top: 0;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;}

footer{display:block;}
#footer-widgets{display: none;}
#footer-bottom{background: #2c2d43;padding: 40px 0 20px 0;}
#footer-info{color:#FFF;display:table;width: 100%;}
.et_pb_row{max-width: unset;}
.header-text{position:absolute;bottom:4vh;left:2vw;}
.header-text h2{color:#FFF;font-weight:600;font-size:2.5em;}
.header-text h3{color:#FFF;font-weight:400;font-size:2em;}
.curve{width:100%;height:100%;background:#000;clip-path: url(#curve);position:relative;z-index: 1}
.curveborder{content:'';display:block;width:100%;height:100%;background:#bdd0da;position:absolute;top:0;left:0;z-index: -1;clip-path: url(#curve);}
#apropos{/*mask-image: url('/wp-content/themes/octave/img/mask.svg');mask-size: cover;mask-position: top center;mask-repeat: no-repeat;padding-top:200px;-webkit-mask-image: url('/wp-content/themes/octave/img/mask.svg'); -webkit-mask-size: cover;-webkit-mask-position: top center;/* -webkit-mask-repeat: no-repeat; */}
#apropos .encoche-wrapper{width:5vw;top:-1px;right:15vw;position:absolute;padding:0;}
#apropos .encoche-wrapper .encoche svg path{fill:#00aba4;}

#apropos:before{content:'';width:100%;height:100%;display:block;background: radial-gradient(circle, rgba(0,0,0,0) 46%, rgba(0,0,0,1) 100%);position: absolute;top: 0;left: 0;opacity:.5;z-index: -1;}
#apropos:after{content:'';width:100%;height:100%;display:block;background:url('/wp-content/themes/sunnysystems/img/apropos.jpg');background-size:cover;background-position:bottom center;position: absolute;top: 0;left: 0;opacity: .1;filter: grayscale(100%);z-index: -1;}
#apropos h3{color:#00aba4;font-weight:600;font-size:2em;display:block;width:100%;}
#apropos h4{color:#928358;font-weight:600;font-size:1.3em;margin:10px 0 0 0;}
#apropos p{text-align: justify;color:#FFF;}
#apropos .et_pb_row{max-width: unset;}
#apropos .et_pb_text .et_pb_column{float:none;width:100%;}
#apropos .et_pb_button{width:40%;}
#apropos .title-wrapper{transform:translate(-50%,-50%);position: absolute;top:50%;left:50%;}
#apropos .text-wrapper{}
#apropos .title-wrapper h2{font-size:3em;text-align: center;font-weight:400;text-transform:uppercase;padding-bottom:20px;color:#00aba4}
#apropos .title-wrapper h2 span{font-weight:900;}
#apropos .apropos-text{font-size: 1.7em;line-height:1.7em;text-align: justify;margin:0 2%;}
#apropos .et_pb_image img{box-shadow: 0 6px 16px 0px rgba(16, 1, 148, 0.18);border-radius: 6px;opacity: .8;}

#boutique{/*mask-image: url('/wp-content/themes/octave/img/mask.svg');mask-size: cover;mask-position: top center;mask-repeat: no-repeat;padding-top:200px;-webkit-mask-image: url('/wp-content/themes/octave/img/mask.svg'); -webkit-mask-size: cover;-webkit-mask-position: top center;/* -webkit-mask-repeat: no-repeat; */}
#boutique .encoche-wrapper{width:5vw;top:-1px;right:15vw;position:absolute;padding:0;}
#boutique .encoche-wrapper .encoche svg path{fill:#00aba4;}

#boutique:before{content:'';width:100%;height:100%;display:block;background: radial-gradient(circle, rgba(0,0,0,0) 46%, rgba(0,0,0,1) 100%);position: absolute;top: 0;left: 0;opacity:.5;z-index: -1;}
#boutique:after{content:'';width:100%;height:100%;display:block;background:url('/wp-content/themes/sunnysystems/img/boutique.jpg');background-size:cover;background-position:bottom center;position: absolute;top: 0;left: 0;opacity: .5;z-index: -1;}
#boutique h3{color:#928358;font-weight:600;font-size:2em;display:block;width:100%;}
#boutique h4{color:#928358;font-weight:600;font-size:1.3em;margin:10px 0 0 0;}
#boutique p{text-align: justify;}
#boutique .et_pb_row{max-width: unset;}
#boutique .et_pb_text .et_pb_column{float:none;width:100%;}
#boutique .et_pb_button{width:40%;}
#boutique .title-wrapper{transform:translate(-50%,-50%);position: absolute;top:50%;left:50%;}
#boutique .text-wrapper{}
#boutique .title-wrapper h2{font-size:3em;text-align: center;font-weight:400;text-transform:uppercase;padding-bottom:20px;color:#00aba4}
#boutique .title-wrapper h2 span{font-weight:900;}
#boutique .apropos-text{font-size: 1.7em;line-height:1.7em;text-align: justify;margin:0 2%;}
#boutique .et_pb_image img{box-shadow: 0 6px 16px 0px rgba(16, 1, 148, 0.18);border-radius: 6px;opacity: .8;}

#boutique{background:#343743;/* transform: rotate(180deg); */z-index:2;height: 100vh;margin-top:0;position: relative;}
#boutique .heroBack{position:absolute;bottom:0;left:0;background:#FFF;height:50vh;}
#boutique .heroBackBorder{position:absolute;bottom:-10px;left:0;height:50vh;top: unset;background:#DAE0E9; }
#boutique .boutique-text p{color:#FFF;font-size:1.5em;text-align: justify;line-height:1.5em;}
#boutique .storebtnwrapper{text-align:center;}
#boutique .storebtn{color:#fff;background:#00aba4;display:inline-block;padding:10px 30px;text-transform:uppercase;font-size:1.2em;font-weight:bold;border-radius:5px;transition:all .2s ease-in;border:2px solid #00aba4;}
#boutique .storebtn:hover{background: #464c5e;border: 2px solid #00aba4;}

.heroBack{height:100%;background:#FFF;width: 100%;clip-path: url(#curve);max-width:100%;margin-bottom:0 !important;}
.heroBackBorder{background:#bdd0da;width:100%;height:100%;position:absolute;top:10px;left:0;z-index: -1;clip-path: url(#curve);}
.curve-wrapper{float: none;overflow: hidden;height: 100%;width:100% !important;position:absolute;max-width: unset;}
.curve-wrapper .et_pb_column{height: 100%;}

#apropos{background:#2d2f37;/* transform: rotate(180deg); */z-index:2;height: 100vh;margin-top:0;position: relative;}
#apropos .heroBack{position:absolute;bottom:0;left:0;background:#FFF;height:50vh;}
#apropos .heroBackBorder{position:absolute;bottom:-10px;left:0;height:50vh;top: unset;background:#DAE0E9; }


#services{padding:100px 0 200px 0;/* background: #1e1e21; */position: relative;top:0;z-index:0;/padding-bottom:100px;height:100vh;background:#343743;}
#services:after{content:'';width:100%;height:100%;display:block;background:url('/wp-content/themes/sunnysystems/img/services.jpg');background-size:cover;background-position:center;position: absolute;top: 0;left: 0;opacity: .5;}
/*#services .heroBack{background-image: url('/wp-content/uploads/2020/09/backgarantie-2-scaled.jpg');background-size: cover;background-position: center center;}*/
.service-item{padding:20px;border-radius:5px;transition:all .5s ease-in;cursor: pointer;}
.service-item h4{font-weight:800;text-align: center;color: #fff;margin-bottom:20px;line-height: 1.5em;}
.service-item p{color:#FFF;font-size: 1.3em;font-weight:300;}
.service-item .sf-icon-box-content {margin-top:0}
.service-item .sf-icon-box-content p{text-align: justify;}
.service-item .icon-wrapper{width:90px;height:90px;border-radius:100px;line-height: 90px;border:1px solid #73C3D5;text-align: center;display:table;margin:0 auto 40px auto;position:relative;transition: all .5s ease-in .2s}
.service-item .icon-wrapper .icon{width: 70px;height:70px;display: table-cell;vertical-align: middle;top: 50%;position: absolute;transform: translate(-50%,-50%);left: 50%;}
.service-item .icon-wrapper svg path{stroke:#73C3D5;transition: all .2s ease-in}
.service-item .sep{display: block;width:20%;margin:20px auto 10px auto;background: #efe9ad;height:2px;}
.service-item:hover .icon-wrapper{background: #73C3D5;}
.service-item:hover .icon-wrapper svg path{stroke:#FFF;fill: #00aba4 !important;}
.service-item:hover .sep{background: #efe9ad;width:50%;}
.service-item .et_pb_blurb_description a{color:#FFF;font-size: 1.1em;font-weight:300;line-height:1.6em;}
.service-item:hover{background: linear-gradient(-45deg, rgba(30,30,33,.6) 0%, rgba(73,80,99,.6) 100%);box-shadow: 0 6px 16px 0px rgba(16, 1, 148, 0.18);}
.service-item:hover .et-pb-icon {color: #222;background-color: #00aba4;}

#services .title-wrapper h2{font-size:3em;text-align: center;font-weight:400;text-transform:uppercase;color:#00aba4;padding-bottom: 20px;padding-top:0px;}
#services .title-wrapper h2 span{font-weight:900;}
#services .sep{background: #00aba4;}
#services .services-row{padding-bottom:50px;margin-top: 40px;}

.backimg{background-image: url('/wp-content/uploads/2020/09/backgarantie-2-scaled.jpg');width: 100%;height: 100%;background-size: cover;position: absolute;top: -25vh;bottom: 10px;z-index: -1;background-position: center;}

#services .heroBack{position:absolute;bottom:0;left:0;height:50vh;background: linear-gradient(0deg, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 100%);z-index: 2;}
#services .heroBackBorder{position:absolute;bottom:-10px;left:0;height:50vh;top: unset;background: linear-gradient(0deg, rgba(218,224,233,1) 25%, rgba(255,255,255,0) 100%);z-index: -1;}
#services .encoche-wrapper{width:5vw;top:-1px;right:15vw;position:absolute;padding:0;}
#services .encoche-wrapper .encoche svg path{fill:#00aba4;}

#services .title-wrapper{padding-top:18vh}
#services .services-wrapper{padding:0 !important;width:100%;position:absolute;bottom:0;z-index: 1}
#services .services-wrapper .servicesitemwrapper{background:#000;height:60vh;}
#services .services-wrapper .et_pb_column{margin-right:0;width:50%;border-left:4px solid #00aba4;border-top:4px solid #00aba4;border-bottom:4px solid #00aba4;}
#services .services-wrapper .et_pb_column:last-of-type{margin-right:0;border-right:4px solid #00aba4;}
#services .services-wrapper .title{padding:20px;text-align:right;position:relative;z-index:1;}
#services .services-wrapper .title h2{color:#FFF;font-weight:bold;padding-right: 5%;}
#services .servicesitemwrapper.service1:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background: url('/wp-content/themes/sunnysystems/img/back-services.jpg') bottom center no-repeat;background-size: cover;filter:grayscale(50%);z-index: 0;}
#services .servicesitemwrapper.service2:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background: url('/wp-content/themes/sunnysystems/img/back-services-2.jpg') bottom center no-repeat;background-size: cover;filter:grayscale(50%);z-index: 0;}
#services .servicesitemwrapper.service3:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background: url('/wp-content/themes/sunnysystems/img/back-services.jpg') bottom center no-repeat;background-size: cover;filter:grayscale(50%);z-index: 0;}

#services .services-wrapper .servicesitemwrapper:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background: radial-gradient(circle, rgba(0,0,0,0) 46%, rgba(0,0,0,1) 100%);opacity:0;transition:all .2s ease-in;}
#services .services-wrapper .servicesitemwrapper:hover:before{opacity: .7}

.infos{text-align: center;margin-top:40px;}
.infos a{font-weight:400;color:#2c2d43;font-size:1.2em;margin:0;display:block;}
.infos a span{font-weight:600;font-size:1em;}
.wpcf7 form.sent .wpcf7-response-output{color: #222;border-color: #1e1e21;}


#contact{background: linear-gradient(45deg, rgba(73,80,99,1) 0%, rgba(30,30,33,1) 100%); ;padding-top:0;height: 100vh;position:relative;}
#contact:after{content:'';width:100%;height:100%;display:block;background:url('/wp-content/themes/sunnysystems/img/contact.jpg');background-size:cover;background-position:bottom center;position: absolute;top: 0;left: 0;opacity: .2;z-index: 0;}
#contact:before{content:'';width:100%;height:100%;display:block;background: linear-gradient(45deg, rgba(73,80,99,1) 0%, rgba(30,30,33,1) 100%);position: absolute;top: 0;left: 0;opacity:1;z-index:0;}

#contact .encoche-wrapper{width:5vw;top:-1px;right:15vw;position:absolute;padding:0;}
#contact .encoche-wrapper .encoche svg path{fill: #2d2e33;}
#contact .contact-row{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 1}
#contact .title-wrapper h2{font-size: 3em;text-align: center;text-transform:uppercase;color:#00aba4;padding-bottom:20px;}
#contact .section-tile{text-align: center;}
#contact h3{color:#00aba4;font-size:2.5em;font-weight:400;text-transform:uppercase;margin-bottom:50px;}
#contact .logo{width: 16vw;margin: 15% auto 0 auto;opacity:1;}
#contact .logo img{width: 100%;margin: 0 auto;}
#contact .contact-form{}
#contact form{width: 100%;margin:0 auto;}
#contact form input[type=text],#contact form input[type=email],#contact form input[type=tel]{height:50px;width:100%;border-radius: 0;margin-bottom:15px;padding:10px;font-size:1em;background: rgba(255,255,255,.9);border: none;box-shadow: none;border-bottom: 1px solid #00aba4;}
#contact form input::placeholder{color:#000 !important;}
#contact form textarea::placeholder{color:#000 !important;}
#contact form textarea{width:100%;border-radius: 0;margin-bottom:15px;padding:10px;font-size:1em;background:rgba(255,255,255,.9);border: none;box-shadow: none;border-bottom: 1px solid #00aba4;color: #000;}
#contact form label{color:#2c2d43;font-size:1em;}
#contact form select{width:100%;border-radius:5px;margin-bottom:15px;padding:10px;font-size:1em;background: rgba(255,255,255,.9);border: none;box-shadow: none;-webkit-appearance: none;border-bottom: 1px solid #00aba4;}
#contact .your-lastname{float:left;width: 48%;margin-right:3%;}
#contact .your-firstname{float:left;width: 48%;}
#contact .your-email{float:left;width: 48%;margin-right:3%;}
#contact .telephone{float:left;width: 48%;}
/*#contact input.first{width:49% !important;margin-right:2%;}*/
/*#contact input.last{width:49% !important;}*/
#contact .contact-text{color:#FFF;font-size:1.2em;text-align: justify;margin: 10px auto 0 auto;width: 80%;}
#contact form.invalid input{margin-bottom:5px !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{color:#FFF !important;}
#contact form input[type=submit]{background: #00aba4;box-shadow:none;border:2px solid #00aba4;color:#fff;padding:10px 40px;font-size:1.2em;width:50%;margin-left:24%;border-radius:5px;margin-top: 40px;box-shadow: 0 6px 16px 0px rgba(16, 1, 148, 0.18);transition:all .5s ease-in;text-transform: uppercase;}
#contact form input[type=submit]:hover{border-radius:5px;background: #464c5e !important;border:2px solid #00aba4}

#a-propos{background: linear-gradient(0deg, rgba(2,100,144,1) 0%, rgba(255,255,255,1) 68%); }
#a-propos h3{color:#928358;font-weight:600;font-size:2em;display:block;width:100%;}

#a-propos .heroBack{position:absolute;bottom:0;left:0;height:50vh;background:#FFF;}
#a-propos .heroBackBorder{position:absolute;bottom:-10px;left:0;height:50vh;top: unset;background: linear-gradient(90deg, rgba(115,195,213,1) 28%, rgba(65,108,170,1) 100%); }

header .et_pb_row{width:100%;}

.mobilefooter{display:none;}
.mobilefooter {background: #928358;width: 100%;height: auto;padding:20px;}
.mobilefooter .copyright{margin-top:0;display:inline-block;width:33%;text-align:left;padding-bottom:40px;}
.mobilefooter .footer-menu{display: inline-block;width:33%;text-align:center;font-size:1em;margin-bottom:20px;}
.mobilefooter .footer-menu li{display: inline-block;font-size:1em;}
.mobilefooter .footer-menu li:first-of-type{margin-right:10px;}
.mobilefooter .footer-menu a{color:#FFF;font-size:1em;}
.mobilefooter .cbplogo{display: inline-block;width:33%;text-align:right;vertical-align: middle;}
.mobilefooter .cbplogo img{width:7%;}
.sep{width: 200px;background: #00aba4;height: 5px;transition: width .8s ease-in .2s;margin: 0 auto;border-radius: 50px;margin-top: 15px;}
#footer-bottom .container{width: 100%;max-width: unset;}

/*.social{position:absolute;top:0;right:2vw;}*/
/*.social span{color:#FFF;font-size:2em;margin-right:5px;}*/
.et_pb_section{padding: 0 !important;}
#hero{padding: 0 !important;}
body.privacy-policy #hero{background: #f7f9f9;top: 0 !important;padding:0;}
body.privacy-policy h1{font-size:2.5em;margin-bottom:40px;color:#2c2d43;}
body.privacy-policy h3{color:#2c2d43;}
body.privacy-policy p{color:#2c2d43;}
body.privacy-policy #heroBack .back-img{width:100vw;height: 35vh;}
body.privacy-policy .logo_container{display:inline-block;padding:1vw 0;}
body.privacy-policy #logo{position:relative;top:0;left:0;transform:none;width: 5vw;}
body.privacy-policy #heroBackBorder{height:51vh;}
body.privacy-policy #heroBack{height: 35vh;}

body.privacy-policy .mention-region{text-align: center;}
body.privacy-policy .mention-region p{font-size:1.4em;text-align: center;}
body.privacy-policy .mention-region .logomr {width: 8vw;display: inline-block;vertical-align: top;margin-right: 1vw;}

body.page-cgv{background:#FFF;}
body.page-cgv #hero{background: #f7f9f9;top: 0 !important;padding:0;}
body.page-cgv h1{font-size:2.5em;margin-bottom:40px;color:#2c2d43;}
body.page-cgv h3{color:#2c2d43;}
body.page-cgv p{color:#2c2d43;}
body.page-cgv #heroBack .back-img{width:100vw;height: 35vh;}
body.page-cgv .logo_container{display:inline-block;padding:1vw 0;}
body.page-cgv #logo{position:relative;top:0;left:0;transform:none;width: 5vw;}
body.page-cgv #heroBackBorder{height:51vh;}
body.page-cgv #heroBack{height: 35vh;}

body.page-cgv .mention-region{text-align: center;}
body.page-cgv .mention-region p{font-size:1.4em;text-align: center;}
body.page-cgv .mention-region .logomr {width: 8vw;display: inline-block;vertical-align: top;margin-right: 1vw;}


body.page-services #top-menu{margin-top:1vw;}
body.page-services #hero{top:0 !important;border: none;height:calc(100vh - var(--headerHeight))}
body.page-services .logo_container{display:inline-block;padding:1vw 0;}
body.page-services #logo{position:relative;top:0;left:0;transform:none;width: 5vw;}
body.page-services #et-main-area{min-height:calc(100vh - 203px);background: #e0e5fa;}
body.page-services .et_pb_section{padding-top: 0;padding-bottom: 0;}
body.page-services #hero .et_pb_column_4_4{-webkit-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));-moz-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));-ms-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));-o-filter: drop-shadow(0px 6px 16px rgba(16,1,148,0.18));}
body.page-services  #heroBack .back-img{width:100vw;/* opacity: .3; */height: calc(100vh - var(--headerHeight));/* filter: grayscale(80%); */opacity: 1;top: 0;background-image: none;overflow:hidden;}
body.page-services  #heroBack .background{background-image: url('/wp-content/themes/sunnysystems/img/hero.jpg');width:100vw;/* opacity: .3; */height: 100vh;/* filter: grayscale(80%); */opacity: 1;top: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: cover;background-repeat: no-repeat;filter: grayscale(80%);opacity: .5;}
body.page-services  #heroBack .back-img:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index: 0;opacity: 1;background: linear-gradient(0deg, rgba(30,30,33,1) 10%, rgba(30,30,33,0.5) 100%);/* background: linear-gradient(-45deg, rgba(30,30,33,1) 0%, rgba(73,80,99,1) 100%); */}
body.page-services .logo-container{display:none;}
body.page-services .product-text p{font-size: 1.6em;font-weight:500;text-align: justify;width:70%;margin:0 auto;line-height:1.8em;color: #FFF;}
body.page-services #heroBackBorder{height:51vh;display: none;}
body.page-services #heroBack{height: calc(100vh - var(--headerHeight));}
body.page-services .product-text{margin-left:0 !important;margin-bottom: 80px !important;}
body.page-services #contact{width: 100%;height: 100vh;position: relative;padding: 50px 0;}
body.page-services #offres .encoche-wrapper{width:5vw;top:14px;right:15vw;position:absolute;padding:0;}
body.page-services #offres .encoche-wrapper .encoche svg path{fill:#1e1e21;}
body.page-services .coming-soon .sep{background: #00aba4;}
body.page-services #contact .et_pb_column{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
body.page-services #contact form{width: 80%;margin: 0 auto;max-width: 900px;}
body.page-services #contact form .type_service{float:left;width: 48%;margin-right:3%;}
body.page-services #contact form .system_exploitation{float:left;width: 48%;}
body.page-services #contact form .type_appareil{float:left;width: 48%;margin-right:3%;}
body.page-services #contact form .serialnumber{float:left;width: 48%;margin-top:10px;}
body.page-services #contact form input{border-bottom:1px solid #00aba4;background: rgba(255,255,255,.4);}
body.page-services #contact form select{border-bottom:1px solid #00aba4;border-radius:0;background: rgba(255,255,255,.4);}
body.page-services #contact form textarea{border-bottom:1px solid #00aba4;background: rgba(255,255,255,.4);height:150px;}
body.page-services #contact form input[type="submit"]{border:2px solid #00aba4;background:#00aba4;transition:all .2s ease-in;}
body.page-services #contact form input[type="submit"]:hover{background:#1e1e1e;}
body.page-services .service-text{margin-top: 80px;}
body.page-services .service-text ul{display: inline-block;}
body.page-services .service-text ul li{list-style:none;padding: 14px 0;font-size: 1.8em;color: #FFF;text-align: left;}
body.page-services .service-text ul li:before {content: "\2022";color: #00aba4;font-weight: 700;display: inline-block;width: 1em;margin-left: -1em;}
body.page-gestion-conseil  #heroBack .background{background-image:url('/wp-content/themes/sunnysystems/img/gestion.jpg');}
body.page-vente  #heroBack .background{background-image:url('/wp-content/themes/sunnysystems/img/vente.jpg');}
body.page-services #contact form label{color:#FFF;}

#offres .title-wrapper h2 {font-size: 3em;text-align: center;font-weight: 400;text-transform: uppercase;padding-bottom: 20px;color: #00aba4;}
#offres .title-wrapper h2 span{font-weight: 900;}


.table-price .et_pb_pricing_table{background:#2c2d43;width:20% !important;margin:0 2%;max-width:24% !important;box-shadow: 0 6px 16px 0px rgba(0, 0, 0, 0.18);border:none;mask-image: url('/wp-content/themes/octave/img/mask.svg');mask-size: cover;mask-position: bottom center;mask-repeat: no-repeat;-webkit-mask-image: url('/wp-content/themes/octave/img/mask.svg');-webkit-mask-size: cover;-webkit-mask-position: bottom center;-webkit-mask-repeat: no-repeat;}
.table-price .et_pb_pricing_heading{background: transparent;padding: 80px 0 20px 0;border-bottom: 1px solid #bcbcbc;width: 70%;margin: 0 auto;}
.table-price .et_pb_pricing_heading h2{text-transform: uppercase;font-weight:800;color:#fff;}
.table-price .et_pb_pricing_content_top{border:none;}
.table-price .et_pb_sum{color:#fff;font-weight:600;font-size:5em;}
.table-price .et_pb_pricing_table_button{border:none;background:#e0e5fa;color:#2c2d43;font-size:1em;font-weight:600;padding:10px 50px;border-radius:50px;text-transform:uppercase;transition: all .5s ease-in !important;}
.table-price .et_pb_pricing li span{color:#FFF;}
.table-price .et_pb_pricing li span::before {display:none;}
.table-price .et_pb_pricing_content_top{padding-top: 50px;}
.table-price  .et_pb_pricing_content{padding-bottom:100px;}
.table-price .et_pb_pricing_table_3{margin-left:10%;}
.table-price .et_pb_pricing_table .et_pb_button_wrapper{padding-bottom:0;padding-top:20px;position: absolute;bottom: 50px;left: 0;right: 0;}
.table-price .et_pb_button:hover{padding:10px 50px;border:none;border-radius:50px;width:70%;}
.table-price .et_pb_button:after{display:none;}
.table-price .et_pb_pricing_table_5 .et_pb_sum{font-size:3em;padding-bottom: 100px;}
.table-price .et_pb_pricing_table_5 .et_pb_pricing_content_top{padding-bottom: 84px;}
.table-price .et_pb_pricing_table_5 .et_pb_button:hover{width:100%;}
.product-text{margin-left:10%;margin-bottom:30px !important;}
.product-text ul{width: 90%;}
.product-text li{font-size:1.3em;color:#2c2d43;margin-bottom:5px;}

.product-mobile{display:none;}

#hero .et_pb_blurb_content{position:absolute;top:45%;transform: translateY(-50%);padding:0 30px;}
#hero .et_pb_blurb_content .et_pb_pricing_table_3{margin-left:13%;}
#hero .et_pb_blurb_content .et_pb_main_blurb_image{color: #1e1e21;background-color: #fff;font-size: 88px;border-radius: 100%;padding: 35px;}
#hero .et_pb_blurb_content .et-pb-icon-circle {font-size: 68px;border-radius: 100%;padding: 25px;}
#hero .et_pb_blurb_content .et_pb_module_header{font-weight: 800;text-align: center;color: #f7f9f9;margin-bottom: 20px;text-transform:uppercase;font-size:2em;line-height:1.5em;}
#hero .et_pb_blurb_content .et_pb_blurb_description p{color:#161616;font-size: 1.3em;font-weight: 600;text-align: justify;}
.coming-soon{position: absolute;top: 50%;left: 50%;text-align:center;width:100%;transform: translate(-50%,-50%);z-index: 1000;}
.coming-soon h2{font-size:4em;text-transform: uppercase;font-weight:800;color: #FFF;text-shadow: 2px 3px 1px #000;}
.et-cart-info{display:none;}

.logocbp{position:absolute;bottom:-5%;right:-10%;width:7vw;}


.et_header_style_left .logo_container{display: none;}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{color:#fFF;}

#footer-bottom .container {width: 100%;max-width: unset;padding: 0;position: relative;}
#footer-bottom{background: #dbdbdb;padding:0 5vw;width:100%;height: 70px;position:relative;/* overflow:hidden; */}
body.home #footer-bottom{padding: 0 7vw;}
#footer-bottom .container{height: 70px;}
#footer-bottom .cbp {}
#footer-bottom .cbp svg{width: 6vw;display:block;position:absolute;top: 68%;transform:translateY(-50%);right:0;}
#footer-bottom .cbprod{font-weight: 400 !important;font-family: 'Open Sans';font-size:1em;display:block;float:left;position:absolute;top:50%;transform:translateY(-50%);color:#000;}
#footer-bottom .cbprod span{font-weight:300;}
.footermenu {display: block;text-align: center;background:#6a6a6a;padding:13px 0; }
.footermenu a {color: #f4f4f4 !important;font-weight: 400 !important;padding:0 10px;font-family: 'Open Sans';font-size:1.2em;}
.footermenu .point {font-size: 1.3em;color: #f4f4f4;position: relative;top:0;}
/*.copyrights {display: block;text-align: left;background:#3d3d3d;padding:15px 5vw;color:#FFF;font-family: 'Open Sans';}*/
.copyrights #footer-info{color: #dbdbdb !important;font-weight: 400 !important;padding-left:5vw;font-family: 'Open Sans';font-size:1.2em;text-transform:none;}

.copyrights {display: table;width:100%;text-align: left;background:#3d3d3d;padding:15px 5vw;color:#FFF;font-family: 'Open Sans';overflow:hidden;}
.copyrights .droit{display: table-cell;vertical-align: middle;}
.copyrights .region{display: table-cell;vertical-align: middle;text-align: right;}
.copyrights .region span{display:table-cell;vertical-align: middle;}
.copyrights .region a{color:#FFF;}
.copyrights .region a:hover{text-decoration: underline;}
.copyrights .region img{width:40px;margin-left:10px;}

body.woocommerce-shop #main-content{}
body.woocommerce-shop #main-content .container{width:100%;max-width:unset;padding-top:0;height:100%;position:relative;}
body.woocommerce-shop #main-content .container:before{display:none;}
body.woocommerce-shop #main-content .container .storeside{float:left;position:absolute;height:100%;width:30%;background:url('/wp-content/themes/sunnysystems/img/back-shop.jpg') bottom right no-repeat;background-size:cover;filter:grayscale(50%);background-attachment: fixed;}
/*body.woocommerce-shop #main-content .container .storeside:after{content: "";position: fixed;top:0;left:0;height:100%;width:100%;background: radial-gradient(circle, rgba(0,0,0,0) 46%, rgba(0,0,0,1) 100%);opacity:0.8}*/
body.woocommerce-shop #main-content .woocommerce-products-header{margin-bottom:20px;font-weight:bold;}
body.woocommerce-shop #main-content .woocommerce-loop-product__title{font-family:"Montserrat";font-weight:600;letter-spacing:0;font-size:1.5em;}
body.woocommerce-shop #main-content .product-short-description p{text-align:justify;}
body.woocommerce-shop #main-content #left-area{float:right;width:70%;padding-left:50px;padding-top:50px;}
body.woocommerce-shop .woocommerce-breadcrumb{display:none;}
body.woocommerce-shop .woocommerce-result-count{display:none;}
body.woocommerce-shop .woocommerce-ordering{display:none;}
body.woocommerce-shop .products .product{width:100% !important;float:none;display:table;margin-bottom:20px !important;}
body.woocommerce-shop .products .product .et_shop_image{width:10%;display:table-cell;vertical-align: middle;}
body.woocommerce-shop .products .product .titlewrapper{display:table-cell;vertical-align: top;padding-left:20px !important;width:70%;}
body.woocommerce-shop .products .product .price{display:table-cell !important;vertical-align:top;width:20%;text-align: right;}
body.woocommerce-shop .price .amount{font-weight: bold !important;font-size:1.5em;}

body.tax-product_cat #main-content{}
body.tax-product_cat #main-content .container{width:100%;max-width:unset;padding-top:0;height:100%;position:relative;}
body.tax-product_cat #main-content .container:before{display:none;}
body.tax-product_cat #main-content .container .storeside{float:left;position:absolute;height:100%;width:30%;background:url('/wp-content/themes/sunnysystems/img/back-shop.jpg') bottom right no-repeat;background-size:cover;filter:grayscale(50%);background-attachment: fixed;}
/*body.tax-product_cat #main-content .container .storeside:after{content: "";position: fixed;top:0;left:0;height:100%;width:100%;background: radial-gradient(circle, rgba(0,0,0,0) 46%, rgba(0,0,0,1) 100%);opacity:0.8}*/
body.tax-product_cat #main-content .woocommerce-products-header{margin-bottom:20px;font-weight:bold;}
body.tax-product_cat #main-content .woocommerce-loop-product__title{font-family:"Montserrat";font-weight:600;letter-spacing:0;font-size:1.5em;}
body.tax-product_cat #main-content .product-short-description p{text-align:justify;}
body.tax-product_cat #main-content #left-area{float:right;width:70%;padding-left:50px;padding-top:50px;}
body.tax-product_cat .woocommerce-breadcrumb{display:none;}
body.tax-product_cat .woocommerce-result-count{display:none;}
body.tax-product_cat .woocommerce-ordering{display:none;}
body.tax-product_cat .products .product{width:100% !important;float:none;display:table;margin-bottom:20px !important;}
body.tax-product_cat .products .product .et_shop_image{width:10%;display:table-cell;}
body.tax-product_cat .products .product .titlewrapper{display:table-cell;vertical-align: top;padding-left:20px !important;width:70%;}
body.tax-product_cat .products .product .price{display:table-cell !important;vertical-align:top;width:20%;text-align: right;}
body.tax-product_cat .price .amount{font-weight: bold !important;font-size:1.5em;}


body.woocommerce-cart #main-content .container:before{display:none;}


body.woocommerce-account #main-content{}
body.woocommerce-account #main-content .container{width:100%;max-width:unset;padding-top:0;height:100%;position:relative;}
body.woocommerce-account #main-content .container:before{display:none;}
body.woocommerce-account #main-content .container .storeside{float:left;position:absolute;height:100%;width:30%;background:url('/wp-content/themes/sunnysystems/img/back-shop.jpg') bottom right no-repeat;background-size:cover;filter:grayscale(50%);background-attachment: fixed;}
/*body.tax-product_cat #main-content .container .storeside:after{content: "";position: fixed;top:0;left:0;height:100%;width:100%;background: radial-gradient(circle, rgba(0,0,0,0) 46%, rgba(0,0,0,1) 100%);opacity:0.8}*/
body.woocommerce-account #main-content .woocommerce-products-header{margin-bottom:20px;font-weight:bold;}
body.woocommerce-account #main-content .woocommerce-loop-product__title{font-family:"Montserrat";font-weight:600;letter-spacing:0;font-size:1.5em;}
body.woocommerce-account #main-content .product-short-description p{text-align:justify;}
body.woocommerce-account #main-content #left-area{float:right;width:70%;padding-left:50px;padding-top:50px;}



footer#site-footer{background: #eeeeee !important;margin-bottom:-10px;overflow: hidden;/* position: absolute; *//* bottom: 0; */}
footer#site-footer .footer-infos .info-container{display:table;width:100%;table-layout: fixed;}
footer#site-footer .footer-infos .info-col{display:table-cell;text-align: center;width: 21%;vertical-align:middle;padding: 20px 30px;}
footer#site-footer .footer-infos .info-col.logo img{width: 6vw;}
footer#site-footer .footer-infos .info-col .info-icon{width: 31px;margin:0 auto 20px auto;}
footer#site-footer .footer-infos .info-col .info-text{color:#3d3935;font-size: 1.3em;transition:all .2s ease-in;font-weight: 500;}
footer#site-footer .footer-infos .info-col:hover .info-text{color:#499e9a;}
footer#site-footer .footer-infos .info-col .social{display:inline-block;width: 39px;}
footer#site-footer .footer-infos .info-col .social:first-of-type{margin-right:20px;}
footer#site-footer .footer-infos .info-col.social{display: none;}
footer#site-footer .footer-infos .info-col.social .logo-revendeur{width:8vw;margin:0 auto;}
footer#site-footer .footer-infos .info-col .social svg circle{fill:#3d3935;transition:all .2s ease-in;}
footer#site-footer .footer-infos .info-col .social:hover svg circle{fill:#499e9a}
body.home #footer-bottom .cbp svg{width: 6vw;top: 56%;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{color:#222;}

#part-row{padding:0;}
#part-row .img{width:90%;}
.part-row .part1 img{width:100%;}
#part-row .part4 img{width: 110%;max-width: unset;}

#scrolltotop {position: fixed;bottom: 10px;left: 10px;z-index: 10000;display: none;cursor: pointer;width: 40px;height: 40px;background: #00aeb3;border-radius: 100%;text-align: center;line-height: 40px;}
#scrolltotop i {font-size: 1.5em;color:#FFF;}

#scrolltotop.bottom{bottom: var(--footerHeight);}

#fb-root{position:relative;z-index: 10000;}
#fb-root iframe{position: fixed;bottom: 18px !important;right: 30px;}
#fb-root.top iframe{bottom: 18px !important;}
#fb-root.bottom iframe{bottom: 378px !important;}

#fb-root #messengerIcon{position: fixed;bottom:10px !important;right:15px;width: 50px;height:50px;cursor:pointer;transition: all .2s ease-in;}
#fb-root #messengerIcon:hover .mst1{fill:#b48e42;}
/*#fb-root.top #messengerIcon{bottom: 18px !important;}*/
#fb-root.bottom #messengerIcon{bottom:var(--footerHeight) !important;}


/** RESPONSIVE **/

@media (min-width: 2300px) {
    #etapes{top:-150px;}
    #top-menu li a{font-size:1.5em;}
    #services{overflow:hidden;}
    #services .title-wrapper{margin:100px auto;}
    #boutique .title-wrapper h2{font-size:4em;}
    #boutique .boutique-text p{font-size:2em;}
    #boutique .storebtn{padding:15px 40px;font-size:1.8em}
    #services .title-wrapper h2{font-size:4em;}
    #apropos .title-wrapper h2{font-size:4em;}
    #apropos p{margin:0 auto;width:75%;}
    #contact .logo{width:23vw;margin-top:0;}
    #contact .contact-text{font-size:1.5em;line-height: 1.5em;}
    body.home #footer-bottom .cbp svg{width:3vw;top:59%;}
}
@media (min-width: 2000px) and (max-width: 2299px){
    #etapes{top:-110px;}

}
@media (min-width: 1601px) and (max-width: 1999px){
    #etapes{top:-110px;}
    #boutique .boutique-text p{width:80%;margin-left: auto;margin-right: auto;font-size:1.7em;}
    #contact .logo{width:23vw;margin-top:0;}
    #contact .contact-text{font-size:1.3em;line-height: 1.3em;}
    #boutique .title-wrapper h2{font-size:3em !important;}
    #services .title-wrapper h2{font-size:3em !important;}
    #apropos .title-wrapper h2{font-size:3em !important;}


}
@media (min-width: 1401px) and (max-width: 1600px){
    #apropos .apropos-text{font-size: 1.4em;}
    #etapes{top:-200px;padding-top:200px;height: 90vh;}
    #contact{}
    #hero .et_pb_blurb_content .et-pb-icon-circle{font-size: 48px;padding: 5px;}
    #hero .et_pb_blurb_content .et_pb_module_header{font-size: 1.5em;}
    #hero .et_pb_blurb_content .et_pb_blurb_description p{font-size: 1em;}
    .table-price .et_pb_pricing_table{max-width:28% !important;}
    .table-price .et_pb_pricing_table_3{margin-left:unset;}
    .product-text{margin-left:unset;}
    #services .title-wrapper h2{padding-top:0;}
    #offres .title-wrapper.et_pb_row_5{display:none;}
    body.page-services .product-text p{font-size: 1.4em;}
    #services .services-row{margin-top: 00px;}
    .coming-soon h2{font-size:3em;}
    .service-item .et_pb_blurb_description a{font-size:1em;}
    body.privacy-policy .mention-region p{font-size:1.2em;text-align: center;}
    #contact .logo{width:29vw;margin-top:0;}

}
@media (min-width: 1200px) and (max-width: 1400px){
    #top-menu li{font-size:1em;}
    body.home #heroBack #logo{width:23vw;}
    /*.et_pb_row{width: 90%;}*/
    #apropos .apropos-text{font-size: 1.4em;margin-top: 100px;}
    #heroBack .back-img{background-position: right bottom;}
    .logocbp{position:absolute;bottom:-5%;right:-5%;width:7vw;}
    #hero .et_pb_blurb_content .et-pb-icon-circle{font-size: 48px;padding: 5px;}
    #hero .et_pb_blurb_content .et_pb_module_header{font-size: 1.5em;}
    #hero .et_pb_blurb_content .et_pb_blurb_description p{font-size: 1em;}
    .table-price .et_pb_pricing_table{max-width:28% !important;}
    .table-price .et_pb_pricing_table_3{margin-left:unset;}
    .product-text{margin-left:unset;}
    .table-price .et_pb_pricing_heading h2{font-size: 1.8em;}

    #services{height: 100vh;padding-top:50px;}
    #services .title-wrapper h2{padding-top: 0;}
    #offres .title-wrapper.et_pb_row_5{display:none;}
    body.page-services .product-text p{font-size: 1.4em;}
    body.page-services #offres{padding-top:0;}
    #services .services-row{margin-top:0px;}
    #services .scroll-wrapper{width:5vw;}
    #apropos .scroll-wrapper{width:5vw;}
    #scroll{width: 3vw;}
    #scroll2{width: 3vw;}
    #scroll3{width: 3vw;}
    .coming-soon h2{font-size:3em;}

    .service-item .et_pb_blurb_description a{font-size:1em;}

    footer#site-footer .footer-infos .info-col .info-text{font-size: 1em;}

    body.privacy-policy .mention-region .logomr{width: 12vw !important;}
    body.privacy-policy .mention-region p{font-size:1em;text-align: center;}

    #contact .logo{width:29vw;margin-top:0;}
    #logotype{width: 50vw;}
    #boutique .storebtn{margin-top:30px;}
    #contact .title-wrapper h2{font-size:2.5em;}


}

    @media (min-width:769px) and (max-width: 1199px){

    }

    @media (max-width: 1400px) and (orientation: landscape) {
        #scrolltotop{bottom:10px;}
        #scrolltotop.bottom{bottom: var(--footerHeight);}
        #top-menu li{font-size:1em;}
        #logotype{width:56vw;}
        #boutique .title-wrapper h2{font-size:2.5em;}
        #services .title-wrapper h2{font-size:2.5em;}
        #apropos .title-wrapper h2{font-size:2.5em;}
        #boutique .storebtn{margin-top:30px;}
        #apropos .apropos-text{font-size:1.5em;line-height: 1.5em;}
        #contact .title-wrapper h2{font-size:2em;}
        #contact .logo{width:29vw;margin-top:0;}
        footer#site-footer .footer-infos .info-col .info-text{font-size:1.1em;}
        footer#site-footer .footer-infos .info-col.logo img{width:9vw;}
    }

    @media (max-width: 1100px) {
        #scrolltotop{bottom:10px;}
        body {
            font-size: 12px;
        }
        #services .scroll-wrapper {
            width: 4vw;
        }

        #apropos .scroll-wrapper {
            width: 4vw;
        }

        #scroll {
            width: 4vw;
        }

        body.home #heroBack #logo {
            width: 26vw;
        }

        #apropos .apropos-text {
            font-size: 1.6em;
            margin-top: 100px;
        }

        #services .services-row {
            margin-top: 0;
        }

        #etapes .et_pb_row_30 .et_pb_column {
            width: 47%;
        }

        #etapes .et_pb_row_30 .et_pb_column:nth-child(2) {
            margin-right: 0;
        }

        #etapes .et_pb_row_30 .et_pb_column:last-of-type {
            width: 100%;
            margin-top: 40px;
        }

        #etapes .services-row {
            padding-bottom: 50px;
        }

        #cleLink, #ecoLink {
            float: left;
            width: 47%;
        }

        #cleLink {
            margin-right: 5.5%;
        }

        #a-propos .et_pb_text {
            margin-bottom: 20px;
        }

        #etapes {
            top: -300px;
            padding-top: 250px;
            height: auto;
        }

        #etapes .heroBack {
            background: linear-gradient(0deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
        }

        #logo {
            width: 11vw;
        }

        #contact .et_pb_row_15 .et_pb_column_4_4 {
            margin-top: -80px;
        }

        .service-item h4 {
            font-size: 1.2em;
        }

        .logocbp {
            position: absolute;
            bottom: -5%;
            right: -5%;
            width: 7vw;
        }

        #hero .et_pb_blurb_content .et-pb-icon-circle {
            font-size: 48px;
            padding: 5px;
        }

        #hero .et_pb_blurb_content .et_pb_module_header {
            font-size: 1.5em;
        }

        #hero .et_pb_blurb_content .et_pb_blurb_description p {
            font-size: 1em;
        }

        .table-price .et_pb_pricing_table {
            max-width: 30% !important;
        }

        .table-price .et_pb_pricing_table_3 {
            margin-left: unset;
        }

        .product-text {
            margin-left: unset;
        }

        body.page-assistance-telephonique .logo-container {
            width: 25vw;
        }

        body.page-assistance-telephonique #heroBack .back-img {
            width: 75vw;
        }

        body.page-assistance-en-gestion .logo-container {
            width: 25vw;
        }

        body.page-assistance-en-gestion #heroBack .back-img {
            width: 75vw;
        }

        body.page-assistance-administrative .logo-container {
            width: 25vw;
        }

        body.page-assistance-administrative #heroBack .back-img {
            width: 75vw;
        }

        body.page-au-temps-passe .logo-container {
            width: 25vw;
        }

        body.page-au-temps-passe #heroBack .back-img {
            width: 75vw;
        }

        body.page-a-la-tache .logo-container {
            width: 25vw;
        }

        body.page-a-la-tache #heroBack .back-img {
            width: 75vw;
        }

        body.page-au-forfait .logo-container {
            width: 25vw;
        }

        body.page-au-forfait #heroBack .back-img {
            width: 75vw;
        }

        footer#site-footer .footer-infos .info-col .info-icon {
            width: 25px;
        }

        footer#site-footer .footer-infos .info-col .info-text {
            font-size: 1em;
        }

        footer#site-footer .footer-infos .info-col .social {
            width: 33px;
        }

        #offres .title-wrapper.et_pb_row_5 {
            display: none;
        }

        body.page-services .product-text p {
            width: 92%;
            font-size: 1.7em;
        }

        body.page-services #offres {
            padding-top: 0;
        }

        body.page-services #offres .product-text {
            margin-bottom: 80px !important;
        }

        .table-price .et_pb_pricing_heading h2 {
            font-size: 1.8em;
        }

        #apropos .title-wrapper h2 {
            font-size: 2.5em;
        }

        #services .title-wrapper h2 {
            font-size: 2.5em;
        }

        #contact .title-wrapper h2 {
            font-size: 2.5em;
        }

        #contact form textarea {
            height: 150px;
        }

        #contact .logo {
            margin: 14% auto;
            width: 20vw;
        }

        .coming-soon h2 {
            font-size: 3em;
        }

        body.page-services #logo {
            width: 8vw;
            top: 1vw;
        }

        body.page-services .service-text {
            margin-top: 50px;
        }

        .service-item .et_pb_blurb_description a {
            font-size: 1em;
        }

        body.privacy-policy #logo {
            width: 8vw;
            top: 2vw;
        }

        .cli-plugin-button {
            display: block;
            width: 60%;
            margin: 20px auto 0 auto !important;
            color: #FFF !important;
        }

        body.privacy-policy .mention-region p {
            font-size: 1em;
            text-align: center;
        }
        #contact .logo{width:29vw;margin-top:0;}

    }

    @media (max-width: 1024px) and (orientation: portrait) {
        .copyrights {
            font-size: .8em;
        }
        #scrolltotop{bottom:10px);left:10px}
        #fb-root #messengerIcon{bottom:10px !important;right:10px}
        #logotype{width:90vw;}
        body.home #main-header #et-top-navigation{margin-top: 2vw;}
        body.home #main-header .container{text-align:left;}
        .mobile_menu_bar::before {color:#FFF;}
        .scrollup-wrapper{width:4vw;}
        .scroll-wrapper{width:4vw !important;}
        #services .title-wrapper h2{font-size:3em;}
        #apropos .title-wrapper h2{font-size:3em;}
        #services{height:var(--vh)}
        #boutique{height:var(--vh)}
        #heroBack{height:var(--vh)}
        #contact .logo{margin:0 auto;}
        #contact .title-wrapper h2{margin-top:30px}
        #contact .logo{width:41vw;}
        footer#site-footer .footer-infos .info-col{padding: 10px 20px}
        #services .services-wrapper .et_pb_column{margin-bottom:0 !important;}

        #main-header #logo{width:14vw;}
        #main-header #et-top-navigation{text-align:center;position:static;transform:none;margin-top:2vw;}
        #main-header .container{text-align:center;}
        #main-header .mobile_menu_bar_toggle{position:absolute;top:3vw;left:2vw;}
        #main-header .et_mobile_menu{top:var(--headerHeight)}
        body.woocommerce-shop #main-content .container .storeside{display:none;}
        body.woocommerce-shop .products .product .et_shop_image{width:100%;margin:0 auto;display:block}
        body.woocommerce-shop .products .product .titlewrapper{width:100%;margin:0 auto;padding-left:0 !important;display:block}
        body.woocommerce-shop .products .product .price{display:block !important;width:auto;position:absolute;top:0;right: 0;}
        .woocommerce-page ul.products li.product:nth-child(3n){margin-right:7.5% !important;}
        .woocommerce-page ul.products li.product:nth-child(n){width:25.3333% !important}
    }


    @media (max-width: 768px) {
        body.home #main-content {
            margin-top: 0;
        }

        #hero {
            top: 0 !important;
        }

        #et-main-area {
            width: 100% !important;
            margin-left: 0 !important;
        }

        .et_pb_menu__logo-wrap {
            width: 25%;
            padding-left: 0;
            display: inline-block !important;
        }

        .et_pb_menu_0_tb_header {
            padding: 0 !important;
        }

        .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__logo {
            margin-bottom: 0 !important;
        }

        .et_pb_menu__wrap {
            display: inline-block !important;
            width: 74%;
            vertical-align: top;
        }

        .et_mobile_nav_menu {
            float: right !important;
            margin-top: 12px !important;
        }

        .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before {
            color: #FFF !important;
            font-size: 3.5em;
        }

        #mobile_menu1.et_mobile_menu {
            background-color: #928358 !important;
        }

        .et_pb_menu_0_tb_header.et_pb_menu ul#mobile_menu1 li a {
            color: #FFF !important;
            border-color: #00babf;
            padding-left: 10px;
        }

        .et_pb_menu_0_tb_header.et_pb_menu ul#mobile_menu1 li.current-menu-item a {
            color: #FFF !important;
        }

        #a-propos {
            background-color: transparent;
        }

        .mobilefooter {
            display: block;
        }

        .mobilefooter .footer-menu {
            margin-bottom: 0;
        }

        .mobilefooter .copyright {
            padding-bottom: 0;
        }

        #etapes .et_pb_row_30 .et_pb_column {
            margin-right: 5.5%;
        }

        .service-item p {
            font-size: 1.5em;
            line-height: 1.7em;
        }

        .service-item h4 {
            font-size: 2em;
        }

        #contact form {
            width: 600px;
            margin: 0 auto;
        }

        #heroBack {
            height: 100vh;
        }

        #heroBack .back-img {
            height: 100vh;
            background-position: center center;
            width: 70vw;
        }

        .logo-container {
            height: 100vh;
            width: 30vw;
        }

        #logo {
            width: 25vw;
        }

        .mobile_menu_bar:before {
            color: #FFF;
        }

        .et_mobile_menu {
            border-color: #eee;
            width: 100vw;
            height: 100vh;
            right: 0;
            left: unset;
            background: #eef1fc;
            padding: 0;
        }

        #apropos .et_pb_image {
            width: 100%;
            margin: 0 auto;
        }

        .logocbp {
            position: absolute;
            bottom: -5%;
            right: -5%;
            width: 10vw;
        }

        #apropos {
            margin-top: 0;
            height: 100vh;
        }

        #hero .et_pb_blurb_content .et_pb_main_blurb_image {
            font-size: 68px;
            padding: 25px;
        }

        #hero .et_pb_blurb_content .et-pb-icon-circle {
            font-size: 38px;
            padding: 5px;
        }

        #hero .et_pb_blurb_content .et_pb_module_header {
            font-size: 1.5em;
        }

        #hero .et_pb_blurb_content .et_pb_blurb_description p {
            font-size: 1em;
        }

        .table-price .et_pb_pricing_table {
            max-width: 32% !important;
            margin: 0 1%;
        }

        .table-price .et_pb_pricing_table_3 {
            margin-left: unset;
        }

        .product-text {
            margin-left: unset;
        }

        body.page-assistance-telephonique .logo-container {
            width: 30vw;
        }

        body.page-assistance-telephonique #heroBack .back-img {
            width: 70vw;
        }

        body.page-assistance-en-gestion .logo-container {
            width: 30vw;
        }

        body.page-assistance-en-gestion #heroBack .back-img {
            width: 70vw;
        }

        body.page-assistance-administrative .logo-container {
            width: 30vw;
        }

        body.page-assistance-administrative #heroBack .back-img {
            width: 70vw;
        }

        body.page-au-temps-passe .logo-container {
            width: 30vw;
        }

        body.page-au-temps-passe #heroBack .back-img {
            width: 70vw;
        }

        body.page-a-la-tache .logo-container {
            width: 30vw;
        }

        body.page-a-la-tache #heroBack .back-img {
            width: 70vw;
        }

        body.page-au-forfait .logo-container {
            width: 30vw;
        }

        body.page-au-forfait #heroBack .back-img {
            width: 70vw;
        }

        #offres {
            padding-top: 0;
        }

        .table-price .et_pb_pricing_heading h2 {
            font-size: 1.3em;
        }

        .table-price .et_pb_sum {
            font-size: 4em;
        }

        .table-price .et_pb_pricing_table_5 .et_pb_sum {
            font-size: 2em;
            padding-bottom: 50px;
        }

        .table-price .et_pb_pricing_table_wrap {
            align-items: baseline;
        }

        body.page-au-temps-passe .table-price .et_pb_pricing_table_5 .et_pb_sum {
            font-size: 4em;
        }

        body.page-a-la-tache .table-price .et_pb_pricing_table_5 .et_pb_sum {
            font-size: 4em;
        }

        body.page-au-forfait .table-price .et_pb_pricing_table_5 .et_pb_sum {
            font-size: 2em;
        }

        .et_mobile_menu li {
            text-align: center;
        }

        .et_mobile_menu li a {
            font-size: 2em;
            padding: 40px 10px;
            font-family: 'Aspace';
        }

        .et_mobile_menu li:first-child a {
            padding-top: 60px;
        }

        .footer-infos {
            display: none;
        }

        body.page-services #logo {
            width: 20vw;
            top: 2vw;
        }

        body.privacy-policy #logo {
            width: 32vw;
        }

        body.home #heroBack #logo {
            width: 34vw;
            max-width: unset;
        }

        #apropos .encoche-wrapper {
            width: 10vw;
        }

        #contact .encoche-wrapper {
            width: 10vw;
        }

        #services .encoche-wrapper {
            width: 10vw;
        }

        body.page-services #offres .encoche-wrapper {
            width: 10vw;
        }

        #services {
            height: 100%;
        }

        #contact .logo {
            width: 30vw;
        }

        #contact {
            height: 100%;
        }

        #contact .contact-row {
            position: static;
            transform: none;
        }

        #apropos .apropos-text {
            font-size: 1.8em;
        }

        .service-item .et_pb_blurb_description a {
            font-size: 1.6em;
            line-height: 1.6em;
        }

        #services .title-wrapper h2 {
            font-size: 3em;
        }

        #contact .title-wrapper h2 {
            font-size: 3em;
        }

        #apropos .title-wrapper h2 {
            font-size: 3em;
        }

        body.page-services .coming-soon {
            width: 90%;
            margin: 0 auto;
        }

        body.privacy-policy #logo {
            width: 20vw;
            top: 2vw;
        }

        .et_pb_section_9 {
            padding-bottom: 0;
        }

        #scrolltotop{bottom:10px);left:10px}
        #fb-root #messengerIcon{bottom:10px !important;right:10px}
        #logotype{width:90vw;}
        body.home #main-header #et-top-navigation{margin-top: 2vw;}
        body.home #main-header .container{text-align:left;}
        .mobile_menu_bar::before {color:#FFF;}
        .scrollup-wrapper{width:4vw;}
        .scroll-wrapper{width:4vw !important;}
        #services .title-wrapper h2{font-size:3em;}
        #apropos .title-wrapper h2{font-size:3em;}
        #services{height:var(--vh)}
        #boutique{height:var(--vh)}
        #heroBack{height:var(--vh)}
        #contact .logo{margin:0 auto;}
        #contact .title-wrapper h2{margin-top:30px}
        #contact .logo{width:41vw;}
        footer#site-footer .footer-infos .info-col{padding: 10px 20px}
        #contact{height:100%;}
        #contact .contact-row{padding:11vh 0}

    }

    @media (min-width: 481px) and (max-width: 767px) {

    }

    @media (max-width: 480px) {
        .et_pb_menu__logo-wrap {
            width: 50%;
            display: inline-block !important;
        }

        .et_pb_menu__wrap {
            display: inline-block !important;
            width: 48%;
            vertical-align: top;
        }

        #apropos .et_pb_button {
            width: 80%;
        }

        #apropos .et_pb_image {
            width: 100%;
        }

        #etapes {
            padding-top: 0;
        }

        .service-item {
            height: auto !important;
        }

        #cleLink, #ecoLink {
            float: none;
            width: 100%;
        }

        #contact form {
            width: 90%;
        }

        #contact {
            padding-top: 0;
        }

        .mobilefooter .copyright {
            width: 100%;
            text-align: center;
        }

        .mobilefooter .footer-menu {
            width: 100%;
            margin-top: 10px;
        }

        .mobilefooter .cbplogo {
            width: 30%;
            margin-top: 15px;
            text-align: right;
            position: absolute;
            bottom: 1vh;
            right: 4vw;
        }

        .mobilefooter .cbplogo img {
            width: 22%;
        }

        .et_mobile_menu {
            border-color: #b6bacc;
            width: 100%;
            right: 0;
            left: unset;
            background: #FFFFFF;
        }

        #apropos .title-wrapper h2 {
            font-size: 2.5em;
        }

        #apropos .apropos-text {
            font-size: 1.2em;
            margin-top: 50px;
        }

        #apropos {
            padding-bottom: 50px;
        }

        #etapes {
            top: -80px;
            padding-top: 220px;
            padding-bottom: 50px;
            margin-top: -150px;
        }

        #etapes .title-wrapper h2 {
            font-size: 2.5em
        }

        .services-row {
            padding: 0;
        }

        .service-item h4 {
            font-size: 1.5em;
        }

        #contact .et_pb_row_15 .et_pb_column_4_4 {
            margin-top: 0;
        }

        #contact .your-lastname {
            width: 100%;
        }

        #contact .your-firstname {
            width: 100%;
        }

        #contact .your-email {
            width: 100%;
        }

        #contact .telephone {
            width: 100%;
        }

        .footermenu::before {
            width: 100%;
            margin: 0;
        }

        #contact form input[type="submit"] {
            width: 100%;
            margin: 0;
        }

        .infos a {
            font-size: 1.5em;
        }

        #heroBack {
            height: 100vh;
        }

        .logo-container {
            height: 100vh;
        }

        #heroBack .back-img {
            margin-top: 0;
            height: 100vh;
        }

        body.privacy-policy .et_pb_section_3.et_pb_section {
            padding-top: 0;
            margin-top: -50px;
        }

        #heroBack .back-img::before {
        }

        #apropos .et_pb_image img {
            border-radius: 5px;
        }

        .logocbp {
            position: absolute;
            bottom: -10%;
            right: 31%;
            width: 29vw;
        }

        #hero .logo-container {
            display: none;
        }

        body.home #hero .logo-container {
            display: block;
        }

        body.page-assistance-telephonique #heroBack .back-img {
            width: 100vw;
        }

        body.page-assistance-en-gestion #heroBack .back-img {
            width: 100vw;
        }

        body.page-assistance-administrative #heroBack .back-img {
            width: 100vw;
        }

        body.page-au-temps-passe #heroBack .back-img {
            width: 100vw;
        }

        body.page-a-la-tache #heroBack .back-img {
            width: 100vw;
        }

        body.page-au-forfait #heroBack .back-img {
            width: 100vw;
        }

        body.page-coming-soon-social #heroBack .back-img {
            width: 100vw;
        }

        body.page-assistance-telephonique .spb-text-heading {
            display: none;
        }

        body.page-assistance-en-gestion .spb-text-heading {
            display: none;
        }

        body.page-assistance-administrative .spb-text-heading {
            display: none;
        }

        .product-mobile {
            display: block;
        }

        .product-mobile .et_pb_blurb_content .et_pb_main_blurb_image {
            color: #e0e5fa;
            background-color: #2c2d43;
            font-size: 88px;
            border-radius: 100%;
            padding: 12px;
        }

        .product-mobile .et_pb_blurb_content .et-pb-icon-circle {
            font-size: 68px;
            border-radius: 100%;
            padding: 25px;
        }

        .product-mobile .et_pb_blurb_content .et_pb_module_header {
            font-weight: 800;
            text-align: center;
            color: #2c2d43;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-size: 2em;
            line-height: 1.5em;
        }

        .product-mobile .et_pb_blurb_content .et_pb_blurb_description p {
            color: #2c2d43;
            font-size: 1.3em;
            font-weight: 600;
            text-align: justify;
        }

        .coming-soon {
            top: 55%;
        }

        .table-price .et_pb_pricing_table {
            max-width: 100% !important;
            margin: 0;
            width: 100% !important;
        }

        .table-price .et_pb_pricing_heading h2 {
            font-size: 2em;
        }

        .table-price .et_pb_pricing_content_top {
            padding-bottom: 0;
        }

        .social {
            margin-top: 20px;
            position: relative;
        }

        #etapes .title-wrapper h2 {
            padding-top: 0;
        }

        #offres .title-wrapper.et_pb_row_5 {
            display: none;
        }

        body.page-services .product-text {
            margin-top: -50px;
        }

        body.page-services .product-text p {
            font-size: 1.3em;
        }

        body.page-services #offres {
            padding-top: 0;
        }

        body.page-services .product-text p {
            width: 90%;
        }

        #offres .title-wrapper h2 {
            font-size: 2em;
        }

        body.page-services #contact {
            margin-bottom: -50px;
        }

        body.home #heroBack #logo {
            width: 46vw;
            max-width: unset;
        }

        body.home #footer-bottom .cbp svg {
            width: 12vw;
        }

        #footer-bottom .cbp svg {
            width: 12vw;
        }

        body.privacy-policy h1 {
            font-size: 2em;
            margin-top: 50px;
        }

        body.privacy-policy h3 {
            font-size: 1.5em;
        }

        #services .scroll-wrapper {
            width: 8vw;
        }

        #apropos .scroll-wrapper {
            width: 8vw;
        }

        #scroll {
            width: 8vw;
        }

        #apropos .title-wrapper h2 {
            font-size: 1.6em;
        }

        #services .title-wrapper h2 {
            font-size: 1.6em;
        }

        #contact .title-wrapper h2 {
            font-size: 1.6em;
        }

        #services {
            padding: 50px 0;
        }

        .service-item h4 {
            font-size: 1.3em;
        }

        .service-item .et_pb_blurb_description a {
            font-size: 1.2em;
        }

        .service-item p {
            font-size: 1em;
        }

        #contact .logo {
            width: 66vw;
        }

        .coming-soon h2 {
            font-size: 2em;
        }

        body.page-services .service-text {
            margin-top: 30px;
        }

        body.page-services .service-text ul li {
            font-size: 1.4em;
        }

        body.page-services #contact {
            height: 100%;
        }

        body.page-services #contact .et_pb_column {
            position: static;
            transform: none;
        }

        #services .sep {
            width: 100px;
            margin-top: 3px;
        }

        body.page-services #heroBack .back-img {
            height: 100vh;
        }

        #part-row .et_pb_column {
            width: 50% !important;
        }

        .et_pb_section_9 {
            padding-bottom: 0;
        }

        .copyrights .droit {
            display: block;
            text-align: center;
        }

        .copyrights .region {
            display: block;
            text-align: center;
            margin-top: 10px;
        }

        .copyrights .region span {
            display: block;
            width: 100%;
        }

        .copyrights .region img {
            margin-top: 10px;
        }

        body.privacy-policy .mention-region .logomr {
            width: 14vw;
        }

        .cli-plugin-button {
            display: block;
            width: 100%;
            margin: 20px auto 0 auto !important;
            color: #FFF !important;
        }

        #scrolltotop{width:30px;height:30px;line-height:25px;bottom:10px;left:10px}
        #scrolltotop i{font-size:1em;}
        #fb-root #messengerIcon{width:35px;height:35px;bottom: 10px !important;}
        #fb-root.bottom #messengerIcon{bottom: calc(var(--footerHeight) - 2px) !important;}

        .et_mobile_menu li a{font-size:1.5em;padding:20px 10px;}
        .et_mobile_menu li:first-child a{padding-top:40px;}

        .scrollup-wrapper{display:none;}
        .scroll-wrapper{display:none;}
        #heroBack #scroll{display:block;}
        #boutique .title-wrapper h2{font-size:2em;}
        #services .title-wrapper h2{font-size:2em;}
        #apropos .title-wrapper h2{font-size:2em;}
        #services .services-wrapper .title h2{font-size:1.5em;}
        #services{height:100%;}
        #services .services-wrapper{position:static;}
        #services .services-wrapper .et_pb_column:last-of-type:last-of-type{border-top:none;}

        #boutique{height:100%;padding:6vh 0 !important;}
        #boutique .title-wrapper{position:static;transform:none;}
        #services .title-wrapper{padding-top: 6vh;}
        #apropos{height:100%;padding:6vh 0 !important;}
        #apropos .title-wrapper{position:static;transform:none;}

        #main-header #logo{width:24vw;}
        #main-header .logo_container{padding: 2vw 0;}
        #main-header .mobile_menu_bar_toggle{top:6vw;}
        .woocommerce-page ul.products li.product:nth-child(n){float:left !important;width:86.333% !important;margin-left:0 !important;}


    }
    @media (max-width: 360px) {
        #apropos {
            height: 100%;
        }

        #apropos .text-wrapper {
            display: none;
        }

        #apropos .title-wrapper {
            position: static;
            transform: none;
        }

        body.page-services #heroBack {
            height: 100%;
            min-height: 100vh;
        }

        body.page-services #heroBack .back-img {
            height: 100%;
            position: relative;
        }

        body.page-services #heroBack .background {
            height: 100%;
        }

        body.page-services .coming-soon {
            position: relative;
            height: auto;
            overflow: hidden;
            padding-top: 150px;
            padding-bottom: 100px;
            transform: translateX(-50%);
            z-index: 1;
        }

        body.page-services #contact {
            height: 100%;
        }

        body.page-services #contact .et_pb_column {
            position: static;
            transform: none;
        }

        body.page-services #contact form .type_service {
            width: 100%;
            margin-right: 0;
        }

        body.page-services #contact form .system_exploitation {
            width: 100%;
        }

        body.page-services #contact form .type_appareil {
            width: 100%;
            margin-right: 0;
        }

        body.page-services #contact form .serialnumber {
            width: 100%;
        }

        /*.et_pb_menu__logo-wrap{width: 50%;display:inline-block !important;}*/
        /*.et_pb_menu__wrap{display:inline-block !important;width:48%;vertical-align: top;}*/
        /*#microstation{padding-top: 0;}*/
        /*#apropos{margin-top:-80px !important;top: 0;}*/
        /*#apropos .et_pb_button {width: 80%;}*/
        /*#apropos .et_pb_image{width: 100%;}*/
        /*#etapes{padding-top: 0;}*/
        /*.service-item{height:auto !important;}*/
        /*#cleLink, #ecoLink{float:none;width: 100%;}*/
        /*#contact form{width: 90%;}*/
        /*#a-propos{padding-top: 0;background: linear-gradient(0deg, rgba(2,100,144,1) 0%, rgba(255,255,255,1) 48%);}*/
        /*#contact{padding-top: 0;}*/
        /*.mobilefooter .copyright{width: 100%;text-align:center;}*/
        /*.mobilefooter .footer-menu{width: 100%;margin-top:10px;}*/
        /*.mobilefooter .cbplogo{width: 30%;margin-top: 15px;text-align: right;position: absolute;bottom: 1vh;right: 4vw;}*/
        /*.mobilefooter .cbplogo img {width: 22%;}*/
        /*#apropos .title-wrapper h2{font-size: 2.5em;}*/
        /*#apropos .apropos-text{font-size: 1.2em;}*/
        /*#apropos{padding-bottom: 50px;}*/
        /*#etapes{top:-80px;padding-top: 220px;padding-bottom: 50px;margin-top:-160px;}*/
        /*#etapes .title-wrapper h2{font-size: 2.5em}*/
        /*.services-row{padding: 0;}*/
        /*.service-item h4 {font-size: 1.5em;}*/
        /*#contact{top:-0;padding-top:100px;margin-bottom:0;mask-image: url('/wp-content/themes/octave/img/mask.svg');*/
        /*mask-size: cover;*/
        /*mask-position: bottom center;*/
        /*mask-repeat: no-repeat;*/
        /*padding-bottom: 100px;*/
        /*-webkit-mask-image: url('/wp-content/themes/octave/img/mask.svg');*/
        /*-webkit-mask-size: cover;*/
        /*-webkit-mask-position: bottom center;*/
        /*-webkit-mask-repeat: no-repeat;}*/
        /*#contact .et_pb_row_15 .et_pb_column_4_4 {margin-top:0;}*/
        /*#contact .your-lastname{width:100%;}*/
        /*#contact .your-firstname{width:100%;}*/
        /*#contact .your-email{width:100%;}*/
        /*#contact .telephone{width:100%;}*/
        /*.footermenu::before {width: 100%;margin:0;}*/
        /*#contact form input[type="submit"]{width:100%;margin:0;}*/
        /*.infos a{font-size: 1.5em;}*/
        /*#heroBack{height: 50vh;}*/
        /*#heroBack .back-img{margin-top: 0;height: 100vh;}*/
        /*#logo{top:60%;}*/
        /*body.privacy-policy .et_pb_section_3.et_pb_section{padding-top: 0;margin-top: -50px;}*/
        /*.cli-plugin-button{display:block;width:100%;margin:20px auto 0 auto !important;color:#FFF !important;}*/
    }

    @media (max-width: 1000px) and (orientation: landscape) {
        #heroBack {
            height: 90vh;
        }

        #heroBack {
            height: 90vh;
        }

        #heroBackBorder {
            height: 90.8vh;
            margin-top: 33vh;
        }

        .logo-container {
            height: 90vh;
        }

        #heroBack .back-img {
            height: 90vh;
        }

        #logo {
            top: 50%;
        }

        #apropos {
            padding-top: 50px;
            padding-bottom: 150px;
            margin-top: -80px !important;
        }

        #section-hero {
            margin-top: -80px;
            height: 80vh;
        }

        #apropos .apropos-text {
            font-size: 1.5em;
        }

        .logocbp {
            position: absolute;
            bottom: -5%;
            right: -5%;
            width: 10vw;
        }

        .product-mobile {
            display: block;
        }

        .product-mobile .et_pb_blurb_content .et_pb_main_blurb_image {
            color: #e0e5fa;
            background-color: #2c2d43;
            font-size: 88px;
            border-radius: 100%;
            padding: 12px;
        }

        .product-mobile .et_pb_blurb_content .et-pb-icon-circle {
            font-size: 68px;
            border-radius: 100%;
            padding: 25px;
        }

        .product-mobile .et_pb_blurb_content .et_pb_module_header {
            font-weight: 800;
            text-align: center;
            color: #2c2d43;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-size: 2em;
            line-height: 1.5em;
        }

        .product-mobile .et_pb_blurb_content .et_pb_blurb_description p {
            color: #2c2d43;
            font-size: 1.3em;
            font-weight: 600;
            text-align: justify;
        }

        .coming-soon {
            top: 60%;
        }

        .table-price .et_pb_pricing_table_wrap {
            align-items: baseline;
        }

        .table-price .et_pb_pricing_table {
            max-width: 30% !important;
            margin: 0 auto;
            width: 80% !important;
        }

        .table-price .et_pb_pricing_heading h2 {
            font-size: 1.3em;
        }

        .table-price .et_pb_pricing_table_5 .et_pb_sum {
            font-size: 2em;
        }

        #hero .logo-container {
            display: none;
        }

        body.home #hero .logo-container {
            display: block;
        }

        body.page-assistance-telephonique #heroBack .back-img {
            width: 100vw;
        }

        body.page-assistance-en-gestion #heroBack .back-img {
            width: 100vw;
        }

        body.page-assistance-administrative #heroBack .back-img {
            width: 100vw;
        }

        body.page-au-temps-passe #heroBack .back-img {
            width: 100vw;
        }

        body.page-a-la-tache #heroBack .back-img {
            width: 100vw;
        }

        body.page-au-forfait #heroBack .back-img {
            width: 100vw;
        }

        body.page-coming-soon-social #heroBack .back-img {
            width: 100vw;
        }

        body.page-assistance-telephonique .spb-text-heading {
            display: none;
        }

        body.page-assistance-en-gestion .spb-text-heading {
            display: none;
        }

        body.page-assistance-administrative .spb-text-heading {
            display: none;
        }

        .social {
            margin-top: 20px;
            position: relative;
        }

        .cli-plugin-button {
            display: block;
            margin: 10px auto !important;
        }

        .cli-plugin-button {
            display: block;
            margin: 10px auto !important;
        }

    }

    @media (max-width: 900px) and (orientation: landscape) {
        #heroBack {
            height: 100vh;
        }

        #heroBack {
            height: 100vh;
        }

        .logo-container {
            height: 100vh;
        }

        #heroBack .back-img {
            height: 100vh;
        }

        #logo {
            top: 50%;
        }

        #apropos {
            top: 0;
            padding-top: 50px;
            padding-bottom: 150px;
            margin-top: 0 !important;
        }

        #section-hero {
            margin-top: 0;
            height: 100vh;
        }

        #apropos .apropos-text {
            font-size: 1.5em;
        }

        #etapes {
            padding-top: 300px;
        }

        .logocbp {
            position: absolute;
            bottom: -5%;
            right: -5%;
            width: 10vw;
        }

        .product-mobile {
            display: block;
        }

        .product-mobile .et_pb_blurb_content .et_pb_main_blurb_image {
            color: #e0e5fa;
            background-color: #2c2d43;
            font-size: 88px;
            border-radius: 100%;
            padding: 12px;
        }

        .product-mobile .et_pb_blurb_content .et-pb-icon-circle {
            font-size: 68px;
            border-radius: 100%;
            padding: 25px;
        }

        .product-mobile .et_pb_blurb_content .et_pb_module_header {
            font-weight: 800;
            text-align: center;
            color: #2c2d43;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-size: 2em;
            line-height: 1.5em;
        }

        .product-mobile .et_pb_blurb_content .et_pb_blurb_description p {
            color: #2c2d43;
            font-size: 1.3em;
            font-weight: 600;
            text-align: justify;
        }

        .coming-soon {
            top: 60%;
        }

        .table-price .et_pb_pricing_table_wrap {
            align-items: baseline;
        }

        .table-price .et_pb_pricing_table {
            max-width: 30% !important;
            margin: 0 auto;
            width: 80% !important;
        }

        .table-price .et_pb_pricing_heading h2 {
            font-size: 1.3em;
        }

        .table-price .et_pb_pricing_table_5 .et_pb_sum {
            font-size: 2em;
        }

        #hero .logo-container {
            display: none;
        }

        body.home #hero .logo-container {
            display: block;
        }

        body.page-assistance-telephonique #heroBack .back-img {
            width: 100vw;
        }

        body.page-assistance-en-gestion #heroBack .back-img {
            width: 100vw;
        }

        body.page-assistance-administrative #heroBack .back-img {
            width: 100vw;
        }

        body.page-au-temps-passe #heroBack .back-img {
            width: 100vw;
        }

        body.page-a-la-tache #heroBack .back-img {
            width: 100vw;
        }

        body.page-au-forfait #heroBack .back-img {
            width: 100vw;
        }

        body.page-coming-soon-social #heroBack .back-img {
            width: 100vw;
        }

        body.page-assistance-telephonique .spb-text-heading {
            display: none;
        }

        body.page-assistance-en-gestion .spb-text-heading {
            display: none;
        }

        body.page-assistance-administrative .spb-text-heading {
            display: none;
        }

        #apropos .text-wrapper {
            display: none;
        }

        #services {
            padding: 50px 0;
        }

        #services .services-row {
            margin-top: 0;
        }

        .service-item p {
            font-size: 1em;
        }

        body.page-services #heroBack {
            height: 100%;
            min-height: 100vh;
        }

        body.page-services #heroBack .back-img {
            height: 100%;
            position: relative;
        }

        body.page-services #heroBack .background {
            height: 100%;
        }

        body.page-services .coming-soon {
            position: relative;
            height: auto;
            overflow: hidden;
            padding-top: 150px;
            padding-bottom: 100px;
            transform: translateX(-50%);
            z-index: 1;
        }

        body.page-services #contact {
            height: 100%;
        }

        body.page-services #contact .et_pb_column {
            position: static;
            transform: none;
        }

        .social {
            margin-top: 20px;
            position: relative;
        }

        .cli-plugin-button {
            display: block;
            margin: 10px auto !important;
        }

    }

    @media (max-width: 768px) and (orientation: landscape) {
        #heroBack {
            height: 100vh;
        }

        #heroBack {
            height: 100vh;
        }

        .logo-container {
            height: 100vh;
        }

        #heroBack .back-img {
            height: 100vh;
        }

        #logo {
            top: 50%;
        }

        #apropos {
            padding-top: 50px;
            padding-bottom: 50px;
            height: 100%;
        }

        #section-hero {
            margin-top: 0;
            height: 100vh;
        }

        #apropos .apropos-text {
            font-size: 1.5em;
            margin-top: 40px;
        }

        .logocbp {
            position: absolute;
            bottom: -5%;
            right: -5%;
            width: 10vw;
        }

        .table-price .et_pb_pricing_table {
            max-width: 80% !important;
            margin: 0 auto
        }

        body.home #heroBack #logo {
            width: 20vw
        }

        #scroll {
            width: 4vw
        }

        #apropos .text-wrapper {
            display: none;
        }

        #services {
            padding: 50px 0;
        }

        #services .services-row {
            margin-top: 0;
        }

        .service-item p {
            font-size: 1em;
        }

        body.page-services #heroBack {
            height: 100%;
            min-height: 100vh;
        }

        body.page-services #heroBack .back-img {
            height: 100%;
            position: relative;
        }

        body.page-services #heroBack .background {
            height: 100%;
        }

        body.page-services .coming-soon {
            position: relative;
            height: auto;
            overflow: hidden;
            padding-top: 150px;
            padding-bottom: 100px;
            transform: translateX(-50%);
            z-index: 1;
        }

        body.page-services #contact {
            height: 100%;
        }

        body.page-services #contact .et_pb_column {
            position: static;
            transform: none;
        }

        #apropos .title-wrapper {
            position: static;
            transform: none;
        }

        .cli-plugin-button {
            display: block;
            margin: 10px auto !important;
        }

    }


    @keyframes scale {
        0% {
            transform: scale(5);
            opacity: 1;
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }

    @keyframes rotate {
        0% {
            transform: rotate(0);
        }
        100% {
            transform: rotate(-45deg);
        }
    }