html {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

body {
    color: #444444;
    list-style: none;
}

#thumbnail p {
    font-size: 1.2rem;
}

/* .container {
    background-color: white;
} */

.enter {
    padding-right: 1rem;
    padding-top: 1rem;
}

.fixed {
    display:block;
    /* position: fixed!important;
    top: 0.3rem;
    bottom: auto;
    right: 0.6rem;
    z-index: 10;
    font-size: 1.6rem;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 17px 0px rgba(255,255,255,1); */
}

.center {
    margin: auto;
    width: 50%;

    /* border: 3px solid #73AD21; */
    padding: 10px;
}

.marginzero {
    margin: 0;
}

#logo {
    width: 8rem;
    margin-top: 1rem;
    margin-right: 2rem;
}

#spanpromo {
    font-size: 0.9rem;
    line-height: 0.8rem;
    margin-top: -0.3rem;
    display: none;
}

.modalh3 {
    color: #2da9ba;
    font-size: 1.4rem;
}

.modalh4 {
    font-size: 1.3rem;
}

.achoose {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.1rem;
}

.featuressmall {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    line-height: 3rem;
    padding: 0.3rem;
    font-size: 1rem;
    border-radius: 0.3rem;
    background-color: #eec83c;
    color: black;
    cursor: pointer;
    white-space: nowrap;
}

.featuressmall:hover {
    background-color: #fafad6;
}



/* MENU ----------------------------------------------------- */
.buttonsignin {
    font-size: 1.4rem;
    float: right;
    margin: 0;
    margin-top: 0.6rem;
    margin-right: 0.6rem;
    padding: 0.6rem;
    border-radius: 0.8rem;
    border: 1px solid #2ab437;
    cursor: pointer;
}

.buttonsignin:hover {
    background-color: #cdf8d1;
}

.getaccount {
    border-color: #eb4d65;
    color: #eb4d65;
}

.getaccountbg {
    background-color: #eb4d65;
    color: white;
}

.btn-group {
    margin: 0.3rem;
}

.subscribeWrapper {
    /* display:none;
    z-index:1000;
    position:fixed;
    top:50px;
    right:10px; */
    padding:3rem;
    /* margin:1rem; */
    border-radius:2rem;
    border: 1px solid rgb(194, 192, 192);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.26);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.26);
    border-radius: 3rem;
    background-color: white;
}
.subscribeSection{
    background-color: #efefef8c;
    padding: 1rem;
    margin: 1rem 0.5rem;
    border-radius: 1rem;
}
.subscribeTitle {
    font-size: 1.6rem;
    color: black;
    font-weight: bold;
}
.subscribeButton a {
    font-size:1.2rem;
}
.subscribeDropdown {
    border: none;
    background-color: #ffffff00;
}
/* END MENU ----------------------------------------------------- */
#toppresention {
    height: 5rem;

    /* background-color: blue; */
}

#bottompresention {
    clear: both;
    margin-top: 3rem;
    height: 6.5rem;
    background-color: #eec83c;
    color: white;
    font-size: 1.7rem;
}

#sliderleft {
    /* background-color: yellow; 
    overflow:hidden;
    background-image: url('imgSliders/FR-slide-1.gif'); */
}

#sliderrightContenttop {
    width: 100%;
    margin: auto;
}

#h2rightpres {
    font-size: 2.3rem;
    font-weight: bold;
    margin-top: 3rem;
    margin-bottom: 1.6rem;
}

.embeddigital {
    margin: 0;
    margin-left: 1.2rem;
}

.line1 {
    margin-bottom: 0;
    border-top-left-radius: 0.5rem;
}

.line2 {
    border-bottom-left-radius: 0.5rem;
}

.prightpres {
    font-size: 1.3rem;
    font-weight: 200;
    border-left: 0.5rem solid #2da9ba;
    padding-left: 1rem;

    /* border:1px solid grey; */
}

#plusseparator {
    font-size: 2rem;
    margin: 1rem;
}

#sliderrightlist {
    font-size: 1.3rem;
}

.plist {
    margin: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #727576;
    font-size: 1.4rem;

    /* border: 1px solid grey; */
}

.falist {
    font-size: 2rem;

    /* color:#2da9ba; */
    /* border: 1px solid pink; */
    margin-bottom: 0.2rem;
}

