:root{
    /* COLORS */
    --color-black: #18150E;
    --color-black2: #322F2D;
    --color-black-hovered: #555555;
    --color-white: #FFFFFF;
    --color-white-hovered: #F0F0F0;
    --color-link: #82251C;

    /* OTHERS */
    --fl-border-radius: 10px;
}

/* RESET */
.admin-bar.sticky-header.menuStyle2 .site-header,
.admin-bar.menuStyle2 .is-sticky .site-header{
    top: 0!important;
}
.admin-bar.sticky-header.menuStyle2 .site-header.scrolled,
.admin-bar.menuStyle2 .is-sticky .site-header.scrolled{
    top: 32px!important;
}
.site-content{
    padding: 0 0 100px;
}
b,
strong{
    font-weight: 500;
}
.form-control:focus{
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.15);
}

@media only screen and (max-width: 767px){
    html #wpadminbar,
    .sticky-header.menuStyle2 .site-header{
        position: fixed;
    }
    .admin-bar.sticky-header.menuStyle2 .site-header,
    .admin-bar.menuStyle2 .is-sticky .site-header{
        top: 46px!important;
    }
    body{
        padding-top: 76px;
    }
}
/* RESET */

/* KEYFRAMES */
@keyframes blockLoading {
    0% {
        left: -100px;
    }
    100% {
        left: calc( 100% + 100px );
    }
}
/* KEYFRAMES */

/* GENERAL */
@media only screen and (max-width: 767px) {
    .desktop-only{display: none;}
}
@media only screen and (min-width: 768px) {
    .mobile-only{display: none;}
}
/* GENERAL */

/* ICON */
.icon-contact{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/icon-contact@2x.webp');
    background-repeat: no-repeat;
    background-size: 120px 40px;
    vertical-align: middle;
}
.icon-contact.icon-contact-address{
    background-position: 0 0;
}
.icon-contact.icon-contact-phone{
    background-position: -40px 0;
}
.icon-contact.icon-contact-email{
    background-position: -80px 0;
}
.icon-action{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/icon-action@2x.webp?20240305');
    background-repeat: no-repeat;
    background-size: 240px 40px;
    vertical-align: middle;
}
.icon-action.icon-action-buy{
    background-position: 0 0;
}
.icon-action.icon-action-warranty{
    background-position: -40px 0;
}
.icon-action.icon-action-sparepart{
    background-position: -80px 0;
}
.icon-action.icon-action-agent{
    background-position: -120px 0;
}
.icon-action.icon-action-contact{
    background-position: -160px 0;
}
.icon-action.icon-action-login{
    background-position: -200px 0;
}
.icon-search{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../images/icon-search@2x.webp?20240305');
    background-repeat: no-repeat;
    background-size: 32px 16px;
    background-position: left center;
    vertical-align: middle;
}
.icon-ukflag{
    display: inline-block;
    width: 60px;
    height: 30px;
    margin: 0 0 6px 15px;
    background-image: url('../images/icon-ukflag@2x.webp');
    background-repeat: no-repeat;
    background-size: 60px 30px;
    background-position: center;
    vertical-align: middle;
}
.icon-recipe{
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('../images/icon-recipe@2x.webp');
    background-repeat: no-repeat;
    background-size: 140px 28px;
    vertical-align: middle;
}
.icon-recipe.icon-recipe-prep-time{
    background-position: 0 0;
}
.icon-recipe.icon-recipe-cook-time{
    background-position: -28px 0;
}
.icon-recipe.icon-recipe-total-time{
    background-position: -56px 0;
}
.icon-recipe.icon-recipe-skill-level{
    background-position: -84px 0;
}
.icon-recipe.icon-recipe-serves{
    background-position: -112px 0;
}
.icon-map{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: url('../images/icon-map@2x.webp');
    background-repeat: no-repeat;
    background-size: 60px 20px;
    vertical-align: middle;
}
.icon-map.icon-map-phone{
    background-position: 0 0;
}
.icon-map.icon-map-address{
    background-position: -20px 0;
}
.icon-map.icon-map-url{
    background-position: -40px 0;
}
.icon-compare{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/icon-compare@2x.webp');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .icon-ukflag{
        width: 48px;
        height: 24px;
        background-size: 48px 24px;
    }
}
/* ICON */

/* CUSTOM POPUP */
.popup-falcon-bg{
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 999998;
}
.popup-falcon-active .popup-falcon-bg{
    display: block;
}
.popup-falcon{
    position: fixed;
    top: 40%;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 96%;
    margin: 0 auto;
    border: solid 1px #DDD;
    border-radius: 10px;
    background-color: var(--color-white);
    box-shadow: 0 4px 24px -12px var(--color-black-hovered);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    z-index: 999999;
    transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    -ms-transition: 300ms all ease-in-out;
    -moz-transition: 300ms all ease-in-out;
    -webkit-transition: 300ms all ease-in-out;
}
.popup-falcon.active{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.popup-falcon .head{
    padding: 20px 30px 0;
}
.popup-falcon .body{
    padding: 20px 30px;
}
.popup-falcon .btn-close-popup{
    position: absolute;
    top: -10px;
    right: -10px;
    display: block;
    width: 28px;
    height: 28px;
    padding: 6px;
    border-radius: 100%;
    border: none;
    box-shadow: 0 4px 8px -2px var(--color-black-hovered);
    background-color: var(--color-white);
    z-index: 10;
    cursor: pointer;
}
.popup-falcon .btn-close-popup::before,
.popup-falcon .btn-close-popup::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 1px;
    background-color: var(--color-black2);
}
.popup-falcon .btn-close-popup::before{
    transform: rotate(45deg);
}
.popup-falcon .btn-close-popup::after{
    transform: rotate(-45deg);
}
/* CUSTOM POPUP */

/* FORM */
.form-falcon{
    position: relative;
}
.form-falcon .form-group{
    position: relative;
    margin-bottom: 1.5rem;
}
.form-falcon .form-group:last-child{
    margin-bottom: 0;
}
.form-falcon .form-group .form-label{
    display: block;
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: var(--color-black2);
}
.form-falcon .form-group .controls{
    display: block;
}
.form-falcon .form-group .form-control{
    position: relative;
    height: auto;
    padding: 13px 20px;
    background-color: var(--color-white);
    border: solid 1px #C9D4DE;
    border-radius: var(--fl-border-radius);
    font-size: 14px;
    line-height: 20px;
    color: var(--color-black2);
}
.form-falcon .form-group input[type="date"].form-control{
    padding: 12px 20px;
}
.form-falcon .form-group input[type="file"].form-control{
    padding: 10px 20px;
}
.form-falcon select.form-control:not([size]):not([multiple]){
    height: 48px;
}
.form-falcon .form-group .embedded-button{
    position: relative;
}
.form-falcon .form-group .embedded-button .form-control{
    padding-right: 50px;
    border-radius: 50px;
}
.form-falcon .form-group .embedded-button .btn-falcon.btn-falcon-icon{
    position: absolute;
    top: 50%;
    right: 10px;
    padding: 7px;
    transform: translateY(-50%);
}
/* ContactForm7 */
.form-falcon .wpcf7-not-valid-tip{
    margin: 4px 0 0 0;
    font-size: 12px;
}

@media only screen and (max-width: 767px) {
    .form-falcon .form-group .form-control{
        padding: 9px 20px;
        font-size: 12px;
    }
    .form-falcon .form-group input[type="date"].form-control{
        padding: 8px 20px;
    }
    .form-falcon .form-group input[type="file"].form-control{
        padding: 6px 20px;
    }
    .form-falcon select.form-control:not([size]):not([multiple]){
        height: 40px;
    }
    .form-falcon .form-group .embedded-button .btn-falcon.btn-falcon-icon{
        right: 4px;
    }
}
/* FORM */

