/**************************************************
Color palette
***************************************************/
:root { --brown-grey: #aaaaaa; --dark: #34344B; --greyblue: #F6F7FA; --light-blue: #F1F0FA; --middle-grey: #6a6a6a; --orange: #F27633; --very-light-grey: #dadada; --very-light-grey-2: #f4f4f4; --very-light-orange: #fdeee5; }

/**************************************************
Global styles
***************************************************/
@font-face { font-family: 'Geometria'; src: url('https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Geometria%20font/Geometria.ttf') format('truetype'); }
@font-face { font-family: 'Geometria-Italic'; src: url('https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Geometria%20font/Geometria-Italic.ttf') format('truetype'); }
@font-face { font-family: 'Geometria-Bold'; src: url('https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Geometria%20font/Geometria-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Geometria-ExtraBold'; src: url('https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Geometria%20font/Geometria-ExtraBold.ttf') format('truetype'); }
@font-face { font-family: 'LibreBaskerville'; src: url('https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap') format('truetype'); }
@font-face { font-family: 'Alex Brush'; src: url('https://fonts.googleapis.com/css?family=Alex+Brush&display=swap') format('truetype'); }
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@600;700&family=IBM+Plex+Sans:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@600;700&display=swap');
html { min-width: 320px; }
body { color: var(--middle-grey); font-family: 'IBM Plex Sans', sans-serif; font-size: 16px; line-height: 1.625; }

/* Titles styles */
h1, h2, h3, h4, h5 { font-family: 'IBM Plex Sans Condensed', sans-serif; font-stretch: normal; font-style: normal; text-align: left; }
h1 { font-family: 'IBM Plex Sans Condensed', sans-serif; font-size: 56px; font-weight: 800; letter-spacing: 1.1px; line-height: 1.04; }
h2 { font-family: 'IBM Plex Sans Condensed', sans-serif; font-size: 42px; font-weight: 800; letter-spacing: normal; line-height: 1.05; }
h3 { font-family: 'IBM Plex Sans Condensed', sans-serif; font-weight: 800; letter-spacing: normal; line-height: 1.2; }
h4 { font-family: 'IBM Plex Sans Condensed', sans-serif; font-size: 24px; font-weight: 800; letter-spacing: normal; line-height: normal; }
p { font-family: 'IBM Plex Sans', sans-serif; font-size: 16px; font-stretch: normal; font-style: normal; letter-spacing: normal; line-height: 1.63; }
    p.blue-caps { color: var(--dark); font-weight: bold; line-height: 1.38; text-align: center; }
    p.grey { color: #6a6a6a; }
    p.bullets-points { color: #6a6a6a; line-height: 1.88; }
.subtitles { font-family: 'IBM Plex Sans', sans-serif; font-size: 12px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 2; }
a { transition: all 0.25s ease-in 0s; }
    a, a:hover { color: var(--orange); }
        .know-more a, a.know-more { border-bottom: none; color: var(--orange); cursor: pointer; display: inline-block; font-size: 16px; font-weight: bold; padding-bottom: 3px; text-decoration: none; }
            .know-more a:hover, .know-more a:focus,
            a.know-more:hover, a.know-more:hover, .nav .open > a,  .nav .open > a:hover, .nav .open > a:focus,.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus  { border-bottom-color: transparent; color: rgb(236,102,22); text-decoration: none; }
            .know-more a p { margin: 0; text-decoration: underline;}
.know-more.collapse {  position: relative; margin-bottom: 70px; margin-top: 10px; }
.navbar-nav {margin: 1px -15px;}
.navbar-nav.navbar-right > li > .dropdown-menu {min-width: 100%; width: 50px;}

.IBM-Plex {
  font-family: 'IBM Plex Sans Condensed', sans-serif;
}


input:focus, textarea { outline: none !important; }
*:focus { outline: none !important; }
::placeholder { color: var(--white); opacity: 1; }
:-ms-input-placeholder { color: var(--white); }
::-ms-input-placeholder { color: var(--white); }


/* Special classes */
.center { text-align: center; }
.left { text-align: left !important; }
.right { text-align: right !important; }
/*.bold { font-family: 'IBM Plex Sans Condensed', sans-serif; !important;; }
.extra-bold { font-family: font-family: 'IBM Plex Sans Condensed', sans-serif; !important;; }*/
.orange { color: var(--orange) !important; }
.middle-grey { color: var(--middle-grey); }
.light-orange { color: var(--very-light-orange); }
.white { color: #ffffff; }
.blue, .dark { color: var(--dark); }
.grey { color: #6a6a6a; }





/**************************************************
Default section
***************************************************/
.headerCenter, .page-center { padding-left: 15px; padding-right: 15px; }
.page-center { display: table; margin: 0 auto !important; max-width: 1200px; width: 100%; float: none !important; }
    .page-center.body h2.extra-bold { font-family: 'IBM Plex Sans Condensed', sans-serif; color: var(--dark); font-size: 32px; font-stretch: normal; font-style: normal; font-weight: 800; letter-spacing: normal; line-height: 1.05; text-align: center; }
        .page-center.body h2.extra-bold.main-title {  font-family: 'IBM Plex Sans Condensed', sans-serif; margin: 0 auto 40px; }
           .page-center.body h2.extra-bold.main-title-grey-bg {  font-weight: 800; font-family: 'IBM Plex Sans Condensed', sans-serif; font-size: 32px; margin: 80px 0 0 0; color: var(--dark); }
.grey-section { background-color: var(--greyblue); padding-bottom: 60px; padding-top: 60px; }
 .grey-section .value-proposition h2.extra-bold { text-align: left; }
.inverted .rectangle { left: -15px; }

.orange-section { background-color: var(--very-light-orange); padding-bottom: 60px; padding-top: 60px; }

/**************************************************
Demo forms 
***************************************************/

.demo-form-wrapper { display: inline-block; margin: 0 auto; text-align: center; width: 100%; }
.demande-demo { border: solid 1px white; border-radius: 30px; display: inline-flex; margin: 0 auto; }
.hs-form-field .input { border-radius: 30px; font-size: 16px; height: 46px; margin: 5px; }
.demande-demo .hs-form-field .input .hs-input { background-color: transparent; border: none; border-radius: 30px; color: #fff; font-weight: bold; height: 100%; max-width: 375px; padding-left: 20px; text-align: left; transition: all 0.25s ease-in 0s; font-family: geometria }
.demande-demo .hs-form-required, .demande-demo .hs-error-msgs, .demande-demo .hs-email label { display: none !important; }

.hs-button.primary { background-image: linear-gradient(to right, var(--orange), #d75d14); border: none; border-radius: 30px; color: #fff; font-weight: bold; height: 46px; margin: 5px; padding: 0 2em; font-size: 16px;     font-family: geometria;}
.last-section-wrapper .hs-button.primary { background: #fff; border: none; color: var(--orange); }

    .hs-button.primary:hover { background: var( --very-light-orange); }


/* Hide the placeholder when input is in focus */
::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; }  /* Chrome <=56, Safari < 10 */
:-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */

*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */


/**************************************************
CTA
***************************************************/

.cta_button { cursor: pointer;border-radius: 23px;font-family: 'IBM Plex Sans', sans-serif;;font-size: 16px;font-weight: bold;font-style: normal;padding: 13px 37px;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center}
.cta_button.white {background-color: #fff;color: var(--orange);}

/**************************************************
Header
***************************************************/
#beeyeLogo { height: 39px; width: 120px; }
.header-container-wrapper { padding-top: 20px; }
.header-wrapper { background-color: rgba(255,255,255,0.85); box-shadow: 0 1px 3px rgba(0,0,0,0.05); left: 0; padding: 10px 0; position: fixed; right: 0; top: 0; z-index: 1000; }
.headerCenter { margin: 0 auto; width: 100%; }
    .headerCenter .row-fluid { align-items: center; display: flex; justify-content: space-between; }
.topLogo { float: left; margin-left: 15px; max-width: 140px; }
.topLinks { float: right; padding-right: 11px; text-align: right; width: 100% !important; }
    .topLinks a { color: var(--middle-grey); font-family: 'IBM Plex Sans', sans-serif; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; margin: 0 1em; padding-top: 9px; text-decoration: none; }
    .topLinks .nav > li > a:hover, .topLinks .nav > li > a:focus { background-color: transparent; color: var(--orange); }
   .navbar-right .topLinks li:last-child { margin-left: 15px; }
.header h1.extra-bold { color: var(--dark); font-size: 56px; font-stretch: normal; font-style: normal; font-weight: 800; letter-spacing: 1.02px; line-height: 1.04; }
.header.demande-demo { background-color: #fff; border: solid 1px var(--very-light-grey); font-family: 'IBM Plex Sans Condensed', sans-serif; margin-top: 25px; max-width: 375px; }
    .header.demande-demo .hs-form-field .input .hs-input { background-color: #fff; border: none; color: var(--orange); max-width: 375px; padding-left: 20px; text-align: left; }
.header .hs-button.primary { background: linear-gradient(to right, var(--orange), #d75d14); color: #fff; }
    .header .hs-button.primary:hover { background: rgb(236,102,22); }
.navbar-right .tablet-links {display: none;}
.dropdown-menu > li > a {padding: 0; margin: 3px 20px; text-align: center;}

/* Banner */
.banner { background-position-x: center; background-position-y: initial; background-repeat: no-repeat; height: 560px; margin-bottom: 110px; width: 100%; }
    .banner .header.page-center, .contain-banner .header.page-center { padding-top: 150px; }
.banner p {padding-top: 5px;}
.page-center.body {margin-bottom: 3em; min-width: 100%;}



/**************************************************
Self-serve
***************************************************/

/* Self-serve banner */

.header-wrapper.self-serve {padding-top: 0;}
.header-wrapper.self-serve .orange-banner {background-color: var(--orange); width: 100%}
.header-wrapper.self-serve .orange-banner p {font-family: 'IBM Plex Sans', sans-serif;font-style: normal;font-weight: normal;font-size: 16px;padding: 10px 0;}
.header-wrapper.self-serve .orange-banner a {text-decoration: none;}
.header-wrapper.self-serve .orange-banner a:hover {color:#fff;}
.dropdown-content {display:none;margin-left: 15px;position: absolute;z-index: 1;list-style-type:none;text-align: left; padding: 5px;min-width: 100%;background: #fff; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08); border-radius: 8px;}
.dropdown-content li a {text-align: left; line-height: 36px;}
.dropdown:hover .dropdown-content {display: block; }


.self-serve .banner {background: none;margin-top: 85px;height: 100%}
.self-serve .banner .header.page-center {padding-top: 115px;}

.homepage .banner-center-picture {display: block; text-align: center; margin: 100px auto 30px;}
.homepage .banner-center-picture img {max-width: 1362px; width: 100%; display: inline-block; text-align: center}

.self-serve .grey-section {display: inline-block; width: 100%;}
.self-serve .customers-logo-wrapper { margin: 0 auto; max-width: 1000px;}
.self-serve .customers-logo-wrapper .customers-logo {margin-bottom: 0;}

.self-serve .two-column-equal-module {display: flex; margin: 5em 0 3em;}
.self-serve .inverted .two-column-equal-module .column1 {order: 2;}


/* orange banner */

.orange-full-banner { background: #f17d37; padding: 30px 30px 40px 30px; display: inline-block; width: 100%; margin-bottom: 2em;}
.orange-full-banner .full-banner-content {max-width: 1200px;margin: 0 auto;}
.orange-full-banner p { margin: 0; color: #fff}
.self-serve .orange-full-banner form.white input.hs-button.primary {background-image: none; background: white; color: var(--orange);}
.white.bold.footer {
	font-size: 32px;
	color: #ffffff;
	font-weight: 800;
	font-family: 'IBM Plex Sans Condensed', sans-serif;
  line-height: 1.3;
  text-align: left;
}

/* mobile app banner */

.grey-section.bottom-section {padding-bottom: 0; margin-bottom: -5px;}
.mobile-app-banner {    max-width: 1200px;margin: 0 auto;}
.mobile-app-description {margin-top: 50px; max-width: 460px;}
.mobile-app-description h4 {font-size: 18px;}
.mobile-app-banner .store-icon img {height: 30px; }



/* customer quote */

.self-serve .quote .quote-text p {font-family: 'IBM Plex Sans', sans-serif;font-style: normal;font-weight: 800;font-size: 18px;line-height: 30px;color:var(--orange);}
.self-serve .quote-rectangle {display: none;}
.self-serve .quote-people, .self-serve .quote-job {text-decoration: none;font-family: 'IBM Plex Condensed', sans-serif;font-style: normal;font-weight: 800;font-size: 18px; color: var(--grey); }
.self-serve .quote-people a {text-decoration: none; color: var(--grey) !important;}


/* webinar banner */

.webinar-banner .orange-cta-section {margin-top: 13px;}
.webinar-banner {margin-top: 8em;}
.webinar-banner .orange-full-banner {margin-top: 8em;}

/**************************************************
Feature details
***************************************************/
.feature-details { display: flex; flex-wrap: wrap; justify-content: center; margin: 2em -15px; }
.feature-detail { background-color: #F6F7FA; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(210, 210, 210, 0.5); flex: 1; margin: 15px; max-width: 370px; padding: 40px 35px; }
    .feature-detail img { display: block; height: 45px; margin: 0 auto; }
    .feature-detail h4 { color: var(--dark); font-size: 24px; font-stretch: normal; font-style: normal; font-weight: 800; letter-spacing: normal; line-height: normal; text-align: center; }
    .feature-detail ul { margin: 0; padding-left: 0 }
    .feature-detail li { color: var(--middle-grey); font-size: 16px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.88; list-style-image: url(https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Features/bullet-point.png); padding-left: 10px; }
        .feature-detail li span.orange { font-weight: bold; }
.feature-gifs { margin: 1em 0; text-align: center }
    .feature-gifs img { height: auto; max-width: 693px; object-fit: contain; width: 100%; }

/* Toggle navigation */
.navbar-left, .navbar-right { align-items: center; display: inline-flex; }
.navbar-left a.currentPage, .navbar-right a.currentPage {color: var(--orange);}
span.icon-bar { background-color: var(--orange); }
.navbar-toggle { display: none; }
.nav > li { float: left }
.collapsing { position: absolute !important; right: 20px; top: 35px; }

/* feature banner */
.cta-section { color: #ffffff; display: inline-block; margin-top: 3.5em; width: 100%; }
.cta-picture { background-position: 10% top; background-repeat: no-repeat; background-size: cover; padding: 7% 15%; max-height: 550px; }
    .cta-picture h4 { font-size: 42px; font-stretch: normal; font-style: normal; font-weight: 800; letter-spacing: normal; line-height: 1.05; }
    .cta-picture h4, .cta-description { max-width: 450px; }
.cta-description { font-size: 16px; padding-top: 1em; }
.cta-rectangle { background-color: var(--orange); display: inline-block; height: 2px; margin: 10px 0; position: absolute; width: 134px; z-index: 999; }
.feature-gifs { margin-bottom: 90px; }
.feature-banner-cta { background-image: url(https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Background/BG-OrangeVagues-Btn.png); background-size: 100%; height: 130px; padding-top: 50px; text-align: center;margin-bottom: 30px; }
    .feature-banner-cta a:hover { background: #fff !important; color: #f37d37 !important; }
    .feature-banner-cta .white_cta a:hover { background: #FDFCFF !important; color: #F27633 !important; }



.rectangle { background-color: var(--orange); display: inline-block; height: 2px; margin: 20px 0; position: absolute; right: -15px; width: 134px; z-index: 999; }
.value-text { color: var(--middle-grey); font-family: 'IBM Plex Sans', sans-serif; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: normal; height: 100%; letter-spacing: normal; line-height: 1.63; margin-top: 50px; max-width: 330px; width: 100%; }
.feature-result { color: var(--orange); font-family: 'IBM Plex Sans', sans-serif; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: normal; }

.socialSide img {max-width: 25px; max-height: 25px; margin: 10px 0;}


/**************************************************
Quote customers
***************************************************/
.quote {display: block;  margin: 10px auto;max-width: 950px}
.quote .circleBase {margin-top: 2em;}
.big-quote {max-width: 60px;width: 100%;max-height: 133px;height: 100%;font-family: 'IBM Plex Sans Condensed', sans-serif; font-size: 120px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: var(--very-light-orange);  position: absolute;display: none}
.quote-img {width: 300px;height: 300px; margin-top: 2em;}
.quote-text h3 {font-family: 'IBM Plex Sans', sans-serif;font-size: 24px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.33;letter-spacing: normal;color: var(--middle-grey);}
.quote-rectangle {width: 172px;height: 2px;background-color: var(--orange);}
.quote-people {font-weight: 800;color: var(--orange);font-size: 14px;}
.quote-job {font-size: 14px; color: var(--dark);}
.quote-text p {font-size: 20px;}
.quote-text a {color: var(--middle-grey); }
.quote-text a:hover {text-decoration:none; }
.circleBaseQuote {border-radius: 50%;behavior: url(PIE.htc); width: 150px; height: 150px;border: 1px solid #e6e6e6;margin: 2% auto; background-size: 100%;    margin-left: 5em;}


/**************************************************
Last section
***************************************************/
.last-section-wrapper { background-image: url("https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Background/BG-OrangeVagues.png"); background-position-x: center; background-size: 100% 100%; display: inline-block; height: 400px; margin-bottom: -1em; padding: 90px 0 100px; width: 100%; }
.last-section p { margin: 1em auto 2em; max-width: 630px; }
.last-section-wrapper h2.center.white {margin: 0;}

/**************************************************
Footer
***************************************************/
.footer-container-wrapper { background-color: var(--dark); }
.footer-wrapper { background-color: var(--dark); bottom: 0; color: #ffffff; min-height: 300px; padding: 2em 0; position: relative; width: 100%; }
#footer { font-stretch: normal; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: normal; margin: 0 auto; max-width: 1440px; padding: 0 2em; min-width: 100%;}
.footerTopLine { border-bottom: solid 1px rgba(255, 255, 255, 0.21); margin: 0 auto; max-width: 1170px; overflow: hidden; padding: 2em 0; min-width: 100%; }

    .footerTopLine .row-depth-1 .row-fluid { align-items: center; display: flex }

.footer-rectangle { background-color: rgba(255, 255, 255, 0.21); height: 1px; max-width: 1170px; }
.logoFooter img { height: auto; width: 143px; }
.logoLinks { padding: 3px 0 3px 50px; }
    .logoLinks .hs_cos_wrapper_widget,
    .logoLinks .hs_cos_wrapper_widget .hs_cos_wrapper_widget { width: 100% }
        .logoLinks .hs_cos_wrapper_widget .hs_cos_wrapper_widget { display: flex; }
    .logoLinks a { color: #ffffff; display: inline-block; flex: 1; min-width: 23.5%; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: normal; text-decoration: none;font-family: 'IBM Plex Sans', sans-serif; }
        .logoLinks a:hover { color: var(--orange); }
.footerBottomLine { display: block; margin: 0 auto; margin-top: 2em; max-width: 1170px;  min-width: 100%;  }
.social-network { margin-top: 5px; order: 2; text-align: right; }
    .social-network img { height: 15px; margin-bottom: 5px; padding: 0 0.5em; }
.social-network-part { display: inline-block; width: 100px; }
.partnersLogo span:first-child {margin-right: 10px;}
.partnersLogo img { margin: 0 7px; order: 1; max-height: 40px; }
.partnersLogo span { display: inline-block; }
#ecf img {height: 15px;}
#microsoft-for-startups img {height: 30px;}
#ordre-comptables { display: none; }
.mention { display: inline-block; order: 3; padding-right: 0 !important; margin-top: 0.5em; text-align: right; }
.copyright { margin-top: 1em; }

@media (max-width: 1201px) {
        .partnersLogo span { display: initial; float: none; margin: 0 auto 10px; width: 100%; }
}

@media (max-width: 1201px) and (min-width: 1150px) {
  .col-lg-3{ width: 50%;}

}

@media (max-width: 1100px) {
    .feature-details { margin-left: 0; margin-right: 0; }
    .logoLinks .hs_cos_wrapper_widget .hs_cos_wrapper_widget { width: 99%; }
  .nav > li > a {padding: 15px 0;}
}

@media (max-width: 1000px) {
      .header-container .banner { background-image: url(https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Background/BG-BlancVaguesx2.png); background-position-x: initial; background-position-y: bottom; height: 100%; margin-bottom: 50px }
        .header-container .banner .header .header-text { text-align: center; }
        .header-container .banner .col-md-7 { width: 100%; }
     .header-container .banner .header h1.extra-bold { font-size: 42px; text-align: center; }
    .grey-section { background-color: var(--greyblue); padding: 0 }
    .logoFooter { margin-bottom: 1.5em; text-align: center }
    .footerTopLine .row-depth-1 .row-fluid { flex-direction: column; }
    .footer-wrapper { padding: 1em; }
    .logoLinks { padding: 7px 0 7px 0; }
  .header .demande-demo {display: flex; margin: 1em auto;}
   .grey-section .value-proposition h2.extra-bold { text-align: center; }
  .rectangle {display: none;}
  .value-text {margin-top: 20px;}
  .navbar-right li.desktop-link {display: none;}
  .navbar-right .tablet-links {display: block;}
  .extra-bold.main-title-grey-bg { padding: 40px 30px 0 30px; }
}


@media (max-width: 840px) {
    .navbar-collapse.collapse.in, .navbar-collapse.collapsing { background: white; border-radius: 0 0 5px 5px; display: block !important; position: absolute; right: 0; top: 60px; z-index: 99; }
  .navbar-toggle { display: block; padding: 1px 6px !important; }
    ul.navbar-nav.navbar-right { display: grid;box-shadow: 0 0 5px 0 rgba(210, 210, 210, 0.5); min-width: 230px;padding: 0 15px; border-radius: 5px; }
    a.login { margin: 0.5em 0; }
  .navbar-collapse.collapse {display: none !important}
  .navbar-right  a.cta_button {line-height: 60px !important;}
  .navbar-right li.desktop-link {display: block;}
  .navbar-right .tablet-links {display: none;}
}

@media (max-width: 786px) {

    .footerBottomLine { flex-direction: column; margin-top: 1em; }
    .social-network-part { display: block; margin: 0 auto 5px; }
    .partnersLogo { padding-bottom: 1em; text-align: center}
        .partnersLogo span:first-child { display: block; margin-bottom: 20px; }
    p.subtitles { text-align: center; }
}

@media (max-width: 767px) {
    
    .link-wr { display: flex; justify-content: center; padding-left: 0 !important; padding-right: 0 !important; width: 100%; }
        .link-wr > div:last-child { padding-left: 10px; }
    .footerTopLine .link-wr .row-depth-2 .row-fluid { flex-direction: column; }
    .logoLinks { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; }
        .logoLinks .hs_cos_wrapper_widget .hs_cos_wrapper_widget { flex-direction: column; }
        .logoLinks a { padding-bottom: 10px; padding-top: 10px; text-align: center; min-width: 125px; }
}

@media (max-width: 700px) {
    h1, h2, h3, h4, h5 { font-family: Geometria; font-stretch: normal; font-style: normal; font-weight: 800; letter-spacing: normal; }
    h1 { color: var(--dark); font-size: 30px; letter-spacing: 0.5px; line-height: 1.13; }
    h2 { color: var(--dark); font-size: 24px; line-height: 1.25; text-align: left; }
        h2.extra-bold { font-size: 30px !important }
        h2.extra-bold,
        h3.extra-bold { margin-bottom: 30px; }
    .page-center.body h2.extra-bold.main-title { margin: 60px auto 50px; }
    h4 { font-size: 20px; line-height: normal; }
    p { line-height: 1.5; }
    .grey-section { padding: 25px 0; }
  .discount-mobile .manager-list {display: none;}
}

@media (max-width: 635px) {
    .partnersLogo span:not(:first-child) { display: inline-block; }
    .footerTopLine { border-bottom: solid 2px rgba(255,255,255,0.21); max-width: 25em; min-height: 20em; }
    .social-network p { border-top: solid 2px rgba(255,255,255,0.21); margin: 0 auto; max-width: 22em; text-align: center; width: 100%; }
    .partnersLogo { border-bottom: none; }
}

@media (max-width: 525px) {
  .banner .header.page-center {padding-top: 90px; }
}

@media (max-width: 515px) {
    .last-section-wrapper { background-size: unset; height: auto; padding: 60px 0; }
    .cta-section { margin-top: 0; }
    .cta-picture { background-position: 76% top; padding: 7%; }
    .partnersLogo { margin-bottom: 0; }
    .feature-gifs { margin-bottom: 40px; }
  .logoLinks a {margin: 0 10px;}
}

@media (max-width: 400px) {
    .headerCenter, .page-center { padding-left: 20px; padding-right: 20px; }
        .page-center > [class^="col-"] { padding-left: 0; padding-right: 0; }
    .partnersLogo { padding-bottom: 0; }
  #footer {padding: 0;}
}

@media (max-width: 350px){
 .demande-demo, .header .demande-demo {
    display: inline-block;
    margin: 1em auto;
    width: 270px;
  border: none;
  text-align: center;
}
  
 .header.demande-demo .hs-form-field .input .hs-input {border: solid 1px var(--very-light-grey); text-align: center;}
  .demande-demo .hs-form-field .input .hs-input {border: solid 1px white; text-align: center;}
}

/**************************************************
pricing widget solo
***************************************************/
.pricing-widgets-wrapper-solo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-widgets-wrapper-solo .pricing-widget {
  box-shadow: 0 0 5px 0 rgba(210,210,210,0.5);
  padding: 1em 2em;
  border-radius: 5px;
  margin-bottom: 40px;
}

.small-tilte-price {
  font-size: 20px;
  display: inline-block;
  color: #F27633;
}


/**************************************************
Case study
***************************************************/
.case-studies-bg { background-image: url(https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Background/BG-BlancVaguesx2.png); background-position: 15% bottom; background-repeat: no-repeat; width: 100%; }
.case-studies-grid { padding: 0 75px 130px; }
.case-studies-row { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px; }
    .case-studies-row .case-studies-col { padding: 15px; width: 33.3333%; }
.case-study { background-color: #fff; border-radius: 5px; overflow: hidden;box-shadow: 0 0 5px 0 rgba(210, 210, 210, 0.5);  }
    .case-study img { height: auto; max-height: 203px; object-fit: fill; width: 100%; }
    .case-study .case-study-content { padding: 10px 50px; }
        .case-study .case-study-content h4 { font-size: 24px; height: 26px; }
    .case-study .case-study-subtitles { height: 75px; }
    .case-study .case-study-content h4 { font-size: 24px; font-stretch: normal; font-style: normal; font-weight: 800; letter-spacing: normal; line-height: normal; }
    .case-study .know-more { margin-bottom: 20px; }
        .case-study .know-more p { font-size: 16px; font-weight: bold; }

/**************************************************
Case study carousel slider
***************************************************/
.carousel-indicators { bottom: -3em; }
    .carousel-indicators li { background-color: var(--very-light-grey); height: 14px; width: 14px; }
        .carousel-indicators li.active { background-color: var(--orange); height: 14px; margin: 1px; width: 14px; }
.case-studies-slider { display: none; }
    .case-studies-slider .decor { border-radius: 5px; box-shadow: 0 0 5px 0 rgba(210,210,210,0.5); margin: 0 auto; margin-bottom: 5px; max-width: 366px; width: 100%; }