.paccount {
    padding-top: 2rem;
    color: #9ea0a0;
}

.paccount2 {
    padding-bottom: 1rem;
    color: #9ea0a0;
}

.sliderleftContentbottom {
    min-width: 70%;
    margin: auto;
    margin-bottom: 1rem;
    padding: 2rem;
    font-size: 1.6rem;
    font-weight: bolder;
    background-color: #c93b50;
    border-color: #c93b50;
    border-radius: 1.5rem;
    color: white;
}

.sliderleftContentbottom:hover {
    background-color: #a02e3f;
    border-color: #a02e3f;
    color: white;
}

.actionInactive {
    background-color: #ee92a0;
    border-color: #ee92a0;
}

.actionInactive:hoover {
    background-color: #c93b50;
    border-color: #c93b50;
}

.hightlighted {
    background-color: #f8f9fa;
    border-radius: 1rem;
}

#imgslideleft {
    width: 100%;
    margin: auto;

    /* padding:3rem; */
}

#callaction {
    /* background-color: #fafad6; */
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#colselect0 {
    padding-right: 0;
}

#colselect1 {
    padding-left: 0;
}

.selection {
    /* margin:auto; */
    margin-top: 0.5rem;
    width: 99%;
    padding: 0.5rem;
    border-radius: 1.5rem;
    cursor: auto;

    /* background-color: white;/*#fafad6; */
    border: 0px;

    /* background-color: #fafad6;
    border-color: #fafad6; 
    border:1px solid #fafad6; */
    color: black;
}

.selectionActive {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.selectionInactive {
    color: #9ea0a0;

    /* background-color: #f8f9fa;
    border:1px solid #f8f9fa; */
    cursor: hand;
}

.selectionInactive:hover {
    background-color: #ecedee ;
    color: #858686;

    /* text-decoration: underline; */
}

.selection h1 {
    /* color: black; */
    line-height: 1.2rem;
    color: #2da9ba;
}

.selection p {
    font-size: 1.2rem;
    margin: 0;
}

.selectionInactive h1 {
    /* color: black; */
    color: #9ea0a0;
    line-height: 1.2rem;
}

.selectionTop {
    width: 120px;
    padding: 0.5rem;
    cursor: auto;
}

.selectionWhiteActive {
    background-color: white;

    /* #fafad6; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: 0px;
    border-radius: 1.2rem;
}

.selectionWhiteInactive {
    background-color: white;
    cursor: hand;
}

.selectionTop h1 {
    /* color: black; */
    color: #708385;
    margin-bottom: 0.4rem;
    font-weight: 200;
    font-size: 1.4rem;
}

.selectionTop i {
    font-size: 2rem;
    color: #2da9ba;
}

.selectionTop span {
    font-size: 1.8rem;
    color: #2da9ba;
    font-weight: normal;
    text-decoration: none;
}

.selectionWhiteInactive:hover {
    background-color: #ecedee ;
    border-radius: 1.2rem;
    cursor: hand;
    text-decoration: underline;
}

.selectionWhiteInactive span {
    /* color: black; */
    color: #879799;
    text-decoration: underline;
    font-size: 1.8rem;
    font-weight: normal;
}

.selectionWhiteInactive:hover h1 {
    /* color: black; */
    color: #708385;
}

.selectionWhiteInactive span {
    font-size: 1.8rem;
    color: #2da9ba;
    font-weight: normal;
    text-decoration: underline;
}

.selectionWhiteInactive:hover span {
    text-decoration: none;
    color: #708385;
}

.selectionWhiteInactive i {
    visibility: hidden;
}

.selectionActive .pgrey {
    color: rgb(148, 147, 147);
}

.imgCarousel {
    margin-top: 2rem;

    /* padding-top:0.5rem;
    padding-right:5rem;
    padding-left:5rem;
    padding-bottom:6rem; */
}

.capt {
    color: rgb(202, 199, 199);
    font-size: 5rem;
}

.carousel-control-prev,
.carousel-control-next {
    bottom: -180px;
}

.titlecontent h2 {
    margin-top: 1.6rem;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    color: black;
}

.titlecontent p {
    margin-left: 1.1rem;
    margin-right: 1.1rem;
}

/* CAROUSEL -------------------------------------------- */
#slidertitle {
    font-size: 1.3rem;
    font-weight: bolder;
}