/* BUTTON */
.btn-falcon{
    position: relative;
    display: inline-block;
    padding: 13px 25px;
    background-color: var(--color-black);
    border: solid 1px var(--color-black);
    border-radius: var(--fl-border-radius);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-white);
    text-align: center;
    text-decoration: none;
    text-transform: none;
    text-shadow: none!important;
    letter-spacing: 0;
    outline: none!important;
}
.btn-falcon:hover,
.btn-falcon:active{
    background-color: var(--color-white);
    color: var(--color-black);
}
.btn-falcon.btn-falcon-disabled,
.btn-falcon[disabled]{
    background-color: #AAA;
    color: #555;
    border-color: #AAA;
    opacity: .85;
    cursor: not-allowed;
}
.btn-falcon.btn-falcon-disabled:hover,
.btn-falcon.btn-falcon-disabled:active,
.btn-falcon[disabled]:hover,
.btn-falcon[disabled]:active{
    background-color: #AAA;
    color: #555;
}
.btn-falcon.btn-falcon-alt{
    background-color: var(--color-white);
    color: var(--color-black);
}
.btn-falcon.btn-falcon-alt:hover,
.btn-falcon.btn-falcon-alt:active{
    background-color: var(--color-black);
    color: var(--color-white);
}
.btn-falcon.btn-falcon-icon{
    padding: 16px;
    border-radius: 100%;
    line-height: 0;
}
.btn-falcon.btn-falcon-icon:hover [class*='icon-']{
    background-position: right center;
}
.btn-falcon.btn-falcon-link{
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-size: inherit;
    color: var(--color-link);
}
.btn-falcon.btn-falcon-link::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 40px;
    height: 1.5px;
    margin-top: 4px;
    background-color: var(--color-link);
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
}
.btn-falcon.btn-falcon-link:hover::after{
    width: 100%;
}
.btn-falcon.btn-falcon-link.btn-falcon-white{
    color: var(--color-white);
}
.btn-falcon.btn-falcon-link.btn-falcon-white::after{
    background-color: var(--color-white);
}

@media only screen and (max-width: 767px) {
    .btn-falcon{
        padding: 9px 20px;
        font-size: 12px;
        line-height: 20px;
    }
}
/* BUTTON */

/* ELEMENTOR FULL WIDTH FIX */
:is(.elementor-section-wrap,[data-elementor-id]) > .elementor-element.e-con-full{
    position: relative;
    width: 100vw;
    max-width: 100vw;
    left: 50%;
    margin-left: -50vw;
    padding: 0;
}
/* ELEMENTORY FULL WIDTH FIX */

/* SASSY SOCIAL SHARE */
.heateor_sss_sharing_container > .heateor_sss_sharing_ul > a{
    position: relative;
    bottom: 0;
    margin: 0 5px!important;
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
}
.heateor_sss_sharing_container > .heateor_sss_sharing_ul > a:hover{
    position: relative;
    bottom: 4px;
}
.share-wrapper-inline{
    display: none;
    margin-top: 10px;
    padding: 20px;
    background-color: #F2F2F2;
    border-radius: 10px;
}
.share-wrapper .share-text,
.share-wrapper-inline .share-text{
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 18px;
}
/* SASSY SOCIAL SHARE */

/* SLICK */
.slick-slider .btn-arrow{
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 4px;
    background-image: url('../images/icon-arrow@2x.webp');
    background-color: rgba(255, 255, 255, .7);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: center;
    border-radius: 100%;
    z-index: 1;
}
.slick-slider .btn-arrow.btn-arrow-small{
    width: 16px;
    height: 16px;
    margin-top: -8px;
    padding: 0;
    background-color: transparent;
    background-size: 16px 16px;
}
.slick-slider .btn-arrow.btn-prev{
    left: 10px;
}
.slick-slider .btn-arrow.btn-next{
    right: 10px;
    transform: rotate(180deg);
}
.slick-slider .slick-dots{
    display: block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
}
.slick-slider .slick-dots li{
    list-style: none;
    display: inline-block;
    margin: 0 4px;
    font-size: 0;
    vertical-align: middle;
}
.slick-slider .slick-dots li button{
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 2px;
    padding: 0;
    border: solid 1px #D2D5DA;
    border-radius: 100%;
    background-color: var(--color-white);
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    appearance: none;
    outline: none!important;
}
.slick-slider .slick-dots li button:hover{
    border-color: var(--color-black);
}
.slick-slider .slick-dots li.slick-active button{
    background-color: var(--color-black);
    border-color: var(--color-black);
}

@media only screen and (max-width: 767px) {
    .slick-slider .btn-arrow{
        width: 30px;
        height: 30px;
        margin-top: -15px;
        padding: 3px;
        background-size: 24px 24px;
    }
    .slick-slider .slick-dots{
        text-align: center;
    }
}
/* SLICK */

/* PAGINATION */
.page__nav{
    display: block;
    margin: 20px 0;
    text-align: center;
}
.page__nav .pagination{
    margin: 0;
    justify-content: center;
}
.page__nav .pagination li{
    margin: 0 3px;
}
.page__nav .pagination li a,
.page__nav .pagination li span{
    display: block;
    width: 32px;
    height: 32px;
    border: solid 1px #D2D5DA;
    border-radius: 8px;
    color: var(--color-black2);
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
.page__nav .pagination li a:hover{
    border-color: var(--color-black-hovered);
}
.page__nav .pagination li span.current{
    background: #F5F5F5;
    border-color: #D2D5DA;
    cursor: default;
}
.page__nav .pagination li span.dots{
    border-color: transparent;
}
.page__nav .pagination li a.prev,
.page__nav .pagination li a.next{
    background: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white);
}
.page__nav .pagination-info{
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-black2);
}
/* PAGINATION */

/* HEADER */
header.site-header{
    position: relative;
    padding: 15px 0;
}
header .hamburger-menu{
    display: none;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    z-index: 9;
}
header .hamburger-menu .bar{
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: var(--color-black);
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
}
header .hamburger-menu .bar::before,
header .hamburger-menu .bar::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-black);
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
}
header .hamburger-menu .bar::before{
    top: -6px;
}
header .hamburger-menu .bar::after{
    bottom: -6px;
}
.mobile-menu-active .hamburger-menu .bar{
    background-color: transparent;
}
.mobile-menu-active .hamburger-menu .bar::before{
    top: 0;
    transform: rotate(45deg);
}.mobile-menu-active .hamburger-menu .bar::after{
    bottom: 0;
    transform: rotate(-45deg);
}
header .search-menu{
    display: none;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: var(--color-black2);
    line-height: 30px;
    text-align: center;
    transform: translateY(-50%);
    z-index: 9;
}
header .search-div .btn-close-search{
    position: absolute;
    top: 50%;
    right: 20px;
    display: none;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    padding: 6px;
    cursor: pointer;
}
header .search-div .btn-close-search::before,
header .search-div .btn-close-search::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 20px;
    height: 1px;
    background-color: var(--color-black2);
}
header .search-div .btn-close-search::before{
    transform: rotate(45deg);
}
header .search-div .btn-close-search::after{
    transform: rotate(-45deg);
}
header .site-branding .custom-logo-link img{
    width: 180px;
    height: auto;
}
header .top-div{
    display: block;
    margin: 0 -10px;
    text-align: right;
}
header .top-div .search-div,
header .top-div .links-div{
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
}
header .top-div .search-div .form-search input[type="search"]{
    width: 300px;
}
header .top-div .links-div .menu{
    margin: 0 -5px;
    padding: 0;
}
header .top-div .links-div .menu .menu-item{
    display: inline-block;
    list-style: none;
    margin: 0 5px;
    padding: 0;
}
header .top-div .links-div .menu .menu-item a{
    display: block;
    padding: 10px 25px;
    border: solid 1px var(--color-black);
    border-radius: 10px;
    color: var(--color-black)!important;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}
