UL.protocol LI
{
    margin-bottom: 1em;
}

.product .backdrop
{
    width: 100%;
    height: 600px;
    background-color: #e9ecf2;
    padding: 20px;
    box-sizing: border-box;
}

.product H3
{
    margin-top: 60px;
}

.page_microinjection_system_for_zebrafish_eggs_for_cell_cultures.product .backdrop
{
    background-color: var(--skin);
}

.page_sorting_robot.product .backdrop
{
    background-color: var(--skin);
}

.page_imaging_robot.product .backdrop
{
    background-color: var(--skin);
}

.product h2
{
    margin-bottom: 0px;
}

.product h4
{
    margin-bottom: 0px;
    font-family: helvetica_neue_bold;
    font-weight: normal;
}

.product .backdrop .image
{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.page_microinjection_system_for_zebrafish_eggs.product .backdrop .image
{
    background-image: url("./images/injector_2.png");
}

.page_microinjection_system_for_zebrafish_larvae.product .backdrop .image
{
    background-image: url("./images/injector_rotary_stage2.png");
}

.page_sorting_robot.product .backdrop .image
{
    background-image: url("./images/sorting_robot2.png");
}

.page_imaging_robot.product .backdrop .image
{
    background-image: url("./images/imaging_robot2.png");
}

.page_microinjection_system_for_zebrafish_eggs_for_cell_cultures.product .backdrop .image
{
    background-image: url("./images/injector_cells.png");
}

.product IMG.main_image
{
    width: 100%;
}

.product .description
{
    font-family: ubuntu_medium;
    font-size: 100%;
    line-height: 1.65em;
    color: var(--gray-dark);
    max-width: 600px;
}

.product .page
{
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.product .main_col
{
    flex: 1;
}

.product h2
{
    margin-top: 40px;
}

.product .side_col
{
    width: 280px;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 20px;
}

.product .quick_facts
{
    font-family: ubuntu_roman;
    font-size: 14px;
    color: var(--gray-dark);
    min-height: 100px;
    background-color: #eee;
    width: 100%;
    margin-top: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 20px;
    padding-bottom: 40px;
}

.product .quick_facts H1
{
    margin: 0px;
    font-family: ubuntu_medium;
    font-size: 14px;
    margin-bottom: 10px;
}

.product .quick_facts .row
{
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.product .quick_facts .row .icon
{
    width: 24px;
    min-width: 24px;
}

.product .side_box
{
}

.product .inflow_box
{
    display: none;
}

.product .video-js
{
    margin-top: 12px;
}

LI .title
{
    font-family: helvetica_neue_medium;
}

.image_coming_soon
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    color: var(--white);
    font-family: ubuntu_medium;
    font-size: 24px;
}

.page_microinjection_system_for_zebrafish_eggs.product .picture_row .pic1
{
    background-color: var(--gray);
    background-image: url("images/grid_holder.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
}

.page_microinjection_system_for_zebrafish_eggs.product .picture_row .pic2
{
    background-color: var(--gray);
    background-image: url("images/grid_holder2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
}

.page_microinjection_system_for_zebrafish_eggs.product .single_picture_row .pic3
{
    background-color: #ffffff;
    background-image: url("images/egg_in_grid.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;

    width: 100%; /* or a specific width */
    position: relative; /* required for aspect ratio trick */
    padding-top: 97.98994974874372%; /* Note: this is the image height divided by the image width. */

    margin-bottom: 20px;
}

.page_microinjection_system_for_zebrafish_larvae.product .single_picture_row .pic3
{
    background-color: #ffffff;
    background-image: url("images/larvae_injection_protocol.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;

    width: 100%; /* or a specific width */
    position: relative; /* required for aspect ratio trick */
    padding-top: 47.478%; /* Note: this is the image height divided by the image width. */

    margin-bottom: 20px;
}