.mySlides {
    display: none;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

.msgslider {
    background-color: rgba(255, 255, 255, 0.9);
    color: #2da9ba;
    padding: 0.2rem;
    margin: 0;
    font-size: 2.5rem;
}

.pmsgslider {
    margin: 0;
}

#wrapcarousel {
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 18rem;

    /* text-align: center; */
}

.carouselcontent {
    margin-left: 2rem;
}

/* END CAROUSEL -------------------------------------------- */
#onlysystem {
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 1rem;

    /* background-color: #fafad6; */
}

#ponlysystem {
    font-size: 1.8rem;
}

#onlysystem p {
    margin-bottom: 0;
}

#differencetitle span {
    font-size: 2.3rem;
    color: #eec83c;
}

/* MUCH MORE THAN SMS BAR -------------------------------------------- */
.divcommentcamarche {
    max-width: 600px;
    background-color: #fafafa;
    border: 1px solid #ebeaea;
    border-radius: 1rem;
    margin: auto;
}

.commentcamarchetitle {
    font-size: 1.2rem;
    font-weight: bold;
    color: black;
    padding-top: 1rem;
    text-align: center;
}

.commentcamarchetitle i {
    color: #eec83c;
    font-size: 1.6rem;
}

.commentcamarche {
    text-align: justify;
    font-size: 1.4rem;
    padding: 0 1.5rem;
}

#colbottompresentation {
    background-color: #fafad6;
    overflow: auto;
}

.bienplus {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
}

.muchmore3 {
    font-size: 2.8rem;
    line-height: 2.4rem;
    font-weight: bold;
    color: #2da9ba;
    text-transform: uppercase;

    /* color: #017484;
    margin-bottom: 0; */
    padding: 1rem;
}

@media (min-width: 768px) and (max-width: 992px) {
    .muchmore3 {
        font-size: 2.6rem;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .muchmore3 {
        font-size: 2.8rem;
    }
}

@media (max-width: 576px) {
    .muchmore3 {
        font-size: 2.8rem;
    }
}

.muchmore1 {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 200;
    color: #2da9ba;

    /* color: #017484;
    margin-bottom: 0; */
    padding: 0;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.6rem;
}

@media (min-width: 768px) and (max-width: 992px) {
    .muchmore1 {
        font-size: 1.6rem;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .muchmore1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .muchmore1 {
        font-size: 1.4rem;
    }
}

.muchmore2 {
    font-size: 1.6rem;
    font-weight: 400;
    color: #017484;
}

/* END MUCH MORE THAN SMS BAR -------------------------------------------- */
.margchevron {
    text-align: center;
    float: left;
    height: 100%;
    cursor: pointer;
    padding: 0.5rem;
}

.margchevronyellow {
    background-color: #eec83c;
    border-left: 1px solid #eec83c;
    border-right: 1px solid #eec83c;
}

.pmargchevronyellow {
    color: white;
    font-weight: bold;
}

.margchevronyellow:hover {
    background-color: #c7a734;
}

.margchevronyellowclear {
    background-color: #fafad6;
    border-left: 1px solid #eec83c;
    border-right: 1px solid #eec83c;
}

.pmargchevronyellowclear {
    color: black;
    font-weight: bold;
}

.margchevronyellowclear:hover {
    background-color: #dddda6;
}

.margchevronblue {
    background-color: #2da9ba;
    border-left: 1px solid #2da9ba;
    border-right: 1px solid #2da9ba;
}

.pmargchevronblue {
    color: white;
    font-weight: bold;
}

.margchevronblue:hover {
    background-color: #26909e;
}

.margchevronwhite {
    background-color: #dffcfc;
    border-left: 1px solid #2da9ba;
    border-right: 1px solid #2da9ba;
}

.pmargchevronwhite {
    color: black;
    font-weight: bold;
}

.margchevronwhite:hover {
    background-color: #c8e9e9;
}

.margchevronh1 {
    text-align: left;
    padding-left: 1rem;
}

#titles {
    margin: 1rem;

    /* background-color: grey; */
    min-height: 50%;
}



.h1content {
    color: #017484;
    margin: 0;
}

/* -------------------- extra ----------------------------- */

.voirplus {
    line-height: 2rem;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    color: #2da9ba;
}

.numberCircle {
    border-radius: 50%;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0.5rem;
    line-height: 1.4rem;
    font-size: 1.1rem;
    padding: 0;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    margin-left: 0.2rem;
    text-align: center;
}

.numberCircleYellow {
    border: 1px solid #2da9ba;
    color: #2da9ba;
}

.numberCircleWhite {
    border: 1px solid #2da9ba;
    color: #2da9ba;
}

.numberCircle:hover {
    background: #dffcfc;
    cursor: pointer;
}

/* -------------------- extra ----------------------------- */
.rel {
    position: relative;
}

.fachevron {
    magin: auto;
    width: 2rem;
}

.premium {
    /* display:none; */
    position: absolute;
    color: white;
    z-index: 1;
    top: 1rem;
    right: 1.5rem;
}

.spanpremium {
    background-color: #eec83c;
    padding: 0.5rem;
    border-radius: 0.2rem;
}

.thumbnail {
    margin-top: 2rem;
}

.yellowstyle {
    background-color: #fafad6;
}

.yellowstyledark {
    background-color: #eec83c;
    color: white;
}

.yellowstyledark h1 {
    color: white;
}

.bluestyle {
    background-color: #dffcfc;
}

.bluestyledark {
    background-color: #2da9ba;
    color: white;
}

.bluestyledark h1 {
    color: white;
}

.clearbluestyle {
    background-color: #f5fdfd;
}

.bluedarkstyle {
    background-color: #017484;
}

.thumb {
    background-color: white;
    margin: 1rem;
    padding: 2rem;
    border-radius: 2rem;
    border: 1px solid #f2f3f3;

    /* width:45vw; min-height:45vw;
    margin:10vw 0; */
}

.thumbdark {
    background-color: #f8f9fa;
}

.acc {
    line-height: 3.3rem;
    cursor: pointer;
}

.acc h1 {
    padding-top: 1.2rem;
    font-weight: 300;
}

.acc h2 {
    font-weight: bolder;
    font-size: 1.2rem;
}

/* .acc h2 {
    margin-top:0.5rem;
    font-weight: 200;
    font-size: 1.4rem;
} */
.content p {
    font-size: 1.2rem;
}

.iconthumb {
    font-size: 3rem;
    color: #eec83c;
    margin-top: 2rem;
}

.icontitle {
    font-size: 3rem;
    color: white;
    margin-top: 2rem;
}

#secondpro.thumb {
    background-color: #f8f9fa;
}