header .top-div .links-div .menu .menu-item a:hover{
    color: var(--color-white)!important;
    background-color: var(--color-black);
}
header .top-div .links-div .menu .menu-item.primary a{
    color: var(--color-white)!important;
    background-color: var(--color-black);
}
header .top-div .links-div .menu .menu-item.primary a:hover{
    color: var(--color-black)!important;
    background-color: var(--color-white);
}
header .main-navigation .top-navigation{
    display: none;
}
header .main-navigation{
    display: block;
    padding: 0 10px;
    float: none;
}
header #primary-menu{
    margin: 0 -5px;
}
header #primary-menu li{
    margin: 0 5px;
    padding: 0;
}
header #primary-menu li a{
    display: block;
    padding: 0 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: var(--color-black2);
}
.menuStyle2 .main-navigation #primary-menu li a::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--color-link);
    border-radius: 0;
    transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    -ms-transition: 300ms all ease-in-out;
    -moz-transition: 300ms all ease-in-out;
    -webkit-transition: 300ms all ease-in-out;
}
.menuStyle2 .main-navigation #primary-menu li a:hover::after{
    width: 100%;
}
.menuStyle2 .main-navigation #primary-menu li.current-menu-item a{
    font-weight: 700;
}
.menuStyle2 .main-navigation #primary-menu li.current-menu-item::after{
    display: none;
}

.is-sticky header.site-header.scrolled{
    padding: 10px 0;
}
.is-sticky header.site-header .custom-logo-link img{
    width:180px;max-width:100%;
}
.is-sticky header.site-header.scrolled .custom-logo-link img{
    /*max-width: 120px;*/
}
.is-sticky header.site-header.scrolled .top-div.mb-4{
    margin-bottom: .75rem!important;
}

@media only screen and (max-width: 1199px) {
    header .site-branding{
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    header .hamburger-menu{
        display: block;
        left: 30px;
    }
    header .search-menu,
    header .search-div .btn-close-search{
        display: block;
    }
    header .top-bar .search-div{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin-top: -50px;
        padding: 20px 15px;
        background-color: var(--color-white);
        box-shadow: 0 4px 20px -6px #555;
        opacity: 0;
        visibility: hidden;
        z-index: 9999999;
        transition: 200ms all ease-in-out;
        -o-transition: 200ms all ease-in-out;
        -ms-transition: 200ms all ease-in-out;
        -moz-transition: 200ms all ease-in-out;
        -webkit-transition: 200ms all ease-in-out;
    }
    .admin-bar header .top-bar .search-div{
        top: 46px;
    }
    body > #page::after{
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.4);
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        transition: 200ms all ease-in-out;
        -o-transition: 200ms all ease-in-out;
        -ms-transition: 200ms all ease-in-out;
        -moz-transition: 200ms all ease-in-out;
        -webkit-transition: 200ms all ease-in-out;
    }
    body.open-mobile-search > #page::after{
        opacity: 1;
        visibility: visible;
    }
    body.open-mobile-search header .top-bar .search-div{
        margin-top: 0;
        opacity: 1;
        visibility: visible;
    }
    header .top-div .search-div .form-search{
        width: calc( 100% - 40px );
    }
    header .top-div .search-div .form-search input[type="search"]{
        width: 100%;
    }
    header .top-bar .links-div{
        display: none;
    }
    header .main-navigation{
        padding: 10px;
    }
    header .main-navigation .top-navigation{
        display: block;
        margin-bottom: 20px;
    }
    header .top-navigation .search-div,
    header .top-navigation .search-div .form-search input[type="search"]{
        width: 100%;
    }
    header .top-navigation .links-div{
        width: 100%;
    }
    header .top-navigation .links-div .menu{
        font-size: 0;
    }
    header .top-navigation .links-div .menu .menu-item{
        width: 50%;
        margin: 0;
        padding: 0 5px;
    }
    header .top-navigation .links-div .menu .menu-item a{
        padding: 5px 25px;
        font-size: 12px;
    }

    header .menu-main-menu-container{
        padding: 0 15px;
    }
    header .main-navigation li{
        border: none;
        text-align: left;
    }
    header #primary-menu li a{
        position: relative;
        display: inline-block;
        padding: 5px 0;
    }
    header #primary-menu li a::after{
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0;
        height: 2px;
        margin-top: -4px;
        background-color: var(--color-black);
    }
    header #primary-menu li:hover a::after,
    header #primary-menu li.current-menu-item a::after{
        width: 100%;
    }
    .menuStyle2 .main-navigation a:hover:after, .menuStyle2 .main-navigation .current-menu-item:after{
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    header .site-branding{
        text-align: center;
    }
    header .site-branding .custom-logo-link img{
        width: 90px;
        height: auto;
    }
}
/* HEADER */

/* HEADER BANNER */
.header-nobanner-wrapper{
    position: relative;
    margin-bottom: 20px;
    padding: 15px 0;
    color: var(--color-black);
}
.header-banner-wrapper{
    position: relative;
    min-height: 400px;
    margin-bottom: 50px;
    padding: 30px 0;
    background-color: var(--color-white);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: var(--color-white);
}
.header-banner-wrapper::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 0;
}
.header-banner-wrapper .mobile-banner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48vw;
    display: none;
    z-index: 0;
}
.header-banner-wrapper .page-breadcrumbs{
    position: relative;
    margin: 0 -5px 30px;
    z-index: 1;
}
.header-nobanner-wrapper .page-breadcrumbs span > span,
.header-banner-wrapper .page-breadcrumbs span > span{
    display: inline-block;
    padding: 0 5px;
}
.header-nobanner-wrapper .page-breadcrumbs span,
.header-nobanner-wrapper .page-breadcrumbs span a,
.header-banner-wrapper .page-breadcrumbs span,
.header-banner-wrapper .page-breadcrumbs span a{
    font-size: 12px;
    line-height: 20px;
    color: var(--color-white);
    text-decoration: none;
}
.header-nobanner-wrapper .page-breadcrumbs span,
.header-nobanner-wrapper .page-breadcrumbs span a{
    color: var(--color-black);
}
.header-banner-wrapper .header-title{
    position: relative;
    margin: 0 0 40px;
    font-weight: 300;
    font-size: 48px;
    line-height: 56px;
    color: var(--color-white);
    z-index: 1;
}
.header-banner-wrapper .header-title span{
    display: block;
}

@media only screen and (max-width: 767px) {
    .header-banner-wrapper{
        min-height: 0;
        height: 48vw;
        padding: 25px 0;
    }
    .header-banner-wrapper .mobile-banner{
        display: block;
    }
    .header-banner-wrapper .header-title{
        font-size: 24px;
        line-height: 28px;
    }
    .header-banner-wrapper .page-breadcrumbs{
        margin-bottom: 20px;
        line-height: 16px;
    }
    .header-nobanner-wrapper .page-breadcrumbs span,
    .header-nobanner-wrapper .page-breadcrumbs span a,
    .header-banner-wrapper .page-breadcrumbs span,
    .header-banner-wrapper .page-breadcrumbs span a{
        font-size: 10px;
        line-height: 16px;
    }
}
/* HEADER BANNER */

