/* Liberty home first-screen styles, including header states and responsive rules. */
:root { --container-offset: 20px; }
@media (min-width: 481px){:root { --container-offset: 30px; }}
@media (min-width: 1025px){html { font-size: 11px; }}
@media (min-width: 1281px){:root { --container-offset: 60px; }}
@media (min-width: 1281px){html { font-size: 12px; }}
* { outline: none !important; }
body { font-family: Inter, sans-serif; font-size: 1.25rem; font-weight: 400; background-color: rgb(247, 247, 247); color: rgb(0, 0, 0); }
a { color: var(--primary-color); }
a:hover { color: inherit; text-decoration: none; }
.form-control { font-size: 1.25rem; height: auto; padding: 0.833rem 1.25rem; border-color: rgb(218, 218, 218); border-radius: 0px; box-shadow: none; }
.form-control:focus { box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(230, 230, 230, 0.6) 0px 0px 8px; border-color: rgba(150, 150, 150, 0.6); }
.dropdown-menu { border-radius: 0px; border-color: rgb(242, 242, 242); }
.container { width: 100%; max-width: 1440px; padding-left: var(--container-offset); padding-right: var(--container-offset); }
.flex { display: flex; -webkit-box-orient: horizontal; }
.flex-wrap { flex-wrap: wrap; }
.al-center { align-items: center; }
.jus-between { justify-content: space-between; }
.jus-end { justify-content: flex-end; }
@media (max-width: 767px){.flex-sm-wrap { flex-wrap: wrap; }}
.grow { flex-grow: 1; }
.gap-2 { gap: 2rem; }
.w-100 { width: 100%; }
.mr-1 { margin-right: 0.25rem; }
.svg-icon { display: inline-block; vertical-align: middle; }
.btn-icon .svg-icon { margin-top: -0.166rem; }
.chevron-top { transform: rotate(-180deg); }
.chevron-left { transform: rotate(90deg); }
.chevron-right { transform: rotate(-90deg); }
.topbar { background-color: var(--primary-color); min-height: 3.5rem; }
.topbar #form-currency .currency-select, .topbar #form-language .language-select { text-align: left; }
.topbar #form-currency .currency-select:hover, .topbar #form-language .language-select:hover { text-shadow: none; background-color: rgb(238, 238, 238); }
.top-links { padding: 0.5rem 0px; }
.top-reviews { padding: 1.25rem 0px; }
.top-links ul { margin-bottom: 0px; }
.top-links ul li { vertical-align: middle; }
.topbar .btn-link, .top-reviews a, .top-links a { font-weight: 500; color: var(--txt-color); text-decoration: none; }
.topbar .btn-link:hover, .top-reviews a:hover, .top-links a:hover { color: inherit; opacity: 0.8; }
.top-links .dropdown-menu { min-width: 100%; animation: 0.3s ease 0s 1 normal none running scale-up; }
.top-links .dropdown-menu a, .top-links .dropdown-menu .btn-link { color: rgb(0, 0, 0); }
.top-links ul li:last-child { padding-right: 0px; }
.top-links .show-xs { display: none; }
@media (min-width: 576px){.top-links .show-xs { display: inline-block; }}
@media (min-width: 576px){.top-links .hide-xs { display: none; }}
@media (max-width: 481px){.top-reviews a span { display: none; }}
@media (max-width: 481px){.top-links ul li { padding-left: 0px; padding-right: 0px; }}
header { background-color: rgb(255, 255, 255); }
.header-top { position: relative; padding: 1.83rem 0px; }
.header-bottom { border-top: 2px solid rgb(238, 238, 238); }
.burger { margin-left: -1.25rem; }
.burger .btn-link { color: rgb(0, 0, 0); }
.header-top .logo { max-width: 18rem; }
@media (max-width: 767px){.logo { margin: auto; }}
@media (max-width: 767px){.action-list .btn-action { padding: 0.5rem 0.75rem; }}
@media (max-width: 767px){.action-list .btn-action .svg-icon { width: 2.25rem; height: 2.25rem; }}
@media (max-width: 767px){.search-area { position: absolute; top: 100%; left: 0px; right: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); padding-top: 1rem; padding-bottom: 1rem; z-index: 9; }}
.search-form { position: relative; }
.search-form .form-control, .search-form .btn-search { height: 3.75rem; }
.search-form .form-control { background-color: rgb(242, 242, 242); border-color: rgb(242, 242, 242); font-weight: 500; color: rgba(0, 0, 0, 0.6); padding: 1rem 1.5rem; }
.search-form .btn-search { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); border-radius: 0px; color: rgb(255, 255, 255); width: 3.75rem; padding: 0.75rem; }
@media (min-width: 992px){.search-form { margin-left: -30px; }}
.action-list .btn-action { font-size: 1.15rem; font-weight: 500; color: rgb(0, 0, 0); }
.action-list .btn-action .sub { display: none; }
@media (min-width: 992px){.action-list .btn-action .sub { display: block; }}
#wishlist-total .count { display: none; }
.cart .btn-action { position: relative; }
.cart .btn-action .count { position: absolute; top: -0.166rem; left: 0px; right: 0px; margin: auto; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.833rem; background-color: var(--primary-color); color: rgb(255, 255, 255); border-radius: 50%; }
@media (min-width: 768px){#ajax-cart .modal-header { padding: 2.5rem 4.5rem 1rem; }}
@media (min-width: 768px){#ajax-cart .modal-body { padding: 1rem 4.5rem 2.5rem; }}
.cart-list .cart-item { position: relative; border: 0.125rem solid rgb(238, 238, 238); padding: 1.5rem; margin-bottom: 1.5rem; }
.cart-item .name, .cart-item .name a { color: rgb(0, 0, 0); font-weight: 500; }
.cart-item .options { font-size: 1.125rem; margin-bottom: 1rem; }
.cart-item .price { margin-bottom: 0px; }
.cart-item .close { position: absolute; top: 0.75rem; left: 0.75rem; font-size: inherit; }
.cart-summary .buttons { margin-bottom: 2.5rem; }
.cart-summary .buttons .btn { padding: 1.25rem 2rem 1.15rem; border-width: 1.5px; }
.cart-summary .buttons .btn-primary { font-weight: 700; text-transform: uppercase; }
.menu .btn-catalog { color: rgb(0, 0, 0); font-weight: 700; text-align: left; text-transform: uppercase; border-width: medium 2px; border-style: none solid; border-color: currentcolor rgb(238, 238, 238); border-image: none; padding: 1rem 1.5rem; }
.menu .btn-catalog .svg-icon { margin-right: 0.75rem; }
.menu .nav li { display: inline-block; vertical-align: middle; }
.menu .nav li a, .menu .nav li .active { color: rgb(0, 0, 0); font-weight: 700; text-transform: uppercase; padding: 1rem 1.25rem; }
.menu .dropdown-list { left: 0px; right: 0px; border: 2px solid rgb(238, 238, 238); border-radius: 0px; box-shadow: none; padding: 1rem 0px; margin-top: 0px; }
.menu .dropdown-list > li > a, .menu .dropdown-list > li > .active { position: relative; display: block; font-weight: 700; padding: 1rem 3rem 1rem 1.5rem; white-space: normal; }
.menu .dropdown-list .chevron-right { position: absolute; top: 0px; right: 1.5rem; bottom: 0px; margin: auto; }
.menu .flyout { top: 1rem; left: 100%; padding: 2rem; margin-top: 0px; min-height: calc(100% - 0.844rem); border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(238, 238, 238); border-image: none; border-radius: 0px; }
@media (min-width: 768px){.home .menu .dropdown-list { display: block !important; }}
@media (min-width: 768px){.menu .dropdown-menu .flyout { width: 710px; }}
.menu .dropdown-inner ul { flex: 1 1 33.3%; margin-bottom: 20px; }
.menu .dropdown-inner .child .name { font-size: 1.25rem; font-weight: 600; color: var(--primary-color); text-transform: uppercase; margin-bottom: 1.5rem; }
.menu .dropdown-inner .child .image { margin-bottom: 0.83rem; }
.menu .dropdown-inner .child ul li { margin-bottom: 0.83rem; }
.menu .dropdown-inner .child ul li a { font-size: 1rem; font-weight: 500; color: rgb(0, 0, 0); }
.menu .dropdown-inner .child ul li a:hover { text-decoration: underline; }
.animate { animation-duration: 0.3s; animation-fill-mode: both; }
.slide-right { animation-name: slide-right; }
#content { min-height: 30rem; }
.section { padding-top: 1.5rem; }
.plate { background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); margin-bottom: 1.5rem; }
.plate .part { border: 1px solid rgb(238, 238, 238); padding: 1.5rem 2rem; margin-bottom: 0px; }
.collage .item { margin-bottom: 1.5rem; }
@media (max-width: 601px){.collage .item, .advantage .item, .subcategories .item { width: 100%; }}
.slideshow { background-color: var(--primary-color); margin-bottom: 1.5rem; }
.slideshow .swiper-slide .desktop { display: none; }
@media (min-width: 601px){.slideshow .swiper-slide .desktop { display: block; }}
@media (min-width: 601px){.slideshow .swiper-slide .mobile { display: none; }}
.slideshow .swiper-nav { position: absolute; right: 0px; bottom: 2rem; z-index: 1; }
@media (max-width: 767px){.slideshow .col-md-9 { padding: 0px; }}
.swiper-view { position: relative; padding-bottom: 6rem; }
.swiper-paging { display: inline-block; vertical-align: middle; padding: 0.5rem 1rem; }
.swiper-pagination-bullet { margin: 0px 0.3rem; }
.swiper-btn-prev, .swiper-btn-next { display: inline-block; vertical-align: middle; width: 3rem; height: 3rem; padding: 0.5rem; text-align: center; cursor: pointer; }
.buttons { margin: 1em 0px; }
.btn { font-size: 1.25rem; padding: 0.833rem 1.25rem; background-color: transparent; border: 1px solid rgb(242, 242, 242); border-radius: 0px; }
.btn-lg { font-weight: 500; padding: 1rem 1.5rem; border-width: 2px; }
.btn-default { color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); border-color: rgb(242, 242, 242); }
.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default[disabled] { background-color: rgb(242, 242, 242); border-color: rgb(242, 242, 242); }
.btn-primary { color: rgb(255, 255, 255); background-color: var(--primary-color); border-color: var(--primary-color); }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: var(--primary-color); border-radius: 0px; }
.btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; }
.price { font-weight: 700; color: rgb(102, 102, 102); margin-bottom: 1.25rem; }
@media (max-width: 481px){.plate .part, .product-thumb { padding: 1.25rem; }}
@media (max-width: 481px){.cart-summary .buttons { flex-wrap: wrap; gap: 1rem; }}
@media (max-width: 481px){.cart-summary .buttons .btn { flex-grow: 1; }}
@media (max-width: 481px){.cart-item .quantity .btn, .cart-item .quantity .form-control { height: 3rem; }}
.quantity { max-width: 11rem; }
.quantity .input-group { border: 2px solid rgb(242, 242, 242); }
.quantity .btn, .quantity .form-control { padding: 0.5rem; height: 3.5rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.quantity .form-control { min-width: 3.5rem; text-align: center; }
.scroll-top { position: fixed; right: 2.5rem; bottom: 2.5rem; opacity: 0; z-index: 9998; transition: 0.3s ease-in-out; }
.scroll-top .btn { width: 4.25rem; height: 4.25rem; background-color: rgb(255, 255, 255); box-shadow: rgba(23, 23, 23, 0.2) 0px 4px 16px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; }
.scroll-top .svg-icon { transform: rotate(-180deg); }
@media (min-width: 992px) and (max-width: 1199px){#content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) { clear: left; }}
@media (min-width: 768px) and (max-width: 991px){#content .col-sm-2:nth-child(6n+1), #content .col-sm-3:nth-child(4n+1), #content .col-sm-4:nth-child(3n+1), #content .col-sm-6:nth-child(2n+1) { clear: left; }}
.input-group .form-control[name^="quantity"] { min-width: 50px; }
#ajax-cart { padding-right: 0px !important; }
.modal-header { padding: 1.25rem 2rem; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.modal-header .close { margin-top: 0.35rem; opacity: 1; text-shadow: none; }
.modal-header .modal-title { font-size: 2rem; font-weight: 600; }
.modal-body { padding: 1.25rem 2rem 2.5rem; }