/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/



.icon-hello { background-image:url(/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_large.png); }
@media(min-resolution:1.5dppx),(min-resolution:144dpi) {
  .icon-hello { background-image:url(/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_large_2x.png); }
}
@media(max-width:1068px) {
  .icon-hello { background-image:url(/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_medium.png); }
}
@media(max-width:1068px)and (min-resolution:1.5dppx),(max-width:1068px)and (min-resolution:144dpi) {
  .icon-hello { background-image:url(/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_medium_2x.png); }
}
@media(max-width:734px) {
  .icon-hello { background-image:url(/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_small.png); }
}
@media(max-width:734px)and (min-resolution:1.5dppx),(max-width:734px)and (min-resolution:144dpi) {
  .icon-hello { background-image:url(/fr/business/small-business/images/overview/hello_bubble__eu1dbrvzhtiu_small_2x.png); }
}


/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

/* Ribbon */

@keyframes ribbon-drop {
    0% {
        transform:translateY(-100%)
    }

    100% {
        transform:translateY(0)
    }
}

.ribbon {
    --ribbon-link-inline-color: inherit;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color: #0071e3;
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-content-padding-top: 16px;
    --ribbon-content-padding-bottom: var(--ribbon-content-padding-top);
    --ribbon-content-width: 83.33333%;
    --ribbon-content-minimum-width: 320px;
    width: var(--ribbon-width);
    padding-top: var(--ribbon-padding-top);
    padding-bottom:var(--ribbon-padding-bottom)
}

.ribbon-content-wrapper {
    text-align:center
}

.ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: var(--ribbon-content-width);
    min-width:var(--ribbon-content-minimum-width)
}

.ribbon-link {
    white-space:nowrap
}

.ribbon-link:focus {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset:var(--sk-focus-offset, 1px)
}

.ribbon-link-inline {
    color:var(--ribbon-link-inline-color)
}

.ribbon-link-inline, .ribbon-link-inline:link {
    text-decoration:underline
}

.ribbon-content-wrapper {
    background-color: var(--ribbon-background-color);
    -webkit-backdrop-filter: blur(var(--ribbon-background-blur));
    backdrop-filter: blur(var(--ribbon-background-blur));
    padding-top: var(--ribbon-content-padding-top);
    padding-bottom: var(--ribbon-content-padding-bottom);
    border-radius:var(--ribbon-border-radius)
}

@keyframes ribbon-animate-background {
    0% {
        background-color:var(--ribbon-background-color-initial)
    }

    100% {
        background-color:var(--ribbon-background-color)
    }
}

.ribbon-animate-color .ribbon-content-wrapper {
    background-color: var(--ribbon-background-color-initial);
    animation:ribbon-animate-background .8s ease-in-out 1.6s forwards
}

@media (prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-content-wrapper {
        background-color: var(--ribbon-background-color);
        animation:none
    }
}

@keyframes ribbon-animate-text-color {
    0% {
        color:var(--ribbon-text-color-initial)
    }

    100% {
        color:var(--ribbon-text-color)
    }
}

.ribbon-animate-color .ribbon-content {
    color: var(--ribbon-text-color-initial);
    animation:ribbon-animate-text-color .8s ease-in-out 1.6s forwards
}

@media (prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-content {
        color: var(--ribbon-text-color);
        animation:none
    }
}

@keyframes ribbon-animate-link-color {
    0% {
        color:var(--ribbon-link-color-initial)
    }

    100% {
        color:var(--ribbon-link-color)
    }
}

.ribbon-animate-color .ribbon-link {
    color: var(--ribbon-link-color-initial);
    animation:ribbon-animate-link-color .8s ease-in-out 1.6s forwards
}

@media (prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-link {
        color: var(--ribbon-link-color);
        animation:none
    }
}

.ribbon-drop-wrapper {
    animation:ribbon-drop .8s ease-in-out forwards
}

@media (prefers-reduced-motion) {
    .ribbon-drop-wrapper {
        animation:none
    }
}