/* ======================= USECASES =============================================== */
.container-usecases .col-md-4 {
    margin: auto;
    margin-top: 2rem;
    max-width: 500px;
}

.thumbusecase {
    background-color: white;

    /* margin:1rem; */
    padding: 2rem;
    border-radius: 1.2rem;
    border: 1px solid #f2f3f3;

    /* width:45vw; min-height:45vw;
    margin:10vw 0; */
}

#colmoretexto {
    /* margin:0; */
}

#colmoretextotitle {
    padding: 1.4rem;
    background-color: #eec83c;
}

#colmoretextotitle p {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 200;
    color: black;
    margin-bottom: 0;
}

.secondlinetitle {
    margin: 0;
    font-size: 1.2rem;
    font-weight: bold;
}

#colmoretextocontent {
    padding: 1.6rem;
    background-color: #fafad6;
}

#colefficiency {
    /* margin:0; */
}

#colefficiencytitle {
    padding: 1.4rem;
    background-color: #2da9ba;
}

#colefficiencytitle p {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 200;
    color: white;
    margin-bottom: 0;
}

#colefficiencycontent {
    padding: 1.6rem;
    background-color: #dffcfc;
}

#colquick {
    /* margin:0; */
}

#colquicktitle {
    padding: 1.4rem;
    background-color: black;
}

#colquicktitle p {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 200;
    color: white;
    margin-bottom: 0;
}

#colquickcontent {
    padding: 1.6rem;
    background-color: #fafafa;
}

@media (min-width: 768px) and (max-width: 992px) {
    #colmoretexto {
        padding-left: 0;
    }

    #colefficiency {
        padding-left: 0;
        padding-right: 0;
    }

    #colquick {
        padding-right: 0;
    }
}

/* ======================= END USECASES =============================================== */
/* ======================== PRICING ======================================== */
.coll {
    border-left: 1px solid #e6e6e6;
}

