.pf_videotile  {
    display: none !important; /*todo flo - maybe add video tiles too?*/
}
/*.page-template-page-video_filter #pf_return .pf_main_pic_hold .main_pic {
    aspect-ratio: 19/12;
    https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/
}*/
/*eliminate jumpiness by doing nasy things...*/
.page-template-page-video_filter .pf_main_pic_hold {
    padding-bottom: 63.16%;
}
.page-template-page-video_filter #pf_return .leg_pic,
.page-template-page-video_filter #pf_return  .affirm-as-low-as {
    display: none;
}
/*.page-template-page-video_filter #pf_return .main_pic,
.page-template-page-video_filter #pf_return .alt_pic {*/
.page-template-page-video_filter #pf_return .main_pic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.page-template-page-video_filter #pf_return .pf_product[data-type="sofa-sleeper"] .main_pic,
.page-template-page-video_filter #pf_return .pf_product[data-type="sectional-sleeper"] .main_pic,
.page-template-page-video_filter #pf_return .pf_product[data-type="panel-sleeper"] .main_pic {
    display: none;
}
.page-template-page-video_filter #pf_return .pf_product[data-type="sofa-sleeper"] .pf_main_pic_hold::after,
.page-template-page-video_filter #pf_return .pf_product[data-type="sectional-sleeper"] .pf_main_pic_hold::after,
.page-template-page-video_filter #pf_return .pf_product[data-type="panel-sleeper"] .pf_main_pic_hold::after {
    display: none;
}

.video_shop_temp {
    text-align: center;
}
.video_shop_temp h3 {
    display: block;
    width: 100%;
    margin: 20px auto 10px;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #ada8a2;
    font-size: 32px;
    line-height: 1;
}
.video_shop_temp a {
    display: inline-block;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    text-align: left;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #ada8a2;
    line-height: 1.4;
    font-size: 13px;
    border: 1px solid #ada8a2;
    padding: 10px;
    margin: 6px;
    border-radius: 6px;
}
.video_shop_temp a:hover {
    background: #ada8a2;
    color: #FFF;
}

.iso_hide {
    display: none !important;
}
#video_filter_catalogue_wrap {
    min-height: 500px;
}
#video_filter_catalogue_wrap_inner {
    overflow: hidden;
}
#vfc_filters {
    width: 95%;
    max-width: 1100px;
    margin: 50px auto;
    position: relative;
    overflow: hidden;
    z-index: 1;

    box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
    background: #f9f8f7;
}
#vfc_filters ul {
    list-style: none inside none;
}
#vfc_filters ul li {
    display: inline-block;
    height: 82px;
    position: relative;
}

#vfc_prod_type {
    width: 40%;
    float: right;
    text-align: right;
    margin: 0;
}
#vfc_prod_type li {
    width: 21%;
    margin: 0 2%;
    height: 82px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: top;
    position: relative;
}
#vfc_prod_type li:first-child {
    margin-left: 0;
}
#vfc_prod_type li[data-type="chair"] {
    background-image: url("https://d3m7r2hywaso4h.cloudfront.net/customizer_sizing_config/jpg_opti/chair-s-f9f8f7.jpg");
    width: 16%;
}
#vfc_prod_type li[data-type="sofa"] {
    background-image: url("https://d3m7r2hywaso4h.cloudfront.net/customizer_sizing_config/jpg_opti/sofa-l-f9f8f7.jpg");
}
#vfc_prod_type li[data-type="sectional"] {
    /*background-image: url("https://d3m7r2hywaso4h.cloudfront.net/customizer_sizing_config/jpg_opti/sectional-sofa-l.jpg");*/
    background-image: url("https://d3m7r2hywaso4h.cloudfront.net/customizer_sizing_config/jpg_opti/sectional-sofa-jumbo-f9f8f7.jpg");
}
#vfc_prod_type li[data-type="sectional_panel"] {
    background-image: url("https://d3m7r2hywaso4h.cloudfront.net/customizer_sizing_config/jpg_opti/panel-medium-jumbo-f9f8f7.jpg");
}
#vfc_prod_type li.active::after,
#vfc_prod_type li:hover::after {
    position: absolute;
    background: url('../img/ord-f-sw-2019/swatches_NEW_sprite.png') no-repeat -73px -50px transparent;
    width: 18px;
    height: 15px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -9px;
    content: '';
}
#vfc_prod_type li:hover::after {
    opacity: 0.4;
}
#vfc_prod_type li.active:hover::after {
    opacity: 1;
}

