@font-face {
font-family: 'Untitled Sans Black';
src: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Black.woff2) format("woff2"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Black.woff) format("woff"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Black.ttf) format("truetype"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Black.svg#UntitledSans-Black) format("svg");
font-weight: 900;
font-style: normal
}
@font-face {
font-family: 'Untitled Sans Bold';
src: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Bold.woff2) format("woff2"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Bold.woff) format("woff"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Bold.ttf) format("truetype"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Bold.svg#UntitledSans-Bold) format("svg");
font-weight: bold;
font-style: normal
}
@font-face {
font-family: 'Untitled Sans Medium';
src: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Medium.woff2) format("woff2"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Medium.woff) format("woff"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Medium.ttf) format("truetype"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSans-Medium.svg#UntitledSans-Medium) format("svg");
font-weight: 500;
font-style: normal
}
@font-face {
font-family: 'Untitled Sans Light';
src: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSansTest-Light.woff2) format("woff2"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSansTest-Light.woff) format("woff"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSansTest-Light.ttf) format("truetype"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/UntitledSansTest-Light.svg#UntitledSansTest-Light) format("svg");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: 'NeuePlak SemiBold';
src: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-SemiBold.woff2) format("woff2"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-SemiBold.woff) format("woff"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-SemiBold.ttf) format("truetype"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-SemiBold.svg#NeuePlak-SemiBold) format("svg");
font-weight: 600;
font-style: normal
}
@font-face {
font-family: 'Neue Plak Light';
src: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Light.woff2) format("woff2"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Light.woff) format("woff"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Light.ttf) format("truetype"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Light.svg#NeuePlak-Light) format("svg");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: 'Neue Plak Thin';
src: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Thin.woff2) format("woff2"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Thin.woff) format("woff"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Thin.ttf) format("truetype"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Thin.svg#NeuePlak-Thin) format("svg");
font-weight: 100;
font-style: normal
}
@font-face {
font-family: 'Neue Plak Bold';
src: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Bold.woff2) format("woff2"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Bold.woff) format("woff"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Bold.ttf) format("truetype"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/NeuePlak-Bold.svg#NeuePlak-Bold) format("svg");
font-weight: bold;
font-style: normal
}
@font-face {
font-family: 'Neue Plak regular';
src: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/Neue_Plak_Regular.eot), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/Neue_Plak_Regular.woff) format("woff"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/Neue_Plak_Regular.ttf) format("truetype"), url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/fonts/Neue_Plak_Regular.svg) format("svg");
font-weight: normal;
font-style: normal
}
.f-s-10, .pd-box__mini-size, .pd-special__item, .footer__bottom__copyright, .footer__sub-menu, .shop .shop-ct .paging__btn, #produc-dt .woocommerce-breadcrumb, #produc-dt .pd-popup__main__des, #produc-dt .pd-popup__upsell__des {
font-size: 10px;
line-height: 13px
}
.f-s-12, .afterpay-text, .before-header, .header .location__des, .header .location__menu__title, .header .location .loca-menu, .footer .footer-menu__item, .footer .footer-menu li, .shop .side-bar__item, #produc-dt .main-dt__des, #produc-dt .features__des, #produc-dt .speti__item__des, #produc-dt .upsell__des, #produc-dt .pd-cr .pd-cr-item__comment, #produc-dt .pd-popup__upsell__btn, #cart .main__dt .title, #cart .main__dt #subtotal, #cart .main__dt #total, #cart .main__dt #shipping_method, #cart .main__dt .afterpay-notice, #cart .main__dt .notice, #cart .cart-item__btn, #cart .extra-pd__price, #cart .deli-info__des, #checkout .main__checkout-form__shipping-form #ship-to-different-address, #checkout .main__submit-bar__text, #checkout .user .lost_password, #checkout .review__total, #checkout .review__total p>span:first-child, #checkout .review__total .title, #checkout .review__pd-item, .faq .sec-ct--box--des, #contact .main__text__des, #contact .main__form input, #contact .main__form select, #contact .main__form textarea, #contact .loca-sec__store__link, .commerical .intro__des, .bed-select .intro__des, .commerical .form-sec__text p *, .bed-select .form-sec__text p *, .commerical .form-sec select, .commerical .form-sec input, .commerical .form-sec textarea, .bed-select .form-sec select, .bed-select .form-sec input, .bed-select .form-sec textarea {
font-family: 'Neue Plak regular', sans-serif;
font-size: 14px;
line-height: 16px
}
.f-s-14, .button, .customer-rv__link, .gift-popup__yes, .gift-popup .frm_button_submit, #home .banner__item__link, #home .intro__small__link, #home .intro__big__link, #home .cat__link, .shop .shop-ct .paging__view-all__btn, .shop .other-cat__link, #produc-dt .main-dt button.button.single_add_to_cart_button, #checkout .user__tab-btn, #checkout .user .submit button, #checkout .user .submit input[type=submit], #contact .main__form .frm_button_submit, .commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit, .pd-box__price, .pd-box__link, .benefits__text, .pd-mini-box__text, .banner-step__step__item, .banner-step__ctn-shop, .customer-rv__name, .customer-rv__address, .gift-popup__no, .gift-popup input, .header__main-menu, .header .location, .header .location__title, .header .about-us, .header .location-r, .header .bed-select, .header .about-us li, .header .location-r li, .header .bed-select li, .header__contact, .header__cart, .header__search-ctn__input, .footer__select-store select, .footer .footer-menu__title, .footer__address, .footer__time__text, #about-size .bed__ctn__beds__item__infor__size, #about-size .size__ctn__items__item__text__kind, .shop .banner__des, .shop .shop-ct .filter-bar__title, .shop .shop-ct .filter-bar__main__text, .shop .shop-ct .filter-bar__main__mask, .shop .shop-ct .filter-bar__sort, .shop .side-bar__title, #produc-dt .main-dt .pd-special__item, #produc-dt .main-dt .onsale, #produc-dt .main-dt__cat, #produc-dt .main-dt__guide, #produc-dt .main-dt__sl-item select, #produc-dt .main-dt__qty__text, #produc-dt .speti__item__title, #produc-dt .pd-cr__left-col__total-star, #produc-dt .pd-cr .pd-cr-chart__title, #produc-dt .pd-cr .pd-cr-item__left-col, #produc-dt .pd-cr .pd-cr-item__title, #produc-dt .pd-popup__main__price, #produc-dt .pd-popup__upsell__price, #cart .main__dt .button, #cart .main__dt .customer-rv__link, #cart .main__dt .gift-popup__yes, #cart .main__dt .gift-popup .frm_button_submit, .gift-popup #cart .main__dt .frm_button_submit, #cart .main__dt #home .banner__item__link, #home #cart .main__dt .banner__item__link, #cart .main__dt #home .intro__small__link, #home #cart .main__dt .intro__small__link, #cart .main__dt #home .intro__big__link, #home #cart .main__dt .intro__big__link, #cart .main__dt #home .cat__link, #home #cart .main__dt .cat__link, #cart .main__dt .shop .shop-ct .paging__view-all__btn, .shop .shop-ct #cart .main__dt .paging__view-all__btn, #cart .main__dt .shop .other-cat__link, .shop #cart .main__dt .other-cat__link, #cart .main__dt #produc-dt .main-dt button.button.single_add_to_cart_button, #produc-dt .main-dt #cart .main__dt button.button.single_add_to_cart_button, #cart .main__dt #checkout .user__tab-btn, #checkout #cart .main__dt .user__tab-btn, #cart .main__dt #checkout .user .submit button, #checkout .user .submit #cart .main__dt button, #cart .main__dt #checkout .user .submit input[type=submit], #checkout .user .submit #cart .main__dt input[type=submit], #cart .main__dt #contact .main__form .frm_button_submit, #contact .main__form #cart .main__dt .frm_button_submit, #cart .main__dt .commerical .form-sec .frm_button_submit, .commerical .form-sec #cart .main__dt .frm_button_submit, #cart .main__dt .bed-select .form-sec .frm_button_submit, .bed-select .form-sec #cart .main__dt .frm_button_submit, #cart .cart-item__cat, #cart .cart-item__text, #cart .extra-pd__name, #checkout .main input, #checkout .main #order_comments_field, #checkout .checkout_coupon__title, #checkout .checkout_coupon .submit-mask button, #checkout .payment_method_stripe label, #checkout .user .f-item input, #checkout .user .f-item label, #checkout .form-wrapper, .custom-made .rl-product__title, .faq .title .searchBar input, .faq .sec-ct--box .h5-title, #contact .loca-sec__store__name span, #contact .loca-sec__store__address, #contact .loca-sec__store__phone, .commerical .banner__subtitle, .bed-select .banner__subtitle {
font-size: 14px;
line-height: 16px
}
.f-s-16, .pd-mini-box__name, .customer-rv__subtitle, .gift-popup .thank, .gift-popup .subtitle, #home .best-sell__subtitle, #home .intro__subtitle, #home .intro__small__des, #home .intro__big__des, #home .cat__subtitle, .shop .banner__subtitle, .shop .other-cat__subtitle, #produc-dt .main-dt__qty input, #produc-dt .pd-popup__main__name, #produc-dt .pd-popup__upsell__name, #cart .cart-item__price, #cart .extra-pd__link {
font-size: 16px;
line-height: 20px
}
.f-s-18, .customer-rv__comment, #about-size .size__ctn__items__item__text__icon, #produc-dt .pd-popup__main__title, #produc-dt .pd-popup__upsell__title, .commerical .bed-build__des, .bed-select .bed-build__des, .commerical .slider-sec__des, .bed-select .slider-sec__des {
font-size: 18px;
line-height: 25px
}
.f-s-20, .pd-box__name, .gift-popup .des, #home .banner__item__subtitle, #about-size .size__ctn__title, #about-size .small-title, .shop .other-cat__title, #produc-dt .features__title, #produc-dt .upsell__subtitle, #produc-dt .upsell__name, #produc-dt .pd-cr__title, #produc-dt .pd-cr__left-col__rv, #produc-dt .rl-pd__title, #cart .main__ct__title, #cart .main__dt__title, #cart .cart-item__name, #cart .extra-pd__title, #cart .deli-info__title, #checkout .main__title, #checkout .main .billing-title, #checkout .main #order_review_heading, #checkout .user__title, .faq .sec-ct .h4-title, #contact .main__text__title, #contact .loca-sec__store__name, .commerical .banner__des, .bed-select .banner__des, .commerical .intro__title, .bed-select .intro__title, .commerical .slider-sec__title, .bed-select .slider-sec__title, .commerical .form-sec__text__name, .bed-select .form-sec__text__name {
font-size: 20px;
line-height: 30px
}
.f-s-25, .customer-rv__title, #home .best-sell__title, #home .intro__title, #home .cat__name, .shop .banner__title, .shop .other-cat__name, .commerical .bed-build__title, .bed-select .bed-build__title {
font-size: 25px;
line-height: 30px
}
.f-s-30, #home .intro__small__title, #home .intro__big__title, #about-size .bed__ctn__title, #produc-dt .main-dt__title, #produc-dt .main-dt__price, #produc-dt .main-dt__price h4, .faq .title--h1, #contact .main__title, #contact .loca-sec__title, .commerical .form-sec__title, .bed-select .form-sec__title {
font-size: 30px
}
.f-s-40, #home .banner__item__title, .commerical .banner__title, .bed-select .banner__title, .commerical .form-sec .frm_message, .bed-select .form-sec .frm_message {
font-size: 40px;
line-height: 55px
}
.f-s-50, .gift-popup .title, .gift-popup .frm_message {
font-size: 50px;
line-height: 60px
}
@media (max-width: 767px) {
.f-s-16, .pd-mini-box__name, .customer-rv__subtitle, .gift-popup .thank, .gift-popup .subtitle, #home .best-sell__subtitle, #home .intro__subtitle, #home .intro__small__des, #home .intro__big__des, #home .cat__subtitle, .shop .banner__subtitle, .shop .other-cat__subtitle, #produc-dt .main-dt__qty input, #produc-dt .pd-popup__main__name, #produc-dt .pd-popup__upsell__name, #cart .cart-item__price, #cart .extra-pd__link {
font-size: 14px;
line-height: 20px
}
.f-s-25, .customer-rv__title, #home .best-sell__title, #home .intro__title, #home .cat__name, .shop .banner__title, .shop .other-cat__name, .commerical .bed-build__title, .bed-select .bed-build__title {
font-size: 20px;
line-height: 25px
}
.f-s-20, .pd-box__name, .gift-popup .des, #home .banner__item__subtitle, #about-size .size__ctn__title, #about-size .small-title, .shop .other-cat__title, #produc-dt .features__title, #produc-dt .upsell__subtitle, #produc-dt .upsell__name, #produc-dt .pd-cr__title, #produc-dt .pd-cr__left-col__rv, #produc-dt .rl-pd__title, #cart .main__ct__title, #cart .main__dt__title, #cart .cart-item__name, #cart .extra-pd__title, #cart .deli-info__title, #checkout .main__title, #checkout .main .billing-title, #checkout .main #order_review_heading, #checkout .user__title, .faq .sec-ct .h4-title, #contact .main__text__title, #contact .loca-sec__store__name, .commerical .banner__des, .bed-select .banner__des, .commerical .intro__title, .bed-select .intro__title, .commerical .slider-sec__title, .bed-select .slider-sec__title, .commerical .form-sec__text__name, .bed-select .form-sec__text__name {
font-size: 14px;
line-height: 1.88
}
.f-s-30, #home .intro__small__title, #home .intro__big__title, #about-size .bed__ctn__title, #produc-dt .main-dt__title, #produc-dt .main-dt__price, #produc-dt .main-dt__price h4, .faq .title--h1, #contact .main__title, #contact .loca-sec__title, .commerical .form-sec__title, .bed-select .form-sec__title {
font-size: 26px;
line-height: 1.46
}
.f-s-40, #home .banner__item__title, .commerical .banner__title, .bed-select .banner__title, .commerical .form-sec .frm_message, .bed-select .form-sec .frm_message {
font-size: 26px;
line-height: 35px
}
.f-s-50, .gift-popup .title, .gift-popup .frm_message {
font-size: 30px;
line-height: 40px
}
}
.f-w-300, .pd-box__price, .gift-popup .subtitle, .footer__bottom__copyright, .footer__sub-menu, #home .banner__item__title, #about-size .bed__ctn__title, .blog-detail--content__post .post__title, .our-story .banner__header .story__title, .store__header__title, .custom-made .banner__content__title, .faq .title--h1, #contact .main__title, #contact .loca-sec__title, .commerical .banner__title, .bed-select .banner__title, .commerical .form-sec__title, .bed-select .form-sec__title {
font-weight: 300
}
.f-w-400, .blogs--article__title a, .blogs--article__date, .footer__select-store select, #about-size .bed__ctn__beds__item__infor__size, #about-size .about__ctn--content__text, .shop .banner__subtitle, .shop .banner__des, .shop .shop-ct .filter-bar__sort__select, .shop .side-bar__item, #produc-dt .main-dt .onsale, .blogs .banner--slider__content h5, .blogs .banner--slider__content h4, .blogs .banner--slider__content a, .store__header__content .content__item.f-light {
font-weight: 400
}
.f-w-500, .shop .banner__title, .shop .shop-ct .filter-bar__title, .shop .shop-ct .filter-bar__main__text, .shop .shop-ct .filter-bar__sort__text {
font-weight: 500
}
.f-w-600, .pd-box__name, .pd-box__price__value, .pd-mini-box__text, .banner-step__step__item, .customer-rv__name, .customer-rv__address, .gift-popup .thank, .gift-popup .title, .gift-popup .frm_message, .header .location__menu__title, .header .about-us li, .header .location-r li, .header .bed-select li, .footer .footer-menu__title, .footer__time__title, #home .banner__item__link, #home .intro__big__title, #about-size .page-ct, .shop .side-bar__title, #produc-dt .main-dt__cat, #produc-dt .main-dt__qty__text, #produc-dt .features__title, #produc-dt .speti__item__title, #produc-dt .upsell__name, #produc-dt .pd-popup__main__name, #produc-dt .pd-popup__upsell__name, #cart .main__ct__title, #cart .main__dt__title, #cart .main__dt .title, #cart .cart-item__text, #cart .extra-pd__title, #cart .deli-info__title, #checkout .main__title, #checkout .main #order_comments_field label, #checkout .checkout_coupon__title, #checkout .payment_method_stripe label, #checkout .user__title, #checkout .user .f-item label, #checkout .user .lost_password, #checkout .review__total p>span:first-child, #checkout .review__total .title, #checkout .review__pd-item__name, #checkout .form-wrapper label, .blog-detail--content .text__title, .blog-detail--content__post .post__type, .our-story .banner__header .story__type, .our-story .main--about__content .content-title, .our-story .main--about__story .story__title, .our-story .main--about__product__article .article__title, .store__header__content, .store .map__title, .custom-made .banner__content__type, .custom-made .cm__container__contact .contact__direct, .custom-made .rl-product__title, .faq .sec-ct--box .h5-title, #contact .main__text__title, #contact .loca-sec__store__name, .commerical .banner__subtitle, .bed-select .banner__subtitle, .commerical .intro__title, .bed-select .intro__title, .commerical .slider-sec__title, .bed-select .slider-sec__title, .commerical .form-sec__text__name, .bed-select .form-sec__text__name {
font-weight: 600
}
.f-w-700, .button, .customer-rv__link, .gift-popup__yes, .gift-popup .frm_button_submit, #home .banner__item__link, #home .intro__small__link, #home .intro__big__link, #home .cat__link, .shop .shop-ct .paging__view-all__btn, .shop .other-cat__link, #produc-dt .main-dt button.button.single_add_to_cart_button, #checkout .user__tab-btn, #checkout .user .submit button, #checkout .user .submit input[type=submit], #contact .main__form .frm_button_submit, .commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit, .pd-box__link, .banner-step__ctn-shop, .blogs--article__link, .customer-rv__title, .before-header a, .header .location__title, .footer__bottom__copyright a, #home .best-sell__title, #home .intro__title, #home .intro__small__title, #home .cat__name, #about-size .about__ctn--content__link, .shop .shop-ct .filter-bar__main__mask, .shop .other-cat__title, .shop .other-cat__name, #produc-dt .main-dt__title, #produc-dt .main-dt__price, #produc-dt .main-dt__price h4, #produc-dt .upsell__subtitle, #produc-dt .pd-cr__title, #produc-dt .pd-cr__left-col__rv, #produc-dt .pd-cr .pd-cr-item__title, #produc-dt .rl-pd__title, #produc-dt .pd-popup__main__title, #produc-dt .pd-popup__main__price, #produc-dt .pd-popup__upsell__title, #produc-dt .pd-popup__upsell__price, #produc-dt .pd-popup__upsell__btn, #cart .main__dt #subtotal, #cart .main__dt #total, #cart .cart-item__name, #cart .cart-item__price, #cart .extra-pd__name, #cart .extra-pd__price, #cart .extra-pd__link, #cart .deli-info__des .is-bold, .blogs__main--header h3, .blogs__main--header .list-categories button, #checkout .main .billing-title, #checkout .main #order_review_heading, #checkout .checkout_coupon .submit-mask button, #checkout .review__total p>span:last-child, #checkout .review__pd-item__price, .blog-detail--related__header h3, .blog-detail--related__header a, .store__banner__title, .custom-made .cm__container__contact .contact--link, .faq .title .searchBar input, .faq .title .searchBar input ::-webkit-input-placeholder, .faq .sec-ct .h4-title, #contact .loca-sec__store__link, .commerical .bed-build__title, .bed-select .bed-build__title {
font-weight: 700
}
.f-w-700, .button, .customer-rv__link, .gift-popup__yes, .gift-popup .frm_button_submit, #home .banner__item__link, #home .intro__small__link, #home .intro__big__link, #home .cat__link, .shop .shop-ct .paging__view-all__btn, .shop .other-cat__link, #produc-dt .main-dt button.button.single_add_to_cart_button, #checkout .user__tab-btn, #checkout .user .submit button, #checkout .user .submit input[type=submit], #contact .main__form .frm_button_submit, .commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit, .pd-box__link, .banner-step__ctn-shop, .blogs--article__link, .customer-rv__title, .before-header a, .header .location__title, .footer__bottom__copyright a, #home .best-sell__title, #home .intro__title, #home .intro__small__title, #home .cat__name, #about-size .about__ctn--content__link, .shop .shop-ct .filter-bar__main__mask, .shop .other-cat__title, .shop .other-cat__name, #produc-dt .main-dt__title, #produc-dt .main-dt__price, #produc-dt .main-dt__price h4, #produc-dt .upsell__subtitle, #produc-dt .pd-cr__title, #produc-dt .pd-cr__left-col__rv, #produc-dt .pd-cr .pd-cr-item__title, #produc-dt .rl-pd__title, #produc-dt .pd-popup__main__title, #produc-dt .pd-popup__main__price, #produc-dt .pd-popup__upsell__title, #produc-dt .pd-popup__upsell__price, #produc-dt .pd-popup__upsell__btn, #cart .main__dt #subtotal, #cart .main__dt #total, #cart .cart-item__name, #cart .cart-item__price, #cart .extra-pd__name, #cart .extra-pd__price, #cart .extra-pd__link, #cart .deli-info__des .is-bold, .blogs__main--header h3, .blogs__main--header .list-categories button, #checkout .main .billing-title, #checkout .main #order_review_heading, #checkout .checkout_coupon .submit-mask button, #checkout .review__total p>span:last-child, #checkout .review__pd-item__price, .blog-detail--related__header h3, .blog-detail--related__header a, .store__banner__title, .custom-made .cm__container__contact .contact--link, .faq .title .searchBar input, .faq .title .searchBar input :-ms-input-placeholder, .faq .sec-ct .h4-title, #contact .loca-sec__store__link, .commerical .bed-build__title, .bed-select .bed-build__title {
font-weight: 700
}
.f-w-700, .button, .customer-rv__link, .gift-popup__yes, .gift-popup .frm_button_submit, #home .banner__item__link, #home .intro__small__link, #home .intro__big__link, #home .cat__link, .shop .shop-ct .paging__view-all__btn, .shop .other-cat__link, #produc-dt .main-dt button.button.single_add_to_cart_button, #checkout .user__tab-btn, #checkout .user .submit button, #checkout .user .submit input[type=submit], #contact .main__form .frm_button_submit, .commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit, .pd-box__link, .banner-step__ctn-shop, .blogs--article__link, .customer-rv__title, .before-header a, .header .location__title, .footer__bottom__copyright a, #home .best-sell__title, #home .intro__title, #home .intro__small__title, #home .cat__name, #about-size .about__ctn--content__link, .shop .shop-ct .filter-bar__main__mask, .shop .other-cat__title, .shop .other-cat__name, #produc-dt .main-dt__title, #produc-dt .main-dt__price, #produc-dt .main-dt__price h4, #produc-dt .upsell__subtitle, #produc-dt .pd-cr__title, #produc-dt .pd-cr__left-col__rv, #produc-dt .pd-cr .pd-cr-item__title, #produc-dt .rl-pd__title, #produc-dt .pd-popup__main__title, #produc-dt .pd-popup__main__price, #produc-dt .pd-popup__upsell__title, #produc-dt .pd-popup__upsell__price, #produc-dt .pd-popup__upsell__btn, #cart .main__dt #subtotal, #cart .main__dt #total, #cart .cart-item__name, #cart .cart-item__price, #cart .extra-pd__name, #cart .extra-pd__price, #cart .extra-pd__link, #cart .deli-info__des .is-bold, .blogs__main--header h3, .blogs__main--header .list-categories button, #checkout .main .billing-title, #checkout .main #order_review_heading, #checkout .checkout_coupon .submit-mask button, #checkout .review__total p>span:last-child, #checkout .review__pd-item__price, .blog-detail--related__header h3, .blog-detail--related__header a, .store__banner__title, .custom-made .cm__container__contact .contact--link, .faq .title .searchBar input, .faq .title .searchBar input ::-ms-input-placeholder, .faq .sec-ct .h4-title, #contact .loca-sec__store__link, .commerical .bed-build__title, .bed-select .bed-build__title {
font-weight: 700
}
.f-w-700, .button, .customer-rv__link, .gift-popup__yes, .gift-popup .frm_button_submit, #home .banner__item__link, #home .intro__small__link, #home .intro__big__link, #home .cat__link, .shop .shop-ct .paging__view-all__btn, .shop .other-cat__link, #produc-dt .main-dt button.button.single_add_to_cart_button, #checkout .user__tab-btn, #checkout .user .submit button, #checkout .user .submit input[type=submit], #contact .main__form .frm_button_submit, .commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit, .pd-box__link, .banner-step__ctn-shop, .blogs--article__link, .customer-rv__title, .before-header a, .header .location__title, .footer__bottom__copyright a, #home .best-sell__title, #home .intro__title, #home .intro__small__title, #home .cat__name, #about-size .about__ctn--content__link, .shop .shop-ct .filter-bar__main__mask, .shop .other-cat__title, .shop .other-cat__name, #produc-dt .main-dt__title, #produc-dt .main-dt__price, #produc-dt .main-dt__price h4, #produc-dt .upsell__subtitle, #produc-dt .pd-cr__title, #produc-dt .pd-cr__left-col__rv, #produc-dt .pd-cr .pd-cr-item__title, #produc-dt .rl-pd__title, #produc-dt .pd-popup__main__title, #produc-dt .pd-popup__main__price, #produc-dt .pd-popup__upsell__title, #produc-dt .pd-popup__upsell__price, #produc-dt .pd-popup__upsell__btn, #cart .main__dt #subtotal, #cart .main__dt #total, #cart .cart-item__name, #cart .cart-item__price, #cart .extra-pd__name, #cart .extra-pd__price, #cart .extra-pd__link, #cart .deli-info__des .is-bold, .blogs__main--header h3, .blogs__main--header .list-categories button, #checkout .main .billing-title, #checkout .main #order_review_heading, #checkout .checkout_coupon .submit-mask button, #checkout .review__total p>span:last-child, #checkout .review__pd-item__price, .blog-detail--related__header h3, .blog-detail--related__header a, .store__banner__title, .custom-made .cm__container__contact .contact--link, .faq .title .searchBar input, .faq .title .searchBar input ::placeholder, .faq .sec-ct .h4-title, #contact .loca-sec__store__link, .commerical .bed-build__title, .bed-select .bed-build__title {
font-weight: 700
}
.f-w-800 {
font-weight: 800
}
.f-w-800 {
font-weight: 800
}
.f-w-900 {
font-weight: 900
}
.color-w {
color: #fff
}
.color-b {
color: #000
}
*:disabled {
opacity: .5
}
.error {
border-color: #ed1b34 !important;
color: #ed1b34 !important
}
.blur>*:not(.loadding-btn) {
-webkit-filter: blur(3px);
filter: blur(3px)
}
.upper, .button, .customer-rv__link, .gift-popup__yes, .gift-popup .frm_button_submit, #home .banner__item__link, #home .intro__small__link, #home .intro__big__link, #home .cat__link, .shop .shop-ct .paging__view-all__btn, .shop .other-cat__link, #produc-dt .main-dt button.button.single_add_to_cart_button, #checkout .user__tab-btn, #checkout .user .submit button, #checkout .user .submit input[type=submit], #contact .main__form .frm_button_submit, .commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit, .pd-box__link, #home .intro__head, #home .intro__small__title, .shop .shop-ct .filter-bar__main__mask, .shop .other-cat__title, .shop .other-cat__name, .shop .other-cat__subtitle, #produc-dt .upsell__subtitle, #produc-dt .pd-cr__left-col__rv, #produc-dt .pd-cr .pd-cr-item__title, #produc-dt .rl-pd__title, .commerical .banner__subtitle, .bed-select .banner__subtitle {
text-transform: uppercase
}
.hide {
opacity: 0;
visibility: hidden;
-webkit-transition: .5s ease;
transition: .5s ease
}
.no-event {
pointer-events: none
}
body {
overflow-x: hidden;
min-height: 100vh;
color: #1b375c;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #efefef), color-stop(86%, #1b375c));
background-image: linear-gradient(to bottom, #efefef 30%, #1b375c 86%);
font-family: "Neue Plak regular", sans-serif;
font-weight: 400;
font-size: 16px
}
body.over-hidden {
overflow: hidden
}
#page {
overflow: hidden
}
ul {
padding: 0;
margin: 0;
list-style: none
}
body a {
color: inherit;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease
}
body a:hover {
text-decoration: none;
color: #ed1b34
}
*:last-child:not(.have-to-margin) {
margin-bottom: 0 !important
}
div:focus, button:focus, input:focus, textarea:focus, select:focus {
outline: none !important
}
img {
max-width: 100%;
max-height: 100%
}
select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-down.svg);
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 16px 16px
}
select:focus {
background-image: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-up.svg)
}
img {
max-width: 100%;
max-height: 100%
}
figure {
margin-bottom: 0
}
.container {
padding: 0 23px;
max-width: 100%
}
@media (max-width: 575px) {
.container {
padding: 0 10px
}
}
.full-container {
margin: 0 20px;
background-color: #fff
}
::-webkit-scrollbar {
width: 3px;
height: 3px
}
::-webkit-scrollbar-track {
background: transparent
}
::-webkit-scrollbar-thumb {
background: #1b375c
}
::-webkit-scrollbar-thumb:hover {
background: #1b375c
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
.banner-under {
margin-top: -126px
}
.banner-under figure::after {
content: '';
background-blend-mode: multiply;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(238, 238, 238, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(238, 238, 238, 0));
width: 100%;
height: 200px;
max-height: 100%;
position: absolute;
left: 0;
top: 0
}
.hover-scale {
overflow: hidden
}
.hover-scale img {
-webkit-transition: 1.5s ease;
transition: 1.5s ease
}
.hover-scale:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.slick-dots li {
padding: 0 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.slick-dots li.slick-active button {
background-color: #ed1b34
}
.slick-dots button {
-webkit-transition: .2s;
transition: .2s;
font-size: 0;
width: 9px;
height: 8px;
padding: 0;
border: none;
background-color: #dbe7f6
}
.slick-arrow {
width: 17px;
height: 12px;
position: absolute;
margin: 0;
padding: 0;
border: none;
background-color: transparent;
font-size: 0;
z-index: 10;
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/arrow-pre.svg) no-repeat center center
}
.slick-next {
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/arrow-next.svg) no-repeat center center
}
.button, .customer-rv__link, .gift-popup__yes, .gift-popup .frm_button_submit, #home .banner__item__link, #home .intro__small__link, #home .intro__big__link, #home .cat__link, .shop .shop-ct .paging__view-all__btn, .shop .other-cat__link, #produc-dt .main-dt button.button.single_add_to_cart_button, #checkout .user__tab-btn, #checkout .user .submit button, #checkout .user .submit input[type=submit], #contact .main__form .frm_button_submit, .commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit {
padding: 0 15px;
margin: 0;
font-family: "Neue Plak Bold", sans-serif;
text-align: center;
min-width: 156px;
background-color: transparent;
border: 1px solid transparent;
height: 44px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: .3s ease;
transition: .3s ease;
letter-spacing: 1.27px;
cursor: pointer;
padding-bottom: 2px
}
.button--red, .customer-rv__link, .gift-popup__yes, .gift-popup .frm_button_submit, #home .banner__item__link, #home .intro__small__link, #home .intro__big__link, #home .cat__link, .shop .shop-ct .paging__view-all__btn, .shop .other-cat__link, #produc-dt .main-dt button.single_add_to_cart_button.customer-rv__link, #produc-dt .main-dt button.single_add_to_cart_button.gift-popup__yes, #produc-dt .main-dt .gift-popup button.single_add_to_cart_button.frm_button_submit, .gift-popup #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit, #produc-dt .main-dt #home button.single_add_to_cart_button.banner__item__link, #home #produc-dt .main-dt button.single_add_to_cart_button.banner__item__link, #produc-dt .main-dt #home button.single_add_to_cart_button.intro__small__link, #home #produc-dt .main-dt button.single_add_to_cart_button.intro__small__link, #produc-dt .main-dt #home button.single_add_to_cart_button.intro__big__link, #home #produc-dt .main-dt button.single_add_to_cart_button.intro__big__link, #produc-dt .main-dt #home button.single_add_to_cart_button.cat__link, #home #produc-dt .main-dt button.single_add_to_cart_button.cat__link, #produc-dt .main-dt .shop .shop-ct button.single_add_to_cart_button.paging__view-all__btn, .shop .shop-ct #produc-dt .main-dt button.single_add_to_cart_button.paging__view-all__btn, #produc-dt .main-dt .shop button.single_add_to_cart_button.other-cat__link, .shop #produc-dt .main-dt button.single_add_to_cart_button.other-cat__link, #produc-dt .main-dt button.single_add_to_cart_button.button, #produc-dt .main-dt #checkout button.single_add_to_cart_button.user__tab-btn, #checkout #produc-dt .main-dt button.single_add_to_cart_button.user__tab-btn, #produc-dt .main-dt #checkout .user .submit button.single_add_to_cart_button, #checkout .user .submit #produc-dt .main-dt button.single_add_to_cart_button, #produc-dt .main-dt #contact .main__form button.single_add_to_cart_button.frm_button_submit, #contact .main__form #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit, #produc-dt .main-dt .commerical .form-sec button.single_add_to_cart_button.frm_button_submit, .commerical .form-sec #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit, #produc-dt .main-dt .bed-select .form-sec button.single_add_to_cart_button.frm_button_submit, .bed-select .form-sec #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit, #checkout .user .submit button, #checkout .user .submit input[type=submit], #contact .main__form .frm_button_submit, .commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit {
border: 1px solid #ed1b34 !important;
background-color: #ed1b34 !important;
color: #fff !important
}
.button--red:hover, .customer-rv__link:hover, .gift-popup__yes:hover, .gift-popup .frm_button_submit:hover, #home .banner__item__link:hover, #home .intro__small__link:hover, #home .intro__big__link:hover, #home .cat__link:hover, .shop .shop-ct .paging__view-all__btn:hover, .shop .other-cat__link:hover, #produc-dt .main-dt button.single_add_to_cart_button.customer-rv__link:hover, #produc-dt .main-dt button.single_add_to_cart_button.gift-popup__yes:hover, #produc-dt .main-dt .gift-popup button.single_add_to_cart_button.frm_button_submit:hover, .gift-popup #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit:hover, #produc-dt .main-dt #home button.single_add_to_cart_button.banner__item__link:hover, #home #produc-dt .main-dt button.single_add_to_cart_button.banner__item__link:hover, #produc-dt .main-dt #home button.single_add_to_cart_button.intro__small__link:hover, #home #produc-dt .main-dt button.single_add_to_cart_button.intro__small__link:hover, #produc-dt .main-dt #home button.single_add_to_cart_button.intro__big__link:hover, #home #produc-dt .main-dt button.single_add_to_cart_button.intro__big__link:hover, #produc-dt .main-dt #home button.single_add_to_cart_button.cat__link:hover, #home #produc-dt .main-dt button.single_add_to_cart_button.cat__link:hover, #produc-dt .main-dt .shop .shop-ct button.single_add_to_cart_button.paging__view-all__btn:hover, .shop .shop-ct #produc-dt .main-dt button.single_add_to_cart_button.paging__view-all__btn:hover, #produc-dt .main-dt .shop button.single_add_to_cart_button.other-cat__link:hover, .shop #produc-dt .main-dt button.single_add_to_cart_button.other-cat__link:hover, #produc-dt .main-dt button.single_add_to_cart_button.button:hover, #produc-dt .main-dt #checkout button.single_add_to_cart_button.user__tab-btn:hover, #checkout #produc-dt .main-dt button.single_add_to_cart_button.user__tab-btn:hover, #produc-dt .main-dt #contact .main__form button.single_add_to_cart_button.frm_button_submit:hover, #contact .main__form #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit:hover, #produc-dt .main-dt .commerical .form-sec button.single_add_to_cart_button.frm_button_submit:hover, .commerical .form-sec #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit:hover, #produc-dt .main-dt .bed-select .form-sec button.single_add_to_cart_button.frm_button_submit:hover, .bed-select .form-sec #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit:hover, #checkout .user .submit button:hover, #checkout .user .submit input[type=submit]:hover, #contact .main__form .frm_button_submit:hover, .commerical .form-sec .frm_button_submit:hover, .bed-select .form-sec .frm_button_submit:hover {
background-color: #fff !important;
color: #ed1b34 !important
}
.button--gray {
background-color: #e3e3e3 !important;
color: #fff !important
}
.button--gray:hover {
color: #1b375c !important
}
.button--white, #checkout .user__tab-btn {
background-color: transparent !important;
border: solid 1px #b6b6b6;
color: #1b375c !important
}
.button--white:hover, #checkout .user__tab-btn:hover, .button--white.active, #checkout .active.user__tab-btn {
color: #fff !important;
background-color: #1b375c !important;
border-color: #1b375c !important
}
.button--loading {
position: relative
}
.button--loading::after {
content: '';
border: 3px solid #fff;
border-bottom-color: transparent;
width: 20px;
height: 20px;
-webkit-transform-origin: translate(-50%, -50%);
transform-origin: translate(-50%, -50%);
-webkit-animation: rotate360Center 1s linear infinite;
animation: rotate360Center 1s linear infinite;
position: absolute;
left: 50%;
top: 50%;
z-index: 10;
border-radius: 50%;
opacity: 0;
-webkit-transition: inherit;
transition: inherit
}
.button--loading::before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
left: 0;
top: 0;
background-color: inherit;
z-index: 5;
opacity: 0;
-webkit-transition: inherit;
transition: inherit
}
.button--loading.in-loading::after, .button--loading.in-loading::before {
opacity: 1
}
.play-button, #produc-dt .main-dt__gal-item[data-type=video] {
position: relative
}
.play-button:after, #produc-dt .main-dt__gal-item[data-type=video]:after {
position: absolute;
z-index: 10;
content: '';
width: 0;
height: 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 25px solid #ed1b34;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@-webkit-keyframes rotate360Center {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
@keyframes rotate360Center {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
body .site main [data-aos="fade-up"] {
-webkit-transition: 0.4s, -webkit-transform 1.5s cubic-bezier(0, 0.89, 0, 1);
transition: 0.4s, -webkit-transform 1.5s cubic-bezier(0, 0.89, 0, 1);
transition: 0.4s, transform 1.5s cubic-bezier(0, 0.89, 0, 1);
transition: 0.4s, transform 1.5s cubic-bezier(0, 0.89, 0, 1), -webkit-transform 1.5s cubic-bezier(0, 0.89, 0, 1)
}
.pd-box {
position: relative
}
.pd-box__head {
display: block;
width: 100%;
background-color: #f9f9f9; }
.pd-box__head:hover {
color: #1b375c
}
.pd-box__feature {
display: none;  color: #fff;
background-color: #284d7d;
padding: 14px 10px;
text-align: center;
pointer-events: none;
position: relative;
z-index: 99;
} .pd-box__mini-size {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; color: #1b375c;
min-height: 43px;
padding: .5rem 1rem;
background-color: #f9f9f9;
}
.pd-box__mini-size__text {
margin-right: 12px
}
.pd-box__mini-size__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.pd-box__mini-size__item {
width: 27px;
height: 27px;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
margin-right: 12px
}
.pd-box__image {
height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.zoomImg {
background-color: #f9f9f9;
}
.embed-responsive-8by5::before {
padding-top: 62.5%;
}
.pd-box__image__img {
width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.pd-box__text {
padding: .5rem 0;
}
.pd-box__name {
margin-bottom: .5rem;
font-family: "NeuePlak SemiBold", sans-serif
}
.pd-box__price {
margin-bottom: 1.25rem;
letter-spacing: 0.35px;
font-family: "Neue Plak regular", sans-serif
}
.pd-box__price__value {
font-family: "Neue Plak Bold", sans-serif
}
.pd-box__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: "Neue Plak Bold", sans-serif;
color: #ed1b34
}
.pd-box__add-wish {
border: none;
background-color: transparent;
padding: 0;
margin: 0;
color: #1b375c;
font-size: 16px
}
@media (max-width: 1439px) {
.pd-box__mini-size__text {
display: none
}
}
@media (max-width: 767px) {
.pd-box__feature { font-size: 12px;
line-height: 15px; }
.pd-box__image {
margin-bottom: 0
} .pd-box__text {
padding: 0;
padding-top: 20px
}
.pd-box__name {
margin-bottom: 8px;
line-height: 20px;
}
.pd-box__price {
font-size: 12px;
line-height: 15px;
margin-bottom: 10px
}
.pd-box__add-wish {
display: none
}
.pd-box__mini-size {
display: none
} .pd-box__name {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
}
}
@media (max-width: 575px) {
.pd-box__image {
height: 100px
}
.pd-box__price .pd-box__price__value {
display: block;
}
}
.pd-special {
width: 100%;
min-height: 120px;
padding: 0 1.5rem;
background-color: #f9f9f9;
}
.pd-special__item {
max-width: 100px;
text-align: center
}
.pd-special__image {
width: 42px;
height: 42px;
margin: auto;
margin-bottom: 8px;
}
.pd-special__image img { }
@media (max-width: 767px) {
.pd-special {
display: none
}
}
.benefits {
background-color: #fff;
padding: 25px 0 5px
}
.benefits__ctn {
margin: auto;
padding: 0 20px
}
.benefits__item {
margin-bottom: 20px
}
.benefits__image {
height: 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-bottom: 12px
}
.benefits__image__img {
width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 5px
}
.benefits__text {
text-align: center;
max-width: 160px;
margin: auto
}
@media (max-width: 991px) {
.benefits {
padding-bottom: 28px;
position: relative
}
.benefits__item {
margin-bottom: 10px
}
.benefits__ct {
margin: 0
}
.benefits .slick-dots {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.benefits .slick-arrow {
bottom: -3px;
left: 24px
}
.benefits .slick-arrow.slick-next {
right: 24px;
left: auto
}
}
@media (max-width: 767px) {
.benefits__image {
height: 35px;
margin-bottom: 20px
}
.benefits__text {
font-size: 12px;
line-height: 15px
}
}
.pd-mini-box {
padding: 0 10px;
padding-bottom: 5px
}
.pd-mini-box__ctn {
background-color: #ffff;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.pd-mini-box__image-wrap {
width: 50%
}
.pd-mini-box__image {
margin: 0;
position: relative;
padding-top: 64.37%
}
.pd-mini-box__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.pd-mini-box__text {
width: 50%;
padding: 20px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-family: "NeuePlak SemiBold", sans-serif
}
.pd-mini-box__name {
width: 100%
}
.pd-mini-box__price {
width: 100%;
-ms-flex-item-align: end;
align-self: flex-end;
text-align: right
}
.afterpay-text {
margin-bottom: 20px
}
.afterpay-text__link {
display: inline-block;
height: 20px;
padding-left: 20px
}
.banner-step {
width: 100%;
position: relative
}
.banner-step__image {
width: 100%;
padding-top: 18.75%;
position: relative;
min-height: 270px;
margin: 0
}
.banner-step__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100% !important
}
.banner-step__ctn {
position: absolute;
left: 0;
width: 100%;
bottom: 60px
}
.banner-step__ct {
padding: 0 83px 0 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.banner-step__step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.banner-step__step__item {
min-width: 172px;
padding: 15px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: solid 1px #ffffff;
background-color: transparent;
color: #fff;
font-family: "NeuePlak SemiBold", sans-serif
}
.banner-step__step__item.active {
color: #1b375c;
background-color: #fff
}
.banner-step__step__item:not(:last-child) {
margin-right: 46px
}
.banner-step__ctn-shop {
color: #fff;
font-family: "Neue Plak Bold", sans-serif
}
.blogs--article__image {
width: 100%;
padding-top: 63.77%;
position: relative;
margin-bottom: 26px
}
.blogs--article__image a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block
}
.blogs--article__image img {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100%
}
.blogs--article__title {
margin-bottom: 15px
}
.blogs--article__title a {
font-family: "Neue Plak regular", sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.5px;
color: #1b375c;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
.blogs--article__date {
color: #1b375c;
font-family: "Neue Plak regular", sans-serif;
font-size: 14px;
letter-spacing: 0.35px;
margin-bottom: 15px
}
.blogs--article__link {
font-family: "Neue Plak Bold", sans-serif;
color: #ed1b34;
font-size: 16px;
letter-spacing: 1.45px;
text-transform: uppercase
}
.expand-row {
position: relative;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
min-height: 70px
}
.expand-row__icon {
-webkit-transition: 0.2s ease-in;
transition: 0.2s ease-in
}
.expand-row .sub-row {
position: absolute;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: top center;
transform-origin: top center;
opacity: 0;
-webkit-transition: 0.2s ease-in;
transition: 0.2s ease-in;
pointer-events: none;
font-size: 13px;
padding: 10px 10px 30px
}
.expand-row.active .expand-row__icon {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.expand-row.active .sub-row {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
pointer-events: initial
}
.customer-rv {
background-color: #fff;
padding: 80px 0 48px;
text-align: center
}
.customer-rv__subtitle {
letter-spacing: 1.45px;
margin-bottom: 15px
}
.customer-rv__title {
margin-bottom: 55px;
font-family: "Neue Plak Bold", sans-serif;
letter-spacing: 2.27px
}
.customer-rv__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 30px
}
.customer-rv__item {
max-width: 320px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.customer-rv__item__head {
width: 100%;
margin-bottom: 33px
}
.customer-rv__item__foot {
width: 100%;
-ms-flex-item-align: end;
align-self: flex-end
}
.customer-rv__star {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px;
color: #ed1b34;
font-size: 19px;
line-height: 19px
}
.customer-rv__star__item {
padding: 0 3px
}
.customer-rv__name {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 5px;
color: #ed1b34
}
.customer-rv__address {
font-family: "NeuePlak SemiBold", sans-serif
}
.customer-rv__gg {
height: 90px
}
.customer-rv__gg__img {
height: inherit
}
.customer-rv__link {
height: 35px;
width: 100%;
max-width: 306px;
margin: auto;
margin-top: 27px
}
@media (max-width: 991px) {
.customer-rv__item {
padding: 0 10px
}
}
@media (max-width: 767px) {
.customer-rv {
padding: 28px 25px 8px
}
.customer-rv__ct {
display: block
}
.customer-rv .slick-dots {
margin-top: 38px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.customer-rv .slick-arrow {
bottom: -2px;
left: 0
}
.customer-rv .slick-next {
right: 0;
left: auto
}
.customer-rv__subtitle {
font-size: 12px;
line-height: 15px;
margin-bottom: 5px
}
.customer-rv__title {
font-size: 20px;
max-width: 215px;
margin: auto;
margin-bottom: 25px
}
.customer-rv__item {
max-width: initial;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
height: initial
}
.customer-rv__item__head {
margin-bottom: 25px
}
.customer-rv__star {
margin-bottom: 25px
}
.customer-rv__comment {
margin-bottom: 25px;
max-width: 250px;
margin: auto;
line-height: 20px;
font-size: 14px
}
.customer-rv .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.gift-popup {
background-color: #fff;
position: fixed;
z-index: 6000;
width: 100%;
height: 100vh;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s ease;
transition: .5s ease
}
.gift-popup.active {
opacity: 1;
visibility: visible
}
.gift-popup__ctn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%
}
.gift-popup__image {
width: 50%
}
.gift-popup__image__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.gift-popup__box {
width: 50%;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.gift-popup__close-btn {
line-height: 17px;
font-size: 25px;
position: absolute;
right: 30px;
top: 30px;
padding: 0;
margin: 0;
border: none;
background: transparent
}
.gift-popup__ct {
max-width: 360px
}
.gift-popup__logo {
height: 70px;
margin-bottom: 60px
}
.gift-popup__logo__img {
height: inherit
}
.gift-popup .intro-tab {
padding-top: 20px
}
.gift-popup .thank {
margin-top: 30px;
color: #ed1b34;
font-family: "NeuePlak SemiBold", sans-serif
}
.gift-popup .title, .gift-popup .frm_message {
margin-bottom: 15px;
font-family: "NeuePlak SemiBold", sans-serif;
text-align: center
}
.gift-popup .subtitle {
font-family: "Neue Plak Light", sans-serif;
color: #ed1b34
}
.gift-popup__text {
text-align: center
}
.gift-popup__text span {
display: block
}
.gift-popup__tab {
display: none
}
.gift-popup__tab.active {
display: block
}
.gift-popup__btn-gr {
margin-top: 90px;
text-align: center
}
.gift-popup__yes {
display: block;
margin: auto;
margin-bottom: 17px
}
.gift-popup__no {
text-decoration: underline;
margin: auto;
display: inline-block;
border: none;
background: transparent;
border: none
}
.gift-popup .form-tab .title {
margin-bottom: 25px
}
.gift-popup__form {
margin-top: 60px
}
.gift-popup .frm_fields_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.gift-popup .frm_form_field {
width: 100%;
margin-bottom: 13px;
position: relative
}
.gift-popup input {
width: 100%;
height: 35px;
border: solid 1px #979797;
padding: 0 16px
}
.gift-popup input::-webkit-input-placeholder {
color: #cbcbcb
}
.gift-popup input:-ms-input-placeholder {
color: #cbcbcb
}
.gift-popup input::-ms-input-placeholder {
color: #cbcbcb
}
.gift-popup input::placeholder {
color: #cbcbcb
}
.gift-popup .frm_submit {
padding-top: 3px;
width: 100%
}
.gift-popup .frm_button_submit {
width: 100%;
height: 35px
}
.gift-popup .frm_error {
position: absolute;
z-index: 1;
border: 1px solid #ed1b34;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
font-size: 0
}
.gift-popup .frm_error_style {
display: none !important
}
@media (max-width: 767px) {
.gift-popup__ctn {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.gift-popup__image, .gift-popup__box {
width: 100%;
height: 50%
}
.gift-popup__image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.gift-popup__ct {
max-height: 100%;
overflow: auto;
padding-right: 10px
}
.gift-popup__logo {
margin-bottom: 20px;
height: 40px;
text-align: center
}
.gift-popup__tab {
padding: 0 !important
}
.gift-popup__btn-gr, .gift-popup__form {
margin-top: 20px
}
.gift-popup__close-btn {
right: 5px;
top: 5px
}
}
.before-header {
text-align: center;
position: relative;
z-index: 50;
padding: 11px 0 12px;
color: #fff
}
.before-header a {
font-family: "Neue Plak Bold", sans-serif
}
.before-header.dark-text {
color: #1b375c
}
@media (max-width: 767px) {
.before-header {
overflow: hidden
}
@-webkit-keyframes text_run {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
49.8% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1
}
49.9% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
50.1% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50.2% {
opacity: 1;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes text_run {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
49.8% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1
}
49.9% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
50.1% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50.2% {
opacity: 1;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.before-header__text {
white-space: nowrap;
-webkit-animation: text_run 30s linear infinite;
animation: text_run 30s linear infinite
}
.before-header .container {
padding: 0
}
}
.header {
position: -webkit-sticky;
position: sticky;
z-index: 1000;
top: 0;
margin-bottom: 20px
}
.header__ctn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.header__ct {
background-color: #fff;
padding: 14px 25px 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: calc(100% - 130px)
}
.header__logo {
display: block;
height: 38px
}
.header__logo__img {
height: inherit !important
}
.header__cart {
width: 130px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.header__center {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.header__main-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #686868
}
.header__main-menu li {
margin-bottom: 13px;
width: 100%;
max-width: 25%
}
.header__main-menu__hover {
position: absolute
}
.header__main-menu__item {
padding: 0 15px
}
.header__main-menu__item:hover .menu-hover {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1;
visibility: visible
}
.header__main-menu__item:hover .main-menu-ct {
-webkit-box-shadow: 12px 18px 30px 0 rgba(161, 161, 161, 0.5);
box-shadow: 12px 18px 30px 0 rgba(161, 161, 161, 0.5)
}
.header__main-menu__ct {
padding: 24px 50px 29px;
background-color: #f8f9fa;
-webkit-transition: inherit;
transition: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.header__main-menu__thumb {
max-width: 389px;
width: 100%
}
.header__main-menu__image {
width: 100%;
padding-top: 43.6%;
position: relative
}
.header__main-menu__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.header__main-menu__menu {
width: 100%;
padding: 0 80px
}
.header__main-menu__child-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 90px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 2px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.header .menu-hover {
position: absolute;
width: 100%;
left: 0;
top: 40px;
padding-top: 25px;
-webkit-transform: translate(15px, 15px);
transform: translate(15px, 15px);
opacity: 0;
visibility: hidden;
-webkit-transition: .4s ease;
transition: .4s ease
}
.header .menu-hover:hover {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1;
visibility: visible
}
.header .location {
color: #686868;
padding: 0 15px
}
.header .location:hover {
color: #ed1b34
}
.header .location:hover>.loca-ct {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0);
transform: translate(0)
}
.header .location:hover>.loca-ct .location__wrap {
-webkit-box-shadow: 12px 18px 30px 0 rgba(161, 161, 161, 0.5);
box-shadow: 12px 18px 30px 0 rgba(161, 161, 161, 0.5)
}
.header .location span {
cursor: pointer
}
.header .location__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
background-color: #f8f9fa;
padding: 28px 0 45px 50px
}
.header .location__ct {
padding-top: 25px;
width: 100%;
position: absolute;
top: 40px;
color: #1b375c;
left: 0;
-webkit-transition: .4s ease;
transition: .4s ease;
-webkit-transform: translate(15px, 15px);
transform: translate(15px, 15px);
opacity: 0;
visibility: hidden;
-webkit-filter: blur(0.5);
filter: blur(0.5)
}
.header .location__intro {
max-width: 390px;
width: 100%
}
.header .location__image {
width: 100%;
margin-bottom: 20px
}
.header .location__image__img {
width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.header .location__title {
margin-bottom: 10px;
font-family: "Neue Plak Bold", sans-serif
}
.header .location__des {
line-height: 20px
}
.header .location__menu-list {
margin: 0;
padding: 0 15px 0 67px;
width: calc(100% - 390px)
}
.header .location__menu__title {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 15px
}
.header .location .loca-menu__item {
padding: 7px 0
}
.header .about-us, .header .location-r, .header .bed-select {
color: #686868;
padding: 0 15px;
cursor: pointer
}
.header .about-us:hover, .header .location-r:hover, .header .bed-select:hover {
color: #ed1b34
}
.header .about-us:hover .about-menu, .header .about-us:hover .location-menu, .header .location-r:hover .about-menu, .header .location-r:hover .location-menu, .header .bed-select:hover .about-menu, .header .bed-select:hover .location-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0);
transform: translate(0)
}
.header .about-us:hover ul, .header .location-r:hover ul, .header .bed-select:hover ul {
-webkit-box-shadow: 12px 18px 30px 0 rgba(161, 161, 161, 0.5);
box-shadow: 12px 18px 30px 0 rgba(161, 161, 161, 0.5)
}
.header .about-us li, .header .location-r li, .header .bed-select li {
padding: 10px 0;
font-family: "NeuePlak SemiBold", sans-serif;
color: #1b375c
}
.header .about-us__menu-wrap, .header .location-r__menu-wrap, .header .bed-select__menu-wrap {
position: absolute;
top: 40px;
-webkit-transition: .4s ease;
transition: .4s ease;
opacity: 0;
visibility: hidden;
padding-top: 25px;
-webkit-transform: translate(15px, 15px);
transform: translate(15px, 15px)
}
.header .about-us__menu, .header .location-r__menu, .header .bed-select__menu {
-webkit-transition: inherit;
transition: inherit;
padding: 25px 40px;
background-color: #fff;
margin-left: -40px;
width: inherit
}
.header .location-r__menu {
max-height: 50vh;
overflow: auto
}
.header__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header__contact {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 18px
}
.header__contact i {
color: #ed1b34;
font-size: 13px;
margin-right: 7px
}
.header__search-btn {
padding: 0;
margin: 0;
border: none;
background-color: transparent;
font-size: 13px;
margin-right: 14px;
width: 32px;
height: 32px;
border-radius: 50%;
-webkit-transition: .3s ease;
transition: .3s ease;
background-color: transparent
}
.header__search-btn.active {
background-color: #1b375c;
color: #fff
}
.header__cart {
background-color: #1b375c;
color: #fff
}
.header__cart i {
margin-right: 10px
}
.header__search-ctn {
position: absolute;
right: 0;
top: 65px;
z-index: 50;
background-color: #f8f9fa;
width: 100%;
max-width: 518px;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s ease;
transition: .5s ease;
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px)
}
.header__search-ctn.active {
-webkit-box-shadow: 5px 10px 10px 0 rgba(161, 161, 161, 0.5);
box-shadow: 5px 10px 10px 0 rgba(161, 161, 161, 0.5);
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1;
visibility: visible
}
.header__search-ctn__input {
width: 100%;
height: 64px;
border: none;
padding: 0 32px;
background-color: #f8f9fa
}
.header__search-ctn__input-bg {
position: absolute;
height: 13px;
top: 27px;
right: 22px;
-webkit-transition: .1s ease-in;
transition: .1s ease-in
}
.header__search-ctn__input-bg.loading {
opacity: 0
}
.header__search-ctn__loading {
position: absolute;
height: 15px;
width: 15px;
top: 26px;
right: 22px;
border: 2px solid;
border-bottom-color: transparent;
border-radius: 50%;
-webkit-transition: .1s ease-in;
transition: .1s ease-in;
opacity: 0;
-webkit-animation: rotateInfinite 0.3s linear infinite;
animation: rotateInfinite 0.3s linear infinite
}
.header__search-ctn__loading.loading {
opacity: 1
}
@-webkit-keyframes rotateInfinite {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotateInfinite {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.header__search-ctn__fill-ctn {
max-height: calc(100vh - 200px);
overflow: auto
}
.header .rd-button i {
font-size: 10px;
padding-left: 4px
}
@media (max-width: 1439px) {
.header__contact span {
display: none
}
.header__contact i {
font-size: 17px
}
.header .about-us, .header .location, .header .location-r {
padding: 0 8px
}
.header__main-menu__item {
padding: 0 8px
}
}
@media (max-width: 1199px) {
.header__ct {
max-width: calc(100% - 65px);
padding: 14px 10px 13px
}
.header__logo__img {
height: 30px
}
.header__contact {
margin-right: 5px
}
.header__search-btn {
margin-right: 5px
}
.header__cart {
width: 65px
}
.header__cart i {
margin: 0
}
.header__cart span {
display: none
}
}
.header .menu-btn-mb, .header .header-cart-mobile {
display: none
}
@media (max-width: 991px) {
.header .menu-btn-mb {
width: 18px;
height: 18px;
border: none;
padding: 0;
margin: 0;
display: block;
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/menu-btn.svg) no-repeat center center;
-webkit-transition: .1s linear .2s;
transition: .1s linear .2s
}
.header .menu-btn-mb.active {
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/menu-btn-active.svg) no-repeat center center
}
.header__logo {
height: 30px
}
.header__logo__img {
height: 100%
}
.header__cart, .header__search-btn, .header__wish-list {
display: none
}
.header .header-cart-mobile {
display: block;
background-color: transparent;
color: #1b375c;
width: auto;
margin-right: 18px
}
.header__contact {
margin-right: 15px
}
.header__ct {
max-width: 100%;
padding: 13px 21px 16px 24px
}
.header__logo, .header__right {
position: relative;
z-index: 20
}
.header .menu-mobile {
position: fixed;
z-index: 5;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
padding: 133px 0 30px;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: .4s ease;
transition: .4s ease;
overflow: hidden
}
.header .menu-mobile.active {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.header__center {
display: block;
overflow-y: auto;
overflow-x: hidden;
max-height: 100%;
padding: 0 30px
}
.header__main-menu {
display: block
}
.header .menu-item {
font-size: 16px;
line-height: 20px;
padding: 13px 6px;
border-bottom: 1px solid rgba(27, 55, 92, 0.5)
}
.header .menu-item__title:not(.not-child) {
display: block;
width: 100%;
position: relative;
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-down.svg) no-repeat center right;
background-size: auto 14px
}
.header .menu-item__title:not(.not-child) i {
display: none
}
.header .menu-item__title:not(.not-child).active {
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-up.svg) no-repeat center right;
background-size: auto 8px
} .header .menu-hover {
display: none; height: autp;
position: relative;
padding: 0;
left: 0;
top: 0;
opacity: 1;
visibility: visible;
-webkit-transform: translate(0);
transform: translate(0);
background-color: transparent
} .header .location__wrap {
background-color: transparent;
padding: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.header .location__intro {
display: none
}
.header .location__ct {
padding-top: 23px
}
.header .location__menu-list {
max-width: 100%;
padding: 0;
width: 100%
}
.header .location__menu {
padding: 0;
font-size: 14px;
line-height: 18px;
color: #686868
}
.header .location__menu__title {
position: relative;
font-size: 16px;
line-height: 20px;
margin-bottom: 0;
margin: 0 -36px;
padding: 20px 36px;
color: #000;
-webkit-filter: invert(100%);
filter: invert(100%);
background: #d7b282 url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-down.svg) no-repeat center right 36px;
background-size: auto 14px
}
.header .location__menu__title.active {
background: #d7b282 url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-up.svg) no-repeat center right 36px;
background-size: auto 8px
}
.header .location__menu__title.active+.loca-menu {
height: auto;
overflow: visible
}
.header .location__menu__title::after {
content: '';
position: absolute;
bottom: 0;
left: 30px;
width: calc(100% - 60px);
background-color: #000;
height: 1px
}
.header .location__menu:last-child .location__menu__title::after {
display: none
}
.header .loca-menu {
display: none;
height: auto;
background-color: #F8F9FA;
margin: 0 -36px;
padding: 0 36px
}
.header .loca-menu__item {
padding: 20px 6px !important;
margin: 0 -6px;
color: #1b375c;
font-size: 16px;
line-height: 20px;
border-bottom: 1px solid rgba(27, 55, 92, 0.5)
}
.header__main-menu__ct {
padding: 0;
background-color: transparent;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.header__main-menu__thumb {
display: none
}
.header__main-menu__menu {
padding: 0
}
.header__main-menu__child-list {
margin: 0 -36px;
padding: 0 36px;
background-color: #F8F9FA;
max-height: initial
}
.header__main-menu__child-list li {
max-width: 100%;
margin-bottom: 0;
padding: 20px 6px;
margin: 0 -6px;
border-bottom: 1px solid rgba(27, 55, 92, 0.5)
}
.header__main-menu__view-all {
display: block;
margin-bottom: 0;
background-color: #F8F9FA;
padding: 20px 36px;
margin: 0 -36px
}
.header .location-r__menu-wrap, .header .about-us__menu-wrap {
display: none; height: auto;
position: relative;
padding: 0;
left: 0;
top: 0;
opacity: 1;
visibility: visible;
-webkit-transform: translate(0);
transform: translate(0);
background-color: transparent
}
.header .location-r__menu, .header .about-us__menu {
max-height: initial;
margin: 0;
padding: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
margin: 0 -36px;
background-color: #F8F9FA;
padding: 0 36px
}
.header .location-r li, .header .about-us li {
padding: 20px 6px;
margin: 0 -6px
}
.header .location-r li:not(:last-child), .header .about-us li:not(:last-child) {
border-bottom: 1px solid rgba(27, 55, 92, 0.5)
}
.header .about-us {
border: none
}
.header .about-us .menu-item {
border: inherit
}
}
.footer {
z-index: 10;
color: #fff;
padding: 39px 0 35px
}
.footer__ctn {
padding: 0 35px
}
.footer__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.footer__head {
margin-bottom: 20px
}
.footer__head .f-main {
padding-right: 30px
}
.footer__main {
max-width: 280px;
width: 100%
}
.footer__mega-menu { padding-left: 20px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer__logo {
display: block;
max-height: 44px;
max-width: 100%;
margin-bottom: 21px
}
.footer__logo__img {
-o-object-fit: contain;
object-fit: contain
}
.footer__select-store {
margin-bottom: 27px
}
.footer__select-store select {
height: 38px;
width: 100%;
border: 1px solid #fff;
color: #fff;
padding: 0 19px;
border-radius: 20px;
background: transparent url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-down-w.png) no-repeat center right 25px;
background-size: 14px 8px;
font-family: "Neue Plak regular", sans-serif
}
.footer__select-store select:focus {
background-color: #1b375c
}
.footer .footer-menu {
margin-bottom: 10px;
padding: 0 5px
}
.footer .footer-menu__title {
font-family: "NeuePlak SemiBold", sans-serif;
text-transform: capitalize;
margin-bottom: 15px
}
.footer .footer-menu__item, .footer .footer-menu li {
margin-bottom: 7px
}
.footer__address {
line-height: 22px
}
.footer__time__title {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 7px
}
.footer__time__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer__time__text {
max-width: 50%
}
.footer__time__text span, .footer__time__text a {
width: 100%;
display: block;
margin-bottom: 7px
}
.footer__body {
margin-bottom: 40px
}
.footer .social-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer .social-menu li {
font-size: 24px;
line-height: normal;
margin-right: 17px;
margin-bottom: 10px
}
.footer .pay-icon-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer .pay-icon-menu li {
margin-left: 9px;
margin-bottom: 9px
}
.footer .pay-icon-menu .pay-icon__img {
max-height: 28px;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.footer .afterpay-icon__img {
max-height: 32px
}
.footer__bottom {
padding-top: 20px;
}
.footer__bottom__copyright {
margin-bottom: 0;
font-family: "Neue Plak Light", sans-serif
}
.footer__bottom__copyright a {
font-family: "Neue Plak Bold", sans-serif
}
.footer__sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: "Neue Plak Light", sans-serif;
line-height: 10px
}
.footer__sub-menu li {
padding: 0 5px
}
.footer__sub-menu li:not(:last-child) {
border-right: 1px solid #fff
}
.footer__sub-menu a {
display: inline-block;
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
@media (max-width: 991px) {
.footer__ctn {
padding: 0
}
.footer__main {
max-width: 250px
}
}
.footer .footer-time-mobile {
display: none
}
@media (max-width: 575px) {
.footer {
padding: 28px 25px 55px
}
.footer__head {
display: block
}
.footer__main {
padding: 0 !important;
max-width: 100%;
margin-bottom: 26px
}
.footer__logo {
text-align: center
}
.footer__select-store {
margin-bottom: 15px
}
.footer__address {
max-width: 180px;
font-size: 12px;
line-height: 20px
}
.footer__time {
display: none
}
.footer__time__title, .footer__time__text {
font-size: 12px;
line-height: 15px
}
.footer__time__text {
width: 50%
}
.footer .footer-time-mobile {
display: block
}
.footer__mega-menu {
padding: 0
}
.footer__head {
margin-bottom: 0
}
.footer .footer-menu {
margin-bottom: 30px !important
}
.footer__body {
margin-bottom: 0
}
.footer__body .footer__main {
display: none
}
.footer__body .footer-menu:first-child {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.footer__body .footer-menu:nth-child(2) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.footer__body .footer-menu:nth-child(3) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.footer__body .footer-menu:nth-child(4) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.footer .pay-icon-menu li {
margin: 0 4px 4px 0
}
.footer__sub-menu {
display: none
}
}
#home .banner {
position: relative
}
#home .banner__image {
position: relative;
padding-top: 41.81%;
width: 100%;
margin-bottom: 0
}
#home .banner__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
#home .banner__ctn {
padding: 0 25px;
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
#home .banner__ctn .container {
padding: 0
}
#home .banner__slider {
background-color: #f7f8f9;
max-width: 518px;
margin-left: auto;
margin-right: -2px;
position: relative;
}
#home .banner__item {
padding: 59px 68px;
min-height: 358px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
#home .banner__item__ct {
width: 100%;
margin-bottom: 20px
}
#home .banner__item__link {
-ms-flex-item-align: end;
align-self: flex-end;
font-family: "NeuePlak SemiBold", sans-serif;
height: 35px;
padding: 0 18px
}
#home .banner__item__title {
font-family: "Neue Plak Light", sans-serif;
margin-bottom: 22px
}
#home .banner__item__icon {
margin-left: 20px;
height: 42px;
display: inline-block
}
#home .banner .slick-dots {
position: absolute;
right: 19px;
bottom: 23px
}
@media (max-width: 1199px) {
#home .banner__image {
min-height: 530px
}
#home .banner__ctn {
padding: 0
}
}
@media (max-width: 767px) {
#home .banner__ctn {
position: relative
}
#home .banner__ctn .container {
padding: 0
}
#home .banner__slider {
max-width: 100%
}
#home .banner__image {
min-height: 320px
}
#home .banner__item {
padding: 25px 35px 55px;
min-height: auto
}
#home .banner__item__title {
margin-bottom: 20px
}
#home .banner__item__ct {
margin-bottom: 15px
}
#home .banner__item__icon {
height: 29px
}
#home .banner__item__link {
height: 40px;
max-width: 290px;
width: 100%
}
}
#home .benefits {
margin-bottom: 19px
}
#home .best-sell {
background-color: #fff;
padding: 50px 0 55px
}
#home .best-sell__title {
font-family: "Neue Plak Bold", sans-serif;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase
}
#home .best-sell__subtitle {
text-transform: uppercase;
margin-bottom: 55px;
text-align: center
}
#home .best-sell__ct {
margin-bottom: 60px;
padding: 0 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#home .best-sell__btn-ctn {
text-align: center
}
#home .best-sell__link {
min-width: 211px
}
#home .best-sell__pd-wrap {
padding: 0 13px
}
@media (max-width: 1199px) {
#home .best-sell__pd-wrap {
margin-bottom: 30px
}
}
@media (max-width: 767px) {
#home .best-sell {
padding: 0;
padding-top: 35px
}
#home .best-sell__title {
margin-bottom: 20px
}
#home .best-sell__subtitle {
margin: auto;
margin-bottom: 24px;
max-width: 170px;
font-size: 12px;
line-height: 15px
}
#home .best-sell__pd-wrap {
padding: 0 5px;
margin-bottom: 25px
}
#home .best-sell__ct {
margin-bottom: 25px
}
#home .best-sell__link {
height: 42px;
max-width: 300px;
width: 100%;
font-size: 12px;
line-height: 15px
}
}
#home .pd-box__head { }
#home .pd-box__image {
height: auto
}
#home .pd-box__mini-size {
display: none
}
#home .pd-box__feature {
display: block
}
#home .intro {
padding-top: 30px;
background-color: #fff
}
#home .intro [data-aos="fade-up"] {
-webkit-transform: translateY(500px);
transform: translateY(500px)
}
#home .intro [data-aos="fade-up"].aos-animate {
-webkit-transform: translateY(0);
transform: translateY(0)
}
#home .intro__head {
margin-bottom: 30px;
text-align: center
}
#home .intro__title {
font-family: "Neue Plak Bold", sans-serif
}
#home .intro__subtitle {
margin-bottom: 10px;
letter-spacing: 1.45px
}
#home .intro__small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#home .intro__small__item {
width: 33.333333%
}
#home .intro__small__ct {
position: relative
}
#home .intro__small__image {
padding-top: 149.25%;
width: 100%;
position: relative;
overflow: hidden;
margin-bottom: 0
}
#home .intro__small__image::after {
content: '';
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10
}
#home .intro__small__image__img {
-webkit-transition: 1.5s ease;
transition: 1.5s ease;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
#home .intro__small__text {
position: absolute;
z-index: 20;
left: 0;
bottom: 0;
width: 100%;
padding: 45px 40px;
color: #fff
}
#home .intro__small__title {
font-family: "Neue Plak Bold", sans-serif;
margin-bottom: 20px;
letter-spacing: 2.73px
}
#home .intro__small__des {
margin-bottom: 25px;
line-height: 24px
}
#home .intro__small__link {
height: 55px;
max-width: 150px
}
#home .intro__big {
position: relative
}
#home .intro__big__image {
padding-top: 47.05%;
width: 100%;
position: relative;
margin-bottom: 0
}
#home .intro__big__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
#home .intro__big__ct {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
#home .intro__big__box {
background-color: #f8f9fa;
width: 100%;
max-width: 518px;
padding: 57px 52px 55px;
margin-left: auto
}
#home .intro__big__text {
max-width: 336px
}
#home .intro__big__title {
margin-bottom: 15px;
max-width: 270px;
font-family: "NeuePlak SemiBold", sans-serif
}
#home .intro__big__des {
line-height: 26px;
margin-bottom: 37px
}
#home .intro__big__link {
height: 39px;
max-width: 148px
}
@media (max-width: 991px) {
#home .intro__big__image {
min-height: 500px
}
#home .intro__small {
display: block;
padding-top: 30px
}
#home .intro__small__item {
width: 100%
}
#home .intro__small .slick-dots {
position: absolute;
width: 100%;
z-index: 5;
top: 2px;
left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
#home .intro__small .slick-arrow {
top: 0;
left: 24px
}
#home .intro__small .slick-arrow.slick-next {
left: auto;
right: 24px
}
}
@media (max-width: 767px) {
#home .intro {
padding-top: 25px
}
#home .intro__subtitle {
font-size: 12px;
line-height: 15px;
margin-bottom: 8px
}
#home .intro__title {
max-width: 190px;
margin: auto
}
#home .intro__small__text {
padding: 45px 25px
}
#home .intro__small__title {
margin-bottom: 11px;
font-size: 20px;
line-height: 25px
}
#home .intro__small__des {
font-size: 13px;
line-height: 20px;
margin-bottom: 20px
}
#home .intro__small__link {
height: 42px;
width: 100%;
max-width: 160px;
font-size: 12px;
line-height: 15px
}
#home .intro__big__ct {
position: relative
}
#home .intro__big__box {
padding: 35px
}
#home .intro__big__image {
min-height: 245px
}
#home .intro__big__title {
margin-bottom: 15px;
font-family: "Neue Plak Light", sans-serif;
letter-spacing: 0.3px
}
#home .intro__big__des {
margin-bottom: 15px
}
#home .intro__big__link {
height: 37px;
width: 100%;
max-width: 270px;
font-size: 12px;
line-height: 15px
}
}
#home .cat {
background-color: #fff
}
#home .cat [data-aos="fade-up"] {
-webkit-transform: translateY(500px);
transform: translateY(500px)
}
#home .cat [data-aos="fade-up"].aos-animate {
-webkit-transform: translateY(0);
transform: translateY(0)
}
#home .cat__ctn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#home .cat__item {
width: 33.333333%;
color: #fff;
position: relative
}
#home .cat__image {
width: 100%;
padding-top: 133.69%;
position: relative;
margin-bottom: 0;
overflow: hidden
}
#home .cat__image__img {
-webkit-transition: 1.5s ease;
transition: 1.5s ease;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
#home .cat__ct {
padding: 25px 40px;
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
width: 100%
}
#home .cat__subtitle {
margin-bottom: 13px;
letter-spacing: 1.45px
}
#home .cat__name {
letter-spacing: 2.27px;
margin-bottom: 25px;
font-family: "Neue Plak Bold", sans-serif
}
#home .cat__link {
max-width: 156px;
height: 44px
}
@media (max-width: 991px) {
#home .cat__ctn {
display: block
}
#home .cat__ctn__item {
width: 100%
}
#home .cat .slick-dots {
position: absolute;
width: 100%;
padding-left: 28px;
left: 0;
bottom: 28px;
z-index: 5
}
#home .cat__ct {
padding-bottom: 70px
}
}
@media (max-width: 767px) {
#home .cat__ct {
padding-left: 25px;
padding-right: 25px
}
#home .cat__link {
height: 42px;
width: 100%;
max-width: 160px
}
}
#about-size {
padding: 0 0 40px
}
#about-size .page-ct {
font-family: "NeuePlak SemiBold", sans-serif;
text-align: left;
font-weight: normal;
color: #1b375c;
background-color: #fff
}
#about-size .top-ctn {
padding: 0px 65px
}
#about-size .banner__image {
position: relative;
padding-top: 18.75%;
min-height: 330px
}
#about-size .banner__image img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
#about-size .bed {
padding: 30px 60px 60px;
margin: 0 -65px 70px;
background-color: #f8f9fa
}
#about-size .bed__ctn__title {
font-family: "Neue Plak Light", sans-serif;
letter-spacing: 0.75px
}
#about-size .bed__ctn__beds {
padding: 30px 15px
}
#about-size .bed__ctn__beds__item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px
}
#about-size .bed__ctn__beds__item__image {
width: 100%;
height: auto;
padding-bottom: 5px;
text-align: center
}
#about-size .bed__ctn__beds__item__image img {
-o-object-fit: cover;
object-fit: cover
}
#about-size .bed__ctn__beds__item__infor {
-ms-flex-item-align: end;
align-self: flex-end;
width: 100%
}
#about-size .bed__ctn__beds__item__infor span {
text-align: center;
display: block
}
#about-size .bed__ctn__beds__item__infor__size {
padding-top: 8px;
font-family: "Neue Plak regular", sans-serif
}
@media (max-width: 1199px) {
#about-size .bed {
padding-left: 0;
padding-right: 0
}
#about-size .bed__ctn__title {
padding-left: 25px
}
}
@media (max-width: 991px) {
#about-size .bed__ctn__beds {
display: block !important
}
#about-size .bed .slick-dots {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px
}
}
@media (max-width: 767px) {
#about-size .bed {
padding: 30px 25px 22px;
margin-bottom: 0;
margin: 0 -35px
}
#about-size .bed__ctn__title {
padding: 0;
margin-bottom: 40px
}
#about-size .bed__ctn__beds {
padding: 0
}
}
#about-size .size__ctn__title {
letter-spacing: 0.5px;
padding: 0 6%
}
#about-size .size__ctn__items__item {
width: 100%;
max-width: 900px !important;
border-top: solid 1px #1b375c
}
#about-size .size__ctn__items__item:last-child {
border-bottom: solid 1px #1b375c
}
#about-size .size__ctn__items__item .row {
margin: 0
}
#about-size .size__ctn__items__item__text {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
padding: 22px 0;
margin: 0;
width: 100%;
cursor: pointer
}
#about-size .size__ctn__items__item__text__icon {
width: 2%;
height: 2%;
padding: 0 auto;
margin: 0 2%;
color: #1b375c !important
}
#about-size .size__ctn__items__item__text__icon img {
width: 100%;
height: 100%
}
#about-size .size__ctn__items__item__text__kind {
margin: auto 0 !important;
padding: auto 0 !important
}
@media (max-width: 1199px) {
#about-size .size__ctn__title {
padding: 0;
margin-bottom: 30px
}
#about-size .size__ctn__items {
padding: 0;
max-width: 100%
}
}
@media (max-width: 767px) {
#about-size .size {
padding-top: 50px
}
#about-size .size__ctn__title {
margin-bottom: 13px;
font-size: 16px
}
#about-size .size__ctn__items__item .row {
padding: 13px 0
}
#about-size .size__ctn .sub-row {
padding-top: 0;
padding-bottom: 15px
}
#about-size .size__ctn .expand-row {
min-height: auto
}
}
#about-size .small-title {
color: #ed1b34
}
#about-size .aboutus {
padding-top: 93px
}
#about-size .aboutus__ctn {
position: relative
}
#about-size .about {
position: relative
}
#about-size .about__ctn__background__img {
position: relative;
padding-top: 41.25%;
min-height: 500px
}
#about-size .about__ctn__background__img img {
width: 100%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
#about-size .about__ctn--content {
background-color: white;
position: absolute;
bottom: 0;
right: 0;
padding: 50px 54px 61px;
min-width: 520px
}
#about-size .about__ctn--content__title {
font-size: 30px;
font-weight: 600;
letter-spacing: 0.3px;
margin-bottom: 14px
}
#about-size .about__ctn--content__text {
font-size: 16px;
line-height: 1.63;
max-width: 336px;
margin-bottom: 35px;
font-family: "Neue Plak regular", sans-serif
}
#about-size .about__ctn--content__link {
display: inline-block;
padding: 10px 7px;
text-transform: uppercase;
font-size: 14px;
font-family: "Neue Plak Bold", sans-serif;
letter-spacing: 1.27px;
text-align: center;
background-color: #ed1b34;
border: 1px solid #ed1b34;
color: white;
min-width: 150px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out
}
#about-size .about__ctn--content__link:hover {
background-color: white;
color: #ed1b34
}
@media (max-width: 767px) {
#about-size .about__ctn__background__img {
min-height: 250px
}
#about-size .about__ctn--content {
position: relative;
min-width: auto;
width: 100%;
padding: 35px;
background-color: #F8F9FA
}
#about-size .about__ctn--content__title {
font-size: 26px;
font-family: "Neue Plak Light", sans-serif;
font-weight: 300
}
#about-size .about__ctn--content__text {
margin-bottom: 20px;
font-size: 14px
}
#about-size .about__ctn--content__link {
height: 37px;
padding: 8px 15px;
width: 100%;
max-width: 270px;
font-size: 12px
}
}
@media (max-width: 767px) {
#about-size .top-ctn {
padding: 0px 35px
}
}
.shop .banner {
padding: 20px 23px 33px 28px;
background-color: #fff
}
.shop .banner__ctn {
background-color: #f8f9fa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.shop .banner__image {
width: 60%
}
.shop .banner__image__img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%
}
.shop .banner__text {
width: 40%;
padding: 40px 50px 33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.shop .banner__ct {
-ms-flex-item-align: end;
align-self: flex-end;
width: 100%;
max-width: 358px
}
.shop .banner__subtitle {
width: 100%;
text-transform: capitalize;
font-family: "Neue Plak regular", sans-serif
}
.shop .banner__title {
margin-bottom: 25px;
font-family: "Untitled Sans Medium", sans-serif
}
.shop .banner__des {
font-family: "Neue Plak regular", sans-serif;
line-height: 20px
}
@media (max-width: 767px) {
.shop .banner {
padding: 0
}
.shop .banner__ctn {
display: block
}
.shop .banner__image {
width: 100%
}
.shop .banner__text {
width: 100%;
padding: 25px 20px;
background-color: #F8F9FA
}
.shop .banner__subtitle {
margin-bottom: 25px;
font-family: "NeuePlak SemiBold", sans-serif;
font-weight: 600;
color: #ed1b34
}
.shop .banner__title {
font-size: 26px;
font-family: "Neue Plak Light", sans-serif;
font-weight: 300;
margin-bottom: 20px
}
.shop .banner__des {
font-size: 13px
}
}
.shop .shop-ct {
background-color: #fff
}
.shop .shop-ct__ctn {
padding: 0 20px
}
.shop .shop-ct .filter-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 36px
}
.shop .shop-ct .filter-bar__title {
width: 100%;
max-width: 242px;
padding-left: 8px;
margin: 0;
font-family: "Untitled Sans Medium", sans-serif
}
.shop .shop-ct .filter-bar__ct {
width: calc(100% - 242px);
padding-left: 23px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.shop .shop-ct .filter-bar__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.shop .shop-ct .filter-bar__main__text {
margin-right: 25px;
font-family: "Untitled Sans Medium", sans-serif
}
.shop .shop-ct .filter-bar__main__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.shop .shop-ct .filter-bar__main input {
display: none
}
.shop .shop-ct .filter-bar__main input:checked+label {
color: #fff
}
.shop .shop-ct .filter-bar__main input:checked+label::after {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.shop .shop-ct .filter-bar__main__mask {
border: solid 1px #ec4357;
background-color: transparent;
position: relative;
color: #ec4357;
font-family: "Neue Plak Bold", sans-serif;
min-width: 145px;
padding: 10px;
text-align: center;
overflow: hidden;
-webkit-transition: all .3s linear;
transition: all .3s linear;
display: inline-block;
cursor: pointer
}
.shop .shop-ct .filter-bar__main__mask span {
position: relative;
z-index: 5
}
.shop .shop-ct .filter-bar__main__mask::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #ec4357;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: inherit;
transition: inherit
}
.shop .shop-ct .filter-bar__main__mask--mt::after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.shop .shop-ct .filter-bar__sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.shop .shop-ct .filter-bar__sort__text {
font-family: "Untitled Sans Medium", sans-serif;
margin-right: 25px
}
.shop .shop-ct .filter-bar__sort__select {
font-family: "Neue Plak regular", sans-serif;
width: 343px;
padding: 7px 18px;
height: 38px;
cursor: pointer
}
.shop .shop-ct__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.shop .shop-ct__main__ct {
max-width: calc(100% - 242px);
width: 100%;
padding-left: 22px
}
.shop .shop-ct__main__pd-ctn {
position: relative
}
.shop .shop-ct__main__pd-ctn .loadding-btn {
position: absolute;
left: 50%;
top: 20%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.shop .shop-ct__main__pd-ctn .loadding-btn::after {
width: 40px;
height: 40px;
border-color: #000;
border-top-color: transparent
}
.shop .shop-ct__main__pd-item {
margin-bottom: 40px
}
.shop .shop-ct__main [data-aos="fade-up"] {
-webkit-transform: translateY(300px);
transform: translateY(300px)
}
.shop .shop-ct__main [data-aos="fade-up"].aos-animate {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.shop .shop-ct .paging {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.shop .shop-ct .paging__view-all {
width: 100%;
text-align: center
}
.shop .shop-ct .paging__view-all__btn {
display: inline-block
}
.shop .shop-ct .paging__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.shop .shop-ct .paging__item {
padding: 0 8px
}
.shop .shop-ct .paging__btn {
padding: 0;
margin: 0;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 27px;
height: 27px;
border-radius: 50%;
background-color: transparent;
-webkit-transition: .3s ease;
transition: .3s ease
}
.shop .shop-ct .paging__btn.active, .shop .shop-ct .paging__btn:hover {
background-color: #ed1b34;
color: #fff
}
.shop .shop-ct .filter-mobile, .shop .shop-ct .filter-mobile-btn {
display: none
}
@media (max-width: 1199px) {
.shop .shop-ct .filter-bar__main {
margin-bottom: 15px
}
}
@media (max-width: 991px) {
.shop .shop-ct .filter-mobile-btn {
display: block;
position: fixed;
top: 115px;
z-index: 5001;
left: 0;
margin: 0;
width: 50px;
background-color: #fff;
font-size: 30px;
text-align: center;
padding-right: 5px;
border-radius: 0 5px 5px 0;
-webkit-box-shadow: 2px 2px 5px #e0e0e0;
box-shadow: 2px 2px 5px #e0e0e0;
-webkit-transition: .3s ease;
transition: .3s ease
}
.shop .shop-ct .filter-mobile-btn i {
-webkit-transition: inherit;
transition: inherit
}
.shop .shop-ct .side-bar {
-webkit-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-transition: .3s ease;
transition: .3s ease;
-webkit-box-shadow: 2px 2px 5px #e0e0e0;
box-shadow: 2px 2px 5px #e0e0e0;
background-color: #fff;
position: fixed;
z-index: 5000;
left: 0;
top: 150px;
max-height: calc(100vh - 160px);
overflow: auto
}
.shop .shop-ct .filter-mobile:checked+.filter-mobile-btn i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.shop .shop-ct .filter-mobile:checked~.side-bar {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.shop .shop-ct__main__ct {
max-width: 100%;
padding-left: 0
}
.shop .shop-ct .filter-bar__title {
max-width: 230px
}
.shop .shop-ct .filter-bar__ct {
width: calc(100% - 230px)
}
}
@media (max-width: 767px) {
.shop .shop-ct__ctn {
padding: 15px 10px
}
.shop .shop-ct .filter-bar {
display: block
}
.shop .shop-ct .filter-bar__title {
display: none
}
.shop .shop-ct .filter-bar__ct {
padding: 0;
width: auto
}
.shop .shop-ct .filter-bar__main {
margin: auto;
margin-bottom: 20px
}
.shop .shop-ct .filter-bar__main__text {
display: none
}
.shop .shop-ct .filter-bar__sort {
width: 100%
}
.shop .shop-ct .filter-bar__sort__text {
display: none
}
.shop .shop-ct .filter-bar__sort__select {
margin: auto
}
.shop .shop-ct__main__pd-item {
margin-bottom: 35px
}
.shop .shop-ct .paging {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.shop .shop-ct .paging__view-all {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 28px;
padding: 0 25px
}
.shop .shop-ct .paging__view-all__btn {
width: 100%;
font-size: 12px;
max-width: 300px
}
.shop .shop-ct .paging__list {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.shop .shop-ct .open-filter-btn {
display: none
}
@media (max-width: 575px) {
.shop .shop-ct .filter-bar__main, .shop .shop-ct .filter-bar__main__list {
width: 100%;
}
.shop .shop-ct .filter-bar__main__list > .filter-bar__main__item {
flex: 1;
}
.shop .shop-ct .filter-bar__main__list > .filter-bar__main__item > .filter-bar__main__mask {
width: 100%;
}
.shop .shop-ct .open-filter-btn, .shop .shop-ct #sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 49%;
border: 1px solid #ed1b34;
font-size: 12px;
line-height: 15px;
height: 40px;
text-align-last: center;
margin: 0;
background: transparent
}
.shop .shop-ct .filter-bar__sort {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.shop .shop-ct .filter-mobile-btn {
display: none
}
.shop .shop-ct .side-bar {
top: 0;
height: 100vh;
max-height: initial;
width: 100%;
max-width: initial;
padding-top: 55px
}
.shop .shop-ct .side-bar__head-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 24px
}
.shop .shop-ct .side-bar__logo {
height: 30px;
display: block;
margin-bottom: 18px
}
.shop .shop-ct .side-bar__logo__img {
height: inherit
}
.shop .shop-ct .side-bar__close-btn {
font-size: 18px;
margin: 0
}
.shop .shop-ct .side-bar__mobile-title {
width: 100%;
font-size: 14px;
font-family: "Neue Plak Bold", sans-serif
}
.shop .shop-ct .side-bar__ct {
padding: 13px 0;
border-bottom: 1px solid #D5D5D5;
margin: 0
}
.shop .shop-ct .side-bar__title {
-webkit-transition: .2s ease;
transition: .2s ease;
margin: 0;
color: #1b375c;
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-down.svg) no-repeat center right;
background-size: auto 14px
}
.shop .shop-ct .side-bar__title.active {
margin-bottom: 20px;
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-up.svg) no-repeat center right;
background-size: auto 8px
}
.shop .shop-ct .side-bar__title.active+.side-bar__list {
height: auto
}
.shop .shop-ct .side-bar__list {
-webkit-transition: .2s ease;
transition: .2s ease;
height: 0;
overflow: hidden
}
}
.shop .side-bar {
max-width: 242px;
width: 100%;
padding: 25px 29px 40px;
border: 1px solid #dbe7f6
}
.shop .side-bar__ct {
margin-bottom: 27px
}
.shop .side-bar__title {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 15px;
color: #ed1b34
}
.shop .side-bar__item {
font-family: "Neue Plak regular", sans-serif;
margin-bottom: 15px
}
.shop .side-bar__mask {
position: relative;
padding-left: 28px;
cursor: pointer;
-webkit-transition: .3s ease;
transition: .3s ease
}
.shop .side-bar__mask:hover {
color: #ed1b34
}
.shop .side-bar__mask:hover::after {
border-color: #ed1b34
}
.shop .side-bar__mask::before {
content: '';
width: 11px;
height: 11px;
position: absolute;
left: 2px;
bottom: 2px;
background-color: #ed1b34;
opacity: 0;
-webkit-transition: inherit;
transition: inherit
}
.shop .side-bar__mask::after {
content: '';
width: 15px;
height: 15px;
border: 1px solid #979797;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: inherit;
transition: inherit
}
.shop .side-bar input {
display: none
}
.shop .side-bar input:checked+label::before {
opacity: 1
}
.shop .side-bar input:checked+label::after {
border-color: #ed1b34
}
.shop .side-bar__head-mobile {
display: none
}
.shop .other-cat {
padding-top: 90px;
background-color: #fff
}
.shop .other-cat [data-aos="fade-up"] {
-webkit-transform: translateY(500px);
transform: translateY(500px)
}
.shop .other-cat [data-aos="fade-up"].aos-animate {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.shop .other-cat__title {
margin-bottom: 35px;
font-family: "Neue Plak Bold", sans-serif;
text-align: center;
padding: 0 15px
}
.shop .other-cat__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.shop .other-cat__item {
width: 50%;
position: relative
}
.shop .other-cat__item__image {
width: 100%;
padding-top: 90%;
position: relative
}
.shop .other-cat__item__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 1;
left: 0;
top: 0
}
.shop .other-cat__item__image::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5;
background-color: rgba(12, 12, 12, 0.25)
}
.shop .other-cat__text {
padding: 50px 40px;
left: 0;
bottom: 0;
max-height: 100%;
position: absolute;
width: 100%;
z-index: 10;
color: #fff
}
.shop .other-cat__name {
margin-bottom: 25px;
font-family: "Neue Plak Bold", sans-serif;
letter-spacing: 2.27px
}
.shop .other-cat__subtitle {
margin-bottom: 20px;
letter-spacing: 1.45px
}
@media (max-width: 767px) {
.shop .other-cat {
padding-top: 15px
}
.shop .other-cat__title {
margin-bottom: 30px;
font-size: 14px;
line-height: 18px
}
.shop .other-cat__ct {
display: block
}
.shop .other-cat__item {
width: 100%
}
.shop .other-cat__item__image {
padding-top: 132.81%
}
.shop .other-cat__text {
padding: 73px 28px
}
.shop .other-cat__subtitle {
margin-bottom: 5px
}
.shop .other-cat__name {
margin-bottom: 23px
}
.shop .other-cat__link {
font-size: 12px;
height: 42px
}
.shop .other-cat .slick-dots {
position: absolute;
left: 28px;
bottom: 27px
}
}
.single-product .before-header {
color: #1b375c
}
#produc-dt .woocommerce-breadcrumb {
padding: 25px 30px;
background-color: #fff;
line-height: 20px;
margin: 0;
letter-spacing: 0.3px;
-webkit-transition: .3s ease;
transition: .3s ease
}
#produc-dt .woocommerce-breadcrumb a:hover {
color: #1b375c
}
#produc-dt .woocommerce-breadcrumb span {
color: #1b375c
}
@media (max-width: 575px) {
#produc-dt .woocommerce-breadcrumb {
padding: 15px 23px
}
}
#produc-dt .woocommerce-notices-wrapper {
display: none
}
#produc-dt .benefits+.benefits {
display: none
}
#produc-dt .main-dt {
padding: 0 30px;
padding-bottom: 57px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative
}
#produc-dt .main-dt__gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 833px;
width: 100%
}
#produc-dt .main-dt__gal-list {
width: 100%;
max-width: 115px;
margin-right: 15px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-right: 8px;
max-height: 500px;
overflow: auto
}
#produc-dt .main-dt__gal-item {
width: 100%;
margin-bottom: 19px;
cursor: pointer;
border: 2px solid transparent;
-webkit-transition: .3s linear;
transition: .3s linear
}
#produc-dt .main-dt__gal-item.active {
border-color: #1b375c
}
#produc-dt .main-dt__gal-image {
width: 100%;
padding-top: 100%;
position: relative;
background-color: #f9f9f9
}
#produc-dt .main-dt__gal-image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: contain;
object-fit: contain
}
#produc-dt .main-dt__main-image {
position: relative;
padding: 0 77px;
margin: 0
}
#produc-dt .main-dt__main-image__img, #produc-dt .main-dt__main-image video {
max-width: 100%;
max-height: 100%
}
#produc-dt .main-dt__show-box {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f9f9f9;
height: 500px;
}
#produc-dt .main-dt .pd-special { }
#produc-dt .main-dt .pd-special__item {
max-width: 130px;
width: 100%;
padding: 0 20px;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
#produc-dt .main-dt .pd-special__image {
width: 65px;
height: 65px
}
#produc-dt .main-dt .pd-special__image__img {
width: 36px;
max-height: 22px
}
#produc-dt .main-dt .onsale {
top: 15px;
left: 18px;
width: 128px;
height: 49px;
background-color: #ed1b34;
border-radius: 0;
color: #fff;
letter-spacing: 0.35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Neue Plak regular", sans-serif
}
#produc-dt .main-dt__info {
padding: 18px 70px 18px 64px;
max-width: calc(100% - 833px);
width: 100%
}
#produc-dt .main-dt__info__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
#produc-dt .main-dt__info__ct>* {
width: 100%;
-ms-flex-item-align: start;
align-self: flex-start
}
#produc-dt .main-dt__info__head {
padding-bottom: 10px
}
#produc-dt .main-dt__cat {
margin-bottom: 15px;
font-family: "NeuePlak SemiBold", sans-serif;
color: #ed1b34;
letter-spacing: 0.35px
}
#produc-dt .main-dt__title {
margin-bottom: 20px;
font-family: "Neue Plak Bold", sans-serif
}
#produc-dt .main-dt__des {
letter-spacing: 0.3px;
line-height: 20px;
max-width: 360px;
margin-bottom: 20px;
max-height: 60px;
overflow: hidden;
-webkit-transition: .3s linear;
transition: .3s linear;
position: relative;
z-index: 5
}
#produc-dt .main-dt__des ul {
list-style: initial
}
#produc-dt .main-dt__des__ct {
-webkit-transition: inherit;
transition: inherit;
padding: 5px;
margin-left: -5px;
border-radius: 10px; }
#produc-dt .main-dt .stock {
display: none
}
#produc-dt .main-dt__guide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: 0.35px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #ed1b34
}
#produc-dt .main-dt form {
-ms-flex-item-align: end;
align-self: flex-end
}
#produc-dt .main-dt__sl-list {
margin-bottom: 25px
}
#produc-dt .main-dt__sl-item {
margin-bottom: 29px
}
#produc-dt .main-dt__sl-item label {
width: 100%;
position: relative
}
#produc-dt .main-dt__sl-item label span {
content: '';
pointer-events: none;
position: absolute;
top: 0;
right: 0;
width: 48px;
height: 46px;
background: #1b375c url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-down-w.png) no-repeat center center
}
#produc-dt .main-dt__sl-item select {
width: 100%;
padding: 0 50px 0 14px;
height: 46px;
border: solid 1px #1b375c;
letter-spacing: 0.35px;
color: #aaaaaa;
cursor: pointer
}
#produc-dt .main-dt__sl-item .reset_variations {
display: none !important
}
#produc-dt .main-dt__qty {
margin-bottom: 40px
}
#produc-dt .main-dt__qty__text {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 10px;
letter-spacing: 0.35px;
color: #aaaaaa;
margin-bottom: 10px;
display: block
}
#produc-dt .main-dt__qty__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
#produc-dt .main-dt__qty__btn {
height: 46px;
width: 46px;
padding: 0;
border: none;
background-color: #1b375c;
position: relative;
border: 1px solid #1b375c;
-webkit-transition: .3s ease;
transition: .3s ease
}
#produc-dt .main-dt__qty__btn:hover {
background-color: #fff
}
#produc-dt .main-dt__qty__btn:hover::before, #produc-dt .main-dt__qty__btn:hover::after {
background-color: #1b375c
}
#produc-dt .main-dt__qty__btn:active {
-webkit-transition: .05s;
transition: .05s;
-webkit-box-shadow: inset 0 0 5px 0 #1b375c;
box-shadow: inset 0 0 5px 0 #1b375c
}
#produc-dt .main-dt__qty__btn::before, #produc-dt .main-dt__qty__btn::after {
content: '';
-webkit-transition: inherit;
transition: inherit;
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 2px;
background-color: #fff;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
#produc-dt .main-dt__qty__btn::after {
width: 2px;
height: 20px
}
#produc-dt .main-dt__qty .minus-qty::after {
display: none
}
#produc-dt .main-dt__qty input {
height: 46px;
border: solid 1px #1b375c;
width: 57px;
color: #aaaaaa
}
#produc-dt .main-dt .price-hide h4.price {
display: none
}
#produc-dt .main-dt__price, #produc-dt .main-dt__price h4 {
margin-bottom: 10px;
font-family: "Neue Plak Bold", sans-serif
}
#produc-dt .main-dt__price del {
color: #696969
}
@media (max-width: 1439px) {
#produc-dt .main-dt__gallery {
max-width: 700px
}
#produc-dt .main-dt__info {
max-width: calc(100% - 700px)
}
}
@media (max-width: 1199px) {
#produc-dt .main-dt__gallery {
max-width: 600px
}
#produc-dt .main-dt__main-image {
padding: 0 15px
}
#produc-dt .main-dt__info {
max-width: calc(100% - 600px);
padding: 15px
}
#produc-dt .main-dt__gal-list {
max-width: 70px
}
}
@media (max-width: 1199px) {
#produc-dt .main-dt {
padding: 0 15px
}
#produc-dt .main-dt__gallery {
max-width: 600px
}
#produc-dt .main-dt__info {
max-width: calc(100% - 600px);
padding: 15px
}
#produc-dt .main-dt__gal-list {
max-width: 70px
}
}
@media (max-width: 991px) {
#produc-dt .main-dt__gallery {
max-width: 100%
}
#produc-dt .main-dt__info {
max-width: 100%;
padding: 15px
}
#produc-dt .main-dt__gal-list {
max-width: 100px;
min-height: 60vw
}
#produc-dt .main-dt__des {
max-width: 100%
}
}
@media (max-width: 767px) {
#produc-dt .main-dt__gal-list {
max-height: 90vw;
min-height: 60vw
}
#produc-dt .main-dt__info {
padding: 20px 5px 5px
}
#produc-dt .main-dt__info__head {
padding-bottom: 15px
}
#produc-dt .main-dt__cat {
font-size: 13px;
line-height: 15px;
margin-bottom: 15px
}
#produc-dt .main-dt__title {
font-family: "Neue Plak Light", sans-serif;
font-weight: 300;
font-size: 26px;
line-height: 30px;
margin-bottom: 15px
}
#produc-dt .main-dt__sl-list {
margin-bottom: 10px
}
#produc-dt .main-dt__sl-item {
margin-bottom: 10px
}
#produc-dt .main-dt__qty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px
}
#produc-dt .main-dt__qty__text {
margin-bottom: 0;
padding-left: 14px
}
#produc-dt .main-dt button.single_add_to_cart_button.customer-rv__link, #produc-dt .main-dt button.single_add_to_cart_button.gift-popup__yes, #produc-dt .main-dt .gift-popup button.single_add_to_cart_button.frm_button_submit, .gift-popup #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit, #produc-dt .main-dt #home button.single_add_to_cart_button.banner__item__link, #home #produc-dt .main-dt button.single_add_to_cart_button.banner__item__link, #produc-dt .main-dt #home button.single_add_to_cart_button.intro__small__link, #home #produc-dt .main-dt button.single_add_to_cart_button.intro__small__link, #produc-dt .main-dt #home button.single_add_to_cart_button.intro__big__link, #home #produc-dt .main-dt button.single_add_to_cart_button.intro__big__link, #produc-dt .main-dt #home button.single_add_to_cart_button.cat__link, #home #produc-dt .main-dt button.single_add_to_cart_button.cat__link, #produc-dt .main-dt .shop .shop-ct button.single_add_to_cart_button.paging__view-all__btn, .shop .shop-ct #produc-dt .main-dt button.single_add_to_cart_button.paging__view-all__btn, #produc-dt .main-dt .shop button.single_add_to_cart_button.other-cat__link, .shop #produc-dt .main-dt button.single_add_to_cart_button.other-cat__link, #produc-dt .main-dt button.single_add_to_cart_button.button, #produc-dt .main-dt #checkout button.single_add_to_cart_button.user__tab-btn, #checkout #produc-dt .main-dt button.single_add_to_cart_button.user__tab-btn, #produc-dt .main-dt #checkout .user .submit button.single_add_to_cart_button, #checkout .user .submit #produc-dt .main-dt button.single_add_to_cart_button, #produc-dt .main-dt #contact .main__form button.single_add_to_cart_button.frm_button_submit, #contact .main__form #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit, #produc-dt .main-dt .commerical .form-sec button.single_add_to_cart_button.frm_button_submit, .commerical .form-sec #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit, #produc-dt .main-dt .bed-select .form-sec button.single_add_to_cart_button.frm_button_submit, .bed-select .form-sec #produc-dt .main-dt button.single_add_to_cart_button.frm_button_submit {
width: 100%
}
}
#produc-dt .main-dt .mobile-image {
display: none
}
@media (max-width: 575px) {
#produc-dt .main-dt {
padding: 0 10px
}
#produc-dt .main-dt__gal-list {
display: none
}
#produc-dt .main-dt__show-box {
display: block;
position: relative;
padding-top: 10px;
height: auto;
}
#produc-dt .main-dt .pd-special {
position: relative;
top: 0;
bottom: 0;
left: 0;
-webkit-transform: none;
transform: none;
display: block;
}
#produc-dt .main-dt__des__ct .product-detail-category {
font-family: "NeuePlak SemiBold", sans-serif;
color: #ed1b34;
}
#produc-dt .main-dt__main-image, #produc-dt .main-dt .mobile-image {
padding: 0;
height: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
#produc-dt .main-dt__main-image-wrap {
padding: 15px 20px 90px;
background-color: #f9f9f9
}
#produc-dt .main-dt__main-image-wrap .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
#produc-dt .main-dt .onsale {
position: relative;
top: 0;
left: 12px;
right: 12px;
width: calc(100% - 24px);
height: 35px;
min-height: auto;
margin-bottom: 23px
}
#produc-dt .main-dt .slick-dots {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
#produc-dt .main-dt .slick-dots button {
background-color: #fff
}
#produc-dt .main-dt .slick-dots li.slick-active button {
background-color: #ed1b34
}
#produc-dt .main-dt .pd-special {
width: auto;
margin: 0 -10px;
background-color: #F8F9FA;
padding: 16px 0 22px;
-ms-flex-pack: distribute;
justify-content: space-around
}
#produc-dt .main-dt .pd-special__item {
max-width: 100px;
padding: 0;
font-size: 10px;
line-height: 13px
}
#produc-dt .main-dt .pd-special__image {
width: 45px;
height: 45px
}
}
#produc-dt .features__item {
background-color: #f8f9fa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#produc-dt .features__image {
width: 100%;
max-width: 738px
}
#produc-dt .features__image__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
#produc-dt .features__text {
width: 100%;
max-width: calc(100% - 738px);
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 15px
}
#produc-dt .features__text__ct {
max-width: 430px;
margin: 0 auto;
width: 100%
}
#produc-dt .features__text__ct>* {
max-width: 380px
}
#produc-dt .features__title {
font-family: "NeuePlak SemiBold", sans-serif;
color: #ed1b34;
margin-bottom: 15px
}
#produc-dt .features__des {
line-height: 20px
}
#produc-dt .features__des ul {
list-style: initial;
margin: 0;
margin-bottom: 15px;
padding: 0;
padding-left: 20px
}
#produc-dt .features__des p {
margin-bottom: 5px
}
#produc-dt .features .video-type {
padding: 80px 60px;
background-color: #fff
}
#produc-dt .features .video-type .features__text {
max-width: 339px
}
#produc-dt .features .video-type .features__text__ct {
max-width: 267px
}
#produc-dt .features__video {
max-width: calc(100% - 339px);
height: 100%;
width: 100%
}
#produc-dt .features__video__ct {
padding-top: 56.33%;
position: relative;
width: 100%;
height: 100%
}
#produc-dt .features__video iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%
}
#produc-dt .features .reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
@media (max-width: 1199px) {
#produc-dt .features__image {
max-width: 50%
}
#produc-dt .features__text {
max-width: 50%
}
#produc-dt .features .video-type {
padding: 80px 15px
}
}
@media (max-width: 991px) {
#produc-dt .features__image {
max-width: 100%
}
#produc-dt .features__text {
max-width: 100%;
padding-left: 24px;
padding-right: 24px
}
#produc-dt .features__text * {
max-width: 100%
}
#produc-dt .features .video-type {
padding: 80px 0
}
#produc-dt .features .video-type .features__text, #produc-dt .features .video-type .features__video {
max-width: 100%;
padding-left: 24px;
padding-right: 24px
}
#produc-dt .features .video-type .features__text *, #produc-dt .features .video-type .features__video * {
max-width: 100%
}
}
@media (max-width: 767px) {
#produc-dt .features__text {
padding: 37px 24px 30px
}
#produc-dt .features__title {
margin-bottom: 14px;
font-size: 15px;
line-height: 20px
}
#produc-dt .features .video-type {
padding: 20px 10px
}
#produc-dt .features .video-type .features__video {
padding: 0
}
#produc-dt .features .video-type .features__text {
padding: 28px 10px;
padding-bottom: 0
}
}
#produc-dt .speti {
padding: 80px 15px 90px;
background-color: #fff
}
#produc-dt .speti__ctn {
max-width: 1218px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto
}
#produc-dt .speti__title {
max-width: calc(100% - 900px)
}
#produc-dt .speti__content {
width: 100%;
max-width: 900px
}
#produc-dt .speti__item {
padding: 25px 0;
border-bottom: solid 1px rgba(27, 55, 92, 0.3)
}
#produc-dt .speti__item:first-child {
border-top: solid 1px rgba(27, 55, 92, 0.3)
}
#produc-dt .speti__item__title {
cursor: pointer;
font-family: "NeuePlak SemiBold", sans-serif;
-webkit-transition: 0.35s ease;
transition: 0.35s ease;
margin: 0;
position: relative
}
#produc-dt .speti__item__title i {
-webkit-transition: all .3s linear, -webkit-transform 10ms linear .15s;
transition: all .3s linear, -webkit-transform 10ms linear .15s;
transition: all .3s linear, transform 10ms linear .15s;
transition: all .3s linear, transform 10ms linear .15s, -webkit-transform 10ms linear .15s;
font-size: 20px;
position: absolute;
right: 0;
top: 0;
-webkit-animation: opacity .3s linear;
animation: opacity .3s linear
}
#produc-dt .speti__item__title.active {
margin-bottom: 10px
}
#produc-dt .speti__item__title.active i {
-webkit-animation: opacity_clone .3s linear;
animation: opacity_clone .3s linear;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
@-webkit-keyframes opacity {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes opacity {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes opacity_clone {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes opacity_clone {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@media (max-width: 1199px) {
#produc-dt .speti__ctn {
display: block
}
#produc-dt .speti__title {
max-width: 100%;
margin-bottom: 30px
}
}
@media (max-width: 767px) {
#produc-dt .speti {
padding: 20px 20px 40px
}
#produc-dt .speti__title {
margin-bottom: 16px;
font-size: 15px;
line-height: 18px
}
#produc-dt .speti__item {
padding: 15px 0
}
#produc-dt .speti__item__title {
font-family: "Neue Plak regular", sans-serif;
font-weight: 400
}
}
#produc-dt .upsell {
background-color: #f8f9fa
}
#produc-dt .upsell__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#produc-dt .upsell__item.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
#produc-dt .upsell__image {
max-width: 850px;
width: 100%;
margin: 0
}
#produc-dt .upsell__image__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
#produc-dt .upsell__info {
width: 100%;
max-width: calc(100% - 850px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
#produc-dt .upsell__info__ct {
max-width: 430px;
width: 100%;
padding: 30px 20px
}
#produc-dt .upsell__info__ct * {
max-width: 380px
}
#produc-dt .upsell__subtitle {
font-family: "Neue Plak Bold", sans-serif;
margin-bottom: 45px
}
#produc-dt .upsell__name {
margin-bottom: 13px;
font-family: "NeuePlak SemiBold", sans-serif;
color: #ed1b34
}
#produc-dt .upsell__des {
margin-bottom: 30px;
line-height: 20px
}
@media (max-width: 1199px) {
#produc-dt .upsell__image {
max-width: 50%
}
#produc-dt .upsell__info {
max-width: 50%
}
}
@media (max-width: 767px) {
#produc-dt .upsell__item {
display: block
}
#produc-dt .upsell__image, #produc-dt .upsell__info {
max-width: 100%
}
#produc-dt .upsell__info__ct {
padding: 44px 20px 33px
}
#produc-dt .upsell__subtitle {
margin-bottom: 30px;
font-family: "NeuePlak SemiBold", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 16px
}
#produc-dt .upsell__name {
margin-bottom: 18px;
line-height: 18px
}
}
#produc-dt .upsell-option__title {
margin-bottom: 15px;
width: 100%;
font-size: 8.4px;
line-height: 11px;
display: block;
color: #ed1b34
}
#produc-dt .upsell-option__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#produc-dt .upsell-option__item:not(:first-child) {
margin-left: 11px
}
#produc-dt .upsell-option__button {
pointer-events: initial;
border: none;
margin: 0;
padding: 0;
background-color: transparent;
margin-bottom: 7px;
font-size: 8.4px;
line-height: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: .3s ease;
transition: .3s ease
}
#produc-dt .upsell-option__button.active span {
-webkit-box-shadow: 0 4px 5px 0 #737373;
box-shadow: 0 4px 5px 0 #737373;
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
#produc-dt .upsell-option__button span {
width: 19px;
height: 19px;
-webkit-transition: inherit;
transition: inherit;
background-color: var(--bg_color);
display: block;
border-radius: 50%;
padding: 5px 0
}
#produc-dt .upsell-option__button span:not(:first-child) {
margin-left: -2px
}
#produc-dt .pd-cr {
background-color: #fff;
padding: 90px 0 85px
}
#produc-dt .pd-cr__title {
margin-bottom: 70px;
text-align: center;
font-family: "Neue Plak Bold", sans-serif
}
#produc-dt .pd-cr__ctn {
padding: 0 90px
}
#produc-dt .pd-cr__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#produc-dt .pd-cr__left-col {
max-width: 435px;
width: 100%;
padding-top: 45px;
text-align: center
}
#produc-dt .pd-cr__left-col__head {
margin-bottom: 65px
}
#produc-dt .pd-cr__left-col__rv {
font-family: "Neue Plak Bold", sans-serif;
margin-bottom: 10px
}
#produc-dt .pd-cr__left-col__star {
color: #ed1b34;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
font-size: 15px;
margin-bottom: 10px
}
#produc-dt .pd-cr__left-col__star li {
padding: 0 2px
}
#produc-dt .pd-cr .pd-cr-chart__item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 17px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
#produc-dt .pd-cr .pd-cr-chart__title {
margin-right: 34px;
min-width: 42px
}
#produc-dt .pd-cr .pd-cr-chart__col {
position: relative;
background-color: #e7e6e6;
width: 100%;
height: 28px
}
#produc-dt .pd-cr .pd-cr-chart__col::before {
content: '';
left: 0;
top: 0;
height: 100%;
position: absolute;
z-index: 5;
background-color: #ed1b34
}
#produc-dt .pd-cr__right-col {
padding-left: 98px;
position: relative;
max-width: calc(100% - 435px);
width: 100%
}
#produc-dt .pd-cr__right-col::after {
background-color: rgba(27, 55, 92, 0.21);
position: absolute;
width: 3px;
height: 100%;
right: 7px;
top: 0;
content: ''
}
#produc-dt .pd-cr__right-col__ct {
padding-right: 60px;
max-height: 500px;
overflow: auto;
position: relative;
z-index: 5
}
#produc-dt .pd-cr__right-col ::-webkit-scrollbar {
width: 18px
}
#produc-dt .pd-cr__right-col ::-webkit-scrollbar-thumb {
height: 18px;
border-radius: 100px;
background-color: #ed1b34;
max-height: 18px
}
#produc-dt .pd-cr__right-col ::-webkit-scrollbar-thumb:hover {
background: #ed1b34
}
#produc-dt .pd-cr .pd-cr-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 25px 0 30px;
border-bottom: 1px solid #1b375c
}
#produc-dt .pd-cr .pd-cr-item__left-col {
width: 145px
}
#produc-dt .pd-cr .pd-cr-item__date {
display: block;
margin-bottom: 15px
}
#produc-dt .pd-cr .pd-cr-item__right-col {
width: calc(100% - 145px)
}
#produc-dt .pd-cr .pd-cr-item__star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #ed1b34;
margin-bottom: 20px;
font-size: 15px;
line-height: 15px
}
#produc-dt .pd-cr .pd-cr-item__star__item {
padding: 0 2px
}
#produc-dt .pd-cr .pd-cr-item__title {
font-family: "Neue Plak Bold", sans-serif;
margin-bottom: 5px
}
@media (max-width: 1199px) {
#produc-dt .pd-cr__ctn {
padding: 0 25px
}
#produc-dt .pd-cr__right-col {
padding-left: 20px
}
#produc-dt .pd-cr__right-col__ct {
padding-right: 10px
}
}
@media (max-width: 991px) {
#produc-dt .pd-cr__left-col {
max-width: 350px
}
#produc-dt .pd-cr__right-col {
max-width: calc(100% - 350px)
}
#produc-dt .pd-cr .pd-cr-item {
display: block
}
#produc-dt .pd-cr .pd-cr-item__right-col {
width: 100%
}
}
@media (max-width: 767px) {
#produc-dt .pd-cr {
padding: 0;
padding-top: 45px
}
#produc-dt .pd-cr__title {
margin-bottom: 30px;
font-size: 16px;
letter-spacing: 1.45px;
font-family: "Neue Plak regular", sans-serif;
font-weight: 400
}
#produc-dt .pd-cr__ct {
display: block
}
#produc-dt .pd-cr__left-col {
max-width: 100%;
padding: 0;
margin-bottom: 53px
}
#produc-dt .pd-cr__left-col__head {
margin-bottom: 25px
}
#produc-dt .pd-cr__left-col__rv {
font-size: 20px;
line-height: 25px
}
#produc-dt .pd-cr__right-col {
max-width: 100%;
padding: 0omiya
}
#produc-dt .pd-cr .pd-cr-item {
padding: 65px 0 30px;
position: relative
}
#produc-dt .pd-cr .pd-cr-item:first-child {
padding-top: 30px
}
#produc-dt .pd-cr .pd-cr-item:first-child .pd-cr-item__star {
top: 0
}
#produc-dt .pd-cr .pd-cr-item__left-col {
margin-bottom: 15px;
width: 100%
}
#produc-dt .pd-cr .pd-cr-item__date {
margin-bottom: 5px
}
#produc-dt .pd-cr .pd-cr-item__star {
position: absolute;
left: 0;
top: 35px;
margin: 0;
margin-bottom: 15px
}
}
#produc-dt .rl-pd {
padding: 50px 17px 36px;
background-color: #fff
}
#produc-dt .rl-pd .row {
margin: 0 -13px
}
#produc-dt .rl-pd__item {
padding: 0 13px
}
#produc-dt .rl-pd__title {
margin-bottom: 35px;
font-family: "Neue Plak Bold", sans-serif;
text-align: center
}
@media (max-width: 1199px) {
#produc-dt .rl-pd__item:last-child {
display: none
}
}
@media (max-width: 991px) {
#produc-dt .rl-pd__item:nth-last-child(2) {
display: none
}
}
@media (max-width: 767px) {
#produc-dt .rl-pd {
padding: 33px 10px 35px
}
#produc-dt .rl-pd__ct {
margin: 0 -6px !important
}
#produc-dt .rl-pd__item {
padding: 0 6px
}
}
#produc-dt .pd-popup {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
z-index: 2000;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: .5s ease;
transition: .5s ease;
visibility: hidden
}
#produc-dt .pd-popup.active {
visibility: visible
}
#produc-dt .pd-popup.active .popup-bg {
opacity: 1;
-webkit-transition: .2s ease;
transition: .2s ease
}
#produc-dt .pd-popup.active .popup-ctn {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
#produc-dt .pd-popup__bg {
position: absolute;
opacity: 0;
-webkit-transition: inherit;
transition: inherit;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 2
}
#produc-dt .pd-popup__ctn {
position: relative;
z-index: 5;
padding: 20px 15px;
max-width: 100%;
max-height: 100%;
overflow: hidden;
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
-webkit-transition: inherit;
transition: inherit
}
#produc-dt .pd-popup__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 8px;
-webkit-box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.16);
background-color: #f8f8f8
}
#produc-dt .pd-popup__main {
padding: 40px 66px 40px 48px;
background-color: #ffffff;
border-radius: 8px 0 0 8px;
max-width: 390px;
-webkit-box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.16)
}
#produc-dt .pd-popup__main__ct {
padding: 50px 38px 32px 36px;
border: solid 1px #eaeaea;
background-color: #f2f2f2;
position: relative
}
#produc-dt .pd-popup__main__title {
margin-bottom: 58px;
font-family: "Neue Plak Bold", sans-serif
}
#produc-dt .pd-popup__main__image {
margin-bottom: 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
#produc-dt .pd-popup__main__name {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 12px
}
#produc-dt .pd-popup__main__des {
color: #231f20;
margin-bottom: 10px;
max-width: 200px
}
#produc-dt .pd-popup__main__price {
font-family: "Neue Plak Bold", sans-serif
}
#produc-dt .pd-popup__upsell {
width: 661px;
padding: 38px 44px 60px
}
#produc-dt .pd-popup__upsell__title {
padding-left: 15px;
margin-bottom: 50px;
font-family: "Neue Plak Bold", sans-serif
}
#produc-dt .pd-popup__upsell__item {
position: relative;
cursor: pointer;
display: inline-block;
white-space: normal;
max-width: 276px;
padding: 37px 20px 27px;
background-color: #fff;
border: solid 1px #eaeaea;
-webkit-transition: .3s ease;
transition: .3s ease
}
#produc-dt .pd-popup__upsell__item:not(:last-child) {
margin-right: 21px
}
#produc-dt .pd-popup__upsell__item .check {
opacity: .2
}
#produc-dt .pd-popup__upsell__item:hover .check {
opacity: .5
}
#produc-dt .pd-popup__upsell__item.active, #produc-dt .pd-popup__upsell__item.active:hover {
border: solid 1px #ed1b34
}
#produc-dt .pd-popup__upsell__item.active .check, #produc-dt .pd-popup__upsell__item.active:hover .check {
opacity: 1
}
#produc-dt .pd-popup__upsell__ctn {
overflow: auto;
padding-bottom: 10px;
margin-bottom: 27px
}
#produc-dt .pd-popup__upsell__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
#produc-dt .pd-popup__upsell__image {
margin-bottom: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
#produc-dt .pd-popup__upsell__name {
margin-bottom: 12px;
font-family: "NeuePlak SemiBold", sans-serif
}
#produc-dt .pd-popup__upsell__des {
margin-bottom: 12px;
max-width: 200px
}
#produc-dt .pd-popup__upsell .upsell-option {
margin-bottom: 15px
}
#produc-dt .pd-popup__upsell__price {
font-family: "Neue Plak Bold", sans-serif
}
#produc-dt .pd-popup__upsell__btn-gr {
text-align: right
}
#produc-dt .pd-popup__upsell .go-to-checkout.in-loading {
background-color: #ed1b34 !important
}
#produc-dt .pd-popup__upsell__btn {
text-align: center;
font-family: "Neue Plak Bold", sans-serif;
width: 100%;
max-width: 228px
}
#produc-dt .pd-popup__upsell__btn:not(:last-child) {
margin-right: 14px
}
#produc-dt .pd-popup .check {
-webkit-transition: .3s ease;
transition: .3s ease;
position: absolute;
right: 20px;
top: 20px;
font-size: 25px;
margin: 0;
width: 25px;
height: 25px;
line-height: 25px;
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%
}
@media (max-width: 1199px) {
#produc-dt .pd-popup__upsell {
max-width: 600px
}
}
@media (max-width: 991px) {
#produc-dt .pd-popup__upsell {
max-width: 400px
}
#produc-dt .pd-popup__upsell__btn:not(:last-child) {
margin: 0;
margin-bottom: 15px
}
}
@media (max-width: 767px) {
#produc-dt .pd-popup {
display: none !important
}
}
#cart .main {
background-color: #fff
}
#cart .main__ctn {
padding: 50px 88px 0 93px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
#cart .main__ct {
max-width: 726px;
padding-left: 15px;
width: 100%
}
#cart .main__ct__title {
margin-bottom: 45px;
font-family: "NeuePlak SemiBold", sans-serif
}
#cart .main__dt {
width: 100%;
max-width: 400px;
padding-left: 10px
}
#cart .main__dt__ct {
margin-bottom: 52px
}
#cart .main__dt__title {
margin-bottom: 45px;
font-family: "NeuePlak SemiBold", sans-serif
}
#cart .main__dt .woocommerce-shipping-calculator, #cart .main__dt .woocommerce-shipping-destination {
display: none
}
#cart .main__dt .title {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 0
}
#cart .main__dt #subtotal, #cart .main__dt #total {
font-family: "Neue Plak Bold", sans-serif
}
#cart .main__dt .shop_table {
margin-bottom: 35px
}
#cart .main__dt .shop_table>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 25px 28px;
border: solid 1px rgba(27, 55, 92, 0.3)
}
#cart .main__dt .shop_table>div:not(:last-child) {
border-bottom: none
}
#cart .main__dt .button, #cart .main__dt .customer-rv__link, #cart .main__dt .gift-popup__yes, #cart .main__dt .gift-popup .frm_button_submit, .gift-popup #cart .main__dt .frm_button_submit, #cart .main__dt #home .banner__item__link, #home #cart .main__dt .banner__item__link, #cart .main__dt #home .intro__small__link, #home #cart .main__dt .intro__small__link, #cart .main__dt #home .intro__big__link, #home #cart .main__dt .intro__big__link, #cart .main__dt #home .cat__link, #home #cart .main__dt .cat__link, #cart .main__dt .shop .shop-ct .paging__view-all__btn, .shop .shop-ct #cart .main__dt .paging__view-all__btn, #cart .main__dt .shop .other-cat__link, .shop #cart .main__dt .other-cat__link, #cart .main__dt #produc-dt .main-dt button.button.single_add_to_cart_button, #produc-dt .main-dt #cart .main__dt button.button.single_add_to_cart_button, #cart .main__dt #checkout .user__tab-btn, #checkout #cart .main__dt .user__tab-btn, #cart .main__dt #checkout .user .submit button, #checkout .user .submit #cart .main__dt button, #cart .main__dt #checkout .user .submit input[type=submit], #checkout .user .submit #cart .main__dt input[type=submit], #cart .main__dt #contact .main__form .frm_button_submit, #contact .main__form #cart .main__dt .frm_button_submit, #cart .main__dt .commerical .form-sec .frm_button_submit, .commerical .form-sec #cart .main__dt .frm_button_submit, #cart .main__dt .bed-select .form-sec .frm_button_submit, .bed-select .form-sec #cart .main__dt .frm_button_submit {
max-width: 246px;
height: 42px;
padding: 0 10px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto
}
#cart .main__dt .wc-proceed-to-checkout {
padding: 0
}
#cart .main__dt .afterpay-notice {
display: block !important
}
#cart .main__dt .afterpay-notice__icon {
margin-bottom: 5px;
height: 24px
}
#cart .main__dt .afterpay-notice a {
text-decoration: underline;
margin-left: 15px
}
@media (max-width: 1199px) {
#cart .main__ctn {
padding-left: 0;
padding-right: 0
}
#cart .main__dt {
padding-right: 10px;
max-width: 380px
}
}
@media (max-width: 991px) {
#cart .main__ctn {
display: block
}
#cart .main__ct {
max-width: 100%;
padding: 0 15px
}
#cart .main__dt {
max-width: 100%;
padding: 15px
}
}
@media (max-width: 575px) {
#cart .main__dt__ct {
margin-bottom: 0
}
#cart .main__dt .shop_table {
margin-bottom: 0
}
#cart .main #check-out-link {
display: none !important
}
#cart .main__ctn {
padding-top: 30px
}
}
#cart .cart-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
#cart .cart-item:not(:last-child) {
padding-bottom: 36px;
margin-bottom: 40px;
border-bottom: solid 1px rgba(27, 55, 92, 0.3)
}
#cart .cart-item.blur>*:not(span) {
-webkit-filter: blur(3px);
filter: blur(3px)
}
#cart .cart-item .loadding-btn {
width: 30px;
height: 30px;
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
#cart .cart-item .loadding-btn::after {
border-color: #1b375c;
border-top-color: transparent
}
#cart .cart-item__image-ctn {
max-width: 245px;
width: 100%
}
#cart .cart-item__image {
width: 100%;
padding-top: 100%;
position: relative;
background-color: #f2f2f2
}
#cart .cart-item__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: contain;
object-fit: contain
}
#cart .cart-item__ct {
width: 100%;
max-width: calc(100% - 245px);
padding: 20px 60px 20px 37px;
position: relative
}
#cart .cart-item__name {
font-family: "Neue Plak Bold", sans-serif;
margin-bottom: 13px
}
#cart .cart-item__cat {
margin-bottom: 15px
}
#cart .cart-item__price {
font-family: "Neue Plak Bold", sans-serif;
margin-bottom: 25px
}
#cart .cart-item__btn {
position: absolute;
right: 0;
top: 20px;
color: #ed1b34;
border: none;
background-color: transparent;
padding: 0
}
#cart .cart-item__re-choose {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#cart .cart-item__text {
margin-bottom: 20px;
font-family: "NeuePlak SemiBold", sans-serif;
display: block
}
#cart .cart-item__qty, #cart .cart-item__attr-ctn {
max-width: 172px;
width: 100%
}
#cart .cart-item__attr {
margin-bottom: 20px
}
#cart .cart-item input, #cart .cart-item select {
background: #fff;
height: 45px;
border: solid 1px #b6b6b6;
padding: 0 13px;
width: 100%
}
@media (max-width: 1199px) {
#cart .cart-item__qty {
margin-bottom: 15px
}
}
@media (max-width: 575px) {
#cart .cart-item__image-ctn {
max-width: 150px;
padding-bottom: 15px
}
#cart .cart-item__ct {
max-width: calc(100% - 150px);
padding: 10px 15px;
padding-right: 0;
position: static
}
#cart .cart-item__btn {
position: relative;
top: 0
}
#cart .cart-item__name {
margin-bottom: 6px
}
#cart .cart-item__price {
margin-bottom: 0
}
#cart .cart-item__re-choose {
position: absolute;
left: 0;
bottom: 25px;
width: 100%
}
#cart .cart-item__qty {
max-width: 50%;
padding-right: 8px
}
#cart .cart-item__attr-ctn {
max-width: 50%;
padding-left: 8px
}
}
#cart .extra-pd__title {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 26px;
color: #ed1b34
}
#cart .extra-pd__ct {
margin: 0 -8px
}
#cart .extra-pd__item {
padding: 0 8px
}
#cart .extra-pd__image {
background-color: #f2f2f2;
padding-top: 100%;
width: 100%;
position: relative;
margin-bottom: 21px
}
#cart .extra-pd__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: contain;
object-fit: contain
}
#cart .extra-pd__name {
font-family: "Neue Plak Bold", sans-serif;
margin-bottom: 15px
}
#cart .extra-pd__price {
font-family: "Neue Plak Bold", sans-serif;
margin-bottom: 15px
}
#cart .extra-pd__link {
font-family: "Neue Plak Bold", sans-serif;
color: #ed1b34
}
@media (max-width: 575px) {
#cart .extra-pd {
display: none
}
}
#cart .deli-info {
background-color: #fff;
padding: 32px 88px 140px 93px
}
#cart .deli-info__ctn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#cart .deli-info__title {
font-family: "NeuePlak SemiBold", sans-serif;
max-width: 320px;
width: 100%;
color: #ed1b34
}
#cart .deli-info__des {
max-width: 434px;
width: 100%;
letter-spacing: 0.3px;
line-height: 16px
}
#cart .deli-info__des__item {
margin-bottom: 7px
}
#cart .deli-info__des p {
margin-bottom: 0
}
#cart .deli-info__des .is-bold {
font-family: "Neue Plak Bold", sans-serif
}
#cart .deli-info .checkout-btn {
display: none
}
@media (max-width: 575px) {
#cart .deli-info {
padding: 0 15px 30px
}
#cart .deli-info__ctn {
padding: 0 13px 30px
}
#cart .deli-info .checkout-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
width: 100%
}
}
@media (max-width: 991px) {
#cart .banner-step__step__item:not(:first-child) {
display: none
}
}
@media (max-width: 575px) {
#cart .banner-step__ct {
padding: 0
}
}
.blogs .loadding-btn {
position: absolute;
width: 30px;
height: 30px;
left: calc(50% - 30px);
top: calc(50% - 30px)
}
.blogs .loadding-btn::after {
border-color: #000;
border-top-color: transparent;
width: inherit;
height: inherit
}
.blogs .banner {
position: relative;
margin-top: -126px
}
.blogs .banner--main {
width: 100%;
position: relative;
margin-bottom: 0;
min-height: 500px;
padding-top: 33.96%
}
.blogs .banner--main__image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.blogs .banner--slider {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.blogs .banner--slider__container {
max-width: 518px;
min-width: 365px;
width: 100%;
min-height: 327px;
height: 100%;
background-color: #f8f9fa;
padding: 61px 64px 57px 58px
}
.blogs .banner--slider__content {
margin: 0 auto;
height: 100%
}
.blogs .banner--slider__content h5 {
color: #ed1b34;
font-family: "Neue Plak regular", sans-serif;
font-weight: 600;
letter-spacing: 3px;
margin-bottom: 12px;
line-height: 2.14
}
.blogs .banner--slider__content h4 {
color: #1b375c;
font-family: "Neue Plak regular", sans-serif;
font-weight: 300;
line-height: 1.4;
letter-spacing: 0.5px;
margin-bottom: 48px
}
.blogs .banner--slider__content a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 1.27px;
font-weight: bold;
min-width: 160px;
min-height: 35px;
font-family: "Neue Plak regular", sans-serif;
text-transform: uppercase
}
@media screen and (max-width: 1439px) {
.blogs .banner--slider__container {
min-height: 255px
}
}
.blogs .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 64px;
bottom: 64px
}
.blogs .slick-dots li[role="presentation"] {
margin: 0 5px !important
}
.blogs .slick-dots li[role="presentation"] button {
display: block;
width: 9px;
height: 9px;
overflow: hidden;
border: none;
outline: none;
background-color: #dbe7f6;
font-size: 0
}
.blogs .slick-dots li[role="presentation"].slick-active button {
background-color: #ed1b34
}
.blogs__main {
padding: 63px 50px;
background-color: white
}
.blogs__main--header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 63px
}
.blogs__main--header h3 {
text-transform: uppercase;
font-family: "Neue Plak Bold", sans-serif;
color: #1b375c;
margin: 0;
letter-spacing: 0.7px;
padding: 15px 25px
}
.blogs__main--header .list-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.blogs__main--header .list-categories button {
padding: 5px 20px;
background-color: #ed1b34;
border: 1px solid #ed1b34;
color: white;
text-transform: uppercase;
font-family: "Neue Plak Bold", sans-serif;
font-size: 14px;
letter-spacing: 1.27px;
-webkit-transition: .5s ease;
transition: .5s ease
}
.blogs__main--header .list-categories button:hover, .blogs__main--header .list-categories button.active {
background-color: white;
color: black
}
.blogs__main--header .list-categories li:not(:first-child) {
margin-left: 20px
}
.blogs__main--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -23px;
position: relative
}
.blogs__main .blog-item {
padding: 0 23px;
width: 33.333333;
margin-bottom: 60px
}
.blogs__main--pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 0 63px;
width: 100%
}
.blogs__main--pagination button {
width: 28px;
height: 28px;
margin: 0 7px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #1b375c;
font-size: 10px;
font-weight: 600;
background: none;
outline: none;
border: none;
-webkit-transition: .2s;
transition: .2s
}
.blogs__main--pagination button:hover, .blogs__main--pagination button.active {
color: white;
background-color: #ed1b34
}
.blogs .benefits .slick-dots {
position: relative;
right: 0;
bottom: 0
}
@media (max-width: 1199px) {
.blogs__main--header {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.blogs__main--header h3 {
padding-left: 0;
padding-bottom: 46px
}
.blogs__main--header .list-categories {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.blogs__main--header li {
margin-bottom: 10px;
margin-left: 0 !important;
margin-right: 20px
}
}
@media (max-width: 767px) {
.blogs .banner .slick-dots {
bottom: 20px
}
.blogs .banner--main {
min-height: 320px
}
.blogs .banner--slider {
position: relative;
padding: 0
}
.blogs .banner--slider__container {
max-width: 100%;
padding: 30px 37px 70px;
min-height: auto;
min-width: auto
}
.blogs .banner--slider__content h5 {
margin-bottom: 30px;
font-size: 13px;
line-height: 15px
}
.blogs .banner--slider__content h4 {
font-size: 26px;
line-height: 30px;
margin-bottom: 0
}
.blogs .banner--slider__content a {
display: none
}
.blogs__main {
padding: 0;
padding-bottom: 30px
}
.blogs__main--header {
display: none
}
.blogs__main--content {
margin: 0
}
.blogs__main--pagination {
padding: 0;
padding-top: 20px
}
.blogs .blog-item {
padding: 0 15px;
margin-bottom: 25px
}
.blogs--article__title, .blogs--article__date, .blogs--article__link {
padding-left: 14px
}
}
#checkout .main {
padding: 50px 90px 80px;
background-color: #fff
}
#checkout .main input {
height: 45px;
border: solid 1px #b6b6b6;
width: 100%;
-webkit-transition: .3s ease;
transition: .3s ease;
padding: 7px 18px
}
#checkout .main input:focus {
border-color: #1b375c !important
}
#checkout .main .woocommerce {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#checkout .main__checkout-rv {
max-width: 385px;
width: 100%;
padding-left: 15px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: initial
}
#checkout .main .shop_table {
position: -webkit-sticky;
position: sticky;
top: 90px
}
#checkout .main__ct {
max-width: 657px;
width: 100%
}
#checkout .main .woocommerce-notices-wrapper {
width: 100%
}
#checkout .main__title {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 40px
}
#checkout .main .billing-title {
margin-bottom: 25px;
font-family: "Neue Plak Bold", sans-serif;
letter-spacing: 0.5px
}
#checkout .main__checkout-form {
margin-bottom: 52px
}
#checkout .main__checkout-form__billing-form {
margin-bottom: 30px
}
#checkout .main__checkout-form__shipping-form #ship-to-different-address {
color: #686869;
margin-bottom: 40px
}
#checkout .main__checkout-form__shipping-form #ship-to-different-address input {
display: none
}
#checkout .main__checkout-form__shipping-form #ship-to-different-address input:checked+.check-mask i {
opacity: 1
}
#checkout .main__checkout-form__shipping-form #ship-to-different-address .check-mask {
width: 15px;
height: 15px;
border: solid 1px #979797;
display: inline-block;
margin-bottom: -3px;
margin-right: 14px
}
#checkout .main__checkout-form__shipping-form #ship-to-different-address .check-mask i {
opacity: 0;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-transition: .2s linear;
transition: .2s linear
}
#checkout .main #order_comments_field {
margin: 0;
padding: 0
}
#checkout .main #order_comments_field label {
width: 100%;
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 16px
}
#checkout .main #order_comments_field .optional {
display: none
}
#checkout .main #order_comments_field .woocommerce-input-wrapper {
width: 100%;
display: block
}
#checkout .main #order_comments_field textarea {
min-height: 135px;
border: solid 1px #b6b6b6;
padding: 10px 18px;
color: #1b375c
}
#checkout .main #customer_details {
margin-bottom: 55px
}
#checkout .main #order_review_heading {
font-family: "Neue Plak Bold", sans-serif
}
#checkout .main .payment-label {
display: none
}
#checkout .main .payment-choose {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px
}
#checkout .main .payment-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
#checkout .main .payment-list .payment-label {
opacity: .5;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
#checkout .main .payment-list .payment-label * {
max-height: inherit
}
#checkout .main .payment-list .payment-label img {
height: 29px;
padding: 0 4px
}
#checkout .main .payment-list .payment-label.active {
opacity: 1
}
#checkout .main .place-order {
display: none
}
#checkout .main__submit-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
#checkout .main__submit-bar__text {
padding-right: 15px;
margin: 0;
color: #686869
}
#checkout .main__submit-bar__btn {
width: 172px
}
@media (max-width: 1439px) {
#checkout .main {
padding: 30px 24px
}
}
@media (max-width: 1199px) {
#checkout .main__ct {
max-width: calc(100% - 400px)
}
}
@media (max-width: 991px) {
#checkout .main__ct {
max-width: calc(100% - 300px)
}
#checkout .main__checkout-rv {
max-width: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
@media (max-width: 767px) {
#checkout .main__ct {
max-width: 100%;
margin-bottom: 50px
}
}
@media (max-width: 575px) {
#checkout .main__submit-bar {
display: block
}
#checkout .main__submit-bar__text {
padding: 0;
margin-bottom: 40px
}
#checkout .main__submit-bar__btn {
width: 100%
}
}
#checkout .checkout_coupon {
margin: 0;
padding: 0;
margin-bottom: 55px;
border: none;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#checkout .checkout_coupon__title {
margin-bottom: 20px;
letter-spacing: 0.35px;
font-family: "NeuePlak SemiBold", sans-serif;
width: 100%
}
#checkout .checkout_coupon .input-mask {
width: 100%;
max-width: calc(100% - 172px);
padding-right: 21px
}
#checkout .checkout_coupon .submit-mask {
width: 100%;
max-width: 172px
}
#checkout .checkout_coupon .submit-mask button {
background-color: #d9d5d6;
height: 45px;
font-family: "Neue Plak Bold", sans-serif;
color: #fff;
text-transform: none;
border: 1px solid #d9d5d6;
width: 100%
}
#checkout .checkout_coupon .submit-mask button:hover {
color: #d9d5d6;
background-color: #fff
}
@media (max-width: 575px) {
#checkout .checkout_coupon {
margin-bottom: 30px
}
#checkout .checkout_coupon .input-mask {
padding: 0;
max-width: 100%
}
#checkout .checkout_coupon .submit-mask {
max-width: 100%
}
}
#checkout #payment {
background-color: transparent
}
#checkout #payment div.payment_box {
padding: 0;
margin: 0;
background-color: transparent
}
#checkout #payment div.payment_box:before {
content: none
}
#checkout #payment ul.payment_methods {
padding: 0;
border: none
}
#checkout .woocommerce_error, #checkout .woocommerce-error {
border: none;
padding: 0;
color: #ed1b34;
background-color: transparent
}
#checkout .woocommerce_error::before, #checkout .woocommerce-error::before {
content: none
}
#checkout .payment_method_stripe p {
display: none
}
#checkout .payment_method_stripe label {
width: 100%;
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 20px;
color: #1b375c
}
#checkout .payment_method_stripe #wc-stripe-cc-form {
margin: 0
}
#checkout .payment_method_stripe br {
display: none
}
#checkout .payment_method_stripe .form-row {
padding: 0 !important;
margin: 0 !important
}
#checkout .payment_method_stripe .form-row-first {
width: 50%;
padding-right: 10px !important
}
#checkout .payment_method_stripe .form-row-last {
width: 50%;
padding-left: 10px !important
}
#checkout .payment_method_stripe .form-row>div {
width: 100%
}
#checkout .payment_method_stripe .form-row:first-child {
margin-bottom: 25px !important
}
#checkout .payment_method_stripe .wc-stripe-elements-field {
height: 45px;
border: solid 1px #b6b6b6;
margin: 0;
padding: 13px
}
#checkout .payment_method_stripe .required {
display: none
}
#checkout .woocommerce-SavedPaymentMethods-saveNew {
display: none !important
}
#checkout .user {
padding: 20px 0
}
#checkout .user__ct-item {
position: absolute;
z-index: 5;
opacity: 0;
visibility: hidden;
-webkit-transition: .2s;
transition: .2s
}
#checkout .user__ct-item.active {
position: relative;
opacity: 1;
visibility: visible
}
#checkout .user .loadding-btn {
position: absolute;
z-index: 20;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
#checkout .user .loadding-btn::after {
border-color: #1b375c;
border-top-color: transparent
}
#checkout .user__title {
margin-bottom: 20px;
font-family: "NeuePlak SemiBold", sans-serif
}
#checkout .user__tablist {
margin: 0 -10px;
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#checkout .user__tab-item {
padding: 10px
}
#checkout .user .f-item {
float: none;
width: 100%;
padding: 0;
margin-bottom: 20px
}
#checkout .user .f-item input {
width: 100%;
height: 45px;
border: solid 1px #b6b6b6;
padding: 0 18px
}
#checkout .user .f-item label {
padding-left: 12px;
margin-bottom: 20px;
font-family: "NeuePlak SemiBold", sans-serif
}
#checkout .user form {
border: none;
margin: 0;
padding: 0
}
#checkout .user .input-mask {
position: relative;
width: 100%;
display: block
}
#checkout .user .lost_password {
font-family: "NeuePlak SemiBold", sans-serif;
margin-left: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #ed1b34
}
#checkout .user .submit {
margin-left: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
#checkout .user .submit button, #checkout .user .submit input[type=submit] {
text-transform: initial
}
#checkout .user .submit button.no-event, #checkout .user .submit input[type=submit].no-event {
opacity: .5
}
@media (max-width: 575px) {
#checkout .user__tab-item {
width: 50%
}
#checkout .user__tab-btn {
width: 100%;
min-width: auto
}
}
#checkout .review__total {
padding: 100px 28px 40px;
border: solid 1px #b6b6b6
}
#checkout .review__total>* {
margin-bottom: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#checkout .review__total>* * {
margin-bottom: 0
}
#checkout .review__total p>span:first-child, #checkout .review__total .title {
font-family: "NeuePlak SemiBold", sans-serif
}
#checkout .review__total p>span:last-child {
font-family: "Neue Plak Bold", sans-serif
}
#checkout .review__pd-item {
padding: 25px 28px;
border: solid 1px #b6b6b6;
border-bottom: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
#checkout .review__pd-item__name {
font-family: "NeuePlak SemiBold", sans-serif
}
#checkout .review__pd-item__price {
font-family: "Neue Plak Bold", sans-serif
}
#checkout .form-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#checkout .form-wrapper p {
margin-bottom: 15px;
padding: 0;
width: 100%
}
#checkout .form-wrapper input, #checkout .form-wrapper select, #checkout .form-wrapper .select2-selection__rendered {
border: solid 1px #b6b6b6;
width: 100%;
height: 45px;
padding: 8px 18px;
color: #1b375c
}
#checkout .form-wrapper .select2-selection {
border: none;
height: auto
}
#checkout .form-wrapper .select2-container--default.select2-container--open .select2-selection__arrow b {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 75%
}
#checkout .form-wrapper .select2-selection__arrow {
right: 15px
}
#checkout .form-wrapper .select2-selection__arrow b {
width: 12px;
height: 12px;
margin: 0;
padding: 0;
border: 1px solid;
border-top: none;
border-left: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 0
}
#checkout .form-wrapper .woocommerce-input-wrapper {
width: 100%
}
#checkout .form-wrapper .form-row-first {
padding-right: 10px;
width: 50%
}
#checkout .form-wrapper .form-row-last {
padding-left: 10px;
width: 50%
}
#checkout .form-wrapper label {
width: 100%;
margin-bottom: 15px;
font-family: "NeuePlak SemiBold", sans-serif;
text-transform: capitalize
}
#checkout .form-wrapper .required {
color: #1b375c
}
#checkout .form-wrapper .optional {
display: none
}
@media (max-width: 575px) {
#checkout .form-wrapper .form-row-first, #checkout .form-wrapper .form-row-last {
padding: 0;
width: 100%
}
}
@media (max-width: 767px) {
#checkout .banner-step__ct {
padding: 0
}
#checkout .banner-step__step__item {
margin: 0
}
#checkout .banner-step__step__item:not(:first-child) {
display: none
}
}
.blog-detail--banner {
position: relative;
padding-top: 22.01%;
min-height: 350px
}
.blog-detail--banner img {
width: 100%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover
}
.blog-detail .container {
background-color: white
}
.blog-detail .image--container {
font-size: 12px;
letter-spacing: 0.3px;
text-align: center
}
.blog-detail .image--container figure {
margin-bottom: 13px
}
.blog-detail .image--container img {
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.blog-detail .text-ct {
line-height: 20px
}
.blog-detail--content {
max-width: 1110px;
width: 100%;
margin: 0 auto 49px;
position: relative
}
.blog-detail--content .text__title {
font-family: "NeuePlak SemiBold", sans-serif;
letter-spacing: 0.5px;
font-size: 20px;
color: #ed1b34;
margin-bottom: 15px
}
.blog-detail--content .text__content {
font-size: 12px;
letter-spacing: 0.3px;
color: #1b375c;
margin-bottom: 5px;
line-height: 20px
}
.blog-detail--content__section {
padding: 0 33px
}
.blog-detail--content__section ul {
padding-left: 18px;
list-style: initial;
margin-bottom: 1rem;
}
.blog-detail--content__section .aligncenter {
display: block;
margin: 0 auto;
}
.blog-detail--content__text {
padding: 30px 33px
}
.blog-detail--content__image {
padding: 25px 0 30px
}
.blog-detail--content__post {
padding: 59px;
background-color: #f8f9fa;
margin-top: -134px
}
.blog-detail--content__post .post__type {
font-family: "NeuePlak SemiBold", sans-serif;
font-size: 14px;
letter-spacing: 3px;
margin-bottom: 15px;
text-transform: uppercase;
color: #ed1b34
}
.blog-detail--content__post .post__title {
font-family: "Untitled Sans Light", sans-serif;
font-size: 40px;
letter-spacing: 0.5px;
margin-bottom: 20px;
max-width: 430px;
line-height: 56px;
color: #1b375c
}
.blog-detail--content__post .post__sub-title {
font-size: 20px;
color: #1b375c
}
.blog-detail--related {
padding: 0 50px 60px
}
.blog-detail--related__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px
}
.blog-detail--related__header h3, .blog-detail--related__header a {
font-size: 14px;
font-family: "Neue Plak Bold", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0
}
.blog-detail--related__header a {
color: #ed1b34
}
.blog-detail--related__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -23px
}
.blog-detail--related .related-item {
width: 33.333333%;
padding: 0 23px
}
@media (max-width: 767px) {
.blog-detail .container {
background-color: transparent
}
.blog-detail--content {
padding-bottom: 20px;
margin-bottom: 0;
background-color: #fff
}
.blog-detail--content__post {
margin-top: -100px;
padding: 38px 25px;
padding-bottom: 25px
}
.blog-detail--content__post .post__type {
margin-bottom: 20px;
font-size: 13px
}
.blog-detail--content__post .post__title {
margin-bottom: 20px;
font-size: 26px;
line-height: 35px;
max-width: 250px
}
.blog-detail--content__post .post__sub-title {
font-size: 16px;
line-height: 20px
}
.blog-detail--content__text {
padding: 30px 25px
}
.blog-detail .text-ct {
font-size: 12px
}
.blog-detail--related {
padding: 0;
padding-bottom: 30px;
background-color: #fff
}
.blog-detail--related__content {
margin: 0
}
.blog-detail--related__header {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.blog-detail--related__header a {
display: none
}
.blog-detail .related-item {
width: 50%;
margin-bottom: 40px;
padding: 0 15px
}
}
@media (max-width: 575px) {
.blog-detail .related-item {
width: 100%
}
}
.our-story .banner {
position: relative
}
.our-story .banner__image {
position: relative;
padding-top: 33.96%;
margin-bottom: 0;
min-height: 500px
}
.our-story .banner__image img {
width: 100%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover
}
.our-story .banner--container {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%
}
.our-story .banner__header {
background-color: #f8f9fa;
padding: 50px 62px 82px;
max-width: 520px
}
.our-story .banner__header .story__type {
font-family: "NeuePlak SemiBold", sans-serif;
font-size: 14px;
line-height: 2.14;
letter-spacing: 3px;
color: #ed1b34;
text-transform: uppercase;
margin-bottom: 6px
}
.our-story .banner__header .story__title {
font-family: "Neue Plak Light", sans-serif;
max-width: 370px;
font-size: 40px;
line-height: 1.4;
letter-spacing: 0.5px;
color: #1b375c;
margin-bottom: 24px
}
.our-story .banner__header .story__sub-title {
font-size: 18px;
line-height: 1.44;
color: #1b375c;
max-width: 300px
}
.our-story .main--about {
padding: 65px 0;
background-color: white
}
.our-story .main--about__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 35px;
margin-bottom: 65px
}
.our-story .main--about__image [data-aos="fade-up"] {
-webkit-transform: translateY(500px);
transform: translateY(500px)
}
.our-story .main--about__image [data-aos="fade-up"].aos-animate {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.our-story .main--about__image--container {
width: 100%;
max-width: 50%;
padding: 30px
}
.our-story .main--about__image figure {
position: relative;
padding-top: 68.33%;
margin: 0
}
.our-story .main--about__image figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.our-story .main--about__content {
padding: 0 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 105px
}
.our-story .main--about__content .content-title {
font-family: "NeuePlak SemiBold", sans-serif;
line-height: 1.5;
letter-spacing: 0.5px;
color: #ed1b34
}
.our-story .main--about__content .description {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.our-story .main--about__content .description__content {
max-width: 434px;
width: 100%;
font-size: 14px;
line-height: 1.67;
letter-spacing: 0.3px;
color: #1b375c
}
.our-story .main--about__content .description__content p {
margin: 0
}
.our-story .main--about__content .description__content:nth-of-type(2) {
margin-left: 40px
}
.our-story .main--about__story {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.our-story .main--about__story:last-of-type {
margin-bottom: 90px
}
.our-story .main--about__story.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.our-story .main--about__story.reverse .main--about__story__content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: white;
padding: 10px 56px
}
.our-story .main--about__story.reverse .story {
max-width: 500px
}
.our-story .main--about__story__content {
width: 100%;
max-width: 656px;
padding: 10px 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f8f9fa
}
.our-story .main--about__story .story {
width: 100%;
max-width: 380px
}
.our-story .main--about__story .story__title {
font-family: "NeuePlak SemiBold", sans-serif;
line-height: 1.5;
letter-spacing: 0.5px;
color: #ed1b34;
margin-bottom: 10px
}
.our-story .main--about__story .story__content {
line-height: 1.67;
letter-spacing: 0.3px
}
.our-story .main--about__story .story__content p {
margin: 0;
color: #1b375c
}
.our-story .main--about__story .thumbnail {
width: calc(100% - 656px)
}
.our-story .main--about__story .thumbnail figure {
position: relative;
padding-top: 51.35%;
height: 100%
}
.our-story .main--about__story .thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
left: 0;
top: 0
}
.our-story .main--about__product {
position: relative;
margin-top: 90px
}
.our-story .main--about__product [data-aos="fade-up"] {
-webkit-transform: translateY(500px);
transform: translateY(500px)
}
.our-story .main--about__product [data-aos="fade-up"].aos-animate {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.our-story .main--about__product__image {
position: relative;
padding-top: 41.56%;
margin: 0;
min-height: 500px
}
.our-story .main--about__product__image img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.our-story .main--about__product__article {
background-color: #ffffff;
padding: 43px 63px;
position: absolute;
right: 0;
bottom: 0;
max-width: 616px;
width: 100%
}
.our-story .main--about__product__article .article__title {
line-height: 1.33;
letter-spacing: 0.5px;
color: #1b375c;
margin-bottom: 24px;
font-family: "NeuePlak SemiBold", sans-serif
}
.our-story .main--about__product__article .article__content {
line-height: 1.67;
letter-spacing: 0.3px;
color: #1b375c
}
.our-story .main--about__product__article .article__content p {
margin-bottom: 5px
}
.our-story .main--about__product__article .article__link {
max-height: 50px;
height: 100%;
margin: 50px auto 0;
text-align: center
}
.our-story .main--about__product__article .article__link--element-a {
display: inline-block;
text-align: center;
max-height: 50px
}
.our-story .main--about__product__article .article__link--element-a img {
max-height: inherit
}
@media (max-width: 1199px) {
.our-story .main--about__content {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.our-story .main--about__content .content-title {
margin-bottom: 20px;
width: 100%
}
.our-story .main--about__content .description {
width: 100%
}
.our-story .main--about__content .description__content {
max-width: 50%
}
.our-story .main--about__story__content {
max-width: 50%
}
.our-story .main--about__story .thumbnail {
max-width: 50%;
width: 100%
}
}
@media (max-width: 991px) {
.our-story .banner__header {
padding: 40px 82px
}
.our-story .main--about__image {
padding: 0
}
.our-story .main--about__image--container {
padding: 0 15px
}
.our-story .main--about__story {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.our-story .main--about__story__content {
max-width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-top: 20px;
padding-bottom: 20px
}
.our-story .main--about__story .thumbnail {
max-width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.our-story .main--about__product__image {
min-height: auto
}
.our-story .main--about__product__article {
position: relative;
max-width: 100%
}
}
@media (max-width: 767px) {
.our-story .banner__image {
min-height: 320px
}
.our-story .banner--container {
position: relative;
padding: 0
}
.our-story .banner__header {
max-width: 100%;
padding: 30px 40px 50px
}
.our-story .banner__header .story__type {
margin-bottom: 40px;
font-size: 13px;
line-height: 16px
}
.our-story .banner__header .story__title {
font-size: 26px;
line-height: 35px;
margin-bottom: 15px;
max-width: 250px
}
.our-story .banner__header .story__sub-title {
font-size: 14px;
max-width: 250px
}
.our-story .main--about {
padding: 0;
padding-top: 15px
}
.our-story .main--about__image {
display: block;
margin-bottom: 35px
}
.our-story .main--about__image--container {
max-width: 100%;
margin-bottom: 15px
}
.our-story .main--about__content {
margin-bottom: 40px;
padding: 0 25px
}
.our-story .main--about__content .content-title {
margin-bottom: 15px
}
.our-story .main--about__content .description {
display: block
}
.our-story .main--about__content .description__content {
max-width: 100%;
margin-left: 0 !important;
margin-bottom: 10px
}
.our-story .main--about__story__content {
padding: 27px 22px 45px !important
}
.our-story .main--about__story .story {
max-width: 100%
}
.our-story .main--about__story .story__title {
margin-bottom: 15px;
font-size: 15px;
line-height: 20px
}
.our-story .main--about__product {
margin-top: 0
}
.our-story .main--about__product__image {
min-height: 250px
}
.our-story .main--about__product__article {
padding: 35px 25px 48px
}
.our-story .main--about__product__article .article__title {
font-size: 15px;
margin-bottom: 15px;
color: #ed1b34
}
.our-story .main--about__product__article .article__link {
margin-top: 35px
}
}
.store__banner {
position: relative
}
.store__banner__image {
position: relative;
width: 100%;
margin-bottom: 0;
padding-top: 26.6%;
min-height: 500px
}
.store__banner__image img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.store__banner__title {
font-family: "Neue Plak Bold", sans-serif;
position: absolute;
left: 104px;
bottom: 104px;
line-height: 2.17;
letter-spacing: 0.75px;
color: white
}
@media (max-width: 767px) {
.store__banner__image {
min-height: 330px
}
.store__banner__title {
display: none
}
}
.store__header {
padding: 38px 90px;
background-color: #f8f9fa
}
.store__header__title {
font-family: "Neue Plak Light", sans-serif;
margin-bottom: 0;
letter-spacing: 0.75px;
line-height: 2.17;
color: #1b375c
}
.store__header--container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.store__header__content {
font-family: "NeuePlak SemiBold", sans-serif;
color: #1b375c;
line-height: 1.71;
letter-spacing: 0.35px;
max-width: 875px;
width: 100%
}
.store__header__content span {
display: block
}
.store__header__content a {
display: inline-block
}
.store__header__content .content__item.f-light {
font-family: "Neue Plak regular", sans-serif
}
.store__header__content .content__item--have-margin {
margin: 0 0 7px
}
.store__header__content--top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.store__header__content--top .content__item {
max-width: 200px
}
.store__header__content--bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.store__header__content--bottom .content__item {
max-width: 260px
}
.store__header__content .direct-contact {
color: #ed1b34;
letter-spacing: 0.4px
}
@media (max-width: 1439px) {
.store__header {
padding: 38px 25px
}
}
@media (max-width: 1199px) {
.store__header--container {
display: block
}
.store__header__title {
margin-bottom: 25px
}
}
@media (max-width: 767px) {
.store__header {
padding: 35px 24px 30px
}
.store__header__title {
line-height: 30px
}
.store__header__content--top {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.store__header__content--top .content__item {
width: auto;
margin-bottom: 25px;
max-width: 50%;
font-size: 12px
}
.store__header__content--top .content__item a {
display: block
}
.store__header__content--top .content__item:nth-child(3), .store__header__content--top .content__item:nth-child(4) {
width: 100%;
max-width: 100%
}
.store__header__content--bottom {
display: block
}
.store__header__content--bottom .direct-contact {
margin-bottom: 13px
}
.store__header__content--bottom .content__item {
margin-bottom: 13px
}
}
.store .divine-line {
height: 2px;
width: 100%;
background-color: rgba(27, 55, 92, 0.3);
margin: 27px 0 30px
}
.store__content {
background-color: white;
padding: 73px 100px 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.store__content__about {
padding: 22px 0
}
@media (max-width: 1199px) {
.store__content {
padding: 50px
}
.store__content__about {
max-width: 50%;
width: 100%;
padding-right: 20px
}
}
@media (max-width: 767px) {
.store__content {
padding: 0 24px 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.store__content__about {
max-width: 100%;
padding: 35px 0 0 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
.store .map__title {
font-family: "NeuePlak SemiBold", sans-serif;
letter-spacing: 0.5px;
line-height: 1.5;
color: #ed1b34;
margin-bottom: 29px
}
.store .map__content {
letter-spacing: 0.3px;
color: #1b375c;
line-height: 1.67
}
.store .map__content__item {
margin-bottom: 5px;
max-width: 423px
}
.store .map--container {
width: 623px
}
.store #map {
min-height: 380px;
width: 100%;
max-width: calc(100% - 578px)
}
.store #map .gm-style-cc {
display: none
}
.store #map .gmnoprint, .store #map button[title="Toggle fullscreen view"] {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
margin-bottom: 10px
}
.store #map a[title="Open this area in Google Maps (opens a new window)"] img {
display: none
}
.store #map:hover .gmnoprint, .store #map:hover button[title="Toggle fullscreen view"] {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
@media (max-width: 1199px) {
.store #map {
max-width: 50%
}
}
@media (max-width: 767px) {
.store #map {
max-width: 100%
}
}
.custom-made .banner figure {
position: relative;
padding-top: 33.96%;
min-height: 500px
}
.custom-made .banner figure img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.custom-made .banner__container {
position: relative
}
.custom-made .banner__content {
position: absolute;
background-color: #f8f9fa;
bottom: 0;
left: 15px;
padding: 91px 62px 80px;
max-width: 518px;
width: 100%;
min-height: 358px
}
.custom-made .banner__content__type {
font-family: "NeuePlak SemiBold", sans-serif;
color: #ed1b34;
letter-spacing: 3px;
text-transform: uppercase;
line-height: 2.14;
margin: 0
}
.custom-made .banner__content__title {
letter-spacing: 0.5px;
line-height: 1.4;
font-family: "Neue Plak Light", sans-serif;
color: #1b375c;
margin-bottom: 35px
}
.custom-made .banner__content__sub-title {
line-height: 1.5;
color: #1b375c;
margin: 0;
max-width: 306px
}
@media (max-width: 767px) {
.custom-made .banner figure {
min-height: 330px
}
.custom-made .banner__container {
padding: 0
}
.custom-made .banner__content {
position: relative;
max-width: 100%;
left: 0;
background-color: #F8F9FA;
padding: 60px 35px 65px;
min-height: auto
}
.custom-made .banner__content__type {
font-size: 13px;
line-height: 15px;
margin-bottom: 12px
}
.custom-made .banner__content__title {
font-size: 26px;
line-height: 35px;
margin-bottom: 20px
}
.custom-made .banner__content__sub-title {
font-size: 14px;
max-width: 250px
}
}
.custom-made .cm__container {
background-color: white
}
.custom-made .cm__container__header {
background-color: #F8FAFB;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 100px;
min-height: 428px;
padding: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
min-height: auto;
padding-bottom: 65px;
padding-top: 75px;
background-color: #f8f9fa
}
.custom-made .cm__container__header img {
width: 220px;
height: 280px
}
.custom-made .cm__container__contact {
max-width: 1080px;
width: 100%;
margin: 0 auto;
padding-bottom: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.custom-made .cm__container__contact .contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 50px;
-ms-flex-pack: distribute;
justify-content: space-around
}
.custom-made .cm__container__contact .contact__direct {
font-family: "NeuePlak SemiBold", sans-serif;
letter-spacing: 0.5px;
line-height: 1.5;
color: #ed1b34;
max-width: 260px;
width: 100%
}
.custom-made .cm__container__contact .contact__provide-custom {
letter-spacing: .3px;
line-height: 1.67;
color: #1b375c;
max-width: 565px;
width: 100%
}
.custom-made .cm__container__contact .contact--link {
display: block;
max-width: 148px;
width: 100%;
height: 39px;
text-align: center;
padding: 9px 23px;
margin: 0 auto;
background-color: #ed1b34;
border: 1px solid #ed1b34;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
color: white;
letter-spacing: 1.27px;
font-family: "Neue Plak Bold", sans-serif;
text-transform: uppercase
}
.custom-made .cm__container__contact .contact--link:hover {
background-color: white;
color: #ed1b34
}
@media (max-width: 1199px) {
.custom-made .cm__container__header img {
max-width: 25%;
padding: 0 15px;
height: auto;
width: auto
}
.custom-made .cm__container__contact .contact {
padding: 0 15px 50px
}
}
@media (max-width: 767px) {
.custom-made .cm__container__header {
padding: 20px;
margin: 0
}
.custom-made .cm__container__header img {
max-width: 50%;
padding: 20px
}
.custom-made .cm__container__contact {
padding: 35px 25px 45px
}
.custom-made .cm__container__contact .contact {
display: block;
padding: 0;
padding-bottom: 33px
}
.custom-made .cm__container__contact .contact__direct {
max-width: 100%;
margin-bottom: 20px;
font-size: 14px;
line-height: 16px
}
.custom-made .cm__container__contact .contact__provide-custom {
font-size: 12px
}
.custom-made .cm__container__contact .contact--link {
height: 40px;
max-width: 290px;
width: 100%
}
}
.custom-made .rl-product {
padding-bottom: 75px;
background-color: #fff
}
.custom-made .rl-product__title {
margin-bottom: 30px;
font-family: "NeuePlak SemiBold", sans-serif;
padding-left: 15px
}
.custom-made .rl-product__ctn {
max-width: 1110px;
margin: auto
}
.custom-made .rl-product__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.custom-made .rl-product .slick-dots {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 33px;
width: 100%
}
@media (max-width: 767px) {
.custom-made .rl-product {
padding-bottom: 15px
}
}
.faq ul {
padding-left: 20px;
list-style: initial;
margin-bottom: 20px
}
.faq .expand-row { }
.faq .banner__image {
padding-top: 18.75%;
position: relative;
min-height: 320px;
width: 100%
}
.faq .banner__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.faq .sec-faq {
background-color: #fff
}
.faq .title {
padding-top: 30px;
margin-bottom: 55px
}
.faq .title--ctn {
max-width: 82%;
width: 100%;
max-width: calc(100% - 300px);
margin-left: auto
}
.faq .title--h1 {
margin-bottom: 25px;
color: #1B375C;
letter-spacing: 0.75px;
font-family: "Neue Plak Light", sans-serif
}
.faq .title .searchBar {
position: relative
}
.faq .title .searchBar input {
width: 100%;
padding: 0 20px;
height: 45px;
border: 1px solid #1B375C;
color: #AAAAAA; font-family: "Neue Plak Bold", sans-serif
}
.faq .title .searchBar input ::-webkit-input-placeholder {
color: #AAAAAA; font-family: "Neue Plak Bold", sans-serif
}
.faq .title .searchBar input :-ms-input-placeholder {
color: #AAAAAA; font-family: "Neue Plak Bold", sans-serif
}
.faq .title .searchBar input ::-ms-input-placeholder {
color: #AAAAAA; font-family: "Neue Plak Bold", sans-serif
}
.faq .title .searchBar input ::placeholder {
color: #AAAAAA; font-family: "Neue Plak Bold", sans-serif
}
.faq .title .searchBar i {
position: absolute;
right: 15px;
top: 13px;
font-size: 18px;
color: #1B375C
}
.faq .title .searchBar #search-result {
position: absolute;
top: 110%;
left: 10px;
width: 100%;
max-height: 150px;
opacity: 0;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
background-color: #F8F9FA;
padding: 10px 7px;
z-index: 99;
overflow: auto
}
.faq .title .searchBar #search-result.active {
opacity: 1
}
.faq .title .searchBar .search-result__item, .faq .title .searchBar .search-result__item--error {
cursor: pointer;
margin-bottom: 5px;
padding: 10px 15px;
background-color: #fff;
border-radius: 5px
}
@media (max-width: 767px) {
.faq .title {
margin-bottom: 55px
}
.faq .title--ctn {
max-width: 100%;
margin-bottom: 65px
}
.faq .title--h1 {
margin-bottom: 65px;
font-weight: normal
}
.faq .title .searchBar input {
font-family: "Neue Plak regular", sans-serif
}
}
.faq .sec-ct {
padding-bottom: 97px
}
.faq .sec-ct--ctn {
margin-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.faq .sec-ct--list {
max-width: calc(100% - 300px);
width: 100%
}
.faq .sec-ct .h4-title {
max-width: 300px;
width: 100%;
color: #ED1B34; font-family: "Neue Plak Bold", sans-serif;
width: 100%
}
.faq .sec-ct--box {
color: #000000
}
.faq .sec-ct--box:last-child {
border-bottom: 1px solid rgba(27, 55, 92, 0.3)
}
.faq .sec-ct--box .h5-title {
border-top: 1px solid rgba(27, 55, 92, 0.3);
cursor: pointer;
letter-spacing: 0.35px;
opacity: 0.3;
position: relative;
padding: 20px 0;
padding-right: 40px;
font-size: 14px;
line-height: 20px;
opacity: 1;
margin-bottom: 0;
color: #1B375C;
font-family: "NeuePlak SemiBold", sans-serif
}
.faq .sec-ct--box .h5-title:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #1b375c;
right: 20px;
border-top: none;
border-right: none;
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg)
}
.faq .sec-ct--box--des {
color: #1b375c;
padding-bottom: 30px;
padding-left: 0;
padding-right: 0;
max-width: 778px
}
@media (max-width: 991px) {
.faq .sec-ct .h4-title {
max-width: 150px
}
.faq .sec-ct--list {
max-width: calc(100% - 150px)
}
}
@media (max-width: 767px) {
.faq .sec-ct {
display: block;
margin-bottom: 30px;
padding-bottom: 0
}
.faq .sec-ct .h4-title {
margin-bottom: 10px;
max-width: 100%
}
.faq .sec-ct--list {
max-width: 100%
}
.faq .sec-ct--box {
padding-bottom: 0
}
.faq .sec-ct--box .h5-title {
padding: 15px 0;
padding-right: 30px
}
.faq .sec-ct--box--des {
padding-bottom: 20px
}
.faq .sec-ct--ctn {
margin-bottom: 45px
}
}
#contact .banner-step__ctn-shop {
display: none !important
}
@media (max-width: 767px) {
#contact .banner-step__ct {
padding: 0;
margin: auto
}
#contact .banner-step__step {
margin: auto
}
#contact .banner-step__step__item {
width: 40vw;
max-width: 172px;
min-width: auto
}
#contact .banner-step__step__item:first-child {
margin-right: 12px
}
}
#contact .main__ctn {
padding: 40px 96px 72px 86px;
background-color: #f8f9fa
}
#contact .main__title {
margin-bottom: 45px;
font-family: "Neue Plak Light", sans-serif
}
#contact .main__text {
max-width: 230px;
padding-right: 15px;
width: 100%
}
#contact .main__text__title {
margin-bottom: 13px;
font-family: "NeuePlak SemiBold", sans-serif;
color: #ed1b34
}
#contact .main__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#contact .main__form {
max-width: 900px;
width: 100%
}
#contact .main__form input, #contact .main__form select, #contact .main__form textarea {
width: 100%;
-webkit-transition: .3s ease;
transition: .3s ease;
height: 45px;
border: solid 1px #1b375c;
padding: 0 17px;
background-color: transparent
}
#contact .main__form input::-webkit-input-placeholder, #contact .main__form select::-webkit-input-placeholder, #contact .main__form textarea::-webkit-input-placeholder {
color: #1b375c
}
#contact .main__form input:-ms-input-placeholder, #contact .main__form select:-ms-input-placeholder, #contact .main__form textarea:-ms-input-placeholder {
color: #1b375c
}
#contact .main__form input::-ms-input-placeholder, #contact .main__form select::-ms-input-placeholder, #contact .main__form textarea::-ms-input-placeholder {
color: #1b375c
}
#contact .main__form input::placeholder, #contact .main__form select::placeholder, #contact .main__form textarea::placeholder {
color: #1b375c
}
#contact .main__form input:focus, #contact .main__form select:focus, #contact .main__form textarea:focus {
background-color: #fff;
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none
}
#contact .main__form select {
padding-right: 60px
}
#contact .main__form textarea {
padding: 20px 17px;
height: 144px
}
#contact .main__form textarea+.frm_error {
bottom: 6px
}
#contact .main__form .form-field {
margin-bottom: 25px;
width: 100%;
position: relative
}
#contact .main__form .first, #contact .main__form .last {
width: 50%;
padding-right: 19px
}
#contact .main__form .first .frm_error, #contact .main__form .last .frm_error {
right: 19px
}
#contact .main__form .last {
padding-right: 0;
padding-left: 19px
}
#contact .main__form .last .frm_error {
left: 19px;
right: 0
}
#contact .main__form .frm_fields_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#contact .main__form .frm_button_submit {
max-width: 163px;
height: 35px
}
#contact .main__form .frm_submit {
margin-left: auto
}
#contact .main__form .frm_error_style {
display: none !important
}
#contact .main__form .frm_error {
z-index: 5;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #ed1b34;
font-size: 0
}
@media (max-width: 1199px) {
#contact .main__ct {
display: block
}
#contact .main__text {
margin-bottom: 34px
}
}
@media (max-width: 767px) {
#contact .main__ctn {
padding: 35px 24px 40px;
background-color: #fff
}
#contact .main__title {
margin-bottom: 30px
}
#contact .main__text {
padding: 0;
max-width: 100%;
margin-bottom: 35px
}
}
@media (max-width: 575px) {
#contact .main__form .first, #contact .main__form .last {
width: 100%;
max-width: 100%;
padding: 0
}
#contact .main__form .first .frm_error, #contact .main__form .last .frm_error {
right: 0;
left: 0
}
#contact .main__form .form-field {
margin-bottom: 13px
}
#contact .main__form .frm_submit {
width: 100%;
}
#contact .main__form .frm_button_submit {
max-width: 100%;
width: 100%;
}
}
#contact .image__image {
width: 100%;
padding-top: 12.95%;
min-height: 150px;
position: relative
}
#contact .image__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
#contact .loca-sec__ctn {
background-color: #fff;
padding: 53px 95px 80px 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#contact .loca-sec__left-col {
padding-top: 25px;
max-width: 337px;
width: 100%;
padding-right: 34px
}
#contact .loca-sec__title {
margin-bottom: 30px;
padding-left: 15px;
font-family: "Neue Plak Light", sans-serif
}
#contact .loca-sec__store {
padding: 15px;
border-top: 1px solid rgba(27, 55, 92, 0.5);
-webkit-transition: .4s ease;
transition: .4s ease
}
#contact .loca-sec__store__name {
font-family: "NeuePlak SemiBold", sans-serif;
margin-bottom: 0;
color: #ed1b34;
cursor: pointer;
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-down.svg) no-repeat center right;
background-size: 15px 13px
}
#contact .loca-sec__store__name span {
color: #1b375c
}
#contact .loca-sec__store__name.active {
margin-bottom: 10px;
background: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-up.svg) no-repeat center right;
background-size: 13px 10px
}
#contact .loca-sec__store__address, #contact .loca-sec__store__phone {
margin-bottom: 8px
}
#contact .loca-sec__store__address a:not(:first-child), #contact .loca-sec__store__phone a:not(:first-child) {
margin-left: 5px
}
#contact .loca-sec__store__address {
max-width: 230px;
line-height: 24px
}
#contact .loca-sec__store__link {
font-family: "Neue Plak Bold", sans-serif;
color: #ed1b34
}
#contact .loca-sec #map {
max-width: calc(100% - 337px);
width: 100%;
min-height: 550px
}
@media (max-width: 992px) {
#contact .loca-sec__ctn {
display: block
}
#contact .loca-sec__left-col {
max-width: 100%;
margin-bottom: 30px;
padding-right: 0
}
#contact .loca-sec #map {
max-width: 100%
}
}
@media (max-width: 767px) {
#contact .loca-sec__ctn {
padding: 40px 12px 6px
}
#contact .loca-sec__left-col {
padding: 0 12px
}
#contact .loca-sec__title {
padding: 0
}
#contact .loca-sec__store {
padding: 5px 0
}
#contact .loca-sec #map {
max-height: 550px;
height: 90vw;
min-height: auto
}
}
.commerical .banner__ctn, .bed-select .banner__ctn {
position: relative
}
.commerical .banner__image, .bed-select .banner__image {
width: 100%;
position: relative;
padding-top: 34.03%;
min-height: 490px
}
.commerical .banner__image__img, .bed-select .banner__image__img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.commerical .banner__ct, .bed-select .banner__ct {
padding: 0 23px;
position: absolute;
width: 100%;
bottom: 0;
left: 0
}
.commerical .banner__box, .bed-select .banner__box {
max-width: 518px;
width: 100%;
padding: 65px;
background-color: #F8F9FA
}
.commerical .banner__subtitle, .bed-select .banner__subtitle {
margin-bottom: 20px;
font-family: "NeuePlak SemiBold", sans-serif;
letter-spacing: 3px;
color: #ed1b34
}
.commerical .banner__title, .bed-select .banner__title {
margin-bottom: 15px;
font-family: "Neue Plak Light", sans-serif
}
@media (max-width: 767px) {
.commerical .banner__image, .bed-select .banner__image {
min-height: 310px
}
.commerical .banner__ct, .bed-select .banner__ct {
padding: 0;
position: relative
}
.commerical .banner__box, .bed-select .banner__box {
max-width: 100%;
padding: 30px 35px 45px
}
.commerical .banner__subtitle, .bed-select .banner__subtitle {
font-size: 13px;
line-height: 15px
}
.commerical .banner__des, .bed-select .banner__des {
font-size: 14px
}
}
.commerical .intro, .bed-select .intro {
padding: 70px 0 108px;
background-color: #fff
}
.commerical .intro__ctn, .bed-select .intro__ctn {
max-width: 1000px;
padding: 0 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto
}
.commerical .intro__title, .bed-select .intro__title {
max-width: 283px;
padding-left: 20px;
font-family: "NeuePlak SemiBold", sans-serif;
line-height: 30px;
color: #ed1b34
}
.commerical .intro__des, .bed-select .intro__des {
max-width: 565px;
line-height: 20px
}
@media (max-width: 767px) {
.commerical .intro, .bed-select .intro {
padding: 49px 24px 29px
}
.commerical .intro__ctn, .bed-select .intro__ctn {
padding: 0;
display: block
}
.commerical .intro__title, .bed-select .intro__title {
padding: 0;
max-width: 100%;
font-size: 15px
}
.commerical .intro__des, .bed-select .intro__des {
font-size: 12px
}
}
.commerical .content, .bed-select .content {
padding: 80px;
background-color: #F8F9FA
}
.commerical .bed-build, .bed-select .bed-build {
padding: 55px 0 95px;
background-color: #F8F9FA
}
.commerical .bed-build__title, .bed-select .bed-build__title {
margin-bottom: 75px;
text-align: center;
font-family: "Neue Plak Bold", sans-serif
}
.commerical .bed-build__item, .bed-select .bed-build__item {
max-width: 362px;
padding: 0 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.commerical .bed-build__image, .bed-select .bed-build__image {
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 50px
}
.commerical .bed-build__image__img, .bed-select .bed-build__image__img {
background-color: #ed1b34;
border-radius: 100%;
width: 89px;
height: 89px;
display: flex;
align-items: center;
justify-content: center;
}
.commerical .bed-build__image__img img, .bed-select .bed-build__image__img img {
width: 55px;
}
.commerical .bed-build__des, .bed-select .bed-build__des {
line-height: 26px;
text-align: center
}
.commerical .bed-build__ct, .bed-select .bed-build__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around
}
@media (max-width: 767px) {
.commerical .bed-build, .bed-select .bed-build {
padding: 30px 24px 55px
}
.commerical .bed-build__title, .bed-select .bed-build__title {
margin-bottom: 40px;
font-size: 14px;
line-height: 18px
}
.commerical .bed-build__title, .bed-select .bed-build__title {
margin-bottom: 33px
}
.commerical .bed-build__des, .bed-select .bed-build__des {
font-size: 14px;
line-height: 16px
}
.commerical .bed-build__ct, .bed-select .bed-build__ct {
display: block;
position: relative
}
.commerical .bed-build .slick-dots, .bed-select .bed-build .slick-dots {
margin-top: 38px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
.commerical .bed-build .slick-arrow, .bed-select .bed-build .slick-arrow {
bottom: -3px;
left: 0
}
.commerical .bed-build .slick-next, .bed-select .bed-build .slick-next {
right: 0;
left: auto
}
}
.commerical .slider-sec__ctn, .bed-select .slider-sec__ctn {
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.commerical .slider-sec__text-slider, .bed-select .slider-sec__text-slider {
width: 50%;
padding: 60px 65px 50px 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.commerical .slider-sec__title, .bed-select .slider-sec__title {
margin-bottom: 15px;
font-family: "NeuePlak SemiBold", sans-serif;
color: #ed1b34
}
.commerical .slider-sec__des, .bed-select .slider-sec__des {
line-height: 26px
}
.commerical .slider-sec__image-slider, .bed-select .slider-sec__image-slider {
width: 50%
}
.commerical .slider-sec__image, .bed-select .slider-sec__image {
position: relative;
padding-top: 51.68%;
width: 100%;
height: 100%
}
.commerical .slider-sec__image__img, .bed-select .slider-sec__image__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.commerical .slider-sec .slick-dots, .bed-select .slider-sec .slick-dots {
-ms-flex-item-align: end;
align-self: flex-end;
margin-top: 20px
}
.commerical .slider-sec .slick-list, .commerical .slider-sec .slick-track, .bed-select .slider-sec .slick-list, .bed-select .slider-sec .slick-track {
height: 100%
}
@media (max-width: 991px) {
.commerical .slider-sec__text-slider, .commerical .slider-sec__image-slider, .bed-select .slider-sec__text-slider, .bed-select .slider-sec__image-slider {
width: 100%
}
.commerical .slider-sec__text-slider, .bed-select .slider-sec__text-slider {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media (max-width: 767px) {
.commerical .slider-sec__text-slider, .bed-select .slider-sec__text-slider {
padding: 35px 24px 65px
}
.commerical .slider-sec__des, .bed-select .slider-sec__des {
font-size: 12px;
line-height: 20px
}
}
.commerical .form-sec, .bed-select .form-sec {
background-color: #F8F9FA;
padding: 85px 0 90px
}
.commerical .form-sec__ctn, .bed-select .form-sec__ctn {
padding: 0 96px 0 86px
}
.commerical .form-sec__title, .bed-select .form-sec__title {
margin-bottom: 70px;
font-family: "Neue Plak Light", sans-serif
}
.commerical .form-sec__ct, .bed-select .form-sec__ct {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.commerical .form-sec__text, .bed-select .form-sec__text {
max-width: 200px;
padding-right: 40px
}
.commerical .form-sec__text__name, .bed-select .form-sec__text__name {
margin-bottom: 13px;
font-family: "NeuePlak SemiBold", sans-serif;
color: #ed1b34
}
.commerical .form-sec__text p *, .bed-select .form-sec__text p * {
display: block;
margin-bottom: 5px;
line-height: 20px
}
.commerical .form-sec__item, .bed-select .form-sec__item {
margin-bottom: 45px
}
.commerical .form-sec__form, .bed-select .form-sec__form {
max-width: 900px;
width: 100%
}
.commerical .form-sec select, .commerical .form-sec input, .commerical .form-sec textarea, .bed-select .form-sec select, .bed-select .form-sec input, .bed-select .form-sec textarea {
border: 1px solid #1B375C;
width: 100%;
height: 45px;
padding: 0 15px;
background-color: transparent
}
.commerical .form-sec textarea, .bed-select .form-sec textarea {
height: 144px;
padding: 15px
}
.commerical .form-sec textarea+.frm_error, .bed-select .form-sec textarea+.frm_error {
bottom: 6px
}
.commerical .form-sec .frm_fields_container, .bed-select .form-sec .frm_fields_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.commerical .form-sec .frm_form_field, .bed-select .form-sec .frm_form_field {
width: 100%;
margin: 0;
margin-bottom: 22px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.commerical .form-sec .first, .bed-select .form-sec .first {
width: 50%;
padding-right: 19px
}
.commerical .form-sec .first .frm_error, .bed-select .form-sec .first .frm_error {
right: 19px
}
.commerical .form-sec .last, .bed-select .form-sec .last {
width: 50%;
padding-left: 19px
}
.commerical .form-sec .last .frm_error, .bed-select .form-sec .last .frm_error {
left: 19px
}
.commerical .form-sec .frm_submit, .bed-select .form-sec .frm_submit {
text-align: right;
width: 100%
}
.commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit {
width: 163.5px;
height: 35.24px
}
.commerical .form-sec .frm_error_style, .bed-select .form-sec .frm_error_style {
display: none
}
.commerical .form-sec .frm_error, .bed-select .form-sec .frm_error {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 1px solid #ed1b34;
font-size: 0;
pointer-events: none
}
.commerical .form-sec .frm_message, .bed-select .form-sec .frm_message {
text-align: center
}
@media (max-width: 991px) {
.commerical .form-sec__ctn, .bed-select .form-sec__ctn {
padding: 0 23px
}
}
@media (max-width: 767px) {
.commerical .form-sec, .bed-select .form-sec {
padding: 32px 0 45px
}
.commerical .form-sec__ct, .bed-select .form-sec__ct {
padding: 0;
max-width: 100%;
margin-bottom: 34px
}
.commerical .form-sec__title, .bed-select .form-sec__title {
margin-bottom: 15px
}
.commerical .form-sec__text, .bed-select .form-sec__text {
max-width: 100%;
padding: 0;
margin-bottom: 34px
}
.commerical .form-sec__ct, .bed-select .form-sec__ct {
display: block
}
.commerical .form-sec__item, .bed-select .form-sec__item {
margin-bottom: 15px
}
.commerical .form-sec__item__name, .bed-select .form-sec__item__name {
font-size: 15px;
line-height: 18px;
margin-bottom: 15px
}
.commerical .form-sec__item p *, .bed-select .form-sec__item p * {
font-size: 12px;
line-height: 15px
}
}
@media (max-width: 575px) {
.commerical .form-sec .frm_form_field, .bed-select .form-sec .frm_form_field {
margin-bottom: 6px
}
.commerical .form-sec .first, .commerical .form-sec .last, .bed-select .form-sec .first, .bed-select .form-sec .last {
padding: 0;
width: 100%
}
.commerical .form-sec .first .frm_error, .commerical .form-sec .last .frm_error, .bed-select .form-sec .first .frm_error, .bed-select .form-sec .last .frm_error {
left: 0;
right: 0
}
.commerical .form-sec .frm_button_submit, .bed-select .form-sec .frm_button_submit {
width: 100%
}
}
.bn-custom-select {
position: relative;
min-width: 240px;
}
.bn-custom-select select {
display: none;
}
.select-selected {
font-family: "Neue Plak regular", sans-serif;
width: 100%;
padding: 7px 18px;
height: 38px;
color: #000;
border: #757575 solid 1px;
display: flex;
align-items: center;
justify-content: space-between;
}
.select-selected:after {
content: "";
width: 16px;
height: 16px;
background-image: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-down.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
.select-selected.select-arrow-active:after {
background-image: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-up.svg);
}
.select-items div, .select-selected {
padding: 8px 16px;
cursor: pointer;
user-select: none;
}
.select-items {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 99;
background-color: #fff;
}
.select-items div {
border: #757575 solid 1px;
border-top: none;
}
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: #f9f9f9;
} .footer .afterpay-icon{
display: flex;
justify-content: flex-start;
}
#produc-dt .main-dt__des{
max-height: inherit;
}
#home .intro__small__image::after{
background-color: rgba(0, 0, 0, 0.1);
}
.footer__time__ct{
justify-content: flex-start;
}
.footer__time__text{
margin-right: 15px;
}
.shop-ct__main__pd-item:last-child {
margin-bottom: 40px !important
}
.customer-rv .customer-rv__comment{
font-size: 14px;
}
.footer .footer-menu__ct h6{
font-size: 14px;
}
.footer .footer-menu__item a{
font-size: 12px;
}
#menu-menu-footer .menu-item a{
font-size: 12px;
}
#menu-company-menu .menu-item a{
font-size: 12px;
}
.footer-menu__menu.social-menu .footer-menu__item > a {
font-size: unset;
}
.footer .footer__time h6{
font-size: 14px;
}
.footer  .footer__time__link{
font-size: 14px;
text-decoration: underline;
}
.banner__image-slider__item.slick-slide {
transition: opacity 4000ms ease 0s !important;
}
.main__submit-bar__text a{
text-decoration: underline;
font-style: italic;
}
.menu-item__title i{
font-size: 10px;
padding-left: 4px;
}
.shop-ct__main__ct .col-xl-4:last-child{
margin-bottom: 3em !important;
}
.commerical .intro, .bed-select .intro{
padding: 70px 0 20px;
}
.commerical .bed-build__image__img, .bed-select .bed-build__image__img{
background-color: transparent;
}
.commerical .bed-build__image__img img, .bed-select .bed-build__image__img img{
width: 100%;
}
.header__main-menu__child-list{
align-content: flex-start;
}
#home .banner__item__icon{
margin-left: 0
}
.location__cat:first-child .loca-menu .loca-menu__item:last-child .loca-menu__link {
text-decoration: underline;
}
.header__main-menu .header__main-menu__view-all{
text-decoration: underline;
}
.main-dt__show-box .pd-special{
position: absolute;
bottom: 0;
}
.header .menu-hover{
transition: inherit;
}
.header .location__ct{
transition: inherit;
}
@media(max-width:768px){
#home  .banner__ctn .slick-dots{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
right: 0;
}
} .select2-container--default .select2-selection--single{
border-radius: 0px;
border: 1px solid #979797;
height: 40px;
}
.select2-container--default .select2-selection--single {
outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 40px;
padding-left: 14px;
}
.select2-results__option[aria-selected]{
border-bottom: 1px solid #979797;
}
.select2-results__option[aria-selected]:last-child{
border-bottom: none;
}
.select2-dropdown{
border-radius: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
background-image: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-down.svg);
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 10px 10px;
width: 48px;
top: 8px;
}
.select2-selection__arrow > b{
display: none;
}
.select2-container--open .select2-selection__arrow{
background-image: url(//brownies.co.nz/wp-content/themes/brownies-2020/assets/images/icons/angle-up.svg) !important;
}
@media (max-width: 578px) {
.select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 12px;
}
} .slick-slide img {
margin: 0 auto;
} .main-dt__guide .modal-dialog {
width: 100%;
max-width: 1226px;
}
.main-dt__guide .modal-content {
background-color: #F8F8F8;
margin: 40px !important;
padding: 40px;
border: none;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
}
.main-dt__guide .modal-title {
color: #1B375C;
font-size: 18px;
line-height: 19px;
font-family: 'Neue Plak Bold';
letter-spacing: 0.5px;
}
.main-dt__guide .modal-content .modal-header .close {
line-height: 0;
opacity: 1;
}
.main-dt__guide .modal-content .modal-header .close > span{
font-size: 34px;
color: #1B375C;
}
.main-dt__guide .modal-body {
display: flex;
flex-wrap: wrap;
}
.main-dt__guide .modal-body h6 {
font-family: 'NeuePlak SemiBold';
color: #1B375C;
font-size: 14px;
letter-spacing: 0.35px;
line-height: 19px;
}
.main-dt__guide .modal-body .item {
width: 20%;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.main-dt__guide .modal-body .item div:first-child {
padding: 15px 15px 0;
height: 100%;
max-height: 155px;
}
.main-dt__guide .modal-body .item div:first-child img {
object-fit: cover;
}
.main-dt__guide .modal-body span {
font-family: 'Neue Plak regular';
font-size: 11px;
line-height: 15px;
color: #ED1B34;
max-width: 161px;
display: block;
margin: 0 auto;
}
.main-dt__guide .modal-body .item > div:last-child {
padding-left: 7px;
padding-right: 7px;
margin-top: 35px;
}
@media (max-width: 578px) {
.main-dt__guide .modal-dialog {
margin: 0;
}
.main-dt__guide .modal-content {
padding: 25px;
margin: 30px !important;
}
.main-dt__guide .modal-body {
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.main-dt__guide .modal-body .item {
width: 50%;
margin-top: 22px;
margin-bottom: -22px;
}
.main-dt__guide .modal-body h6 {
font-size: 12px;
line-height: 16px;
letter-spacing: 0.3px;
}
.main-dt__guide .modal-body .item > div:last-child {
margin-top: 30px;
margin-bottom: 30px !important;
}
.main-dt__guide .modal-content .modal-header .close > span {
line-height: 15px;
}
.main-dt__guide .modal-body .item div:first-child {
max-height: 130px;
}
}  .upsell .upsell__ctn > .row:nth-child(odd) {
flex-direction: row;
}
.upsell .upsell__ctn > .row:nth-child(even) {
flex-direction: row-reverse;
}
.upsell .upsell__ctn .content {
padding: 40px 90px 50px;
}
.upsell .upsell__ctn .content h3 {
font-family: 'Neue Plak Bold';
color: #1B375C;
font-size: 20px;
line-height: 25px;
letter-spacing: 1.82px;
margin-bottom: 35px;
margin-top: 25px;
}
.upsell .upsell__ctn .content h5 {
font-family: 'NeuePlak SemiBold';
color: #ED1B34;
font-size: 20px;
letter-spacing: 0.5px;
line-height: 30px;
margin-bottom: 15px;
}
.upsell .upsell__ctn .content p {
font-family: 'Neue Plak regular';
font-size: 12px;
letter-spacing: 0.3px;
line-height: 20px;
color: #1B375C;
}
.upsell .upsell__ctn .content h6 {
font-family: 'Neue Plak regular';
color: #ED1B34;
font-size: 8.4px;
line-height: 11.2px;
margin-top: 40px;
margin-bottom: 15px;
}
.upsell .upsell__ctn .upsell__color li {
width: 19px;
height: 19px;
display: inline-block;
margin: 0 4px;
cursor: pointer;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.upsell .upsell__ctn .upsell__color li.active {
border: 1px solid #ED1B34;
}
.upsell .upsell__ctn .upsell__draw-side li {
font-family: 'Neue Plak Bold';
color: #fff;
font-size: 10px;
line-height: 20px;
letter-spacing: 0.91px;
height: 20px;
margin: 0 4px;
width: 55px;
text-align: center;
background-color: #E5E5E5;
display: inline-block;
cursor: pointer;
}
.upsell .upsell__ctn .upsell__draw-side li.active {
background-color: #ED1B34;
}
.upsell .upsell__ctn .upsell__draw-side li:first-child,
.upsell .upsell__ctn .upsell__color li:first-child {
margin-left: 0;
}
.upsell .upsell__ctn figure, .upsell .upsell__ctn figure img {
width: 100%;
height: 100%;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.upsell .upsell__ctn figure img {
object-fit: cover;
}
.upsell__draw-side--img {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
@media screen and (max-width: 1024px) {
.upsell .upsell__ctn .content {
padding: 40px 70px 50px;
}
}
@media screen and (max-width: 812px) {
.upsell .upsell__ctn > .row {
flex-direction: column-reverse !important;
}
}
@media screen and (max-width: 578px) {
.upsell .upsell__ctn .content {
padding: 25px 30px 40px;
}
.upsell .upsell__ctn .content h3 {
font-size: 14px;
letter-spacing: 1.27px;
line-height: 17px;
}
.upsell .upsell__ctn .content h5 {
font-size: 16px;
}
.upsell .upsell__ctn .content p {
letter-spacing: 0.5px;
}
}  #produc-dt .features__image{
width: 50%;
height: auto;
max-width: inherit;
}
#produc-dt .features__text{
width: 50%;
}
@media screen and (max-width: 768px) {
#produc-dt .features__image, #produc-dt .features__text {
width: 100%;
}
}
.upsell .upsell__ctn .content h6{
font-size: 14px;
}
.upsell .upsell__ctn .upsell__draw-side li{
height: inherit;
line-height: inherit;
padding: 3px 0 4px 0;
}
#checkout .main .payment-list .payment-label img{
height: 20px;
object-fit: cover;
}
#checkout .main .payment-list{
align-items: center;
}
.woocommerce #payment .payment_box.payment_method_afterpay .what-is-afterpay-container{
margin-top: 20px;
margin-bottom: 20px;
}
#checkout .main .input-radio{
height: 20px;
}
#select2-billing_country-container{
line-height: inherit;
}
.select2-results__option[aria-selected]{
border-bottom: 0;
}
#checkout .main .payment-label{
display: block;
}
#checkout .main .input-radio{
width: auto;
float: left;
}
#checkout .main .payment-list{
display: none;
}
#checkout .main .wc_payment_method {
line-height: inherit !important;
}
#contact .main__form .first, #contact .main__form .last{
width: 49%;
padding-right: 0;
padding-left: 0; 
}
#checkout .main .input-checkbox{
width: unset; 
}
.select2-container--default .select2-selection--single .select2-selection__rendered{ }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header{
position: absolute;
width: 100%;
margin-top: 50px;
}
.benefits__image__img {
width: auto !important;
}
.mb-auto, 
.my-auto{
height: 200px;
}
} .woocommerce-page .product-dt .laybuy-inline-widget {
display: none;
} .product-dt .laybuy-popup-modal-content {
margin: 0 auto !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order .payment_method_laybuy {
margin-top: 15px !important;
}