.colr {
    border-right: 1px solid #e6e6e6;
}

.collr {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.colt {
    border-top: 1px solid #e6e6e6;
}

.colb {
    border-bottom: 1px solid #e6e6e6;
}

.colpair {
    background-color: #fafafa;
}

.pricingsectiontitle {
    background-color: #dffcfc;
}

.pricinglicence {
    font-size: 2rem;
    font-weight: bold;
    color: #4d4d4d;
}

.fa-check-premuim {
    color: rgb(34, 238, 34);
}

.fa-star-premium {
    color: #eec83c !important;
}

.pricingsectiontitle {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: bold;
    font-size: 1.4rem;
    color: #383838;
}

.toolstitle {
    margin-bottom: 0;
    line-height: 2.6rem;
    padding-top: 0.2rem;
}

.tooltitle {
    padding-top: 0.5rem;
}

/* .toolsolo, .toolpro {
    margin-bottom:0!important;
} */
.pricingdetails {
    padding: 0;
    margin: O;
    color: #2da9ba;
    font-size: 1.2rem;
    text-decoration: underline;
    font-weight: normal;
    line-height: 1rem;
}

.pricingsectiontitletitle {
    line-height: 2.6rem;
    padding-top: 0.2rem;
}

#pricingdigitaltools,
#pricingsmstools {
    border-bottom: 1px solid white;
}

.titlecontactsales {
    padding: 1.4rem;
    background-color: #eec83c;
}

.titlecontactsales p {
    color: white;
    font-size: 2.2rem;
    font-weight: bold;
}

/* ================================== END PRICING ================================= */
/* ======================= FORMULAIRE =============================================== */
.formulaireTest {
    /* background-color: #eec83c; */
    padding: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 1.5rem;
    box-shadow: 1px 1px;
    border-width: 1px;
    border-color: #000000;
}