/* FOOTER */
.footer-wrapper .contact-wrapper{
    padding: 40px 0;
    background-color: #F0EEE4;
    font-size: 14px;
}
.footer-wrapper .contact-wrapper h5,
.footer-wrapper .contact-wrapper h6{
    font-weight: 400;
    color: var(--color-black);
}
.footer-wrapper .contact-wrapper h5{
    margin-bottom: 15px
}
.footer-wrapper .contact-wrapper h5 i{
    vertical-align: middle;
}
.footer-wrapper .contact-wrapper h6{
    margin-bottom: 1.5rem;
}
.footer-wrapper .contact-wrapper h6 a{
    text-decoration: none;
    color: var(--color-black);
}
.footer-wrapper .contact-wrapper .col-md-4 > :last-child{
    margin-bottom: 0;
}
.footer-wrapper .quick-actions-wrapper{
    background-color: #F0EEE4;
    padding: 30px 0;
}
.footer-wrapper .quick-actions-wrapper .list-actions .action-item{
    list-style: none;
    text-align: center;
    border-right: solid 1px #D6DADD;
}
.footer-wrapper .quick-actions-wrapper .list-actions .action-item:last-child{
    border-right: none;
}
.footer-wrapper .quick-actions-wrapper .list-actions .action-item a{
    display: block;
    font-size: 16px;
    color: var(--color-black);
    text-decoration: none;
}
.footer-wrapper .quick-actions-wrapper .list-actions .action-item a i{
    display: block;
    margin: 0 auto 10px;
}
.footer-widgets{
    padding: 30px 0;
    border-top: none;
}
.footer-widgets .sidebar-column .widget_text{
    font-size: 14px;
}
.footer-widgets .sidebar-column #custom_html-3{
    margin-bottom: 15px;
}
.footer-widgets .sidebar-column #custom_html-3 .widget-title{
    position: relative;
    margin-bottom: 15px;
    font-size: 14px;
}
.footer-widgets .sidebar-column > .widget_nav_menu{
    display: inline-block;
    width: 50%;
    margin-bottom: 0;
    vertical-align: top;
}
.footer-widgets .sidebar-column .menu li{
    padding-bottom: 5px;
    font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-wrapper .quick-actions-wrapper .list-actions .action-item:nth-child(3n) {
        border-right: none;
    }
}
@media only screen and (max-width: 767px) {
    .footer-wrapper .quick-actions-wrapper{
        position: relative;
        padding: 30px 20px;
    }
    .footer-wrapper .quick-actions-wrapper .list-actions .action-item:nth-child(2n) {
        border-right: none;
    }
    .footer-wrapper .quick-actions-wrapper .list-actions .action-item a{
        font-size: 12px;
    }
    .footer-wrapper .quick-actions-wrapper .list-actions.slick-slider .btn-arrow.btn-prev{
        left: -10px;
    }
    .footer-wrapper .quick-actions-wrapper .list-actions.slick-slider .btn-arrow.btn-next{
        right: -10px;
    }
    .footer-widgets .sidebar-column #custom_html-3{
        margin-bottom: 8px;
    }
    .footer-widgets .sidebar-column #custom_html-3 .widget-title{
        padding: 10px 0;
        cursor: pointer;
    }
    .footer-widgets .sidebar-column #custom_html-3 .widget-title::after{
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        display: block;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background: url('../images/icon-arrow@2x.webp') no-repeat center;
        background-size: 16px 16px;
        transform: rotate(90deg);
        z-index: 1;
        transition: 300ms all ease-in-out;
        -o-transition: 300ms all ease-in-out;
        -ms-transition: 300ms all ease-in-out;
        -moz-transition: 300ms all ease-in-out;
        -webkit-transition: 300ms all ease-in-out;
    }
    .footer-widgets .sidebar-column #custom_html-3 .widget-title.active::after{
        transform: rotate(-90deg);
    }
    .footer-widgets .sidebar-column .menu li{
        padding: 4px 0;
        font-size: 12px;
    }
}
/* FOOTER */

/* FULLSLIDER */
.fullslider-wrapper{
    margin-bottom: 50px;
}
.fullslider-wrapper.slick-slider .slick-dots{
    position: absolute;
    bottom: 20px;
    left: 0;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 5%;
    text-align: right;
}
.fullslider-wrapper.slick-slider .slick-dots li{
    list-style: none;
    display: inline-block;
    margin: 0 4px;
    font-size: 0;
    vertical-align: middle;
}
.fullslider-wrapper.slick-slider .slick-dots li button{
    position: relative;
    width: 16px;
    height: 12px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-size: 0;
    appearance: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}
.fullslider-wrapper.slick-slider .slick-dots li button::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: var(--color-white);
    cursor: pointer;
}
.fullslider-wrapper.slick-slider .slick-dots li.slick-active button{
    width: 36px;
}
.fullslider-wrapper .slide-item{
    position: relative;
    display: block;
    min-height: 42vw;
    padding: 5vw 0;
    color: var(--color-white);
    text-shadow: 1px 3px 5px var(--color-black);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.fullslider-wrapper .slide-item .slide-hyperlink{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
}
.fullslider-wrapper .slide-item .mobile-banner{
    display: none;
}
.fullslider-wrapper .slide-item .inner{
    max-width: 720px;
}
.fullslider-wrapper .slide-item .inner .hero-text{
    font-weight: 300;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    .fullslider-wrapper .slide-item{
        height: 100vw;
        padding: 0;
    }
    .fullslider-wrapper .slide-item .mobile-banner{
        display: block;
        z-index: 0;
    }
    .fullslider-wrapper .slide-item .inner{
        position: absolute;
        top: 0;
        left: 0;
        max-width: none;
        padding: 50px 20px;
    }
    .fullslider-wrapper .slide-item .inner .hero-text{
        font-size: 24px;
		line-height: 1.3;
    }
    .fullslider-wrapper .slide-item .inner a{
        font-size: 14px;
    }
    .fullslider-wrapper .slide-item .inner a:hover::after{
        width: 40px;
    }
}
/* FULLSLIDER */

/* COPYRIGHT */
.copyright-wrapper{
    background-color: #1B1710;
    padding: 30px 0;
    color: var(--color-white);
    font-size: 12px;
    line-height: 20px;
}
.copyright-wrapper .social-links{
    text-align: right;
}
.copyright-wrapper .social-links ul{
    list-style: none;
    margin: 0 -8px;
    padding: 0;
}
.copyright-wrapper .social-links ul li{
    display: inline-block;
    padding: 0;
}
.copyright-wrapper .social-links ul li a{
    position: relative;
    bottom: 0;
    display: block;
    padding: 1px 8px;
    font-size: 20px;
    line-height: 20px;
    color: var(--color-white);
    text-decoration: none;
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
}
.copyright-wrapper .social-links ul li a:hover{
    bottom: 2px;
}
/* COPYRIGHT */

/* SEARCH RESULTS */
.search-results-wrapper{
    max-width: 960px;
    margin: 0 auto;
}
.search-result-item article{
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    padding-bottom: 30px
}
.search-result-item article .post-thumbnail{
    margin-bottom: 0;
}
.search-result-item .product-attribute{
    font-size: 13px;
    color: var(--color-black-hovered);
    margin-bottom: 20px;
}
.search-result-item .dealer-details{
    margin-bottom: 20px;
}
.search-result-item .dealer-details ul{
    margin: 0;
    padding: 0;
}
.search-result-item .dealer-details ul li{
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 30px;
    word-break: break-all;
}
.search-result-item .dealer-details ul li .icon-map{
    position: absolute;
    top: 6px;
    left: 0;
}
.search-result-item .dealer-details ul li a{
    color: var(--color-black2);
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
    .search-result-item article .post-thumbnail{
        margin-bottom: 20px;
    }
}
/* SEARCH RESULTS */

/* HOME */
.home .site-content{
    font-weight: 300;
}
.home-features-functions-wrapper{
	position: relative;
	margin: 0 -15px;
	font-size: 0;
}
.home-features-functions-wrapper .ff-item{
	display: inline-block;
	width: calc( 100% / 3 );
	margin: 0;
	padding: 0 15px 30px;
	vertical-align: top;
	cursor: pointer;
}
.home-features-functions-wrapper .ff-item .inner{
	height: 100%;
	padding: 25px;
	border: 1px solid #D2D5DA;
	border-radius: 8px;
	background-color: #FFF;
	cursor: pointer;
}
.home-features-functions-wrapper .ff-item .inner.active,
.home-features-functions-wrapper .ff-item .inner:hover{
	background-color: #FAFAFA;
}
.home-features-functions-wrapper .ff-item .ff-name{
	font-weight: 500;
	font-size: 26px;
	color: var(--color-black2);
}
.home-features-functions-wrapper .ff-item .main-image{
	margin-bottom: 15px;
}
.home-features-functions-wrapper .ff-item .btn-falcon{
	color: var(--color-link);
	font-size: 16px;
}
.home-features-functions-wrapper .ff-item .inner:hover .btn-falcon-link::after{
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.home-features-functions-wrapper .ff-item .ff-name{
		display: block;
		margin-bottom: 10px;
		font-size: 17px;
		line-height: 24px;
	}
}


.home-recipes-wrapper{
	position: relative;
	height: 0;
	margin: 0 -10px 20px;
	padding-top: calc( 50% + 10px );
	font-size: 0;
}
.home-recipes-wrapper .block-recipe{
	position: absolute;
	display: inline-block;
	padding: 0;
}
.home-recipes-wrapper .block-recipe.block-recipe-1{
	top: 0;
	left: 0;
	width: 50%;
}
.home-recipes-wrapper .block-recipe.block-recipe-2{
	top: 0;
	left: 50%;
	width: 50%;
}
.home-recipes-wrapper .block-recipe.block-recipe-3{
	top: 50%;
	left: 50%;
	width: 25%;
}
.home-recipes-wrapper .block-recipe.block-recipe-4{
	top: 50%;
	left: 75%;
	width: 25%;
}
.home-recipes-wrapper .block-recipe.block-recipe-1 .outer,
.home-recipes-wrapper .block-recipe.block-recipe-3 .outer,
.home-recipes-wrapper .block-recipe.block-recipe-4 .outer{
	padding-top: 100%;
}
.home-recipes-wrapper .block-recipe.block-recipe-2 .outer{
	padding-top: 50%;
}
.home-recipes-wrapper .block-recipe .outer .wrapper{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
}
.home-recipes-wrapper .block-recipe .outer .wrapper a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-decoration: none;
}
.home-recipes-wrapper .block-recipe .outer .wrapper a::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,.6) 95%);
	opacity: 1;
	z-index: 0;
	transition: 300ms all ease-in-out;
	-o-transition: 300ms all ease-in-out;
	-ms-transition: 300ms all ease-in-out;
	-moz-transition: 300ms all ease-in-out;
	-webkit-transition: 300ms all ease-in-out;
}
.home-recipes-wrapper .block-recipe .outer .wrapper a:hover::before{
	opacity: .5;
}
.home-recipes-wrapper .block-recipe .inner{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 10px 15px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-white);
	z-index: 1;
}
.home-recipes-wrapper .block-recipe .inner .list-categories{
	display: block;
	margin-bottom: 8px;
}
.home-recipes-wrapper .block-recipe .inner .list-categories span{
	display: inline-block;
	margin-right: 5px;
	font-weight: 500;
	font-size: 26px;
	line-height: 32px;
}