#vfc_prod_color {
    width: 60%;
    float: left;
    text-align: left;
    margin: 0;
}
#vfc_prod_color li {
    width: 9.09%;
    margin: 0;
    vertical-align: top;
}
#vfc_prod_color li.active::after,
#vfc_prod_color li:hover::after {
    position: absolute;
    background: url('../img/ord-f-sw-2019/swatches_NEW_sprite.png') no-repeat -73px -50px transparent;
    width: 18px;
    height: 15px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -9px;
    content: '';
}
#vfc_prod_color li:hover::after {
    opacity: 0.4;
}
#vfc_prod_color li.active:hover::after {
    opacity: 1;
}

#vfc_prod_color .cream {
    background: #fdf3e6;
}
#vfc_prod_color .gray {
    background: #ddd8d4;
}
#vfc_prod_color .red {
    background: #d62c37;
}
#vfc_prod_color .orange {
    background: #fcb54f;
}
#vfc_prod_color .yellow {
    background: #fbdc68;
}
#vfc_prod_color .green {
    background: #759959;
}
#vfc_prod_color .teal {
    background: #53bcc3;
}
#vfc_prod_color .blue {
    background: #476cb0;
}
#vfc_prod_color .purple {
    background: #8d67b2;
}
#vfc_prod_color .brown {
    background: #a76c5c;
}
#vfc_prod_color .black {
    background: #000000;
}

#vfc_filters button.active {
    background: #000;
    color: #FFF;
}





#flovfc_family_properties {
    display: none;
}

#flovfc_slider {
    text-align: center;
    margin-bottom: 50px;
}
.flovfc_style_desc {
    display: block;
    width: 96%;
    padding: 0 2%;
}
.flovfc_title {
    display: block;
    width: 100%;
    margin: 50px auto 0;
    box-sizing: border-box;

    text-align: left;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #ada8a2;
    font-size: 48px;
    line-height: 1;

    /*border-top: 1px solid #c6c2bb;*/
}
.flovfc_desc {
    font-family: 'Josefin Sans', sans-serif;
    text-transform: none;
    text-align: left;
    font-weight: 400;
    letter-spacing: 0;
    color: #ada8a2;
    line-height: 1.3;
    font-size: 15px;
    margin: 20px;
}
.flovfc_tile {
    /*width: 31%;*/
    width: 27%;
    display: inline-block;
    margin: 1%;
    margin: 1.1667%;
    cursor: pointer;

    position: relative;
}
.flovfct_inner {
    /*do not run transitions on .flovfc_tile, messes isotope up, probably because of transform origin*/
    -webkit-transition: transform 0.2s ease, opacity 0.2s ease;
    -moz-transition: transform 0.2s ease, opacity 0.2s ease;
    -o-transition: transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
/*.flovfct_inner:hover {
    transform: scale(1.8);
    z-index: 2;
}
.tile_hovered .flovfct_inner {
    opacity: 0.6;
}
.tile_hovered .flovfct_inner:hover {
    opacity: 1;
}

.flovfc_tile.fvfct_1st .flovfct_inner {
    transform-origin: left center;
}
.flovfc_tile.fvfct_1st.fvfct_1st_row .flovfct_inner {
    transform-origin: left top;
}
.flovfc_tile.fvfct_1st.fvfct_last_row .flovfct_inner {
    transform-origin: left bottom;
}

.flovfc_tile.fvfct_2nd .flovfct_inner {
    transform-origin: center center;
}
.flovfc_tile.fvfct_2nd.fvfct_1st_row .flovfct_inner {
    transform-origin: center top;
}
.flovfc_tile.fvfct_2nd.fvfct_last_row .flovfct_inner {
    transform-origin: center bottom;
}

.flovfc_tile.fvfct_3rd .flovfct_inner {
    transform-origin: right center;
}
.flovfc_tile.fvfct_3rd.fvfct_1st_row .flovfct_inner {
    transform-origin:  right top;
}
.flovfc_tile.fvfct_3rd.fvfct_last_row .flovfct_inner {
    transform-origin:  right bottom;
}
*/
.flovfc_tile.video_loaded {
    cursor: default;
}
.flovfct_inner {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    isolation: isolate;

    -webkit-box-shadow: 0px 4px 6px #e7e7e7;
    -moz-box-shadow: 0px 4px 6px #e7e7e7;
    box-shadow: 0px 4px 6px #e7e7e7;
    box-shadow: 0px 4px 6px rgba(0,0,0, 0.3);
}
.flovfc_tile img {
    width: 100%;
    height: auto;
    display: block;
}

#flovfc_slider .ytplay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.flovfc_tile.video_loaded .ytplay {
    display: none;
}
#flovfc_slider .ytplaysvg {
    transform: scale(0.75);
    opacity: 0.85;
}
#flovfc_slider a:hover .ytplaysvg {
    opacity: 1;
}
#flovfc_slider .ytplaysvg path {
    fill: #71c7cc;
}