.bg-gra-02 {
    background: -webkit-gradient(linear, left bottom, right top, from(#fc2c77), to(#6c4079));
    background: -webkit-linear-gradient(bottom left, #fc2c77 0%, #6c4079 100%);
    background: -moz-linear-gradient(bottom left, #fc2c77 0%, #6c4079 100%);
    background: -o-linear-gradient(bottom left, #fc2c77 0%, #6c4079 100%);
    background: linear-gradient(to top right, #fc2c77 0%, #6c4079 100%);
}

.formulaireTest p {
    color: black;
    font-size: 1.6rem;
}

.formulaireTest label {
    color: black;
    padding-left: 1.5rem;
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
}

.input-style-4 {
    margin: 0;
    border: 1px solid #999;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    font-size: 2rem;
    font-family: roboto;
    s: 50px;
    background: #fafafa;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 25px 20px;
    font-size: 16px;
    color: #666;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* ======================= FORMULAIRE =============================================== */
/* ======================= NINEREASONS =============================================== */
.ninereasons {
    padding: 1rem;
    padding-bottom: 0;
}

/* ======================= NINEREASONS =============================================== */
/* ======================= PUBCASES =============================================== */
.thumbpub {
    padding: 3rem;
    padding-bottom: 0;
}

.thumbpub p {
    margin: 0rem;
    padding: 0rem;
    margin-left: 2rem;
    padding-left: 2rem;
}

.thumbpub h1 {
    color: #017484;
    font-size: 3rem;
    margin-left: 0;
    padding-left: 0;
}

.bluedarkstyle h1 {
    color: white;
}

.bluedarkstyle h2 {
    font-size: 1.3rem;
    font-weight: bold;
    padding-left: 3rem;
    color: #eec83c;
}

@media (min-width: 992px){
    .container {
        max-width: 850px!important;
    }

    .thumbpub {
        padding: 6rem;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .thumbpub p {
        padding-left: 0;
    }
}

@media (max-width: 576px){
    .container {
        max-width: 850px!important;
    }

    .thumbpub p {
        padding-left: 1rem;
        font-size: 1.2rem;
    }

    .thumbpub {
        padding-top: 12rem;
    }
}

/* ======================= END PUBCASES =============================================== */
/* ======================= TESTIMONIAL =============================================== */
.testimonial {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.testimonial p {
    background-color: rgba(255, 255, 255, 0.548);
    padding-left: 1rem;
}

.testimonialname {
    font-size: 1.6rem;
    margin: 0;
}

.testimonialaddress {
    font-size: 1.4rem;
    margin: 0;
}

.testimonialactivity {
    font-size: 1.1rem;
    margin: 0;
}

.testimonialtestimonial {
    font-size: 2.4rem;
    font-weight: 200;
    color: black;
}

#testimonialimg {
    height: 100%;
    border-radius: 50%;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .testimonialtestimonial {
        max-widht: 80%;
    }
}

@media (min-width: 1200px) {
    .testimonialtestimonial {
        max-widht: 75%;
    }
}

@media (max-width: 768px) {
    .testimonial {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .testimonialname {
        font-size: 1.4rem;
    }

    .testimonialaddress {
        font-size: 1.2rem;
    }

    .testimonialactivity {
        font-size: 1rem;
    }

    .testimonialtestimonial {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    #testimonialimg {
        height: 90%;
    }
}

/* ======================= END TESTIMONIAL =============================================== */
/* ======================= FOOTER =============================================== */
.bottom p {
    margin: 0;
}

.yelowstyle {
    background-color: #fafae9;
}

.footer {
    background-color: #017484;
    color: white;
    padding: 3rem;
    margin-top: 3rem;
}

.footer a {
    text-decoration: underline;
    color: white;
}

/* ======================= FOOTER =============================================== */
/* ======================= 404 =============================================== */
.p404 {
    font-size: 10rem;
    text-align: center;
}

.p404nf {
    font-size: 1.4rem;
    text-align: center;
}

.p404home {
    text-align: center;
}

.p404home a {
    font-size: 1.8rem;
    color: #2da9ba;
}

/* ======================= 404 =============================================== */
/* ======================= TUTO =============================================== */
.imgin {
    box-shadow: 3px 3px 1px #ccc;
    -webkit-box-shadow: 3px 3px 1px #ccc;
    -moz-box-shadow: 3px 3px 1px #ccc;
    border: 1px solid #2da9ba;
    border-radius: 0.5rem;
    cursor: zoom-in;
}

.tuto {
    padding: 3rem;
}

h2 {
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    /* color: #ffffff; */
    text-align: center;
}

p {
    font-size: 1.2rem;
}

li {
    font-size: 1.2rem;
}

.h2middle {
    margin-top: 3rem;
}

.entete h1 {
    color: #017484;
}

.entete h2 {
}

.entete p {
    font-size: 1.4rem;
}

@media (max-width: 576px) {
    .acc h1 {
        padding-top: 1.6rem;
        font-size: 1.4rem;
        font-weight: bold;
    }

    .titlecontent h2 {
        font-size: 1.6rem;
        font-weight: bolder;
    }

    .fixed {
        position: fixed!important;
        top: auto;
        top: 0.3rem;
        right: 1.6rem;
        z-index: 10;
        -webkit-box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
        -moz-box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
        box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
    }

    .acc p {
        font-size: 1.2rem;
    }

    .container-usecases p {
        font-size: 1.6rem;
    }

    .content p {
        font-size: 1.6rem;
    }

    /* .numberCircle {
        margin-right:0;
    } */
    #visioprotitle,
    #signatureprotitle {
        padding-bottom: 2rem;
    }

    .fasupprmgtop {
        margin-top: 0;
    }

    .imgin {
        width: 100% !important;
    }

    .imgin2 {
        width: 50% !important;
    }

    .sliderleftContentbottom {
        padding: 1rem;
        border-radius: 1.2rem;
        font-size: 1.2rem;
    }

    #ponlysystem {
        font-size: 1.2rem;
        font-weight: bolder;
    }

    #onlysystem {
        margin-top: 0.5rem;
        padding: 0.2rem;
    }

    #muchmore1,
    #muchmore2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #muchmore1 {
        font-weight: 400;
        font-size: 2rem;
    }

    .testimonialtestimonial {
        font-weight: 400;
    }

    #colmoretextotitle p {
        font-weight: 400;
    }
}

/* ======================= TUTO =============================================== */
/* -------------------- start.html ------------------------- */
.img-app {
    width: 200px;
    margin: 1rem;
}

.img-laptop {
    width: 400px;
    margin: 1rem;
}

.txt-explanation {
    font-size: 1.2rem;
}

.startsteps {
    font-size: 1.6rem;
    color: #eec83c;
    font-weight: bold;
}

.suscbribesolo {
    border-radius: 3rem;
    background-color: #f8f9fa;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.4rem;
}

.suscbribesolo p {
    font-size: 1.2rem;
}

.h2offer {
    font-weight: 100;
    margin-top: 1.5rem;
}

.h3offer {
    /* display: inline; */
    margin: auto;
    color: #eec83c;
    border: 1px solid #eec83c;
    margin: 1.5rem;
    padding: 0.7rem;
    border-radius: 2rem;
    padding: 1.2rem;
}

.h3offer span {
    font-size: 1.2rem;
}

.pinscri {
    font-size: 1rem;
}

.flabel {
    font-size: 1.3rem;
}

.googlestore {
    background-color: black;
    padding: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    margin: 1.5rem;
    margin-top: 0.5rem;
    color: white;
    font-size: 2.2rem;
    border-radius: 2rem;
}

.googlestore span {
    font-size: 1.4rem;
}

.logoplay {
    height: 5rem;
}

/* -------------------- start.html ------------------------- */
/* -------------------- adSolo ------------------------- */
#aaction1adSolo {
    font-size: 2.4rem;
    padding: 1.4rem;
    padding-bottom: 0.9rem;
}

#adSoloselect1 h2 {
    font-size: 2.6rem;
}

#adSoloselect1 h3 {
    margin-top: 2rem;
    font-weight: 100;
    padding-top: 0.5rem;
}

#adotherwise {
    margin: auto;
    padding: 1rem;
    border-radius: 1.4rem;
    width: 50%;
    background-color: #fafafa;
    font-size: 1.4rem;
}