@media only screen and (max-width: 767px) {
	.home-recipes-wrapper{
		height: auto;
		margin: 0 -5px 10px;
		padding-top: 0;
	}
	.home-recipes-wrapper .block-recipe{
		display: none!important;
	}

	.home-recipes-wrapper .block-recipe-mobile{
		display: inline-block;
		width: 50%;
		padding: 5px;
	}
	.home-recipes-wrapper .block-recipe-mobile a{
		position: relative;
		display: block;
	}
	.home-recipes-wrapper .block-recipe-mobile a img{
		z-index: 0;
	}
	.home-recipes-wrapper .block-recipe-mobile a::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,.6) 95%);
		opacity: 1;
		z-index: 0;
		transition: 300ms all ease-in-out;
		-o-transition: 300ms all ease-in-out;
		-ms-transition: 300ms all ease-in-out;
		-moz-transition: 300ms all ease-in-out;
		-webkit-transition: 300ms all ease-in-out;
	}
	.home-recipes-wrapper .block-recipe-mobile a:hover::before{
		opacity: .5;
	}
	.home-recipes-wrapper .block-recipe-mobile a .inner{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 5px 10px;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		color: var(--color-white);
		z-index: 1;
	}
	.home-recipes-wrapper .block-recipe-mobile a .inner .list-categories{
		display: block;
		font-weight: 500;
		font-size: 17px;
		line-height: 24px;
	}
	.home-recipes-wrapper .block-recipe-mobile a .inner .list-categories span{
		display: inline-block;
		margin-right: 4px;
	}
}
/* HOME */

/* BROCHURES */
.brochures-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.brochures-wrapper .brochure-item{
    width: calc( 100% / 4 - 30px );
    margin: 0 15px 30px;
}
.brochures-wrapper .brochure-item .brochure-cover{
    display: block;
    margin-bottom: 10px;
    background-color: var(--color-black);
    border: solid 1px #707070;
}
.brochures-wrapper .brochure-item .brochure-cover img{
    width: 100%;
    height: auto;
    transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    -ms-transition: 300ms all ease-in-out;
    -moz-transition: 300ms all ease-in-out;
    -webkit-transition: 300ms all ease-in-out;
}
.brochures-wrapper .brochure-item:hover .brochure-cover img{
    opacity: .85;
}
.brochures-wrapper .brochure-item .brochure-name{
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-black2);
    text-decoration: none;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brochures-wrapper{
        margin: 0 -10px;
    }
    .brochures-wrapper .brochure-item{
        width: calc( 100% / 3 - 20px );
        margin: 0 10px 30px;
    }
}
@media only screen and (max-width: 767px) {
    .brochures-wrapper{
        margin: 0 -5px;
    }
    .brochures-wrapper .brochure-item{
        width: calc( 100% / 2 - 10px );
        margin: 0 5px 20px;
    }
}
/* BROCHURES */

/* FREE HOME DELIVERY */
.form-home-delivery{
    max-width: 300px;
    margin: 0 auto 30px;
}
.home-delivery-results-wrapper{
    margin-bottom: 3rem;
}
.home-delivery-results-wrapper .result-item{
    padding: 10px 0;
}
.home-delivery-results-wrapper .result-item .postcode{
    border-right: solid 1px #DDD;
}
.home-delivery-results-wrapper .result-item .postcode,
.home-delivery-results-wrapper .result-item .details{
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
}
.home-delivery-results-wrapper .result-item .postcode small{
    display: block;
    font-weight: 300;
    font-size: 11px;
    line-height: 18px;
}
.home-delivery-results-wrapper .result-item .details small{
    display: block;
    margin: 0 -5px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
}
.home-delivery-results-wrapper .result-item .details small span{
    display: inline-block;
    padding: 0 5px;
}
/* FREE HOME DELIVERY */

/* FIND SERVICE AGENT */
.page-dealers{
    padding: 0 30px;
}
.page-dealers .form-postcode{
    max-width: 300px;
    margin: 0 auto 40px;
}

@media only screen and (max-width: 767px) {
    .page-dealers{
        padding: 0;
    }
}
/* FIND SERVICE AGENT */

/* MAPS LOCATOR */
.map-wrapper{
    position: relative;
}
.list-agents{
    height: 800px;
    background-color: #FAFAFA;
}
.list-agents .list-header{
    padding: 35px 40px 20px;
    font-weight: 400;
    color: var(--color-black2);
}
.list-agents .list-header .list-title{
    font-size: 32px;
    line-height: 1.2;
}
.list-agents .list-header .text-near{
    font-weight: 300;
    font-size: 18px;
}
.list-agents .list-body{
    max-height: calc( 100% - 128px );
    padding: 0 40px;
    overflow-x: auto;
}
.list-agents .map__list-item{
    position: relative;
    display: block;
    padding: 30px 0 30px 30px;
    border-bottom: solid 1px #DDD;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-black2);
}
.list-agents .map__list-item:last-child{
    border-bottom: none;
}
.list-agents .map__list-item .map__list-count{
    position: absolute;
    top: 30px;
    left: 0;
    width: 30px;
    height: auto;
    font-weight: 900;
    font-size: 18px;
    line-height: 24px;
    color: #8BC75A;
}
.list-agents .map__list-item .map__list-name{
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}
.list-agents .map__list-details{
    margin-bottom: 20px;
}
.list-agents .map__list-details ul{
    margin: 0;
    padding: 0;
}
.list-agents .map__list-details ul li{
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 30px;
    word-break: break-all;
}
.list-agents .map__list-details ul li .icon-map{
    position: absolute;
    top: 2px;
    left: 0;
}
.list-agents .map__list-details ul li a{
    color: var(--color-black2);
    text-decoration: none;
}
.list-agents .no-result{
    margin-top: 30px;
    font-size: 14px;
    color: #888;
}
.google-map-wrapper{
    height: 800px;
}

