.theme-dark {
    background-color: #000;
    color: #ccc
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: #fff
}

.theme-dark a {
    color: #6bf
}

.theme-dark sup a {
    color: inherit
}

.theme-dark sup a:hover {
    color: #6bf
}

.section-hero {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 100px;
}

@media only screen and (max-width: 1068px) {
    .section-hero {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.section-hero .image-hero {
    margin-top: 80px;
    margin-bottom: 25px
}

@media only screen and (max-width: 1068px) {
    .section-hero .image-hero {
        margin-top: 80px;
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .image-hero {
        margin-top: 80px;
        margin-bottom: 25px
    }
}

.section-hero .image-hero-caption {
    position: relative;
    top: 100%
}

.section-hero .section-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width: 1442px) {
    .section-hero .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

.section-hero .typography-headline-elevated {
    margin: 0 auto
}

.section-hero .typography-intro-product {
    margin-top: 20px
}

.section-filters {
    padding-top: 80px
}

@media only screen and (max-width: 1068px) {
    .section-filters {
        padding-top: 80px
    }
}

@media only screen and (max-width: 735px) {
    .section-filters {
        padding-top: 80px
    }
}

.section-itunes-partners {
    padding-bottom: 75px
}

.section-itunes-partners .row {
    text-align: center
}

.section-itunes-partners .more {
    position: relative
}

.js .accordion.active {
    padding-bottom: 75px
}

.js .accordion .accordion-header {
    position: relative;
    cursor: pointer
}

.js .accordion .accordion-header .indicator {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease
}

.js .accordion .accordion-content {
    max-height: 0;
    overflow: hidden
}

.js .accordion .icon:after,
.js .accordion .icon:before {
    position: relative
}

.js .accordion-control-all {
    float: right;
    position: relative;
    text-align: right;
    height: 50px
}

.js .accordion-control-all .expand-all,
.js .accordion-control-all .collapse-all {
    white-space: nowrap;
    position: absolute;
    right: 0;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.js .accordion-control-all .collapse-all {
    opacity: 1;
    z-index: 2
}

.js .accordion-control-all .expand-all {
    opacity: 0;
    z-index: 1
}

.js .accordion-control-all.openAction .collapse-all {
    opacity: 0;
    z-index: 1
}

.js .accordion-control-all.openAction .expand-all {
    opacity: 1;
    z-index: 2
}

.js .section-accordion-indicator+section {
    padding-top: 0
}

.no-js .accordion {
    padding-bottom: 75px
}

.image-animated-content {
    width: 692px;
    height: 307px;
    background-size: 692px 307px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-animated-content {}
} */

@media only screen and (max-width: 1068px) {
    .image-animated-content {
        width: 692px;
        height: 307px;
        background-size: 692px 307px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-animated-content {}
} */

@media only screen and (max-width: 735px) {
    .image-animated-content {
        width: 280px;
        height: 124px;
        background-size: 280px 124px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-animated-content {}
} */

.image-animated-content.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-animated-content.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-animated-content.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-asset-management {
    width: 741px;
    height: 433px;
    background-size: 741px 433px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-asset-management {}
} */

@media only screen and (max-width: 1068px) {
    .image-asset-management {
        width: 577px;
        height: 337px;
        background-size: 577px 337px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-asset-management {}
} */

@media only screen and (max-width: 735px) {
    .image-asset-management {
        width: 346px;
        height: 202px;
        background-size: 346px 202px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-asset-management {}
} */

.image-asset-management.centered {
    position: relative;
    left: 50%;
    margin-left: -370.5px
}

@media only screen and (max-width: 1068px) {
    .image-asset-management.centered {
        left: 50%;
        margin-left: -288.5px
    }
}

@media only screen and (max-width: 735px) {
    .image-asset-management.centered {
        left: 50%;
        margin-left: -173px
    }
}

.image-audio {
    width: 692px;
    height: 307px;
    background-size: 692px 307px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-audio {}
} */

@media only screen and (max-width: 1068px) {
    .image-audio {
        width: 692px;
        height: 307px;
        background-size: 692px 307px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-audio {}
} */

@media only screen and (max-width: 735px) {
    .image-audio {
        width: 280px;
        height: 124px;
        background-size: 280px 124px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-audio {}
} */

.image-audio.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-audio.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-audio.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-collaboration {
    width: 741px;
    height: 433px;
    background-size: 741px 433px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-collaboration {}
} */

@media only screen and (max-width: 1068px) {
    .image-collaboration {
        width: 577px;
        height: 337px;
        background-size: 577px 337px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-collaboration {}
} */

@media only screen and (max-width: 735px) {
    .image-collaboration {
        width: 347px;
        height: 202px;
        background-size: 347px 202px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-collaboration {}
} */

.image-collaboration.centered {
    position: relative;
    left: 50%;
    margin-left: -370.5px
}

@media only screen and (max-width: 1068px) {
    .image-collaboration.centered {
        left: 50%;
        margin-left: -288.5px
    }
}

@media only screen and (max-width: 735px) {
    .image-collaboration.centered {
        left: 50%;
        margin-left: -173.5px
    }
}

.image-color-correction {
    width: 692px;
    height: 307px;
    background-size: 692px 307px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-correction {}
} */

@media only screen and (max-width: 1068px) {
    .image-color-correction {
        width: 692px;
        height: 307px;
        background-size: 692px 307px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-correction {}
} */

@media only screen and (max-width: 735px) {
    .image-color-correction {
        width: 280px;
        height: 125px;
        background-size: 280px 125px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-correction {}
} */

.image-color-correction.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-color-correction.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-color-correction.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-color-correction-alt {
    width: 692px;
    height: 416px;
    background-size: 692px 416px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-color-correction-alt {}
} */

@media only screen and (max-width: 1068px) {
    .image-color-correction-alt {
        width: 692px;
        height: 416px;
        background-size: 692px 416px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-color-correction-alt {}
} */

@media only screen and (max-width: 735px) {
    .image-color-correction-alt {
        width: 280px;
        height: 168px;
        background-size: 280px 168px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-color-correction-alt {}
} */

.image-color-correction-alt.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-color-correction-alt.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-color-correction-alt.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-effects {
    width: 692px;
    height: 392px;
    background-size: 692px 392px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-effects {}
} */

@media only screen and (max-width: 1068px) {
    .image-effects {
        width: 692px;
        height: 394px;
        background-size: 692px 394px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-effects {}
} */

@media only screen and (max-width: 735px) {
    .image-effects {
        width: 280px;
        height: 160px;
        background-size: 280px 160px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-effects {}
} */

.image-effects.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-effects.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-effects.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-filters {
    width: 692px;
    height: 307px;
    background-size: 692px 307px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-filters {}
} */

@media only screen and (max-width: 1068px) {
    .image-filters {
        width: 692px;
        height: 307px;
        background-size: 692px 307px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-filters {}
} */

@media only screen and (max-width: 735px) {
    .image-filters {
        width: 280px;
        height: 125px;
        background-size: 280px 125px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-filters {}
} */

.image-filters.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-filters.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-filters.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-hero {
    width: 980px;
    height: 573px;
    background-size: 980px 573px;
    background-repeat: no-repeat;
    position: relative
}

#comparision-chart.image-hero {
    background-image: url("../table.png");
    background-size: contain;
    background-position: center;
}

#faq-hero-image.image-hero,
#camera-list-hero-image.image-hero {
    background-image: url("../assets/desktop/macbook_pro_camera.png");
}

#hard-acc-hero-image.image-hero {
    background-image: url("../assets/desktop/resources.jpg");
    background-size: contain;
    background-position: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #comparision-chart.image-hero {
        background-image: url("../table.png");
        background-size: contain;
        background-position: center;
    }
    #faq-hero-image.image-hero,
    #camera-list-hero-image.image-hero {
        background-image: url("../assets/desktop/macbook_pro_camera.png");
    }
    #hard-acc-hero-image.image-hero {
        background-image: url("../assets/desktop/resources.jpg");
        background-size: contain;
        background-position: center;
    }
}

@media only screen and (max-width: 1068px) {
    .image-hero {
        width: 667px;
        height: 390px;
        background-size: 667px 390px;
        background-repeat: no-repeat;
    }
    #comparision-chart.image-hero {
        background-image: url("../table.png");
        background-size: contain;
        background-position: center;
    }
    #faq-hero-image.image-hero,
    #camera-list-hero-image.image-hero {
        background-image: url("../assets/desktop/macbook_pro_camera.png");
    }
    #hard-acc-hero-image.image-hero {
        background-image: url("../assets/desktop/resources.jpg");
        background-size: contain;
        background-position: center;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    /* .image-hero {} */
    #comparision-chart.image-hero {
        background-image: url("../table.png");
        background-size: contain;
        background-position: center;
    }
    #faq-hero-image.image-hero,
    #camera-list-hero-image.image-hero {
        background-image: url("../assets/desktop/macbook_pro_camera.png");
    }
    #hard-acc-hero-image.image-hero {
        background-image: url("../assets/desktop/resources.jpg");
        background-size: contain;
        background-position: center;
    }
}

@media only screen and (max-width: 735px) {
    .image-hero {
        width: 344px;
        height: 201px;
        background-size: 344px 201px;
        background-repeat: no-repeat;
    }
    #comparision-chart.image-hero {
        background-image: url("../table.png");
        background-size: contain;
        background-position: center;
    }
    #faq-hero-image.image-hero,
    #camera-list-hero-image.image-hero {
        background-image: url("../assets/mobile/macbook_pro_camera.png");
    }
    #hard-acc-hero-image.image-hero {
        background-image: url("../assets/mobile/resources.jpg");
        background-size: contain;
        background-position: center;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    #comparision-chart.image-hero {
        background-image: url("../table.png");
        background-size: contain;
        background-position: center;
    }
    #faq-hero-image.image-hero,
    #camera-list-hero-image.image-hero {
        background-image: url("../assets/mobile/macbook_pro_camera.png");
    }
    #hard-acc-hero-image.image-hero {
        background-image: url("../assets/mobile/resources.jpg");
        background-size: contain;
        background-position: center;
    }
}

.image-hero.centered {
    position: relative;
    left: 50%;
    margin-left: -490px
}

@media only screen and (max-width: 1068px) {
    .image-hero.centered {
        left: 50%;
        margin-left: -333.5px
    }
}

@media only screen and (max-width: 735px) {
    .image-hero.centered {
        left: 50%;
        margin-left: -172px
    }
}

.image-import-export-org {
    width: 692px;
    height: 307px;
    background-size: 692px 307px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-import-export-org {}
} */

@media only screen and (max-width: 1068px) {
    .image-import-export-org {
        width: 692px;
        height: 307px;
        background-size: 692px 307px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-import-export-org {}
} */

@media only screen and (max-width: 735px) {
    .image-import-export-org {
        width: 280px;
        height: 124px;
        background-size: 280px 124px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-import-export-org {}
} */

.image-import-export-org.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-import-export-org.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-import-export-org.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-import-export-org-alt {
    width: 692px;
    height: 307px;
    background-size: 692px 307px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-import-export-org-alt {}
} */

@media only screen and (max-width: 1068px) {
    .image-import-export-org-alt {
        width: 692px;
        height: 307px;
        background-size: 692px 307px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-import-export-org-alt {}
} */

@media only screen and (max-width: 735px) {
    .image-import-export-org-alt {
        width: 280px;
        height: 124px;
        background-size: 280px 124px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-import-export-org-alt {}
} */

.image-import-export-org-alt.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-import-export-org-alt.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-import-export-org-alt.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-juice-worldwide-logo {
    width: 236px;
    height: 143px;
    background-size: 236px 143px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-juice-worldwide-logo {}
} */

@media only screen and (max-width: 1068px) {
    .image-juice-worldwide-logo {
        width: 236px;
        height: 143px;
        background-size: 236px 143px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-juice-worldwide-logo {}
} */

@media only screen and (max-width: 735px) {
    .image-juice-worldwide-logo {
        width: 236px;
        height: 143px;
        background-size: 236px 143px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-juice-worldwide-logo {}
} */

.image-juice-worldwide-logo.centered {
    position: relative;
    left: 50%;
    margin-left: -118px
}

@media only screen and (max-width: 1068px) {
    .image-juice-worldwide-logo.centered {
        left: 50%;
        margin-left: -118px
    }
}

@media only screen and (max-width: 735px) {
    .image-juice-worldwide-logo.centered {
        left: 50%;
        margin-left: -118px
    }
}

.image-prores-camera-devices {
    width: 347px;
    height: 347px;
    background-size: 347px 347px;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {}

@media only screen and (max-width: 1068px) {
    .image-prores-camera-devices {
        width: 347px;
        height: 347px;
        background-size: 347px 347px;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {}

@media only screen and (max-width: 735px) {
    .image-prores-camera-devices {
        width: 278px;
        height: 278px;
        background-size: 278px 278px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-prores-camera-devices {}
} */

.image-prores-camera-devices.centered {
    position: relative;
    left: 50%;
    margin-left: -173.5px
}

@media only screen and (max-width: 1068px) {
    .image-prores-camera-devices.centered {
        left: 50%;
        margin-left: -173.5px
    }
}

@media only screen and (max-width: 735px) {
    .image-prores-camera-devices.centered {
        left: 50%;
        margin-left: -139px
    }
}

.image-prores-raw-cameras-devices {
    width: 476px;
    height: 281px;
    background-size: 476px 281px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-prores-raw-cameras-devices {}
} */

@media only screen and (max-width: 1068px) {
    .image-prores-raw-cameras-devices {
        width: 476px;
        height: 281px;
        background-size: 476px 281px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-prores-raw-cameras-devices {}
} */

@media only screen and (max-width: 735px) {
    .image-prores-raw-cameras-devices {
        width: 296px;
        height: 175px;
        background-size: 296px 175px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-prores-raw-cameras-devices {}
} */

.image-prores-raw-cameras-devices.centered {
    position: relative;
    left: 50%;
    margin-left: -238px
}

@media only screen and (max-width: 1068px) {
    .image-prores-raw-cameras-devices.centered {
        left: 50%;
        margin-left: -238px
    }
}

@media only screen and (max-width: 735px) {
    .image-prores-raw-cameras-devices.centered {
        left: 50%;
        margin-left: -148px
    }
}

.image-quiver-logo {
    width: 236px;
    height: 143px;
    background-size: 236px 143px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-quiver-logo {}
} */

@media only screen and (max-width: 1068px) {
    .image-quiver-logo {
        width: 236px;
        height: 143px;
        background-size: 236px 143px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-quiver-logo {}
} */

@media only screen and (max-width: 735px) {
    .image-quiver-logo {
        width: 236px;
        height: 143px;
        background-size: 236px 143px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-quiver-logo {}
} */

.image-quiver-logo.centered {
    position: relative;
    left: 50%;
    margin-left: -118px
}

@media only screen and (max-width: 1068px) {
    .image-quiver-logo.centered {
        left: 50%;
        margin-left: -118px
    }
}

@media only screen and (max-width: 735px) {
    .image-quiver-logo.centered {
        left: 50%;
        margin-left: -118px
    }
}

.image-templates {
    width: 692px;
    height: 339px;
    background-size: 692px 339px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-templates {}
} */

@media only screen and (max-width: 1068px) {
    .image-templates {
        width: 692px;
        height: 339px;
        background-size: 692px 339px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-templates {}
} */

@media only screen and (max-width: 735px) {
    .image-templates {
        width: 280px;
        height: 138px;
        background-size: 280px 138px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-templates {}
} */

.image-templates.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-templates.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-templates.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-titles {
    width: 692px;
    height: 386px;
    background-size: 692px 386px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-titles {}
} */

@media only screen and (max-width: 1068px) {
    .image-titles {
        width: 692px;
        height: 386px;
        background-size: 692px 386px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-titles {}
} */

@media only screen and (max-width: 735px) {
    .image-titles {
        width: 280px;
        height: 155px;
        background-size: 280px 155px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-titles {}
} */

.image-titles.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-titles.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-titles.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-tools {
    width: 654px;
    height: 473px;
    background-size: 654px 473px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-tools {}
} */

@media only screen and (max-width: 1068px) {
    .image-tools {
        width: 576px;
        height: 416px;
        background-size: 576px 416px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-tools {}
} */

@media only screen and (max-width: 735px) {
    .image-tools {
        width: 280px;
        height: 203px;
        background-size: 280px 203px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-tools {}
} */

.image-tools.centered {
    position: relative;
    left: 50%;
    margin-left: -327px
}

@media only screen and (max-width: 1068px) {
    .image-tools.centered {
        left: 50%;
        margin-left: -288px
    }
}

@media only screen and (max-width: 735px) {
    .image-tools.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-transitions {
    width: 692px;
    height: 307px;
    background-size: 692px 307px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-transitions {}
} */

@media only screen and (max-width: 1068px) {
    .image-transitions {
        width: 692px;
        height: 307px;
        background-size: 692px 307px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-transitions {}
} */

@media only screen and (max-width: 735px) {
    .image-transitions {
        width: 280px;
        height: 124px;
        background-size: 280px 124px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-transitions {}
} */

.image-transitions.centered {
    position: relative;
    left: 50%;
    margin-left: -346px
}

@media only screen and (max-width: 1068px) {
    .image-transitions.centered {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 735px) {
    .image-transitions.centered {
        left: 50%;
        margin-left: -140px
    }
}

.image-walla-logo {
    width: 236px;
    height: 143px;
    background-size: 236px 143px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-walla-logo {}
} */

@media only screen and (max-width: 1068px) {
    .image-walla-logo {
        width: 236px;
        height: 143px;
        background-size: 236px 143px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-walla-logo {}
} */

@media only screen and (max-width: 735px) {
    .image-walla-logo {
        width: 236px;
        height: 143px;
        background-size: 236px 143px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-walla-logo {}
} */

.image-walla-logo.centered {
    position: relative;
    left: 50%;
    margin-left: -118px
}

@media only screen and (max-width: 1068px) {
    .image-walla-logo.centered {
        left: 50%;
        margin-left: -118px
    }
}

@media only screen and (max-width: 735px) {
    .image-walla-logo.centered {
        left: 50%;
        margin-left: -118px
    }
}

.image-workflow-extensions {
    width: 693px;
    height: 405px;
    background-size: 693px 405px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-workflow-extensions {}
} */

@media only screen and (max-width: 1068px) {
    .image-workflow-extensions {
        width: 579px;
        height: 338px;
        background-size: 579px 338px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-workflow-extensions {}
} */

@media only screen and (max-width: 735px) {
    .image-workflow-extensions {
        width: 348px;
        height: 204px;
        background-size: 348px 204px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-workflow-extensions {}
} */

.image-workflow-extensions.centered {
    position: relative;
    left: 50%;
    margin-left: -346.5px
}

@media only screen and (max-width: 1068px) {
    .image-workflow-extensions.centered {
        left: 50%;
        margin-left: -289.5px
    }
}

@media only screen and (max-width: 735px) {
    .image-workflow-extensions.centered {
        left: 50%;
        margin-left: -174px
    }
}

.image-zoo-logo {
    width: 236px;
    height: 143px;
    background-size: 236px 143px;
    background-repeat: no-repeat;
    position: relative
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-zoo-logo {}
} */

@media only screen and (max-width: 1068px) {
    .image-zoo-logo {
        width: 236px;
        height: 143px;
        background-size: 236px 143px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-zoo-logo {}
} */

@media only screen and (max-width: 735px) {
    .image-zoo-logo {
        width: 236px;
        height: 143px;
        background-size: 236px 143px;
        background-repeat: no-repeat;
    }
}

/* @media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-zoo-logo {}
} */

.image-zoo-logo.centered {
    position: relative;
    left: 50%;
    margin-left: -118px
}

@media only screen and (max-width: 1068px) {
    .image-zoo-logo.centered {
        left: 50%;
        margin-left: -118px
    }
}

@media only screen and (max-width: 735px) {
    .image-zoo-logo.centered {
        left: 50%;
        margin-left: -118px
    }
}

.column-padding {
    padding-top: 50px
}

html.text-zoom .column {
    width: 100%;
    margin-left: 0
}

.section-content {
    width: 800px;
    padding-top: 30px;
    padding-bottom: 20px
}

.section-content::before,
.section-content::after {
    content: ' ';
    display: table
}

.section-content::after {
    clear: both
}

@media only screen and (max-width: 1068px) {
    .section-content {
        width: 700px
    }
}

@media only screen and (max-width: 735px) {
    .section-content {
        width: 320px
    }
}

@media only screen and (max-width: 320px) {
    .section-content {
        width: 300px
    }
}

.border-top {
    border-top: solid 1px #d6d6d6
}

.background-alt {
    background: #fafafa
}

figure {
    padding-top: 30px;
    margin-top: 30px
}

.icon:before,
.icon:after {
    margin-top: 0.3em
}

.icon-shim {
    padding-right: .5em
}

.accordion-content {
    padding-top: 1px
}

html.firefox .accordion-content p+a {
    display: initial
}

.ecosystem-first-item {
    padding-top: 80px
}

.headline-copy {
    max-width: 90%;
    display: block
}

figcaption {
    margin-top: -19px
}