@media (max-width: 576px) {
    #muchmore1 {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }

    .margchevron {
        float: right;
    }

    .margchevronh1 {
        text-align: left;
        padding-left: 1rem;
    }

    #aaction1adSolo {
        width: 95%;
        font-size: 2.2rem;
        margin: auto;
        margin-bottom: 1rem;
    }

    #adSoloselect1 h2 {
        font-size: 2rem;
        font-weight: 300;
    }

    #adSoloselect1 h3 {
        font-size: 1.3rem;
        font-weight: 200;
        padding-top: 0.5rem;
    }

    .enter a {
        margin-bottom: 0.5rem;
    }

    #adotherwise {
        width: 80%;
        font-size: 1rem;
    }
}

/* -------------------- adSolo ------------------------- */
/* -------------------- helpSolo ------------------------- */
.divhelpsoloseemore {
    display: none;
    margin-top: 0;
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 5px solid #fafad6;
}

.helpsoloseemore {
    color: #2da9ba;
    cursor: pointer;
}

.helpsoloseeless {
    color: #2da9ba;
    cursor: pointer;
    display: none;
}

.helpsolopinfo {
    background-color: #fafad6;
    padding: 0.6rem;
}

/* -------------------- helpSolo ------------------------- */
/* -------------------- API ------------------------- */
.pub ul {
    margin: 0;
}

.pub li {
    line-height: 1.6rem;
}

.pub pre {
    background-color: #fafafa;
    border-radius: 2rem;
    border: 1px solid #e6e5e5;
    padding: 2rem;
}

.pub h3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* -------------------- API ------------------------- */
/* ======================= RESPONSIVE =============================================== */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .imgCarousel {
        padding-top: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .selection p {
        font-size: 1.2rem;
    }

    .selectionTop {
        width: 120px;
        padding: 0.5rem;
        cursor: auto;
    }

    .sliderleftContentbottom {
        width: 70%;
    }

    .acc h2 {
        font-size: 1.7rem;
    }

    .pdiff {
        font-size: 1.6rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .imgCarousel {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    #colselect0 {
        padding-right: auto;
    }

    #colselect1 {
        padding-left: auto;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #logo {
        width: 8rem;
        margin-top: 1rem;
    }

    .imgCarousel {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .imgCarousel {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}

@media (max-width: 360px) {
    html {
        font-size: 11px;
    }
}

/* ======================= RESPONSIVE =============================================== */
.liLeftSidePresentation {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 1.8rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.divLiPresentation {
    margin-top: 2rem;
    margin-bottom: 2rem;
}