@media only screen and (max-width: 767px) {
    .map-wrapper > .col-md-8{
        position: initial;
    }
    .google-map-wrapper{
        position: absolute!important;
        top: 0;
        left: 0;
        width: 100%;
        height: 300px;
    }
    .list-agents{
        position: relative;
        top: 320px;
        margin-bottom: 300px;
        height: auto;
    }
    .list-agents .list-header{
        padding: 30px 20px 10px;
    }
    .list-agents .list-header .list-title{
        font-size: 20px;
        line-height: 1.4;
    }
    .list-agents .list-header .text-near{
        font-size: 14px;
    }
    .list-agents .list-body{
        max-height: none;
        padding: 0 20px;
    }
    .list-agents .map__list-item .map__list-count{
        top: 20px;
    }
    .list-agents .map__list-item{
        padding: 20px 0 20px 30px;
        font-size: 12px;
    }
    .list-agents .map__list-item .map__list-name{
        font-size: 14px;
    }
    .list-agents .map__list-details ul li{
        padding: 3px 0 3px 30px;
    }
}
/* MAPS LOCATOR */

/* PROMOTIONS */
.promotion-item{
    margin-bottom: 50px;
}
.promotion-item:last-child{
    margin-bottom: 0;
}
.promotion-item .promotion-cover{
    border: solid 1px var(--color-black);
}
.promotion-item .promotion-name{
    margin: 20px 0 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}
.promotion-item .promotion-details{
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .promotion-item{
        font-size: 14px;
    }
    .promotion-item .promotion-name{
        font-size: 17px;
        line-height: 24px;
    }
}

.page-promotion-details .promotion-inner{
    max-width: 960px;
    margin: 0 auto;
}
.page-promotion-details .promotion-cover{
    text-align: center;
}
.page-promotion-details .promotion-cover img{
    margin-bottom: 20px;
    border: solid 1px var(--color-black);
}
.page-promotion-details .promotion-details{
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .page-promotion-details .promotion-details{
        font-size: 14px;
    }
}
/* PROMOTIONS */

/* ARTICLES */
.featured-article-wrapper .block-article{
    position: relative;
    min-height: 180px;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 16px;
}
.featured-article-wrapper .block-article:last-child{
    margin-bottom: 0;
}
.featured-article-wrapper .block-article .article-cover a{
    display: block;
    width: 180px;
    height: 180px;
    background-image: url('../images/falcon-placeholder@2x.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.featured-article-wrapper .block-article .article-title{
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    color: var(--color-black2);
    text-decoration: none;
}
.featured-article-wrapper .block-article .article-cover{
    position: absolute;
    top: 0;
    left: 0;
}
.featured-article-wrapper .block-article .article-details{
    padding-left: 200px;
}
.featured-article-wrapper .block-article.big{
    height: 100%;
}
.featured-article-wrapper .block-article.big .article-cover{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}
.featured-article-wrapper .block-article.big .article-cover a{
    position: relative;
    width: 100%;
    height: 100%;
    /* height: 0; */
    /* padding-top: 100%; */
}
.featured-article-wrapper .block-article.big .article-cover a::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.65) 65%, rgba(0,0,0,.85) 100%);
}
.featured-article-wrapper .block-article.big .article-details{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 20px 20px;
    color: var(--color-white);
}
.featured-article-wrapper .block-article.big .article-title{
    font-weight: 400;
    font-size: 26px;
    color: var(--color-white);
}
.article-listing-wrapper .block-article{
    position: relative;
    margin-bottom: 30px;
    border: solid 1px #D2D5DA;
    border-radius: 8px;
    overflow: hidden;
}
.article-listing-wrapper .block-article .article-cover a{
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66.67%;
    background-image: url('../images/falcon-placeholder@2x.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-size: 0;
}
.article-listing-wrapper .block-article .article-details{
    padding: 24px 20px 100px 20px;
    font-weight: 300;
    font-size: 16px;
}
.article-listing-wrapper .block-article .article-details .article-title{
    display: block;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--color-black2);
    text-decoration: none;
}
.article-listing-wrapper .block-article .article-info{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 0 20px 20px 70px;
}
.article-listing-wrapper .block-article .article-info .author-avatar{
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 100%;
    border: solid 1px #DDD;
}
.article-listing-wrapper .block-article .article-info .article-author{
    display: block;
    font-weight: 400;
    font-size: 14px;
}
.article-listing-wrapper .block-article .article-info .article-date{
    display: block;
    font-size: 12px;
}