.flovfc_spinner {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.flovfc_spinner:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #71c7cc;
    border-color: #71c7cc transparent #71c7cc transparent;
    animation: lds-dual-ring 0.3s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#flovfc_slider video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;

    width: 100%;
    height: auto;
}

/*start filter menu override/enhance of archive_product_filter.css*/
.flo_ds_section_wrap {
    margin: 35px 0 10px;
}
#pf_pp_dd_wrap {
    width: 320px;
}

#pf_bg_wrap {
    height: auto !important;
}
#pf_bg_top,
#pf_bg_bottom {
    position: relative !important;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
#pf_bg_bottom {
    background: rgba(255, 255, 255, 0.93);
    box-shadow: 0 -15px  20px #FFF inset;
    padding-top: 30px;
}
#pf_bg_top_title_hold #pf_bg_tth_centerer {
    top: auto;
    transition: none;
    transform: none;
}
#pf_bg_bottom_just_bg {
    display: none;
}
#pfbt_h1_color_cat {
    padding: 50px 0 20px;
}

.form-check-input {
    clear: left;
}
#pvf_seat_depth {
    list-style: none inside none;
    margin: 0 0 12px 0;
}
#pvf_seat_depth li {
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: #667;
    margin-left: 0;
    padding: 5px 0;
}
#pvf_seat_depth li:hover {
    background: #4d4d4d;
    color: #FFF;
}
#pvf_seat_depth li.active,
#pvf_seat_depth li.active:hover {
    color: #FFF;
    background: #74d2da;
}
#pf_pp_dd_left {
    /*width: 40%;*/
    width: 50%;
}
#pf_pp_dd_right {
    /*width: 60%;*/
    width: 50%;
    text-align: left;
}
#pf_pp_dd_right h5 {
    margin-bottom: 10px;
}
.fvf_toggle {
    /*margin-left: 7px;*/
    padding-left: 7px;
}
.fvf_toggle.fvf_toggle_mleft {
    /*margin-left: 0;*/
    text-align: left;
}
.fvf_toggle:last-child {
    margin-bottom: 10px;
}
#pf_pp_dd_left #pvf_trh5,
#pf_pp_dd_right #pvf_arh5 {
    margin-bottom: 10px;
}
#pf_pp_dd_left #pvf_trh5 {
    margin-top: 2px;
}
#pf_pp_dd_left h5,
#pf_pp_dd_right h5 {
    /*padding: 0;*/
    font-size: 11.5px;
    /*line-height: 31px;*/
}

/*start css switches*/
.fvf_toggle {
    cursor: pointer;
    /*display: inline-block;*/

    display: block;
    margin-bottom: 10px;
}

