/**************************************************
General
***************************************************/
.onePager-center .body p, .onePager-center .body-container-wrapper ul, 
.onePager-center .body-container-wrapper ol, .onePager-center .body-container-wrapper h4, 
.onePager-center .body-container-wrapper h3 { margin: 0 auto 10px; max-width: 800px; }
.inputs-list { padding: 0 }
.onePager-center .body h2.extra-bold { margin: 0 auto 0.5em; max-width: 800px; }
.quickstart.onePager-center h2.extra-bold { margin-top: 1em; }
#case-study-wrapper {margin-bottom: 3em;}


/**************************************************
One Pager Banner
***************************************************/
.banner .header.page-center.banner-center { padding-top: 100px; }
.banner-center p { padding-top: 5px; color: var(--middle-grey); font-family: Geometria; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.63; margin: 0 auto; max-width: 570px; text-align: center; text-align: center; }
.onePager-center .major-contain { background-image: url(https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/Background/BG-BlancVaguesx2.png); background-position-x: initial; background-position-y: 5em; background-repeat: no-repeat; background-repeat-x: repeat; margin-bottom: 0;  width: 100%; }
.onePager-center .major-contain.vortex-test {background-image: url(https://www.mybeeye.com/hubfs/Beeye%20by%20SweetPunk/test-vortex.gvdesign);}
.onePager-center .body h1, .onePager-center h4 { text-align: center; }
.onePager-center .banner .pic, .onePager-center .banner .titre { background: transparent; }
.onePager-center #video .pic .backImg img { visibility: hidden !important; }
.onePager-center .banner > div:nth-of-type(3) { bottom: -15px; }
.contain-banner { margin-bottom: 3em; }
.onePager-center .banner .pic { height: 50px; }


/**************************************************
Forms
***************************************************/
.demande-contact, .demande-demo-finale, .download-ebook { background-color: #fff; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(210,210,210,0.5); margin: 0 auto 3em; max-width: 800px; overflow: hidden; padding: 40px; }
.download-ebook {max-width: 400px; margin: 0 auto;}
.demande-contact span, .demande-demo-finale span, .download-ebook  span {color: var(--dark)}
.demande-contact  input.hs-input, .demande-demo-finale input.hs-input, .download-ebook input.hs-input {font-weight: bold;} 
    .demande-contact fieldset, .demande-demo-finale fieldset { max-width: 100% !important; width: 100%; }
.contact-form .submitted-message {margin-bottom: 20em;text-align: center}
form input[type="checkbox"], form input[type="radio"], form input[type="button"], form input[type="reset"], form input[type="submit"] { width: auto !important; }
form input[type="checkbox"] { position: relative; top: 2px; }
form input[type="submit"], .header .hs-button.primary { -moz-user-select: none; -ms-touch-action: manipulation; -ms-user-select: none; -webkit-user-select: none;     user-select: none; display: inline-block;font-weight: normal; text-align: center; text-decoration: none; -moz-transition: all .4s ease;-webkit-transition: all .4s ease; -o-transition: all .4s ease; background: rgb(215,93,20); border-radius: 6px; border-width: 0px; color: rgb(255,255,255); font-family: sans-serif; height: auto; transition: all .4s ease; padding: 6px 18px; text-shadow: none; width: auto; font-size: 24px; line-height: 1.5em; border-radius: 23px; background-image: linear-gradient(to right, var(--orange), #d75d14); font-family: Geometria;font-size: 16px; font-weight: bold; font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center; color: #ffffff;padding: 13px 37px;}
.onePager-center .body .hs-form-field .input { height: auto; }
    .onePager-center .body .hs-form-field .input > .hs-input { background-color: #fff;color: var(--orange); display: inline-flex; height: auto; padding: 8px 15px; transition: border-color 0.25s ease-in 0s, box-shadow 0.25s ease-in 0s; width: 100% !important;border-radius: 10px; border: solid 1px #e6e6e6; }
        .onePager-center .body .hs-form-field .input > .hs-input:hover, .onePager-center .body .hs-form-field .input > .hs-input:focus { border-color: var(--orange); outline: none; }
    .onePager-center .body .hs-button.primary:hover { background: rgb(236,102,22); }
.onePager-center form li { display: inline-block; font-size: 14px; margin-right: 1em; }
    .onePager-center form li label { margin-left: 0; padding-left: 0; }
    .onePager-center form li span { padding: 0 0 15px 5px; }
.onePager-center form ul.hs-error-msgs  {    display: block;z-index: 99999;margin: 0;width: 15em;padding-top: 10px; border-radius: 5px;}
.onePager-center form .hs-error-msgs li { display: block; display: block; line-height: 1.25; margin-top: -10px; }
.onePager-center form .hs-error-msgs label { display: block; text-align: right }
.onePager-center form .hs-error-msg { color: red }


.onePager-center form label { display: inline-block; font-weight: bold; margin-bottom: 0; margin-left: 15px; max-width: 100%; padding-top: 10px }
input[type="radio"] { margin-right: 5px; }

.demo-cta-wrapper, .cta-wrapper {margin-top: 20px;display: block;text-align: center;}
.cta-wrapper {margin-bottom: 20px;}

/**************************************************
Demo Page
***************************************************/
.p1.selected, .p2.selected, .p3.selected { background-color: #fff; border: 1px solid transparent; border-radius: 5px; box-shadow: 1px 1px 20px -4px #dedede; margin-bottom: 20px; padding: 40px 20px 20px; }
.offerImage { background-position: 50% 50%; background-repeat: no-repeat; height: 100px; margin-bottom: 20px; text-align: center; }
.p1.selected .offerImage { background-image: url(//www.mybeeye.com/hubfs/icon-plan-activities.png); }
.p2.selected .offerImage { background-image: url(//www.mybeeye.com/hubfs/icon-manage-teams.png); }
.p3.selected .offerImage { background-image: url(//www.mybeeye.com/hubfs/icon-track-performance.png); }
.p1.selected .offerHeader, .p2.selected .offerHeader, .p3.selected .offerHeader { color: #f37d37; }
.offerHeader { color: #003d60; font-family: Geometria-Bold; font-size: 16px; letter-spacing: 3px; text-align: center; text-transform: uppercase; word-break: break-word; }
.offerNumber { margin: 0 10%; margin: 0 auto; max-width: 250px; }
    .offerNumber > div { margin: 10px 0; text-align: center; }
        .offerNumber > div > div:first-of-type { display: inline-block; vertical-align: top; }
        .offerNumber > div > div:nth-of-type(2) { display: inline-block; text-align: left; width: 80%; }
    .offerNumber img { height: 17px; margin-right: 10px; width: 12px; }
.sameHeight { margin: 1em 0 5em; }
.submitted-message {margin-bottom: 3em;}

/* Demo page video container */
.demo-video { margin: 0 auto 2em; max-width: 700px; }
.video-container { height: 0; max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative; }
    .video-container iframe,
    .video-container object,
    .video-container embed { height: 100%; left: 0; max-height: 400px; max-width: 700px; position: absolute; top: 0; width: 100%; }


/* Download form */
.download-form-wrapper { display: inline-block; margin: 0 auto; text-align: center; width: 100%; }
form.download-form { background-color: #fff; border: solid 1px #eee; border-radius: 30px; display: inline-flex; font-family: geometria-bold; margin: 0 auto; margin-top: 40px; box-shadow: 0 0 5px 0 rgba(210,210,210,0.5);}
.download-form .hs-form-required, .download-form .hs-email label { display: none !important; }
.download-form .hs-email ul li label { display: block !important; }
.onePager-center .body-container-wrapper .download-form ul.hs-error-msgs {max-width: 400px;}
.download-form .hs-form-field .input .hs-input { background-color: transparent; background-color: #fff; border: none !important; border-radius: 30px; color: var(--orange); height: 100%; padding-left: 20px; text-align: center; text-align: left; }
.download-form .hs-button.primary { background: linear-gradient(to right, var(--orange), #d75d14); border-radius: 30px; color: #fff; font-size: 16px; height: 46px; margin: 5px; }
.download-form .hs-form-field .input { border-radius: 30px; font-size: 16px; height: 46px; margin: 5px; }



/**************************************************
Social side
***************************************************/


/* Social sidebar */
.case-study-global .sidebar { bottom: 25em; float: right; position: fixed; right: 15em; width: 1%; }
/* Social side */
.social-side-wrapper { padding: 0 20px; position: fixed; right: 0; top: 200px; z-index: 999 }
.case-study-global .socialSide { display: none; }
    .case-study-global .socialSide .hexagon { display: block; margin: 60px 0; }
        .case-study-global .socialSide .hexagon img { bottom: 30px; display: inline-block; height: 40px; position: relative; width: 40px; }
.case-study-global .post-blog .hs_cos_wrapper_type_social_sharing { display: inline-block; width: 100%; }
div.hoz-spacer-social-share { display: none; }
.socialSide .hexagon { background-color: rgb(243, 125, 55); display: block; height: 40px; left: 0; margin: 60px 0; width: 75px; }
    .socialSide .hexagon img { bottom: 22px; display: inline-block; height: 40px; position: relative; width: 40px; }
.content .hexagon { height: 40px; left: 0; margin: 0; margin-bottom: 50px; margin-top: 20px; width: 75px; }
    .content .hexagon:before { border-bottom: 20px solid #f37d37; bottom: 100%; }
    .content .hexagon:after { border-top: 20px solid #f37d37; top: 100%; }
    .content .hexagon:before, .content .hexagon:after { border-left: 37.5px solid transparent; border-right: 37.5px solid transparent; }
    .content .hexagon > div { color: white; font-family: Geometria-ExtraBold; font-size: 50px; margin-top: -14px; }
.socialSide .hexagon.beforeBlue:before { border-bottom-color: #003d60; }
.socialSide .hexagon.afterBlue:after { border-top-color: #003d60; }
.hexagon { background-color: #f37d37; display: inline-block; height: 125px; left: calc(50% - 125px); margin: 100px auto; position: relative; width: 250px; z-index: 9; }
    .hexagon:before, .hexagon:after { border-left: 125px solid transparent; border-right: 125px solid transparent; content: ""; position: absolute; width: 0; }
    .hexagon:before { border-bottom: 80px solid #f37d37; bottom: 100%; }
    .hexagon:after { border-top: 80px solid #f37d37; top: 100%; width: 0; }
    .hexagon > div { margin-top: -70px; position: relative; text-align: center; z-index: 20; }
    .hexagon img { display: block; height: 55px; margin: 0 auto; width: 55px; }


/**************************************************
QUickstart page
***************************************************/
/* Customers logo */
.customers-logo { align-items: center; display: flex; height: 60px; margin: 0 auto 100px; text-align: center; }
#logo-pwc { height: 61px; width: 80px; }
#logo-dba { height: 49.4px; width: 99px; }
#logo-denjean { height: 60px; }
#logo-cecca { height: 50px; }
.quickstart .customers-logo { margin-top: 50px; max-width: 600px; }
.quickstart h2 { margin: 2em auto 0.5em; }
.quickstart-benefits li, .quickstart-services p, .quickstart-services h3 { margin: auto; max-width: 700px; padding: 0 20px; }
.pricing-all-features td:not(:first-child), .pricing-all-features th { text-align: center; }
.pricing-all-features h4 { margin: 0; text-align: left; }
.pricing-all-features .dot { text-align: center; }
.quickstart-services h3 { margin: 1em auto 0.5em; padding: 0 20px; }
.quickstart-benefits li { font-family: Geometria; font-size: 16px; font-stretch: normal; font-style: normal; letter-spacing: normal; line-height: normal; line-height: 1.63; margin-bottom: 15px; }

/**************************************************
Accountant excel landing page
***************************************************/
.two-column-equal-module {margin: 1em 0 2em;}
.two-column-equal-module img {margin: 0 auto; display: block; max-height: 350px;}
.last-advantages {margin-bottom: 2em;}
.last-advantages i {text-align: center; color:var(--dark); display: block;}


/**************************************************
About page
***************************************************/

.circleBase {border-radius: 50%;behavior: url(PIE.htc); width: 200px; height: 200px;border: 1px solid #e6e6e6;margin: 0 auto;     background-size: 100%;}
.talks {margin: 1em auto 3em;}
.about .talk {max-width: 280px; margin: 0 auto;min-height: 265px;    }
.about .talk a, .about .talk a:hover {color: var(--dark); font-size: 14px;}
.about .talk img{margin: 0 auto; display: block;}
.about .talk .talk-description {padding: 0 1em;}


/**************************************************
Free trial
***************************************************/
.inverted .two-column-equal-module .column1 {order: 2;}
  .two-column-equal-module {
    display: flex;
    margin: 5em 0 3em;
}

@media (max-width: 1000px){
.two-column-equal-module .two-col {
    max-width: 650px;
    margin: 0 auto;
}
.two-column-equal-module {
    display: block;
}
}

@media (max-width: 500px) {.sales-landing .customers-logo {
    display: none;
  }}



/**************************************************
Beeye Tools
***************************************************/

.beeye-tool .page-center.body h2.extra-bold { margin: 2em auto 0.5em; text-align: left }
.beeye-tool .download-form-wrapper { margin: 1em auto; }
.beeye-tool-matrix-mobile { display: none; }
    .beeye-tool-matrix-mobile h4 { text-align: left; }
.beeye-tool span.hs-form-required { display: none; }

/* Shareholder analysis */
.fa-minus-circle { color: #f37e2c; font-size: 22px !important; margin-left: 5px; margin-top: 10px; }
#download-excel h3 { display: none; }
#myTable { background-color: transparent; font: 14px sans-serif; margin: 15px auto; }
.highcharts-credits { display: none; }
.highcharts-tick { stroke: none; }
.highcharts-axis-line { fill: #ccc; stroke-linejoin: round; }
rect { stroke: none; }
.highcharts-background { stroke: none; }
#myTable table, #myTable div { margin: 10px auto; text-align: center; }
#myTable th { font-size: 1.4em; font-weight: normal; text-align: center; }
#myTable .table { width: auto; }
:disabled { color: grey; }
#myTable input, #myTable select { background: #fff; border: 1px solid #c9c9c9; border-radius: 5px; color: #000; height: 30px; height: 30px; margin-top: 5px; padding: 0 15px; width: 200px; }
    #myTable input:focus, #myTable select:focus { outline: none; }
#myTable .tooltip { margin-top: 10px; max-height: 100px; }
    #myTable .tooltip h3, #myTable .highcharts-tooltip { margin-top: 0; }
.btn-orange { background: linear-gradient(to bottom,#f79d36 0%,#f37e2c 50%,#f37e2c 51%,#e36e33 100%); border: 1px solid #c86335; border-radius: 5px; color: #fff; font-size: 16px; height: 35px; margin-bottom: 30px; padding: 0; width: 200px; }
    .btn-orange:hover { color: #fff; }
    .btn-orange:focus { color: #fff; outline: none; }
    .btn-orange:active { background-image: linear-gradient(to bottom,#f79d36 0%,#f37e2c 50%,#f37e2c 51%,#e36e33 100%); box-shadow: none; }
        .btn-orange:active:focus { outline: none; }

.stakeholder body { font: 10px sans-serif; }
.stakeholder .axis path,
.stakeholder .axis line { fill: none; shape-rendering: crispEdges; stroke: #000; }
.stakeholder .dot { fill: steelblue; stroke: #000; }
.stakeholder svg text { font: 10px sans-serif !important; text-anchor: middle !important; }
table.stakeholder, .stakeholder div { margin: 20px auto !important; text-align: center !important; }
    table.stakeholder td { padding: 10px 0; }
.table.stakeholder > thead > tr > th { text-align: center; }
button:focus { outline-color: transparent !important; }
.tspan { color: #000; }

/* Highcharts elements */
.highcharts-button-symbol { stroke: #f37d37; }

/**************************************************
Beeye vs.
***************************************************/
.comparison-table th {color: var(--orange);}
.comparison-table th,.comparison-table td {border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; min-height: 75px; padding: 1em; }


/**************************************************
Case study / download pages
***************************************************/
.all-case-studies {margin: 0 auto;  display: flex !important; justify-content: center;}
.case-study-listed {border: solid 1px #eee; margin: 1em auto; border-radius: 5px;    box-shadow: 0 0 5px 2px rgba(210,210,210,0.5); padding: 1em 0; background-color: #fff;}
.case-study-listed img {margin: auto; display: inline-block; }
.case-study-listed h3 {margin-top: 0;}
.case-study-listed #Denjean-logo {width: 200px; height: ;}
.case-study-listed #desjardins-logo {width: ; height: ;}
.case-study-listed #vinci-logo {width: ; height:120px ;}
.case-study-listed #quebec-logo {width: ; height: ;}
.case-study-listed .col-xs-4 {line-height: 160px; text-align: center;}
.onePager-center.case-study-listing .last-section-wrapper h2.center.white {max-width: none;}
.onePager-center.case-study-listing .last-section-wrapper {margin-top: 2em;}

.onePager-center.case-study-listing .last-section-wrapper .demo-form-wrapper { display: inline-block; margin: 0 auto; text-align: center; width: 100%; }
.onePager-center.case-study-listing .last-section-wrapper .demande-demo { border: solid 1px white; border-radius: 30px; display: inline-flex; margin: 0 auto; }
.onePager-center.case-study-listing .last-section-wrapper .hs-form-field .input { border-radius: 30px; font-size: 16px; height: 46px; margin: 5px; }
.onePager-center.case-study-listing .last-section-wrapper .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: 360px; padding-left: 20px; text-align: left; transition: all 0.25s ease-in 0s; font-family: geometria }
    .onePager-center.case-study-listing .last-section-wrapper .demande-demo .hs-form-field .input .hs-input:focus { background-color: rgba(0,0,0,0.05) !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset; }
.onePager-center.case-study-listing .last-section-wrapper .demande-demo .hs-form-required, .demande-demo .hs-error-msgs, .demande-demo .hs-email label { display: none !important; }
.onePager-center.case-study-listing .last-section-wrapper .hs-button.primary { background: #fff; border: none; border-radius: 30px; color: var(--orange); font-weight: bold; height: 46px; margin: 5px; padding: 0 2em; font-size: 16px;     font-family: geometria;}
    .onePager-center.case-study-listing .last-section-wrapper .hs-button.primary:hover { background: var( --very-light-orange); }

.onePager-center.case-study-listing .last-section-wrapper .last-section p {margin: 1em auto;}


.sales-landing-download p {text-align: center; }
.sales-landing-download .professional-document.download-form .hs-email label.hs-error-msg {display: inline-block !important;}
.sales-landing-download .submitted-message p {margin-top: 2em; }
.download-cover-picture {display: block; margin: 0 auto; text-align:center}
.download-cover-picture.vertical {max-width: 320px;}
#case-study-wrapper { max-width: 850px; }
.case-study-global .banner-center p { max-width: 750px; }
#case-study { margin: 0 auto; max-width: 750px; float: none;}
    #case-study p, #case-study ul { font-family: Geometria; font-size: 16px; line-height: 24px; margin: 0 10px 22px; }
        #case-study p span { min-width: 175px; }
    #case-study h2 { margin: 2em 0 0.5em; text-align: center; font-size: 32px;}
#case-study-testi { display: block; margin: 20px auto; }
    #case-study-testi img { display: block; margin: 20px auto; max-height: 90px; }

.case-study-cta {text-align: center;}

/**************************************************
Payment page
***************************************************/
.payment-section a.hs-button.primary { margin-top: 1em; padding: 0.75em 2em; }
.payment-section { margin: 2em auto 5em; }



@media (min-width:380px) {
    .hexagon { height: 235px; left: calc(50% - 190px); width: 380px; }
        .hexagon:before, .hexagon:after { border-left: 190px solid transparent; border-right: 190px solid transparent; }
        .hexagon:before { border-bottom: 100px solid #f37d37; }
        .hexagon:after { border-top: 100px solid #f37d37; }
        .hexagon > div { margin-top: -60px; }
}

@media (max-width: 500px) {
    .onePager-center .header h1.extra-bold { font-size: 30px; }
}

@media(min-width: 600px) {
    .p1, .p2, .p3 { display: inline-block; display: table-cell; margin: 1.4%; min-height: 300px; padding: 20px; vertical-align: top; width: 30%; }
        .p1.selected, .p2.selected, .p3.selected { -moz-box-shadow: 1px 1px 20px -4px #dedede; -webkit-box-shadow: 1px 1px 20px -4px #dedede; box-shadow: 1px 1px 20px -4px #dedede; }
    .onePager-center .banner > div:nth-of-type(3) { bottom: -40px; }
    .sameHeight { display: flex; }
}

@media (min-width: 768px) {
    .stakeholder input { width: 200px !important; }
}

@media (max-width: 1325px) {
    .social-side-wrapper { top: 400px; }
}

@media (max-width: 1063px) and (min-width: 1000px) {
    .demo-video { margin-top: 5em; }
}

@media(min-width: 1015px) {
    .case-study-global .socialSide { display: block; }
}

@media (max-width: 1000px) {
    .beeye-tool .beeye-tool-matrix { display: none; }
    .beeye-tool-matrix-mobile { display: inline; }
}

@media (max-width: 800px) {
    .onePager-center .header h1.extra-bold { font-size: 42px; }
}

@media (max-width: 768px) {
    .quickstart .customers-logo { display: inline-block; margin: 10px 0; margin-top: 0 !important; max-width: none !important; width: 100%; }
}

@media (max-width: 725px) and (min-width:653px) {
    .offerHeader { font-size: 14px; }
}

@media (max-width: 652px) and (min-width:600px) {
    .offerHeader { font-size: 12px; }
}

@media (max-width: 610px) {
    .demo-video { margin-top: 7em; }
}

@media (max-width: 516px) {
    #case-study-wrapper { margin-top: 0 }
}

@media (max-width: 500px) {
    #case-study-cover-picture { display: block; float: none; margin: 0 auto; margin-bottom: 1em; }
    .actions { text-align: center }
}

@media (max-width: 350px) {
    #case-study-wrapper { margin-top: 5em }
}