@media only screen and (max-width: 767px) {
    .featured-article-wrapper .block-article.big{
        height: 0;
        padding-top: 100%;
        margin-bottom: 20px;
    }
    .featured-article-wrapper .block-article{
        min-height: 120px;
        font-size: 12px;
        line-height: 18px;
    }
    .featured-article-wrapper .block-article.big .article-cover{
        position: absolute;
    }
    .featured-article-wrapper .block-article.big .article-title{
        font-size: 17px;
        line-height: 24px;
    }
    .featured-article-wrapper .block-article .article-cover a{
        width: 110px;
        height: 110px;
    }
    .featured-article-wrapper .block-article .article-details{
        padding-left: 125px;
    }
    .featured-article-wrapper .block-article .article-title{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .article-listing-wrapper > .row{
        margin-left: -5px;
        margin-right: -5px;
    }
    .article-listing-wrapper > .row > .col-6{
        padding-left: 5px;
        padding-right: 5px;
    }
    .article-listing-wrapper .block-article .article-cover a{
        padding-top: 80%;
    }
    .article-listing-wrapper .block-article .article-details{
        padding: 12px 12px 60px 12px;
        font-size: 12px;
        line-height: 18px;
    }
    .article-listing-wrapper .block-article .article-details .article-title{
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 18px;
    }
    .article-listing-wrapper .block-article .article-info{
        padding: 0 12px 12px 48px;
    }
    .article-listing-wrapper .block-article .article-info .author-avatar{
        left: 10px;
        width: 32px;
        height: 32px;
    }
    .article-listing-wrapper .block-article .article-info .article-author{
        font-size: 12px;
    }
    .article-listing-wrapper .block-article .article-info .article-date{
        font-size: 10px;
    }
}
/* ARTICLES */

/* ARTICLE DETAILS */
.page-article-details .article-inner{
    margin: 0 30px 50px;
    padding: 70px 0;
    background-color: #FAFAFA;
    border-radius: 10px;
}
.article-inner .article-info{
    position: relative;
    display: inline-block;
    margin-left: auto;
    padding: 0 20px 20px 70px;
    text-align: left;
}
.article-inner .article-info .author-avatar{
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 100%;
    border: solid 1px #DDD;
}
.article-inner .article-info .article-author{
    display: block;
    font-weight: 400;
    font-size: 14px;
}
.article-inner .article-info .article-date{
    display: block;
    font-size: 12px;
}
.other-articles-listing .list-articles{
    position: relative;
    margin: 0 -15px;
    font-size: 0;
}
.other-articles-listing .block-article-wrapper{
    display: inline-block;
    width: 33.3333%;
    margin-bottom: 30px;
    padding: 0 15px;
    vertical-align: top;
}
.other-articles-listing .block-article{
    position: relative;
    border: solid 1px #D2D5DA;
    border-radius: 8px;
    overflow: hidden;
}
.other-articles-listing .block-article .article-cover a{
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66.67%;
    background-image: url('../images/falcon-placeholder@2x.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-size: 0;
}
.other-articles-listing .block-article .article-details{
    padding: 24px 20px 100px 20px;
    font-weight: 300;
    font-size: 16px;
}
.other-articles-listing .block-article .article-details .article-title{
    display: block;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--color-black2);
    text-decoration: none;
}
.other-articles-listing .block-article .article-info{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 0 20px 20px 70px;
}
.other-articles-listing .block-article .article-info .author-avatar{
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 100%;
    border: solid 1px #DDD;
}
.other-articles-listing .block-article .article-info .article-author{
    display: block;
    font-weight: 400;
    font-size: 14px;
}
.other-articles-listing .block-article .article-info .article-date{
    display: block;
    font-size: 12px;
}

@media only screen and (max-width: 767px) {
    .page-article-details .article-inner{
        margin: 0 15px;
        padding: 30px 0;
    }
    .article-inner .article-info{
        display: block;
        margin-top: 10px;
        padding: 0 20px 20px 48px;
    }
    .article-inner .article-info .author-avatar{
        left: 0;
    }
    .other-articles-listing .list-articles{
        margin: 0 -5px;
    }
    .other-articles-listing .block-article-wrapper{
        width: 50%;
        padding: 0 5px;
    }
    .other-articles-listing .block-article .article-cover a{
        padding-top: 80%;
    }
    .other-articles-listing .block-article .article-details{
        padding: 12px 12px 60px 12px;
    }
    .other-articles-listing .block-article .article-details .article-title{
        font-size: 12px;
        line-height: 18px;
    }
    .other-articles-listing .block-article .article-details{
        font-size: 12px;
        line-height: 18px;
    }
    .other-articles-listing .block-article .article-info{
        padding: 0 12px 12px 48px;
    }
    .other-articles-listing .block-article .article-info .author-avatar{
        left: 10px;
        width: 32px;
        height: 32px;
    }
    .other-articles-listing .block-article .article-info .article-author{
        font-size: 12px;
    }
    .other-articles-listing .block-article .article-info .article-date{
        font-size: 10px;
    }
}
/* ARTICLE DETAILS */

/* RECIPES */
.recipe-listing-wrapper > .row{
    margin-left: -5px;
    margin-right: -5px;
}
.recipe-listing-wrapper > .row > [class*="col-"]{
    padding-left: 5px;
    padding-right: 5px;
}

/* FEATURES & FUNCTIONS */
.ff-listing-wrapper .block-ff,
.page-ff-details .block-ff{
    margin-bottom: 30px;
    padding: 24px 28px;
    border: solid 1px #D2D5DA;
    border-radius: 8px;
    font-size: 16px;
}
.ff-listing-wrapper .block-ff .ff-title a,
.page-ff-details .block-ff .ff-title a{
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    color: var(--color-black2);
}
.ff-listing-wrapper .block-ff .ff-cover a,
.page-ff-details .block-ff .ff-cover a{
    display: block;
    width: 100%;
    height: 0;
    margin-bottom: 20px;
    padding-top: 66.67%;
    background-image: url('../images/falcon-placeholder@2x.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ff-listing-wrapper .block-ff .ff-desc,
.page-ff-details .block-ff .ff-desc{
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}
.page-ff-details .ff-details .ff-title{
    margin-bottom: 24px;
}
.page-ff-details .footnote{
    margin-top: 10px;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
}
.page-ff-details .ff-top-wrapper,
.page-ff-details .product-listing{
    margin-bottom: 50px;
}
.page-ff-details .ff-details{
    padding-right: 40px;
}
.page-ff-details .ff-image{
    padding-left: 40px;
}
.page-ff-details .ff-details .list-category{
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}
.page-ff-details .ff-details .list-category li{
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-black2);
}
.page-ff-details .list-ffs{
    margin: 0 -15px;
    font-size: 0;
}
.page-ff-details .list-ffs .block-wrapper-ff{
    display: inline-block;
    width: 33.3333%;
    padding: 0 15px;
    vertical-align: top;
}

@media only screen and (max-width: 767px) {
    .page-ff-details .ff-details{
        padding-right: 0;
    }
    .page-ff-details .ff-image{
        padding-left: 0;
    }

    .list-products .product-block{
        width: 50%;
    }
}
/* FEATURES & FUNCTIONS */

/* PRODUCT LISTING */
.list-products-wrapper{
    margin-bottom: 50px;
}
.product-listing h2{
    max-width: 720px;
}
.list-products{
    margin: 0 -5px;
    font-size: 0;
}
.list-products .product-block{
    display: inline-block;
    width: 20%;
    padding: 0 5px 10px;
    vertical-align: top;
}
.list-products .product-block .inner{
    position: relative;
    display: block;
    padding: 15px;
    border: solid 1px #D2D5DA;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-black2);
    overflow: hidden;
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
}
.list-products .product-block .inner:hover,
.list-products .product-block .inner:focus{
    border-color: var(--color-black-hovered);
}
.list-products .product-block .inner .product-image{
    display: block;
    margin: 0 auto 10px;
}
.list-products .product-block .inner .details{
    position: relative;
    display: block;
    background-color: var(--color-white);
    z-index: 1;
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
}
.list-products .product-block .inner .product-sku{
    display: block;
    font-weight: 400;
    font-size: 14px;
}
.list-products .product-block .inner .product-name{
    display: block;
}
.list-products .product-block .inner .product-available-size{
    display: block;
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-black2);
}
.list-products .product-block .inner .btn-compare{
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    width: 100%;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    z-index: 10;
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
}
.list-products .product-block .inner .btn-compare .icon-compare{
    transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    -ms-transition: 300ms all ease-in-out;
    -moz-transition: 300ms all ease-in-out;
    -webkit-transition: 300ms all ease-in-out;
}
.list-products .product-block .inner .btn-compare:hover .icon-compare{
    transform: rotate(180deg);
}
.list-products .product-block .inner.comparable:hover .details{
    margin-top: -25px;
    padding-bottom: 25px;
}
.list-products .product-block .inner.comparable:hover .btn-compare{
    margin-top: -40px;
}

@media only screen and (max-width: 767px) {
    .list-products .product-block{
        width: 50%;
    }
}
/* PRODUCT LISTING */

/* COOKING DEMONSTRATIONS */
.demonstrations-wrapper .demonstration-no-events{
    padding: 50px 30px;
    background-color: #FAFAFA;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-black-hovered);
    text-align: center;
}
.demonstrations-wrapper .demonstration-item{
    margin-bottom: 50px;
}
.demonstrations-wrapper .demonstration-item:last-child{
    margin-bottom: 0;
}
.demonstration-item .fc-calendar{
    max-width: 140px;
    margin: 0 auto;
    padding-top: 30px;
    background-color: #767676;
    border-radius: 10px;
    overflow: hidden;
}
.demonstration-item .fc-cal-details{
    padding: 12px 15px;
    background-color: #F0EEE4;
    color: var(--color-black2);
    text-align: center;
}
.demonstration-item .fc-cal-details .fc-cal-month{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.demonstration-item .fc-cal-details .fc-cal-day{
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
}
.demonstration-item .fc-cal-details .fc-cal-year{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.demonstration-item .fc-event-details{
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-black2);
}
.demonstration-item .fc-event-details .fc-event-location{
    font-weight: 400;
}
.demonstration-item .fc-event-details .fc-event-title{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}
.demonstration-item .fc-event-details .fc-event-time{
    margin: 15px 0;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .demonstrations-wrapper .demonstration-no-events .fa-circle-info{
        display: block;
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 36px;
    }
    .demonstration-item .fc-calendar{
        padding-top: 20px;
    }
    .demonstration-item .fc-cal-details{
        padding: 8px 10px;
    }
    .demonstration-item .fc-cal-details .fc-cal-month,
    .demonstration-item .fc-cal-details .fc-cal-year{
        font-size: 10px;
        line-height: 16px;
    }
    .demonstration-item .fc-cal-details .fc-cal-day{
        font-size: 30px;
        line-height: 32px;
    }
    .demonstration-item .fc-event-details{
        margin-left: -15px;
        font-size: 14px;
        line-height: 20px;
    }
    .demonstration-item .fc-event-details .fc-event-title{
        font-size: 18px;
        line-height: 28px;
    }
}

/* CONTACT US */
.form-contact{
    background-color: #FAFAFA;
    padding: 40px 80px;
    border-radius: var(--fl-border-radius);
}

@media only screen and (max-width: 767px) {
    .form-contact{
        padding: 30px 20px;
    }
    .form-contact button[type="submit"]{
        display: block;
        width: 100%;
    }
}
/* CONTACT US */

/* PRODUCT DETAILS */
/* PRODUCT DETAILS - WC-TABS */
.product .woocommerce-tabs.wc-tabs-wrapper{
    margin-bottom: 50px;
    padding-bottom: 0;
}
/* PRODUCT DETAILS - WC-TABS */

/* PRODUCT DETAILS - PAGE NOTE */
.product .product-page-note-wrapper{
    margin-bottom: 50px;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
}
/* PRODUCT DETAILS - PAGE NOTE */


/* PRODUCT DETAILS - RATING & REVIEWS */
.product-rating-wrapper{
    position: relative;
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.product-rating-wrapper .product-rating{
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.product-rating-wrapper.loading .product-rating::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #EEE;
    z-index: 9;
}
.product-rating-wrapper.loading .product-rating::after{
    content: "";
    position: absolute;
    left: -100px;
    top: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, transparent 0%, #CCC 50%, transparent 100%);
    z-index: 10;
    animation-name: blockLoading;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.product-rating-wrapper .rating-count{
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    text-decoration: underline;
    color: var(--color-black2);
}
.product-reviews-wrapper{
    padding: 0 0 50px;
}
.product-reviews-wrapper .list-reviews .item-review{
    margin-bottom: 30px;
    color: var(--color-black2);
}
.product-reviews-wrapper .list-reviews .item-review .left{
    position: relative;
    padding-right: 40px;
}
.product-reviews-wrapper .list-reviews .item-review .left::after{
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    width: 1px;
    height: 100%;
    background-color: #CCC;
}
.product-reviews-wrapper .list-reviews .item-review .review-author{
    font-weight: 500;
    font-size: 16px;
}
.product-reviews-wrapper .list-reviews .item-review .review-date{
    font-weight: 300;
    font-size: 11px;
}
.product-reviews-wrapper .list-reviews .item-review .product-id{
    margin: 10px 0;
    font-weight: 400;
    font-size: 12px;
    color: #888;
}
.product-reviews-wrapper .list-reviews .item-review .review-title{
    font-weight: 500;
    font-size: 16px;
}
.product-reviews-wrapper .list-reviews .item-review .review-rating{
    margin-bottom: 10px;
    font-size: 14px;
}
.product-reviews-wrapper .list-reviews .item-review .review-text{
    font-weight: 300;
    font-size: 14px;
}
.product-reviews-wrapper .list-reviews .item-review .review-text + .review-date{
    margin-top: 10px;
}
.product-reviews-wrapper .load-more-reviews-wrapper{
    margin-top: 30px;
    text-align: center;
}
.product-reviews-wrapper .total-reviews{
    margin-top: 20px;
    font-size: 13px;
    color: var(--color-black2);
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .product-reviews-wrapper .list-reviews .item-review{
        margin-bottom: 40px;
    }
    .product-reviews-wrapper .list-reviews .item-review .left{
        padding-right: 15px;
    }
    .product-reviews-wrapper .list-reviews .item-review .left::after{
        display: none;
    }
    .product-reviews-wrapper .list-reviews .item-review .review-author{
        margin-bottom: 5px;
    }
    .product-reviews-wrapper .list-reviews .item-review .product-id{
        display: none;
    }
    .product-reviews-wrapper .list-reviews .item-review .review-title{
        margin-bottom: 5px;
        font-size: 14px;
    }
}

/* INSPIRATION GALLERY */
.fc-instagram #sb_instagram{
    width: auto;
    margin: -10px -20px 0;
}
.fc-instagram #sb_instagram #sbi_load .sbi_load_btn,
.fc-instagram #sb_instagram #sbi_load .sbi_follow_btn a{
    position: relative;
    display: inline-block;
    padding: 13px 25px;
    background-color: var(--color-black);
    border: solid 1px var(--color-black);
    border-radius: var(--fl-border-radius);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-white);
    text-align: center;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
}
.fc-instagram #sb_instagram #sbi_load .sbi_load_btn:hover,
.fc-instagram #sb_instagram #sbi_load .sbi_load_btn:active,
.fc-instagram #sb_instagram #sbi_load .sbi_follow_btn a:hover,
.fc-instagram #sb_instagram #sbi_load .sbi_follow_btn a:active{
    background-color: var(--color-white)!important;
    color: var(--color-black)!important;
    box-shadow: none!important;
}