.ribbon-inset {
    --ribbon-width: 83.33333%;
    --ribbon-padding-top: 16px;
    --ribbon-border-radius: 10px;
    margin:0 auto
}

.ribbon-inset .ribbon-content {
    width:var(--ribbon-width)
}

@media (max-width: 734px) {
    .ribbon-inset {
        --ribbon-width:87.5%
    }

    .ribbon-inset .ribbon-content {
        min-width:var(--ribbon-width)
    }
}

.ribbon-blur {
    --ribbon-background-blur:20px
}

/* End Ribbon */


.section-hero.rolodex-mode .hero-headline .rolodex {
    height: 2.2em;
}
.section-hero .hero-headline .inline-anim-wrapper {
	width:600px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-headline .inline-anim-wrapper {
        width:460px;
    }
}
@media only screen and (max-width: 734px) {
    .section-hero .hero-headline .inline-anim-wrapper {
        width:270px;
    }
}

.section-hero .hero-headline .rolodex:first-child>.rolodex-item {
	flex-direction: column;
	width:100%;
	align-items: center;
}

html.enhance-deep-dive .deep-dive .section-speed .modal-copy-container .modal-headline {
    max-width: 7.9em;
}

@media only screen and (max-height: 650px) {
    html.enhance-deep-dive #deep-dive-devices .section-speed {
        --modal-copy-width: 17.88rem;
        --dd-block-padding: calc(var(--vh, 1vh)*25 - 4em);
    }
}
@media only screen and (max-height: 500px) {
    html.enhance-deep-dive #deep-dive-devices .section-speed {
        --dd-block-padding: calc(var(--vh, 1vh)*25 - 2em);
    }
}

@media only screen and (max-width: 734px) {
    html.enhance-deep-dive .deep-dive .section-ease-of-use .modal-copy-container {
        padding-right: 86.5px;
    }
}


@media only screen and (max-width:1068px) {
    .section-devices .section-headline {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width:734px) {
    .section-devices .section-headline {
        padding-bottom: 35px;
    }
}

#deep-dive-devices .section-saving .modal-copy-container .modal-copy {
  margin-bottom: 5px;
}

html.enhance-deep-dive #deep-dive-devices .section-saving .modal-copy-container .modal-copy, html.enhance-deep-dive #deep-dive-devices .section-saving .modal-copy-container .modal-headline {
  bottom: 40px;
}

@media only screen and (max-width: 1068px) {
  html.enhance-deep-dive #deep-dive-devices .section-saving .modal-copy-container .modal-copy, html.enhance-deep-dive #deep-dive-devices .section-saving .modal-copy-container .modal-headline {
    bottom: 20px;
  }
}

html.enhance-deep-dive .deep-dive .modal-image-container .security-video-wrapper.fluid {
    width: initial;
}

@media only screen and (max-height:650px) {
  html.enhance-deep-dive #deep-dive-devices .section-security .modal-copy-container .modal-copy {
      max-width: 24.18rem;
  }
}

@media (max-height:799px),only screen and (max-width:734px) {
    html.enhance-deep-dive #deep-dive-apps .section-custom .modal-copy-container .modal-copy {
        max-width: 17.59rem;
    }
}

@media only screen and (max-height: 650px) {
  html.enhance-deep-dive #deep-dive-apps .section-custom .modal-copy-container .modal-copy {
      max-width: 24.7058823529rem;
      margin-top: 3px;
  }
}

@media only screen and (max-height:650px) {
  html.enhance-deep-dive #deep-dive-devices .section-security .modal-copy-container .modal-copy {
      margin-top: -30px;
  }
}

@media (max-height:999px),only screen and (max-width:1068px) {
    html.enhance-deep-dive .deep-dive .modal-copy-container .modal-copy {
        max-width: 21.2352941176rem;
        margin-top: 35px;
    }
}

.scroll-gallery .scroll-container { overflow-y: hidden }
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/