.fvf_toggle-switch {
    display: inline-block;
    background: #ccc;
    border-radius: 16px;
    width: 58px;
    /*height: 32px;   */
    height: 24px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
}
.fvf_toggle-switch:before, .fvf_toggle-switch:after {
    content: "";
}
.fvf_toggle-switch:before {
    display: block;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
    /*width: 24px;*/
    /*height: 24px;*/
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 4px;
    transition: left 0.25s;
}
.fvf_toggle:hover .fvf_toggle-switch:before {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.fvf_toggle-checkbox:checked + .fvf_toggle-switch {
    /*background: #56c080;*/
    background: #74d2da;
}
.fvf_toggle-checkbox:checked + .fvf_toggle-switch:before {
    /*left: 30px;*/
    left: 37px;
}

.fvf_toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.fvf_toggle-label {
    margin-left: 5px;
    position: relative;
    /*top: 2px;*/
    font-size: 14px;
    top: 1px;
}
/*end css switches*/


.fdss_family_intro {
    bottom: 0;
}
.flovfc_videoblock {
    overflow-y: scroll;
    white-space: nowrap;
    margin: 0 0 100px;
}
.fdss_left {
    margin-left: 1%;
}

.video-filter .fdss_stbg_3 img.chair,
.video-filter .fdss_stbg_3 img {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 50%;
    transform: translateX(-50%);
}



@media screen and (max-width: 1350px) { /*also modify the 910px media query in flo_ds_sections.css. This got nasty, fml*/
    .fdss_left {
        width: 35%;
    }
    .fdss_right {
        width: 63%;
    }
    .fdss_heading_wrap h5 {
        width: 75%
    }
    #fdss_cwtsb2 li {
        width: 31%;
    }
}
@media screen and (max-width: 1050px) { /*also modify the 767px media query in flo_ds_sections.css. This got nasty, fml*/
    .fdss_left {
        width: 98%;
        float: none;
        margin: 0 auto 25px;
        height: auto; /*this is not like in flo_ds_sections.css, maybe it should be*/
    }
    .fdss_family_intro {
        position: relative;
        margin-top: 20px;
    }
    .fdss_right {
        width: 100%;
        float: none;
    }
    .fdss_stbg_1,
    .fdss_stbg_2 {
        display: none;
    }
    .video-filter .fdss_stbg_1 {
        display: block;
    }
    .fdss_stbg_3 {
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin: 0;
    }
    .video-filter .fdss_stbg_3 {
        right: 0;
        margin-left: 5%;
        width: 90%;
        height: auto !important;
    }

    /*this is not like flo_ds_sections, maybe flo_ds_sections should be like it*/
    /*.fdss_stbg_3 img {
        margin-left: 0 !important;
        width: 100% !important;
        height: auto !important;
    }*/

    .fdss_stbg_4 {
        margin-top: 5% !important; /*this is not like flo_ds_sections, maybe flo_ds_sections should be like it*/
        left: 0;
        right: 0;
    }
    .fdss_family_details {
        position: relative;
        margin-top: 20px;
    }
    .fdss_family_details li {
        padding: 9px 6px 6px;
        margin: 0 2px 10px 2px;
        font-size: 10px;
    }

    .fdss_stbg_4 h5,
    .master-holder .fdss_stbg_4 h5 {
        width: 100%;
        text-align: center;
    }
    #fdss_cwtsb2 li {
        width: 48%;
    }
    #fdss_cwtsb2 li:first-child,
    #fdss_cwtsb2 li:nth-child(2) {
        margin-top: 20px;
    }

    .video-filter .fdss_stbg_3 img.chair, /*this is not like flo_ds_sections, maybe flo_ds_sections should be like it*/
    .video-filter .fdss_stbg_3 img {
        position: static;
        top: auto;
        left: auto;
        margin-left: 0;
        transform: none;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 999px) {
    #pf_prod_filters_wrap .pf_m_desc {
        padding: 0 21px;
    }
    #pf_prod_types_unique li {
        margin: 2%;
        width: 21%;
    }
}
@media (max-width: 664px) { /*fdss_right is 664pxmin width in desktop mode*/
    #pf_result_wrap {
        overflow-y: scroll;
        white-space: nowrap;
        padding: 0 0.5%;
    }
    #pf_result_wrap li {
        white-space: normal;
    }
}
#pf_return.per_row-2half .pf_product {
    width: 40%;
    margin: 1%;
}
/*end filter menu override/enhance of archive_product_filter.css*/
@media (max-width: 767px) {




    /*.flovfc_tile {*/
    /*    width: 48%;*/
    /*    margin: 1%;*/
    /*}*/
    .flovfct_inner:hover {
        transform: none;
    }
    #vfc_filters {
        margin: 30px auto;
    }
    #vfc_filters ul {
        width: 100%;
        text-align: center;
    }
    #vfc_prod_type {
        margin: 20px 0;
    }
    #vfc_prod_type li:first-child {
        margin-left: 2%;
    }

}
@media (max-width: 664px) {
    .flovfc_style_desc:first-child {
        margin-top: 20px;
    }
    .flovfc_style_desc {
        margin-top: 60px;
    }
    .flovfc_title {
        font-size: 30px;
        margin-top: 0px;
    }
    .flovfc_desc {
        font-size: 11px;
    }



    .flovfc_tile {
        width: 40%;
        margin: 1%;
    }
    .flo_ds_section_wrap { /*todo flo maybe move in the override css above?*/
        margin-bottom: 0px;
    }
    #flovfc_slider .ytplaysvg {
        transform: scale(0.5);
    }
}
@media (max-width: 600px) {
    /*.flovfc_tile {*/
    /*    width: 98%;*/
    /*}*/
    #pf_return .pf_prod_title span {
        margin-left: 0;
    }
    #pf_return[data-section-style="product-family"] .pf_pp_affirm {
        padding-left: 0;
    }
}
@media (max-width: 500px) {
    #vfc_prod_type {
        margin: 10px 0;
    }
}