@media only screen and (max-width: 767px) {
    .fc-instagram #sb_instagram.sbi_width_resp{
        width: auto!important;
        margin: 0 -10px;
    }
    .fc-instagram #sb_instagram #sbi_images{
        padding: 5px!important;
    }

    .fc-instagram #sb_instagram #sbi_load .sbi_load_btn,
    .fc-instagram #sb_instagram #sbi_load .sbi_follow_btn a{
        padding: 9px 20px;
        font-size: 12px;
        line-height: 20px;
    }
}

/* POPUP - COMPARE */
.popup-compare{
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 250px;
    background: var(--color-white);
    /* border: solid 1px var(--color-black2); */
    border-radius: 8px;
    box-shadow: 0px 4px 24px -6px var(--color-black2);
    overflow: hidden;
    z-index: 999;
}
.popup-compare .head{
    position: relative;
    padding: 10px 10px;
    border-bottom: solid 1px #DDD;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}
.popup-compare .head .num{
    font-weight: 400;
    font-size: 14px;
}
.popup-compare .head .btn-hide,
.popup-compare .head .btn-close{
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    color: var(--color-black2);
    text-decoration: none;
    vertical-align: middle;
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
    outline: none!important;
}
.popup-compare .head .btn-hide{
    right: 34px;
}
.popup-compare .head .btn-close{
    right: 10px;
}
.popup-compare .head .btn-hide:hover,
.popup-compare .head .btn-close:hover{
    background-color: #E2E2E2;
}
.popup-compare .body{
    padding: 0 10px;
}
.popup-compare .body .product-row{
    position: relative;
    min-height: 60px;
    padding: 5px 10px 5px 60px;
    border-bottom: solid 1px #DDD;
}
.popup-compare .body .product-row:last-child{
    border-bottom: none;
}
.popup-compare .body .product-row .btn-remove{
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, .75);
    font-size: 16px;
    line-height: 50px;
    color: #DD0000;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    transform: translateY(-50%);
    transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -ms-transition: 200ms all ease-in-out;
    -moz-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
}
.popup-compare .body .product-row:hover .btn-remove{
    visibility: visible;
    opacity: 1;
}
.popup-compare .body .product-row .product-image{
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
}
.popup-compare .body .product-row .product-name{
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: var(--color-black2);
}
.popup-compare .body .product-row .product-size{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
.popup-compare .foot{
    border-top: solid 1px #DDD;
}
.popup-compare .foot .btn-compare{
    display: block;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-black2);
    text-align: center;
    text-decoration: none;
}
.popup-compare .foot .btn-compare:hover{
    background-color: #F2F2F2;
}

.popup-compare.collapse .head .btn-hide{
    transform: rotate(180deg);
}
.popup-compare.collapse .body,
.popup-compare.collapse .foot{
    display: none;
}