/*hide segmentation by default*/
.panel-display {
background: #fff;
}
.hero-media__bg {
  min-height:360px;
}
/* main with no class applied or empty class attribute */
main:not([class]) .default-segment,
main[class=""] .default-segment{
opacity:0;
}

main:not([class]),
main[class=""],
main { 
   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

main.default,
main.default .default-segment,
main.smb,
main.ent-mid,
main.real-estate {
visibility:visible;
   -webkit-animation: fadein 3s ease; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s ease; /* Firefox < 16 */
        -ms-animation: fadein 3s ease; /* Internet Explorer */
         -o-animation: fadein 3s ease; /* Opera < 12.1 */
            animation: fadein 3s ease;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.no-js main,
.no-js main .default-segment {
  opacity:1;
  visibility:visible;
}

.smb-segment,
.ent-mid-segment,
.real-estate-segment {
  display: none;
}
main .paragraphs-item-secondary-module-wrapper .default-segment {
  display: block;
}

/*default segment */
/* hide all other segments */
main.default .smb-segment,
main.default .ent-mid-segment {
  display:none;
}
main.default .default-segment,
main.default .default-segment.smb-segment
main.default .default-segment.smb-segment.ent-mid-segment {
  display:block;
}


/*SMB segment */
/* hide all other segments */
main.smb .default-segment,
main.smb .ent-mid-segment {
  display:none;
}
main.smb .smb-segment,
main.smb .default-segment.smb-segment
main.smb .default-segment.smb-segment.ent-mid-segment {
  display:block;
}

/*enterprise mid market segment */

main.ent-mid .default-segment,
main.ent-mid .smb-segment {
  display:none;
}
main.ent-mid .ent-mid-segment,
main.ent-mid .default-segment.ent-mid-segment,
main.ent-mid .default-segment.smb-segment.ent-mid-segment {
  display:block;
}
/*default  + real estate*/
main.real-estate .no-real-estate,
main.default.real-estate .no-real-estate {
  display:none;
}
main.real-estate .real-estate-segment,
main.default.real-estate .real-estate-segment {
  display:block;
}

/*SMB + Real Estate segment */
main.smb.real-estate .no-real-estate,
main.smb.real-estate .default-segment.smb-segment.ent-mid-segment.no-real-estate {
  display:none;
}
main.smb.real-estate .smb-segment,
main.smb.real-estate .real-estate-segment {
  display:block;
}

/*ent-mid + Real Estate segment */
main.ent-mid.real-estate .no-real-estate,
main.ent-mid.real-estate .default-segment.smb-segment.ent-mid-segment.no-real-estate  {
  display:none;
}
main.ent-mid.real-estate .ent-mid-segment,
main.ent-mid.real-estate .real-estate-segment {
  display:block;
}


/*Layout bugs issues */
.homepage-footnotes{
margin-bottom: -2rem;
}

@media screen and (max-width: 47.9375em) {
   .cta-media--inline .cta-media__player__icon::before {font-size: 1.25rem;height: 2.5rem;line-height: 195%;width: 2.5rem;}
}

.pane-content .fieldable-panels-pane .btn-white.btn.btn-small {
    border: 2px solid #000;
    padding-top: .5rem;
}
.pane-content .fieldable-panels-pane .btn-white.btn.btn-small:hover {
    background-color: #fff;
}


#fancybox-item--2.cta-media__player__icon.icon-player::before {
    font-size: 100px;
    text-indent: -0.9rem;
    line-height: 75px;
}

#fancybox-item.cta-media__player__icon.icon-player::before {
    font-size: 50px;
    text-indent: 0rem;
    line-height: 50px;
    height: 3.125rem;
    width: 3.125rem;
}

@media screen and (max-width: 47.9375em) {
#fancybox-item--2.cta-media__player__icon.icon-player::before {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 50px;
    text-indent: -0.25rem;
    line-height: 40px;
}
}