.hidden-assistive-content-wcag { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #products_module.responsive { clear: both; } #products_module.responsive * { box-sizing: border-box; } /* General */ #products_module.responsive .item-wrapper a, #products_module.responsive .pagination-wrapper a { border-bottom: 0; } #products_module.responsive .item-wrapper { padding-left: 0.5%; padding-right: 0.5%; } #products_module.responsive .item-wrapper .property-spotlight-slide-2 { margin: 0; } #products_module.responsive .with-margin-bottom { margin-bottom: 6px; } #products_module.responsive .with-margin-top { margin-top: 6px; } #products_module.responsive .middle-aligner { vertical-align: middle; } #products_module.responsive .no-image-available img.no-image { border: 0; } .products_module .item-sale-price, #products_module.responsive .item-sale-price { color: #ff0000 !important; font-weight: bold; } .products_module .item-old-price, #products_module.responsive .item-old-price { text-decoration: line-through; } #products_module.responsive .item-price-tier {} .products_module .item-sku, #products_module.responsive .item-sku { font-size: 0.7em; line-height: normal; margin-bottom: 5px; } #products_module.responsive .item-points-tier {} #products_module.responsive .item-points {} #products_module.responsive .category-heading { margin-bottom: 10px; } #products_module.responsive .category-heading .category-banner { margin-bottom: 10px; } #products_module.responsive .footer { margin-top: 30px; } /* Grid & List Views - Shared */ #products_module.responsive .items { text-align: center; } #products_module.responsive .items a.middle-aligner+p { text-align: left; } #products_module.responsive .items:after { content: ""; display: block; clear: both; } #cross_sells .item-wrapper, #products_module.responsive .items .item-wrapper { float: left; } #products_module.responsive .items .item-wrapper .item .item-image { padding: 5px; border: 1px solid #e2e2e2; font-size: 0 !important; } #cross_sells .items .item-wrapper .item .item-image .item-image-wrapper, #products_module.responsive .items .item-wrapper .item .item-image a { display: block; overflow: hidden; } #products_module.responsive .items .item-wrapper .item .item-image img { max-height: 100%; max-width: 100%; } #products_module.responsive .items .item-wrapper .item .item-description { margin-top: 3px; border: 0; text-align: left; } #products_module.responsive .items .item-wrapper .item .item-description p { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; } #products_module.responsive .items .item-wrapper .item .item-description .item-short-description p { margin: 0; padding: 0; } #products_module.responsive .items .item-wrapper .affiliate-url-products-list { width: 100%; margin-top: 3px; } #products_module.responsive .items .item-wrapper .item .item-description .metadata1.cms_title h3 { font-size: inherit; margin: 0; } /* Grid View */ #cross_sells .item-wrapper .item, #products_module.responsive .items.grid-view .item-wrapper .item { margin: 10px 0 10px 0; padding: 5px 0; vertical-align: top; } #cross_sells .item-wrapper .item .item-image .item-image-wrapper, #products_module.responsive .items.grid-view .item-wrapper .item .item-image a { height: 151px; line-height: 151px; } /* Adjust spacing between the items */ #cross_sells .items, #products_module.responsive .items.grid-view { margin-right: -10px; } #cross_sells .items .item-wrapper .item, #products_module.responsive .items.grid-view .item-wrapper .item { margin-right: 10px; } /* List View */ #products_module.responsive .items.list-view .item-wrapper { width: 100%; } #products_module.responsive .items.list-view .item-wrapper .item { float: left; width: 100%; margin: 7px 0 7px 0; vertical-align: top; } #products_module.responsive .items.list-view .item-wrapper .item .item-image { float: left; width: 100px; } #cross_sells .items.list-view .item-wrapper .item .item-image .item-image-wrapper, #products_module.responsive .items.list-view .item-wrapper .item .item-image a { height: 88px; line-height: 88px; } #products_module.responsive .items.list-view .item-wrapper .item .item-description { width: auto; margin-top: 0; margin-left: 110px; } #products_module.responsive .sort-by-brands-only #SortBy { display: none; } /* Layout Specific */ #products_module.responsive .items .item-wrapper .item.tile-layout-2 .item-image { width: 48%; float: left; } #products_module.responsive .items .item-wrapper .item.tile-layout-2 .item-description { width: 48%; float: right; } #products_module.responsive .items #transition-overlay { display: none; position: absolute; width: 100%; height: 100%; background: #ffffff; left: 0; top: 0; z-index: 100000; } #products_module.responsive .items #transition-overlay.show-overlay { display: block; opacity: 1; } #products_module.responsive .items #transition-overlay #transition-overlay-content { margin: 0 auto; margin-top: 3em; } /* Add To Cart In List View & Grid View */ #products_module.responsive .items .item-wrapper .item-add-to-cart.loading-data { background: url(/core/public/shared/assets/images/userinterface/processing.gif ) 50% 50% no-repeat; height: 30px; display: block; } #products_module.responsive .items .item-wrapper .item-add-to-cart { background: #f6f6f6; padding: 5px 7px; display: none; } #products_module.responsive.cms_list .items .item-wrapper .item-add-to-cart { padding: 0; } #products_module.responsive .items .item-wrapper .item-add-to-cart.loaded { display: block; width: 100%; } #products_module.responsive .items .item-wrapper .item-add-to-cart:after { content: ""; display: block; clear: both; } #products_module.responsive .items .item-wrapper .product-attributes-list-view { overflow: hidden; } #products_module.responsive .items .item-wrapper .list-view-cart-row { text-align: left; margin: 0 0 3px 0; font-size: 0.95em; margin-top: 5px; } #products_module.responsive.cms_list .items .item-wrapper .list-view-cart-row, #products_module.responsive.cms_list .items .item-wrapper .cart-icon-link-wrapper-3 { margin-top: 0; margin-bottom: 10px; } #products_module.responsive .items .item-wrapper .list-view-cart-row label { text-align: left; font-weight: normal; margin-right: 4px; color: #686868; display: block; line-height: 25px; } #products_module.responsive .items .item-wrapper button.primary { margin-bottom: 0; font-size: 1rem; } #products_module.responsive .items .item-wrapper .list-view-cart-row.quantity-field-container label { display: inline-block; } #products_module.responsive .items .item-wrapper .list-view-cart-row.quantity-field-container input { width: 3em; display: inline-block; font-size: inherit; line-height: normal; } #products_module.responsive .items .item-wrapper .list-view-cart-row.quantity-field-container .product-quantity-unit { padding-left: .2em; } #products_module.responsive .items .item-wrapper .list-view-cart-row.quantity-field-container .minimum-quantity-label, #products_module.responsive .items .item-wrapper .list-view-cart-row.quantity-field-container .maximum-quantity-label { padding-top: .2em; width: 100%; } #products_module.responsive .items .item-wrapper .list-view-cart-row.out-of-stock-container { display: inline-block; width: auto; padding-top: 12px; margin-left: 10px; } #products_module.responsive .items .item-wrapper.variant-item .list-view-cart-row.out-of-stock-container { width: 122px; text-align: center; } #products_module.responsive .items .item-wrapper .list-view-cart-row.denomination-row label { display: inline-block; } #products_module.responsive .items .item-wrapper .list-view-cart-row.denomination-row input { width: 3em; display: inline-block; } #products_module.responsive .items .item-wrapper .list-view-cart-row .custom-options-attribute .select-custom-options-wrapper { display: table; width: 100%; } #products_module.responsive .items .item-wrapper .list-view-cart-row .custom-options-attribute select { display: table-cell; vertical-align: middle; } #products_module.responsive .items .item-wrapper .list-view-cart-row .custom-options-attribute .attributeSelectionThumbnail { display: table-cell; padding-left: .2em; vertical-align: middle; width: 30px; } #products_module.responsive .items .item-wrapper .list-view-cart-row .not-available-combination { width: 100%; color: red; } #products_module.responsive .items .item-wrapper .list-view-cart-row .attribute-datepicker { width: 100%; } #products_module.responsive .items .item-wrapper .list-view-cart-row select { width: 100%; } #products_module.responsive .items .item-wrapper .list-view-cart-row .accepted-formats { word-wrap: break-word; } /* Details View */ #products_module.responsive.cms_entity {} #products_module.responsive.cms_entity .product-details-slideshow-wrapper { float: left; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper.centered { float: none; margin: 0 auto; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper .js-larger-image { border-bottom: none; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow { text-align: center; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .main-slider-wrapper { position: relative; } /*#products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .main-slider-wrapper img, #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .one-image img{ max-height: 500px; max-width: 100%; }*/ #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .lightbox-magnifier-message { margin-top: 15px; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .lightbox-magnifier-message.with-slider { margin-bottom: 15px; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow a.one-image { display: block; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .one-image { position: relative; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .one-image img { max-width: 100%; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .overlay { display: none; } #products_module.responsive.cms_entity .product-details-info-wrapper { float: left; } #products_module.responsive.cms_entity .product-details-info-wrapper.no-images { width: 100%; } #products_module.responsive.cms_entity .product-details-info-wrapper.no-images .product-details-info { margin-left: 0; } #products_module.responsive.cms_entity .product-details-info-wrapper.no-images .add_to_cart_form .cart-estimate-button { width: 225px; display: block; } #products_module.responsive.cms_entity .product-details-info-wrapper .product-details-info { padding: 15px 5px 15px 15px; background-color: #f6f6f6; } #products_module.responsive.cms_entity .product-details-info-wrapper .product-details-info .add_to_cart_form:after { content: ""; display: block; clear: both; } #products_module.responsive.cms_entity .social-media-sharing { text-align: center; margin-top: 15px; } #products_module.responsive.cms_entity .social-media-text { float: left; } #products_module.responsive.cms_entity .social-media-items { float: left; } #products_module.responsive.cms_entity .social-media-icon { display: inline-block; margin-left: 5px; width: 25px; height: 25px; background-size: auto; background-repeat: no-repeat; background-position: 50% 50%; } #products_module.responsive.cms_entity .social-media-icon.facebook { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/facebook.svg"); } #products_module.responsive.cms_entity .social-media-icon.facebook:hover { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/facebook-over.svg"); } #products_module.responsive.cms_entity .social-media-icon.twitter { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/twitter.svg"); } #products_module.responsive.cms_entity .social-media-icon.twitter:hover { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/twitter-over.svg"); } #products_module.responsive.cms_entity .social-media-icon.pinterest { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/pinterest.svg"); } #products_module.responsive.cms_entity .social-media-icon.pinterest:hover { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/pinterest-over.svg"); } #products_module.responsive.cms_entity .social-media-icon.google-plus { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/googleplus.svg"); } #products_module.responsive.cms_entity .social-media-icon.google-plus:hover { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/googleplus-over.svg"); } #products_module.responsive.cms_entity .social-media-icon.email { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/email.svg"); } #products_module.responsive.cms_entity .social-media-icon.email:hover { background-image: url("/core/website/modules/eCommerceProducts/images/socialmedia/email-over.svg"); } #products_module.responsive .product-prices {} #products_module.responsive .product-prices table { width: 100%; } #products_module.responsive .product-prices table th { text-align: left; } #products_module.responsive .product-prices table tr.odd { background: #E4E4E4; } #products_module.responsive .product-reward-points {} #products_module.responsive .product-sku, #products_module.responsive .product-brand, #products_module.responsive .product-upc, #products_module.responsive .product-hscode, #products_module.responsive .product-msrp, #products_module.responsive .product-weight, #products_module.responsive .product-dimension { margin: 3px 0 0 0; font-size: 0.875rem; } #products_module.responsive .product-brand-with-image { text-align: center; } #products_module.responsive.cms_entity .related-items, #products_module.responsive.cms_entity .recently-viewed-items { clear: both; } #products_module.responsive.cms_entity .related-items .related-items-title, #products_module.responsive.cms_entity .recently-viewed-items .recently-viewed-items-title { margin: 15px 0 5px 0; font-size: 0.875rem; font-weight: bold; } #products_module.responsive.cms_entity .related-items .related-item-separator, #products_module.responsive.cms_entity .recently-viewed-items .recently-viewed-item-separator { margin-bottom: 5px; } /* Search View */ #products_module #product-search-div { width: 100%; float: left; } #products_module .criteria-label { width: 90px; float: left; } #products_module .product-category-selection { width: 100%; float: left; padding-left: 90px; } #products_module .brand-selection { width: 100%; float: left; padding-left: 90px; } #products_module .product-search input { margin: 0 0 7px 0; float: left; } #products_module .product-search select { margin: 0 5px 7px 0; float: left; } #products_module .product-search select.type-of-criteria { margin-left: 10px; } #products_module .product-search .cms_buttons { padding-left: 90px; float: left; } #products_module .product-search-results { margin: 10px 0 0 0; display: inline-block; width: 100%; } #products_module .search-summary-display { width: 100%; display: inline-block; padding: 3px 0; } #products_module .search-summary-display-label { width: 30%; float: left; } #products_module .search-summary-display-label .search-summary-display-label-strong { font-weight: bold; } #products_module .search-results-summary { text-align: right; width: 70%; float: left; } /* Add to Cart - Begin */ #products_module.responsive .add_to_cart_form .quantity_row, #products_module.responsive .add_to_cart_form .contentbox_item { color: #686868; width: 100%; float: left; } #products_module.responsive .add_to_cart_form .quantity_row { margin-top: 10px; } #products_module.responsive .add_to_cart_form .contentbox_item { margin-top: 5px; } #products_module.responsive .add_to_cart_form .contentbox_item:after { content: ""; display: block; clear: both; } #products_module.responsive .add_to_cart_form .quantity_row .product-quantity-label { float: none; display: inline-block; width: 20%; } #products_module.responsive .add_to_cart_form .quantity_row .product-denomination-label { float: none; display: inline-block; width: 18%; } #products_module.responsive .add_to_cart_form .quantity_row .spacing { padding-left: 7px; } #products_module.responsive .add_to_cart_form .quantity_row input { margin-left: 3px; width: 50px; text-align: center; padding-left: 10px; } #products_module.responsive .add_to_cart_form .quantity_row span.form_money_currency { display: inline-block; position: relative; width: 2%; text-align: right; } #products_module.responsive .add_to_cart_form .quantity_row #quantity_available_info { width: 100%; font-size: 0.75rem; margin: 0 0 10px 0; } #products_module.responsive .add_to_cart_form .quantity_row #quantity_available_info.no_available_quantity { color: #ff0000; font-style: italic; } #products_module.responsive .add_to_cart_form .quantity_row #quantity_available_info.available_quantity { color: #567E3A; font-style: italic; } #products_module.responsive.cms_entity .product-details-info-wrapper .product-details-info .add_to_cart_form .denomination-validation-message, #products_module.responsive.cms_entity .add_to_cart_form .minimum_quantity_label, #products_module.responsive.cms_entity .add_to_cart_form .maximum_quantity_label { color: #ff0000; margin-left: 3px; } /*** Attribute Grid ***/ #products_module.responsive .attribute-grid-add-to-cart-container { background-color: #f6f6f6; padding: 10px 15px; margin-top: 10px; width: 100%; float: left; } #products_module.responsive .add_to_cart_form .attribute-grid-container { float: left; width: 100%; } #products_module.responsive.cms_entity .attribute-grid-add-to-cart-container .add_to_cart_form .cart-estimate-button { width: 225px; display: block; } #products_module.responsive.cms_entity .attribute-grid-add-to-cart-container #viewwishlist_wrapper, #products_module.responsive.cms_entity .attribute-grid-add-to-cart-container #viewfavorites_wrapper { width: 225px; display: block; } #products_module.responsive .add_to_cart_form .attribute-grid-table-container { overflow-x: auto; } #products_module.responsive .add_to_cart_form .attribute-grid-container table thead { display: block; padding-right: 18px; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tbody { display: block; max-height: 500px; overflow-y: auto; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr.attribute-grid-table-header th { padding: 2px 2px 10px 2px; text-align: center; font-weight: bold; max-width: 80px; min-width: 80px; vertical-align: bottom; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr.attribute-grid-table-header th label { text-align: center !important; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr.attribute-grid-table-header th:first-child label { text-align: left !important; } #products_module.responsive .add_to_cart_form .attribute-grid-container .attribute-grid-table tr td.attribute-grid-option-label { word-wrap: break-word; } #products_module.responsive .add_to_cart_form .attribute-grid-container table thead tr.attribute-grid-table-header th img { max-width: 100%; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td { padding: 0 2px 10px 2px; text-align: center; font-weight: normal; vertical-align: top; max-width: 80px; width: 80px; } #products_module.responsive .add_to_cart_form .attribute-grid-container.two-dimension-attribute-grid table tr td:first-child { text-align: left; max-width: none; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td .quantity-grid-quantity-field { width: 100%; border: 1px solid #cccccc; display: block; font-size: 0.875rem; height: 38px; padding: 8px 12px; vertical-align: middle; width: 100%; text-align: center; margin: 0; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td .quantity-grid-quantity-field.erroneous-quantity { border: 1px solid #ff0000; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td .attribute-grid-quantity-container { min-height: 45px; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td .attribute-grid-quantity-container.with-price-adjustments { min-height: 62px; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td .attribute-grid-subtable { display: table; width: 100%; table-layout: fixed; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td .attribute-grid-subtable-row { display: table-row; width: 100%; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td .attribute-grid-subtable-cell { display: table-cell; vertical-align: middle; width: 50%; padding-right: 5px; word-wrap: break-word; } #products_module.responsive .add_to_cart_form .attribute-grid-price-adjustment { font-size: 0.75rem; line-height: 14px; padding-top: 4px; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td .mobile-label-attribute-grid.attribute-grid-subtable-cell { display: none; } #products_module.responsive .attribute-grid-add-to-cart-container .quantity_row { margin-top: 0px; } #products_module.responsive .add_to_cart_form .use_attribute_grid_row { width: 100%; margin-top: 10px; float: left; color: #686868; display: table; } #products_module.responsive .attribute-grid-add-to-cart-container .use_attribute_grid_row { margin-top: 0px; } #products_module.responsive .add_to_cart_form .use_attribute_grid_row .use-attribute-grid-label { display: table-cell; font-weight: normal; font-size: 0.875rem; } #products_module.responsive .add_to_cart_form .use_attribute_grid_row .use-attribute-grid-field { display: table-cell; width: 15px; margin-right: 10px; } /*** Attribute Grid End***/ #products_module.responsive .add_to_cart_form .subtotal_row { color: #686868; margin-top: 8px; float: left; width: 100%; margin-bottom: 5px; } #products_module.responsive .add_to_cart_form .subtotal_row label { display: inline-block; font-weight: normal; margin: 0; vertical-align: middle; } #products_module.responsive .add_to_cart_form .subtotal_row strong { color: #000; font-size: 1rem; float: left; } #products_module.responsive .add_to_cart_form .notavailable_row { color: #f00; margin-top: 8px; float: left; width: 100%; } #products_module.responsive .add_to_cart_form .submit_row { float: left; width: 100%; } #products_module.responsive .add_to_cart_form .submit_row_center { text-align: center; } #products_module.responsive .add_to_cart_form .submit_row #CalculateSubtotal { margin-bottom: 4px; } #products_module.responsive .add_to_cart_form #AddToWishList { float: none; } #products_module.responsive .add_to_cart_form #AddToWishList:hover { text-decoration: none; } #products_module.responsive #viewwishlist_wrapper, #products_module.responsive #viewfavorites_wrapper { text-align: center; } #products_module.responsive #viewwishlist_wrapper { margin-top: 5px; } #products_module.responsive .add_to_cart_form button { margin-top: 5px; } #products_module.responsive .add_to_cart_form .form_button { padding-left: 0; padding-right: 0; } #products_module.responsive .add_to_cart_form .cart-estimate-button { padding: 5px; width: 75%; } #products_module.responsive .add_to_cart_form .attributeSelectionLabel { font-weight: normal; line-height: 25px; } #products_module.responsive .add_to_cart_form .attributeSelection { margin-bottom: 5px; } #products_module.responsive .attributeSelectionWithImages { width: 100%; float: left; } #products_module.responsive .attributeSelectionWithImages .attributeSelectDescription, #products_module.responsive .attributeSelectionWithImages .attributeCaption { display: block; } #products_module.responsive .attributeSelectionWithImages ul { padding: 0px; margin: 0px; } #products_module.responsive .attributeSelectionWithImages ul li { list-style-type: none; float: left; line-height: normal; } #products_module.responsive .attributeSelectionWithImages ul li span { display: none; } #products_module.responsive .attributeSelectionWithImages ul li label { display: inline-block; border: 1px solid transparent; margin: 0; cursor: pointer; } #products_module.responsive .attributeSelectionWithImages ul li label.disabled-option { cursor: default; opacity: .25; } #products_module.responsive .attributeSelectionWithImages.attribute-option-labels ul li { width: 100%; } #products_module.responsive .attributeSelectionWithImages.attribute-option-labels ul li span { display: inline-block; padding-right: 10px; } #products_module.responsive .attributeSelectionWithImages.attribute-option-labels ul li label { width: 100%; } #products_module.responsive .attributeSelectionWithImages ul li label img { display: inline-block; border: 1px solid transparent; pointer-events: none; } #products_module.responsive .attributeOptionList { float: left; width: 100%; } #products_module.responsive .attributeSelectionWithImages.attribute-option-selected ul li.attribute-option-hightlight label img { opacity: 1; border: 2px solid transparent; } #products_module.responsive .attributeSelectionWithImages.attribute-option-selected ul li.attribute-option-hightlight label img { border: 2px solid rgba(0, 0, 0, 0.75); } #products_module.responsive .attributeSelectionWithImages .spinner-loader-wrapper { float: left; width: 100%; display: none; margin-top: 3px; } #products_module.responsive .attributeSelectionWithImages .spinner-loader-outside { width: 30%; float: left; padding-right: 10px; text-align: right; } #products_module.responsive .attributeSelectionWithImages .spinner-loader { text-align: center; font-size: 0.250rem; color: #000000; line-height: 25px; float: right; } #products_module.responsive .attributeSelectionWithImages .spinner-loader-loading-text { width: 70%; font-size: 0.75rem; float: left; line-height: 20px; } #products_module.responsive .tooltipDiv { background-color: #ffffff; border: 1px solid #E1E0C2; } #products_module.responsive .tooltipDiv img { padding: 5px; } #products_module.responsive .viewMoreAttributeOptions, #products_module.responsive .hideMoreAttributeOptions { width: 100%; display: inline-block; } #products_module.responsive .add_to_cart_form .attribute-type-singleline input { width: 100%; } #products_module.responsive .add_to_cart_form .attribute-type-textarea textarea { width: 100%; height: 60px; font-family: sans-serif; line-height: normal; } #products_module.responsive .add_to_cart_form .attribute-type-date .attribute-datepicker { display: inline-block; padding-right: 26px; } .ui-datepicker select { display: inline-block; } #products_module.responsive .add_to_cart_form .attribute-type-date img { margin-left: -23px; display: inline-block; } #products_module.responsive .affiliate_box .affiliate_url { width: 100%; } #products_module.responsive .affiliate_box .affiliate_description { width: 100%; } #products_module.responsive .availability_box .available { color: #42b4e6; font-style: italic; } #products_module.responsive .availability_box .unavailable, div.all-ribbons .list-view-cart-row.availability_box span.unavailable { color: #cc0000; font-weight: bold; display: inline-block; padding-top: 10px; padding-bottom: 8px; text-align: center; width: 100%; margin-left: 0px; } div.all-ribbons .list-view-cart-row.availability_box span.unavailable { background: #f6f6f6; } .responsive.attributeSectionBody { width: 100%; } .responsive.attributeSectionBody a.closelink { text-align: right; width: 100%; float: left; margin-bottom: 0.5rem; font-size: 0.8em; } .responsive.attributeSectionBody #attributeSelectionLargePreview { width: 100%; float: left; padding: 0 5px; } .responsive.attributeSectionBody #attributeSelectionOptions { padding-top: 15px; float: left; width: 100%; } .responsive.attributeSectionBody .attributeSelectionOption { width: 16.66%; padding: 0 0 10px 10px; float: left; } .responsive.attributeSectionBody .attributeSelectionOption img { max-width: 100%; max-height: 100%; padding: 3px; } .responsive.attributeSectionBody .attributeSelectionOption img.attributeSelectionOptionSelected { border: 1px solid #cccccc; } .product-attribute-file-upload input { border: 1px solid #cccccc; font-size: 0.688rem; max-width: 100%; } .product-attribute-file-upload label { font-weight: normal; } .contentbox_item .accepted-formats { font-size: 0.688rem; } .contentbox_item .special-instructions { font-size: 0.750rem; } /* Add to Cart - End */ /* Tabs - Begin */ #products_module.responsive.cms_entity .product-details-tabs { clear: both; padding-top: 15px; float: left; margin-top: 15px; width: 100%; } #products_module .product-details-tabs.one_tab_only .tab-item { cursor: auto; } #products_module.responsive.cms_entity .product-details-tabs .tab-item { font-size: 1rem; position: relative; padding: 7px; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; cursor: pointer; white-space: nowrap; color: #5c585e; text-transform: uppercase; } #products_module.responsive.cms_entity .product-details-tabs .tab-item:hover { background-color: #d6d6d6; cursor: pointer; } #products_module.responsive.cms_entity .product-details-tabs .selected-tab-item:hover { background-color: #ffffff; cursor: pointer; } .tab-item-content-print-title { display: none; } #products_module.responsive.cms_entity .product-details-tabs .tab-item-content { padding: 15px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: none; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; min-height: 100%; width: 100%; margin-bottom: 15px; } #products_module.responsive.cms_entity .tab-item-content .separator { clear: both; border-top: 1px dashed #d6d6d6; height: 1px; margin-bottom: 10px; margin-top: 10px; } #products_module.responsive.cms_entity .tab-item-content .product-document { overflow: hidden; margin-bottom: 5px; } #products_module.responsive.cms_entity .tab-item-content .product-document .product-document-icon { float: left; border: 0; width: 24px; height: 24px; } #products_module.responsive.cms_entity .tab-item-content .product-document a { vertical-align: middle; } #products_module.responsive.cms_entity .tab-item-content .product-document .product-document-link { line-height: 24px; padding-left: 5px; } #products_module.responsive.cms_entity .tab-item-content .product-document .product-document-information { margin-left: 30px; opacity: 0.7; font-size: 0.75rem; margin-top: 2px; } #products_module.responsive.cms_entity .tab-item-content .product-questions { margin: 0 0 20px 0; } #products_module.responsive.cms_entity .tab-item-content .product-question p { font-weight: bold; margin-bottom: 0; } #products_module.responsive.cms_entity .tab-item-content .product-question-answer { margin: 5px 0 0 10px; } #products_module.responsive.cms_entity .tab-item-content .product-question-have-a-question { padding-top: 10px; border-top: 1px dashed #d6d6d6; font-weight: bold; } #products_module.responsive .tab-item-content .product-review { margin-top: 15px; margin-bottom: 15px; padding: 10px 15px; } #products_module.responsive .tab-item-content .product-review .product-review-author { font-size: 0.688rem; font-weight: bold; } #products_module.responsive.cms_entity .product-details-tabs .selected-tab-item-content { display: block; background-color: #fff; } #products_module.responsive.cms_entity .product-details-tabs.single_tab-only .selected-tab-item, #products_module.responsive.cms_entity .product-details-tabs.single_tab-only .selected-tab-item-content, #products_module.responsive.cms_entity .product-details-tabs.single_tab-only .tab-item, #products_module.responsive.cms_entity .product-details-tabs.single_tab-only .tab-item-content { background-color: transparent; border: none; } /* Tabs - End */ /* Search colum */ .search_submit { width: 28px; height: 20px; background-image: url('../images/search.png'); background-repeat: no-repeat; background-color: #ffffff; cursor: pointer; border: 1px solid #cccccc; } .search_submit:hover { background-image: url('../images/search_over.png'); } /*Search Facets Region -Start */ .search-facet-filter-by, .search-facet-collapse-icon { cursor: pointer; } .search-facet.collapsed .search-facet-options-list { display: none; } /*Search Facets Region -End*/ /* Faceted Search Breadcrumbs - Start*/ #faceted-search-breadcrumbs { float: left; } .filter-applied-wrap { border: 1px solid #cccccc; display: block; float: left; height: 30px; margin: 0 10px 10px 0px; } .filter-applied-x { background-image: url("/core/public/shared/assets/images/icon_x.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 10px; float: right; min-width: 0; opacity: 0.25; transition: background-color 150ms ease 0s, opacity 150ms ease 0s; width: 28px; height: 100%; } .filter-applied-x:hover { background-color: #dddddd; opacity: 1; } .filter-applied-label { float: left; font-size: 0.625rem; font-weight: normal; padding-left: 5px; padding-right: 5px; padding-top: 6px; text-align: center; } .filters-applied-title { color: #686868; font-size: 0.8em; font-weight: bold; text-transform: uppercase; float: left; margin: 3px; width: 100%; } .filter-applied-clear-all { float: left; height: 30px; } .clear-all-x { background-image: url("/core/public/shared/assets/images/icon_x.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 10px; float: right; height: 100%; min-width: 36px; opacity: 0.5; width: 36px; } .clear-all { margin-top: 6px; float: left; } /* Faceted Search Breadcrumbs - End*/ /* Forms - Begin */ #products_module.responsive.cms_form {} #products_module.responsive.cms_form .information { margin-top: 10px; } #products_module.responsive.cms_form .required-fields-information { text-align: right; } #products_module.responsive.cms_form .ui-form-textarea>textarea { resize: vertical; } #products_module.responsive.cms_form .divider { height: 0; margin-bottom: 5px; margin-top: 5px; } #products_module.responsive.cms_form .star { float: left; cursor: pointer; padding: 7px 0; } #products_module.responsive.cms_form .preferred-contact-method-label.ui-form-label { font-weight: bold; display: block; } /* Forms - End */ /* *************************************************************************************************** */ /* ******************************************* Mobile ************************************************ */ /* *************************************************************************************************** */ /* ***************************************** Portrait **************************************** */ @media screen and (max-width: 480px) { /* Grid View */ /* One Per Row */ #products_module.responsive .items.grid-view.one-col-on-mobile-portrait .item-wrapper { width: 100%; } #products_module.responsive .items.grid-view.one-col-on-mobile-portrait .item-wrapper:nth-child(1n + 2) { clear: both; } /* Two Per Row */ #products_module.responsive .items.grid-view.two-col-on-mobile-portrait .item-wrapper { width: 50%; } #products_module.responsive .items.grid-view.two-col-on-mobile-portrait .item-wrapper:nth-child(2n + 3) { clear: both; } .responsive.attributeSectionBody .attributeSelectionOption { width: 33.33%; } .attributeSectionBody a.closelink { font-size: 0.8em; } #products_module .product-search input { margin: 0 0 7px 0; width: 100%; } #products_module .product-search select { margin: 0 0 7px 0; float: left; width: 100%; } #products_module .product-search .product-category-selection, #products_module .product-search .brand-selection, #products_module .product-search .cms_buttons { padding-left: 0; } #products_module .product-search .cms_buttons { width: 100%; } #products_module .search-summary-display-label { width: 100%; } #products_module .search-results-summary { text-align: left; width: 100%; } #products_module.responsive .add_to_cart_form .quantity_row .product-quantity-label { width: 50%; } #products_module.responsive .add_to_cart_form .quantity_row .product-denomination-label { width: 48%; } } /* ***************************************** Landscape **************************************** */ @media screen and (min-width: 481px) and (max-width: 720px) { /* Grid View */ /* One Per Row */ #products_module.responsive .items.grid-view.one-col-on-mobile-landscape .item-wrapper { width: 100%; } #products_module.responsive .items.grid-view.one-col-on-mobile-landscape .item-wrapper:nth-child(1n + 2) { clear: both; } /* Two Per Row */ #products_module.responsive .items.grid-view.two-col-on-mobile-landscape .item-wrapper { width: 50%; } #products_module.responsive .items.grid-view.two-col-on-mobile-landscape .item-wrapper:nth-child(2n + 3) { clear: both; } /* Three Per Row */ #products_module.responsive .items.grid-view.three-col-on-mobile-landscape .item-wrapper { width: 33.33%; } #products_module.responsive .items.grid-view.three-col-on-mobile-landscape .item-wrapper:nth-child(3n + 4) { clear: both; } .responsive.attributeSectionBody .attributeSelectionOption { width: 25%; } #products_module.responsive .add_to_cart_form .quantity_row .product-quantity-label { width: 30%; } #products_module.responsive .add_to_cart_form .quantity_row .product-denomination-label { width: 28%; } } @media screen and (max-width: 720px) { /* Details View */ #products_module.responsive.cms_entity .product-details-slideshow-wrapper { width: 100%; } /*#products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .lightbox-magnifier-message, #products_module.responsive.cms_entity .product-details-slideshow-wrapper .product-details-slideshow .lightbox-magnifier-message.with-slider { display: none; }*/ #products_module.responsive.cms_entity .product-details-info-wrapper { width: 100%; } #products_module.responsive.cms_entity .product-details-info-wrapper .product-details-info { margin-top: 15px; } /* Add to Cart - Begin */ #products_module.responsive .add_to_cart_form .cart-estimate-button { width: 100%; margin-bottom: 5px; } /* Add to Cart - End */ /* Tabs - Begin */ #products_module.responsive.cms_entity .product-details-tabs { width: 100%; } #products_module.responsive.cms_entity .product-details-tabs .tab-item, #products_module.responsive.cms_entity .product-details-tabs .tab-item:hover { background-color: #e7e7e7; } #products_module.responsive.cms_entity .product-details-tabs .selected-tab-item { font-weight: bold; } /* Tabs - End */ /* Forms - Begin */ /* #products_module.responsive.cms_form .ui-form-text > input[type="text"] { width: 100%; } #products_module.responsive.cms_form .ui-form-textarea > textarea { width: 100%; } */ #products_module.responsive.cms_form .ui-form-note { line-height: normal; } #products_module.responsive.cms_form .ui-form-buttons { padding-left: 0; text-align: center; } #products_module.responsive.cms_form .ui-form-field { width: 100%; } /* Forms - End */ } @media screen and (max-width: 600px) { /*** Attribute Grid ***/ #products_module.responsive .add_to_cart_form .attribute-grid-container table thead { display: none; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tbody { max-height: none; } #products_module.responsive.cms_entity .attribute-grid-add-to-cart-container .add_to_cart_form .cart-estimate-button { width: 100%; } #products_module.responsive .add_to_cart_form .attribute-grid-container .attribute-grid-table { border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 20px; width: 100%; } #products_module.responsive .add_to_cart_form .attribute-grid-container .attribute-grid-table thead tr { display: block; width: 100%; } #products_module.responsive .add_to_cart_form .attribute-grid-container .attribute-grid-table tr td { display: block; min-height: 60px; padding: 10px; position: relative; text-align: left; width: auto; } #products_module.responsive .add_to_cart_form .attribute-grid-container .attribute-grid-table tr td.attribute-grid-option-label { background-color: rgba(0, 0, 0, 0.2); font-size: 1.2em; padding-right: 10px; text-transform: uppercase; width: 100%; } #products_module.responsive .add_to_cart_form .attribute-grid-container .attribute-grid-table input[type="text"] { display: inline-block; text-align: center; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td { max-width: 100%; width: 100%; } #products_module.responsive .add_to_cart_form .attribute-grid-container table tr td .mobile-label-attribute-grid.attribute-grid-subtable-cell { display: table-cell; } /*** Attribute Grid End***/ } @media screen and (min-width: 481px) and (max-width: 720px) { /* Add to Cart - Begin */ #products_module.responsive .add_to_cart_form .cart-estimate-button { width: 42%; margin-bottom: 5px; } /* Add to Cart - End */ #products_module.responsive .attributeSelectionWithImages.attribute-option-labels ul li { width: 49%; } } /* *************************************************************************************************** */ /* ******************************************** Tablet *********************************************** */ /* *************************************************************************************************** */ @media screen and (min-width: 768px) { .pagination-wrapper .pagination-sort-items { width: 35%; } .pagination-wrapper .pagination-page-selection-top { width: 40%; } .pagination-wrapper .pagination-current-items-top { width: 25%; } } @media screen and (min-width: 721px) { .w-col-9.s-col-9, .w-col-9 { width: 100%; } .left-nav-column { display: none; } /* Details View */ #products_module.responsive.cms_entity .product-details-wrapper:after { content: ""; display: block; clear: both; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper { width: 50%; } #products_module.responsive.cms_entity .product-details-slideshow { margin-right: 10px; } #products_module.responsive.cms_entity .product-details-info-wrapper { width: 50%; } #products_module.responsive.cms_entity .product-details-info-wrapper .product-details-info { margin-left: 10px; } /* Tabs - Begin */ #products_module.responsive.cms_entity .product-details-tabs .tab-item { float: left; top: 1px; margin: 0 3px 0 0; background-color: #f6f6f6; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #d6d6d6; } #products_module.responsive.cms_entity .product-details-tabs .selected-tab-item { background-color: #fff; border-bottom: 1px solid #fff; } #products_module.responsive.cms_entity .product-details-tabs .tab-item-content { float: left; border-top-right-radius: 4px; border-top: 1px solid #d6d6d6; } /* Tabs - End */ /* Forms - Begin */ #products_module.responsive.cms_form .ui-form-buttons .ui-form-field { width: auto; } /* Forms - End */ } @media screen and (min-width: 721px) and (max-width: 1024px) { /* Grid View */ /* One Per Row */ #products_module.responsive .items.grid-view.one-col-on-tablet .item-wrapper { width: 100%; } #products_module.responsive .items.grid-view.one-col-on-tablet .item-wrapper:nth-child(1n + 2) { clear: both; } /* Two Per Row */ #products_module.responsive .items.grid-view.two-col-on-tablet .item-wrapper { width: 50%; } #products_module.responsive .items.grid-view.two-col-on-tablet .item-wrapper:nth-child(2n + 3) { clear: both; } /* Three Per Row */ #products_module.responsive .items.grid-view.three-col-on-tablet .item-wrapper { width: 33.33%; } #products_module.responsive .items.grid-view.three-col-on-tablet .item-wrapper:nth-child(3n + 4) { clear: both; } /* Four Per Row */ #products_module.responsive .items.grid-view.four-col-on-tablet .item-wrapper { width: 25%; } #products_module.responsive .items.grid-view.four-col-on-tablet .item-wrapper:nth-child(4n + 5) { clear: both; } /* Five Per Row */ #products_module.responsive .items.grid-view.five-col-on-tablet .item-wrapper { width: 20%; } #products_module.responsive .items.grid-view.five-col-on-tablet .item-wrapper:nth-child(5n + 6) { clear: both; } /* Six Per Row */ #products_module.responsive .items.grid-view.six-col-on-tablet .item-wrapper { width: 16.66%; } #products_module.responsive .items.grid-view.six-col-on-tablet .item-wrapper:nth-child(6n + 7) { clear: both; } } /* *************************************************************************************************** */ /* ******************************************** Desktop ********************************************** */ /* *************************************************************************************************** */ @media screen and (min-width: 1025px) { .w-col-9.s-col-9, .w-col-9 { width: 75%; } .left-nav-column { display: block; } /* Details View */ #products_module.responsive.cms_entity .product-details-slideshow-wrapper { width: 60%; } #products_module.responsive.cms_entity .product-details-info-wrapper { width: 40%; } /* One Per Row */ #products_module.responsive .items.grid-view.one-col-on-desktop .item-wrapper { width: 100%; } #products_module.responsive .items.grid-view.one-col-on-desktop .item-wrapper:nth-child(1n + 2) { clear: both; } /* Two Per Row */ #products_module.responsive .items.grid-view.two-col-on-desktop .item-wrapper { width: 50%; } #products_module.responsive .items.grid-view.two-col-on-desktop .item-wrapper:nth-child(2n + 3) { clear: both; } /* Three Per Row */ #products_module.responsive .items.grid-view.three-col-on-desktop .item-wrapper { width: 33.33%; } #products_module.responsive .items.grid-view.three-col-on-desktop .item-wrapper:nth-child(3n + 4) { clear: both; } /* Four Per Row */ #products_module.responsive .items.grid-view.four-col-on-desktop .item-wrapper { width: 25%; } #products_module.responsive .items.grid-view.four-col-on-desktop .item-wrapper:nth-child(4n + 5) { clear: both; } /* Five Per Row */ #products_module.responsive .items.grid-view.five-col-on-desktop .item-wrapper { width: 20%; } #products_module.responsive .items.grid-view.five-col-on-desktop .item-wrapper:nth-child(5n + 6) { clear: both; } /* Six Per Row */ #products_module.responsive .items.grid-view.six-col-on-desktop .item-wrapper { width: 16.66%; } #products_module.responsive .items.grid-view.six-col-on-desktop .item-wrapper:nth-child(6n + 7) { clear: both; } /* Seven Per Row */ #products_module.responsive .items.grid-view.seven-col-on-desktop .item-wrapper { width: 14.28%; } #products_module.responsive .items.grid-view.seven-col-on-desktop .item-wrapper:nth-child(7n + 8) { clear: both; } /* Eight Per Row */ #products_module.responsive .items.grid-view.eight-col-on-desktop .item-wrapper { width: 12.5%; } #products_module.responsive .items.grid-view.eight-col-on-desktop .item-wrapper:nth-child(8n + 9) { clear: both; } } /* Cross sells / Free Gifts */ #cross_sells { width: 100%; float: left; padding: 20px; } #cross_sells .quantity-field-container, #cross_sells .item-wrapper .item-footer .add-to-cart-list-view .subtotal_row { display: none !important; } #cross_sells .list-view-cart-row.add-to-cart-button { margin-top: 4px; } #cross_sells .gifts-per-promotion-group { width: 100%; border: 2px dashed #555555; float: left; padding: 15px; margin: 0 0 25px 0; } #cross_sells .gifts-per-promotion-group .gift-selection-box-title { width: 100%; } #cross_sells .gifts-per-promotion-group .gift-selection-box-title .expand-collapse-gift-selection { display: inline-block; } #cross_sells .gifts-per-promotion-group .gift-selection-box-title .expand-collapse-gift-selection.use-arrow-open::before { content: '\2716'; cursor: pointer; padding-right: 10px; padding-left: 4px; } #cross_sells .gifts-per-promotion-group .gift-selection-box-title .expand-collapse-gift-selection.use-arrow-closed::before { content: '\2795'; cursor: pointer; padding-right: 10px; } #cross_sells .gifts-per-promotion-group .gift-selection-box-title .no-thanks-gift { display: inline-block; margin-left: 30px; background-color: #555555; color: #ffffff; border: none; cursor: pointer; } #cross_sells .gifts-per-promotion-group .change-gift-selection { font-weight: bold; } #cross_sells .slick-prev:before, #cross_sells .slick-next:before { font-size: 2.5rem; line-height: 2.5rem; color: black; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #cross_sells .slick-prev:before { content: "<"; } #cross_sells [dir="rtl"] .slick-prev:before { content: ">"; } #cross_sells [dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; } #cross_sells .slick-next { height: 40px; width: auto; right: 10px; } #cross_sells .slick-prev { height: 40px; width: auto; } #cross_sells .slick-next:before { content: ">"; } #cross_sells [dir="rtl"] .slick-next:before { content: "<"; } #cross_sells .slick-slide:hover { cursor: default; } @media screen and (max-width: 480px) { #cross_sells .gifts-per-promotion-group .gift-selection-box-title .no-thanks-gift { margin: 5px 0 5px 0; clear: left; display: block; } } #cross_sells .gifts-per-promotion-group .added-to-cart-text { color: #808080; } /*** Product Search Suggestions ***/ #products_module.responsive .add_to_cart_form .fly-out-menu-container.search-suggestions {} #products_module.responsive .add_to_cart_form .fly-out-menu-container.search-suggestions .fly-out-menu-button { padding: 0; line-height: normal; min-height: 25px; } #products_module.responsive .add_to_cart_form .fly-out-menu-container.search-suggestions .fly-out-menu-button a { height: 26px; padding: 2px; line-height: 24px; color: inherit; font-weight: normal; } #products_module.responsive .add_to_cart_form .fly-out-menu-container.search-suggestions .fly-out-menu-button a.blank { padding-left: 5px; } #products_module.responsive .add_to_cart_form .fly-out-menu-container.search-suggestions .fly-out-menu-button span { /*vertical-align: middle;*/ } #products_module.responsive .add_to_cart_form .fly-out-menu-container.search-suggestions .selection img { width: 22px; vertical-align: top; display: inline-block; } @media screen and (max-width: 480px) { #products_module.responsive .add_to_cart_form .fly-out-menu-container.search-suggestions .selection img { width: 26px; } #products_module.responsive .add_to_cart_form .fly-out-menu-container.search-suggestions .fly-out-menu-button a { height: 30px; line-height: 26px; } } .fly-out-menu-list-container.search-suggestions { max-height: 80%; border: 1px solid #dddddd; border-top-color: #eeeeee; border-bottom-color: #cccccc; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15) } @media (max-width: 767px) { .fly-out-menu-list-container.search-suggestions { box-shadow: 0px 14px 36px rgba(0, 0, 0, 0.25); width: 100%; border: 0; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li.view-all-results { border-bottom: 1px solid #aaaaaa; } } .fly-out-menu-list-container.search-suggestions .fly-out-menu-list img { vertical-align: middle; } .fly-out-menu-list-container.search-suggestions .fly-out-menu-list a { padding: 1px 2px; /*line-height: 32px;*/ min-height: 30px; /*height: 40px;*/ color: inherit; font-weight: normal; } .fly-out-menu-list-container.search-suggestions .fly-out-menu-list a:after { content: ""; display: block; clear: both; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li a:focus, .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li a:hover { background: #ececec; color: inherit !important; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li a:active, .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li.selected a { background: #2D86DF !important; color: #ffffff !important; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li a:active { transition: none; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li { clear: both; border-bottom: 1px solid #eeeeee; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .item-image, .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .description, .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .item-price { float: left; white-space: normal; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .description, .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .item-price { padding: 5px; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .item-image { width: 80px; min-height: 70px; line-height: 60px; background: #ffffff; text-align: center; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .description { min-width: 150px; max-width: 200px; padding-top: 5px; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .item-price { float: right; padding-top: 5px; padding-left: 8px; } @media screen and (max-width: 480px) { .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .item-image { width: 70px; min-height: 60px; line-height: 50px; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .description { max-width: calc(100% - 70px); } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .item-price { display: none; } } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .item-title { padding-top: 0; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li .item-title h3 { font-size: inherit; margin: 0; padding: 0; } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li.view-all-results a { line-height: 32px; text-align: center; color: inherit; background: #f8f8f8; } @media screen and (max-width: 760px) { .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li { border: 0; font-size: inherit; line-height: normal; } } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li.disabled-option span.option { opacity: 0.5; } .fly-out-menu-container .searching-indicator { position: absolute; top: 0; bottom: 0; right: 0; padding: 0; background: inherit; font-size: 20px; width: 26px; z-index: -1; background: #ffffff url(/core/public/shared/assets/images/userinterface/processing.gif ) 50% 50% no-repeat; transition: all 150ms ease 0s; visibility: visible; opacity: 0; } .fly-out-menu-container.searching .searching-indicator { z-index: 10000; visibility: visible; opacity: 1; } .fly-out-menu-list-container.search-suggestions .fly-out-menu-list .cart-item { color: #880000; float: right; line-height: 32px; margin-right: 5px; } .fly-out-menu-list-container.search-suggestions.searching { min-height: 50px; } .fly-out-menu-list-container.search-suggestions.searching .fly-out-menu-list { opacity: 0.2; transition: opacity 150ms ease 0s; } /* adjustments for swatch-preview */ #fly-out-menu-list-background .fly-out-menu-list-container.search-suggestions { min-height: 132px; } #fly-out-menu-list-background .fly-out-menu-list-container.search-suggestions .fly-out-menu-list { padding-left: 130px; } .fly-out-menu-list-container.search-suggestions .swatch-preview { display: none; } #fly-out-menu-list-background .fly-out-menu-list-container.search-suggestions .swatch-preview { display: block; } #fly-out-menu-list-background .fly-out-menu-list-container.search-suggestions .swatch-preview { width: 122px; height: 122px; position: fixed; margin: 5px; border: 1px solid #cccccc; background-color: #eeeeee; } #fly-out-menu-list-background .fly-out-menu-list-container.search-suggestions .swatch-preview.loading { background: #eeeeee url(/core/public/shared/assets/images/userinterface/processing.gif ) 50% 50% no-repeat; } #fly-out-menu-list-background .fly-out-menu-list-container.search-suggestions .swatch-preview img { min-width: 120px; } /*Variant selection assistant styles*/ #products_module.responsive .attributeSelectionWithImages ul li.not-eligible { position: relative; } #products_module.responsive .attributeSelectionWithImages ul li.not-eligible label { cursor: not-allowed; } #products_module.responsive .attributeSelectionWithImages ul li.not-eligible label::before { content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); background-image: url(/core/public/shared/assets/images/disabled-icon.svg); background-size: 90% 90%; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.3; } #products_module.responsive .attributeSelection option.not-eligible { color: #757575; font-style: italic; } #products_module.responsive .product-availability-form-container { display: none; } #products_module.responsive .product-availability-form-container input { width: 80%; } #products_module.responsive .product-availability-form-container p { font-size: 0.875rem; } #products_module.responsive .product-availability-form-container .phoneField { margin-top: 5px; margin-bottom: 10px; } .product-availability-notification-message { font-weight: bold; } .product-availability-notification-error { font-weight: bold; color: #ff0000; } /*compare button*/ .compare-row { position: fixed; right: 14px; bottom: 115px; z-index: 100; background: #ffffff; padding: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); display: none; } .compare-button.primary { margin-right: 0; margin-bottom: 0; float: right; } .remove-compare-selections a { margin: 5px 0 0 5px; display: inline-block; font-size: 0.825rem; } .numberOfSelectedItemsNote { font-size: 0.75rem; line-height: 1rem; } .compare-add-to-cart-link { text-align: center; } #products_module.responsive .compare-row .compare-button.primary { float: none; } #remove-product-close { position: absolute; right: 0; border: 0 !important; color: #666666; background: none; width: 40px; height: 40px; overflow: hidden; padding: 0 !important; margin: 0 !important; cursor: pointer; } #remove-product-close:hover { color: #000000; background: none !important; } #remove-product-close:after { content: '×'; font-size: 2rem; display: block; } /* Ribbon specific */ .main-slider .main-slide img { position: relative; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper { position: relative; } #products_module.responsive.cms_entity .product-details-slideshow-wrapper .special-offer-icon { position: absolute; top: 0; left: 0; z-index: 100; } .add-to-cart-list-view .availability_box .unavailable { margin-left: 10px; } .cms_no_items { text-align: center } .pagination-wrapper .pagination-row #pagination .center select { width: auto !important } .section_separator { border-bottom: 1px solid #e1e3e0; line-height: 5px } .contentbox_item .contentbox_item_image { padding: 0 5px 0 0 } .search-facets { width: 100%; float: left } .search-facets .search-facet { width: 100%; padding: 10px 0; float: left } .search-facets .clear-facet-link { width: 100%; float: left; clear: both } .search-facets .search-facet .search-facet-filter-by { width: 100% } .search-facets .search-facet .filter-checkbox { height: 30px; float: left; width: 100% } .search-facets .search-facet .attribute-with-image { float: left; width: 24%; margin: 10px 1% 10px 0; height: 60px; text-align: center } .search-facets .search-facet .attribute-with-image.selected-option img { border: 2px solid #222; text-decoration: none } .search-facets .search-facet .attribute-with-image img { max-width: none; border: 2px solid transparent } .search-facets .search-facet .filter-checkbox-box { height: 18px; width: 18px; margin: 4px 0 0 0; float: left } .search-facets .search-facet .checkbox-label { line-height: 14px; display: inline-block; font-weight: 400; margin: 5px 20px 0 10px; font-size: .8em; cursor: pointer; float: left } .search-facets .search-facet .price-range { float: left; margin-right: 2%; width: 28% } .search-facets .search-facet .price-range-symbols { color: rgba(81, 99, 112, .49); float: left; height: 30px; margin-right: 2% } .search-facets .search-facet .price-range-button a { background-color: #757575; float: left; font-size: .875rem; font-weight: 700; height: 30px; line-height: 25px; padding: 3px 5px; color: #fff; text-transform: uppercase; text-decoration: none } .price-by-quantity-block { margin-bottom: 8px; margin-top: 8px } .search-facet-options-list a.selected { font-weight: 700 } #faceted-search-breadcrumbs { float: left } .filter-applied-wrap { border: 1px solid #ccc; display: block; float: left; height: 30px; margin: 0 10px 10px 0 } .filter-applied-x { background-image: url(/core/public/shared/assets/images/icon_x.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 10px; float: right; min-width: 0; opacity: .25; transition: background-color 150ms ease 0s, opacity 150ms ease 0s; width: 28px; height: 100% } .filter-applied-x:hover { background-color: #ddd; opacity: 1 } .filter-applied-label { float: left; font-size: .625rem; font-weight: 400; padding-left: 5px; padding-right: 5px; padding-top: 6px; text-align: center } .filters-applied-title { color: #777; font-size: .8em; font-weight: 700; text-transform: uppercase; float: left; margin: 3px; width: 100% } .filter-applied-clear-all { float: left; height: 30px } .clear-all-x { background-image: url(/core/public/shared/assets/images/icon_x.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 10px; float: right; height: 100%; min-width: 36px; opacity: .5; width: 36px } .clear-all { margin-top: 6px; float: left } .sronly { text-indent: 10px; display: block; height: 1px; overflow: hidden; position: absolute; width: 1px; z-index: -1 } .bfc { overflow: hidden } .hidden-assistive-content-wcag { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden } .pagination-wrapper { overflow: hidden } .pagination-wrapper * { box-sizing: border-box } .pagination-wrapper>* { line-height: 40px } .pagination-wrapper .pagination-filter { float: left; width: 100% } .pagination-wrapper .pagination-sort-items>* { float: left } .pagination-wrapper .pagination-sort-items .fly-out-menu-container_SortBy { margin: 0 } .pagination-wrapper .pagination-sort-items>.views>:first-child { padding-right: 5px } .pagination-wrapper .pagination-sort-items>.views img, .pagination-wrapper .pagination-sort-items>.views a img { vertical-align: middle } .pagination-wrapper .pagination-sort-items.single-page { width: 100% } .pagination-wrapper .pagination-sort-items.single-page .views { float: right } .pagination-wrapper .pagination-current-page label, .pagination-wrapper .pagination-items-per-page label { display: inline-block !important; font-weight: 400 !important; line-height: inherit; margin: 0; padding: 0; width: auto !important } .pagination-wrapper .pagination-current-page select { padding: 0; display: inline-block; width: auto !important; margin: 0 } .pagination-wrapper .pagination-previous-page { float: left; width: 20%; padding: 0 0 0 8px } .pagination-wrapper .pagination-page-selection-bottom { float: left; width: 60%; text-align: center } .pagination-wrapper .pagination-next-page { float: left; width: 20%; padding: 0 8px 0 0; text-align: right } .pagination-wrapper .pagination-previous-page .disabled, .pagination-wrapper .pagination-next-page .disabled { color: #757575; font-style: italic } @media screen and (max-width:480px) { .pagination-wrapper .pagination-sort-items { padding: 0 } .pagination-wrapper .pagination-sort-items .views { float: right } .pagination-wrapper .pagination-current-items-top { clear: both; width: 100%; margin: 5px 0 5px 0; text-align: center } .pagination-wrapper .pagination-page-selection-bottom .pagination-current-items-bottom { display: none } } @media screen and (min-width:481px) and (max-width:720px) { .pagination-wrapper .pagination-filter { width: 50% } .pagination-wrapper .pagination-sort-items { padding: 0 } .pagination-wrapper .pagination-sort-items .views { float: none } .pagination-wrapper .pagination-page-selection-top { display: none } .pagination-wrapper .pagination-current-items-top { text-align: right; padding: 0 8px 0 0 } .pagination-wrapper .pagination-page-selection-bottom .pagination-current-items-bottom { display: none } } @media screen and (min-width:721px) { .pagination-wrapper .pagination-sort-items { width: 32%; padding: 0 } .pagination-wrapper .pagination-page-selection-top { text-align: center; padding: 0 0 0 8px } .pagination-wrapper .pagination-page-selection-top>*, .pagination-wrapper .pagination-page-selection-bottom>* { display: inline-block } .pagination-wrapper .pagination-page-selection-bottom .pagination-current-items-bottom { padding-left: 15px } .pagination-wrapper .pagination-items-per-page { padding-left: 5px } .pagination-wrapper .pagination-current-items-top { float: left; width: 30%; padding: 0 8px 0 0; text-align: right } } [data-breakpoints] { display: none } @media screen and (min-width:1106px) { [data-breakpoints*=xl] { display: block } } @media screen and (min-width:735px) { [data-breakpoints*="md,lg"] { display: block } } [data-breakpoints*="xs,sm"] { display: block } .fly-out-menu-container { padding: 0; margin: 0; position: relative; background: #fff; box-sizing: border-box } .fly-out-menu-container * { box-sizing: border-box } .fly-out-menu-container input[type=text]::-ms-clear { display: none } .fly-out-menu-list-container { border: 1px solid #3f3f3f; background: #fff; max-height: 300px; overflow-y: auto; overflow-x: hidden; width: auto; box-sizing: border-box; display: none; position: absolute; z-index: 9998 } .fly-out-menu-list-container .fly-out-menu-list { padding: 0; margin: 0 } .fly-out-menu-list-container * { box-sizing: border-box } .fly-out-menu-list-container ul.fly-out-menu-list li { margin: 0; list-style-type: none; line-height: 1.25em; padding: 0 } .fly-out-menu-list-container ul.fly-out-menu-list li a { width: 100%; text-decoration: none; margin: 0; padding: 0 5px; line-height: 1.5; border: 1px solid transparent !important; font-size: .875rem; color: #000 !important; font-weight: 400; white-space: nowrap; display: block } .fly-out-menu-list-container.search-suggestions ul.fly-out-menu-list li a { font-size: 1rem } .fly-out-menu-list-container ul.fly-out-menu-list li a:focus, .fly-out-menu-list-container ul.fly-out-menu-list li a:hover { background: #ececec !important; color: #000 !important } .fly-out-menu-list-container ul.fly-out-menu-list li a:active, .fly-out-menu-list-container ul.fly-out-menu-list li.selected a { background: #1f78d1 !important; color: #fff !important } .fly-out-menu-list-container ul.fly-out-menu-list li a:active { transition: none } .fly-out-menu-container .fly-out-menu-button { padding: 5px 0 5px 5px; line-height: 1.25em; cursor: pointer; border: 1px solid #3f3f3f; width: 100%; position: relative; background: #fff; overflow: hidden; white-space: nowrap } .fly-out-menu-container .fly-out-menu-button a { display: block } .fly-out-menu-container .selection a { padding-right: 26px !important; overflow: hidden; text-overflow: ellipsis } .fly-out-menu-container .fly-out-menu-button .glyph-keyboard_arrow_down { position: absolute; top: 0; bottom: 0; right: 0; padding: 0; background: inherit; font-size: 1.25rem } .fly-out-menu-container .fly-out-menu-button .glyph-keyboard_arrow_down:before { display: flex; align-items: center; justify-content: center; padding: 0; width: 26px; height: 100% } .fly-out-menu-container.open-dropdown-menu .fly-out-menu-button { border: 1px solid #5e88cd } .fly-out-menu-button div.js-selection a.fly-out-link-a, .fly-out-menu-button div.js-selection a.fly-out-link-a:hover, .fly-out-menu-button div.js-selection a.fly-out-link-a:focus { color: #000; -webkit-text-decoration-line: none; text-decoration-line: none } @media screen and (max-width:767px) { .fly-out-menu-list-container ul.fly-out-menu-list li { border-bottom: 1px solid grey; font-size: 1.25rem; line-height: 1.33rem } .fly-out-menu-list-container ul.fly-out-menu-list li a { padding: 20px } .fly-out-menu-list-background { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8 } html.disable-scrolling { overflow: hidden } html.disable-scrolling body { overflow: scroll } } #fly-out-menu-list-background { top: 0; background: rgba(0, 0, 0, .75); position: fixed; z-index: 10000; width: 100%; height: 100%; transition: all .5s ease } #fly-out-menu-list-background .wrapper { margin: 7%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center } #fly-out-menu-list-background .fly-out-menu-list-container { background: #fff; box-shadow: 0 0 22px rgba(0, 0, 0, .5); min-width: 100% !important; width: 100%; position: relative !important; max-height: 100%; height: auto; top: 0 !important; left: 0 !important; border: 0 } div.pagination-wrapper { display: flex } .pagination-filter.pagination-bg.pagination-sort-items { display: flex; width: auto; align-items: center } .pagination-filter.pagination-bg.pagination-page-selection-top { display: flex; width: auto; flex-grow: 1; align-items: center; justify-content: center } .pagination-filter.pagination-bg.pagination-page-selection-top .pagination-current-page { display: flex; width: auto; align-items: center } .pagination-items-per-page .pagination-items-per-page { display: flex; flex-grow: 1 } .pagination-filter.pagination-bg.pagination-page-selection-top .pagination-items-per-page { display: flex; width: auto; align-items: center; padding-left: 15px } .pagination-filter.pagination-bg.pagination-current-items-top { display: flex; justify-content: flex-end; align-items: center; width: auto } .pagination-wrapper .fly-out-menu-container { margin: 0 5px } .pagination-previous-page.pagination-bg { display: flex; width: auto; align-items: center } .pagination-page-selection-bottom.pagination-bg { display: flex; width: auto; flex-grow: 1; justify-content: center; align-items: center } .pagination-next-page.pagination-bg { display: flex; justify-content: flex-end; align-items: center; width: auto } .pagination-page-selection-bottom.pagination-bg .pagination-current-page { display: flex; width: auto; align-items: center; justify-content: center } .pagination-wrapper .pagination-filter .views { margin: 0 5px } .fly-out-menu-container .fly-out-menu-button .selection.js-selection a { border-bottom: 0 !important; color: #000 !important; font-weight: 400 !important; text-decoration: none !important; line-height: inherit !important; font-size: inherit !important } @media (max-width:767px) { .pagination-wrapper, .fly-out-menu-container .fly-out-menu-button .selection.js-selection a { font-size: .875em } .pagination-wrapper .pagination-filter.pagination-bg.pagination-page-selection-top { display: none } .pagination-filter.pagination-bg.pagination-current-items-top { flex-grow: 1 } } @media (max-width:497px) { .pagination-wrapper { flex-direction: column; align-items: center } .pagination-wrapper .pagination-filter.pagination-bg.pagination-page-selection-top { display: flex } .pagination-previous-page.pagination-bg, .pagination-next-page.pagination-bg { padding: 0 } } fieldset { border: 0 } .ui-form-legend { background: #777; font-size: 1.0625rem; height: 18px; padding: 6px 8px; text-transform: uppercase } .ui-form-legend:hover { cursor: pointer } .ui-form-legend span.icon { background: url(/core/public/shared/assets/images/uitags/uitags.png) no-repeat scroll 100% 50% transparent; display: block; float: right; height: 18px; width: 15px } .collapsed .ui-form-legend { background: #8a8a8a } .collapsed .ui-form-legend h3 .ui-form-legend-step { color: #8a8a8a } .collapsed .ui-form-legend span.icon { background-position: 0 50% } .ui-form-legend h3 { color: #fff; font-weight: 700; line-height: 18px; margin: 0 } .ui-form-legend h3 .ui-form-legend-step { background: #fff; border: 0; border-radius: 50%; color: #757575; float: left; height: 18px; margin-right: 8px; text-align: center; width: 18px } .ui-form-panel, .ui-data-shipping, .ui-data-payment, .ui-data-subtotal-zero { padding: 16px !important } .ui-form-panel { border: 2px solid #777 } .ui-data-shipping, .ui-data-payment { border-bottom: 1px solid #ebebeb } .balance-zero-show .ui-data-payment { border-bottom: 0; padding: 0 !important } .collapsed .ui-form-panel { display: none } .ui-form-buttons.ui-form-field-shipping, .ui-form-buttons.ui-form-field-payment { padding-bottom: 0 !important } .ui-form-fields { padding: 0 0 0 240px } .ui-form-field { display: inline; float: left; line-height: 30px; padding: 6px 0; position: relative } #ClearCartLink { line-height: 30px; margin-left: 10px } .ui-form-field.inline { margin: 0 0 0 6px } .ui-form-label { height: 18px; left: -240px; line-height: 18px; padding: 6px 6px 6px 0; position: absolute; text-align: right; top: 6px; width: 234px } .ui-form-field-subtitle .ui-form-label label, .ui-form-field-subtitle .ui-form-label span { color: #000; font-family: inherit } .ui-form-input { line-height: 30px; min-height: 30px; overflow: hidden } .ui-form-text input { display: inline; float: left } .clear:after { clear: both } .clear:before, .clear:after { content: ""; display: table } .ui-form-note-extra { color: #777; font-size: .6875rem; font-style: italic } input { padding: 6px } select { padding: 5px; line-height: 28px } select, input { vertical-align: middle } input[type=radio] { border: none; margin: 0 } input[type=image] { border: none; padding: 0; vertical-align: top } .ui-form-select select { display: inline; float: left; padding: 6px } .ui-data-button { bottom: 10px !important; position: absolute !important; right: 16px !important } .form-shipping-info .ui-form-buttons, .form-payment-info .ui-form-buttons { border: 0; padding: 0 0 0 240px !important } .ui-form-buttons { margin: 0; overflow: hidden; padding: 12px 0 0 240px } .ui-form-input.ui-form-button { line-height: normal } .ui-form-text-phone-extension { width: auto; display: inline-block; margin-left: 10px } .ui-form-text-phone-extension .ui-form-text-phone-extension-field { float: none; width: 120px } .ui-data-shipping-address a { word-break: break-all } fieldset { border: none } fieldset h3 { margin-top: 0 } fieldset.collapsed { background: 0 0 } .ui-form-panel { border: none } .ui-form-field { width: 100% } .ui-form-select>select, .ui-form-textarea>textarea, .ui-form-text>input[type=password], .ui-form-text>input[type=text] { width: 100%; max-width: 348px } .ui-single-column-fieldset .ui-form-fields { padding: 0; width: 100%; overflow: auto } .ui-single-column-fieldset .ui-form-field { width: 100%; height: auto; overflow: auto } .ui-single-column-fieldset .ui-form-label { clear: both; padding-right: 0; text-align: left; width: 100%; overflow: auto; position: relative; left: auto; top: auto; height: auto } .ui-single-column-fieldset .ui-form-input { clear: both; width: 100%; overflow: auto; position: relative } @media (max-width:479px) { .ui-form-fields { padding: 0; width: 100%; overflow: auto } .ui-form-field { width: 100%; height: auto; overflow: auto } .ui-form-label { clear: both; padding-right: 0; text-align: left; width: 100%; overflow: auto; position: relative; left: auto; top: auto; height: auto } .ui-form-input { clear: both; width: 100%; overflow: auto; position: relative } .ui-form-input.ui-form-button { overflow: hidden } .ui-form-select select, .ui-form-text>input[type=text] { clear: both; width: 100% } .ui-form-buttons { padding: 0 !important; width: 100% } .ui-form-buttons button { text-align: center; width: 100% } .ui-form-select>select, .ui-form-textarea>textarea, .ui-form-text>input { max-width: 100% } } /*! * jQuery mmenu * mmenu.frebsite.nl * * Copyright (c) Fred Heusschen */ .mm-hidden { display: none !important } .mm-wrapper { overflow-x: hidden; position: relative } .mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { color: inherit; text-decoration: none; border-bottom: 0 solid transparent } .mm-panels, .mm-panels>.mm-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0 } .mm-panel, .mm-panels { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0 } .mm-panels { overflow: hidden } .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; transform: translate(100%, 0); transform: translate3d(100%, 0, 0); transition: transform .4s ease; transform-origin: top left } .mm-panel:not(.mm-hidden) { display: block } .mm-panel:after, .mm-panel:before { content: ''; display: block; height: 20px } .mm-panel_has-navbar { padding-top: 40px } .mm-panel_opened { z-index: 1; transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-panel_opened-parent { transform: translate(-30%, 0); transform: translate3d(-30%, 0, 0) } .mm-panel_highest { z-index: 2 } .mm-panel_noanimation { transition: none !important } .mm-panel_noanimation.mm-panel_opened-parent { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-listitem_vertical>.mm-panel { transform: none !important; display: none; padding: 10px 0 10px 10px } .mm-listitem_vertical>.mm-panel:after, .mm-listitem_vertical>.mm-panel:before { content: none; display: none } .mm-listitem_opened>.mm-panel { display: block } .mm-listitem_vertical>.mm-btn_next { box-sizing: border-box; height: 40px; bottom: auto } .mm-listitem_vertical .mm-listitem:last-child:after { border-color: transparent } .mm-listitem_opened>.mm-btn_next:after { transform: rotate(225deg); right: 19px } .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1 } .mm-btn_fullwidth { width: 100% } .mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { content: ''; border: 2px solid transparent; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; transform: rotate(-45deg) } .mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 18px } .mm-btn_clear:after, .mm-btn_close:after { border-left: none; border-top: none; right: 25px } .mm-btn_next:after, .mm-btn_prev:before { content: ''; border-top: 2px solid transparent; border-left: 2px solid transparent; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0 } .mm-btn_prev:before { transform: rotate(-45deg); left: 23px; right: auto } .mm-btn_next:after { transform: rotate(135deg); right: 23px; left: auto } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; display: none; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; opacity: 1; transition: opacity .4s ease } .mm-navbar>* { box-sizing: border-box; display: block; padding: 10px 0 } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; border-bottom: 0 solid transparent } .mm-navbar__title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .mm-navbar__btn:first-child { left: 0 } .mm-navbar__btn:last-child { text-align: right; right: 0 } .mm-panel_has-navbar .mm-navbar { display: block } .mm-listitem, .mm-listview { list-style: none; display: block; padding: 0; margin: 0 } .mm-listitem, .mm-listitem .mm-btn_next, .mm-listitem .mm-btn_next:before, .mm-listitem:after, .mm-listview { border-color: inherit } .mm-listview { font: inherit; line-height: 20px } .mm-panels>.mm-panel>.mm-listview { margin: 20px -20px } .mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: -20px } .mm-listitem { position: relative } .mm-listitem:after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0 } .mm-listitem:after { left: 20px } .mm-listitem a, .mm-listitem a:hover { text-decoration: none; border-bottom: 0 solid transparent } .mm-listitem>a, .mm-listitem>span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0 } .mm-listitem .mm-btn_next { background: rgba(3, 2, 1, 0); padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2 } .mm-listitem .mm-btn_next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0 } .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) { width: 50px } .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth)+a, .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth)+span { margin-right: 50px } .mm-listitem .mm-btn_fullwidth:before { border-left: none } .mm-listitem .mm-btn_fullwidth+a, .mm-listitem .mm-btn_fullwidth+span { padding-right: 50px } .mm-listitem_divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 75%; text-transform: uppercase; padding: 5px 10px 5px 20px } .mm-listitem_divider:after { content: ' '; display: none; position: static; display: inline-block } .mm-listitem_spacer { padding-top: 40px } .mm-listitem_spacer>.mm-btn_next { top: 40px } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .75) } .mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color: rgba(0, 0, 0, .3); cursor: pointer } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0, 0, 0, .3) } .mm-menu .mm-listview .mm-btn_next:after { border-color: rgba(0, 0, 0, .3) } .mm-menu .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(255, 255, 255, .4); tap-highlight-color: rgba(255, 255, 255, .4) } .mm-menu .mm-listitem_selected>a:not(.mm-btn_next), .mm-menu .mm-listitem_selected>span { background: rgba(255, 255, 255, .4) } .mm-menu .mm-listitem_opened>.mm-btn_next, .mm-menu .mm-listitem_opened>.mm-panel { background: rgba(0, 0, 0, .05) } .mm-menu .mm-listitem_divider { background: rgba(0, 0, 0, .05) } .mm-page { box-sizing: border-box; position: relative } .mm-slideout { transition: transform .4s ease; z-index: 1 } .mm-wrapper_opened { overflow-x: hidden; position: relative } .mm-wrapper_background .mm-page { background: inherit } .mm-menu_offcanvas { display: none; position: fixed; right: auto; z-index: 0 } .mm-menu_offcanvas.mm-menu_opened { display: block } .mm-menu_offcanvas.mm-menu_opened.mm-no-csstransforms { z-index: 10 } .mm-menu_offcanvas { width: 80%; min-width: 140px; max-width: 440px } .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout { transform: translate(80vw, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout { transform: translate(140px, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:550px) { .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout { transform: translate(440px, 0); transform: translate3d(440px, 0, 0) } } .mm-page__blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2 } .mm-wrapper_blocking { overflow: hidden } .mm-wrapper_blocking body { overflow: hidden } .mm-wrapper_blocking .mm-page__blocker { display: block } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; min-width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important } .mm-menu_autoheight { transition: none .4s ease; transition-property: transform, height } .mm-menu_autoheight:not(.mm-menu_offcanvas) { position: relative } .mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top { max-height: 80% } .mm-menu_autoheight-measuring .mm-panel { display: block !important } .mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel { display: none !important } .mm-menu_autoheight-measuring .mm-panels>.mm-panel { bottom: auto !important; height: auto !important } [class*=mm-menu_columns-] { transition-property: width } [class*=mm-menu_columns-] .mm-panels>.mm-panel { right: auto; transition-property: width, transform } [class*=mm-menu_columns-] .mm-panels>.mm-panel_opened, [class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent { display: block !important } [class*=mm-panel_columns-] { border-right: 1px solid; border-color: inherit } .mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3 { border-right: none } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0 { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-menu_columns-0 .mm-panels>.mm-panel { z-index: 0 } .mm-menu_columns-0 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { transform: translate(100%, 0); transform: translate3d(100%, 0, 0) } .mm-menu_columns-0 { width: 80%; min-width: 140px; max-width: 0 } .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout { transform: translate(80vw, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout { transform: translate(140px, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:0px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout { transform: translate(0, 0); transform: translate3d(0, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-80vw, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-140px, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:0px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(0, 0); transform: translate3d(0, 0, 0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1 { transform: translate(100%, 0); transform: translate3d(100%, 0, 0) } .mm-menu_columns-1 .mm-panels>.mm-panel { z-index: 1; width: 100% } .mm-menu_columns-1 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { transform: translate(200%, 0); transform: translate3d(200%, 0, 0) } .mm-menu_columns-1 { width: 80%; min-width: 140px; max-width: 440px } .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout { transform: translate(80vw, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout { transform: translate(140px, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:550px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout { transform: translate(440px, 0); transform: translate3d(440px, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-80vw, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-140px, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:550px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-440px, 0); transform: translate3d(-440px, 0, 0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2 { transform: translate(200%, 0); transform: translate3d(200%, 0, 0) } .mm-menu_columns-2 .mm-panels>.mm-panel { z-index: 2; width: 50% } .mm-menu_columns-2 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { transform: translate(300%, 0); transform: translate3d(300%, 0, 0) } .mm-menu_columns-2 { width: 80%; min-width: 140px; max-width: 880px } .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout { transform: translate(80vw, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout { transform: translate(140px, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:1100px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout { transform: translate(880px, 0); transform: translate3d(880px, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-80vw, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-140px, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:1100px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-880px, 0); transform: translate3d(-880px, 0, 0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3 { transform: translate(300%, 0); transform: translate3d(300%, 0, 0) } .mm-menu_columns-3 .mm-panels>.mm-panel { z-index: 3; width: 33.34% } .mm-menu_columns-3 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { transform: translate(400%, 0); transform: translate3d(400%, 0, 0) } .mm-menu_columns-3 { width: 80%; min-width: 140px; max-width: 1320px } .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout { transform: translate(80vw, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout { transform: translate(140px, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:1650px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout { transform: translate(1320px, 0); transform: translate3d(1320px, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-80vw, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-140px, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:1650px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-1320px, 0); transform: translate3d(-1320px, 0, 0) } } [class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4 { transform: translate(400%, 0); transform: translate3d(400%, 0, 0) } .mm-menu_columns-4 .mm-panels>.mm-panel { z-index: 4; width: 25% } .mm-menu_columns-4 .mm-panels>.mm-panel else { width: 100% } .mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { transform: translate(500%, 0); transform: translate3d(500%, 0, 0) } .mm-menu_columns-4 { width: 80%; min-width: 140px; max-width: 1760px } .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout { transform: translate(80vw, 0); transform: translate3d(80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout { transform: translate(140px, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:2200px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout { transform: translate(1760px, 0); transform: translate3d(1760px, 0, 0) } } .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-80vw, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-140px, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:2200px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-1760px, 0); transform: translate3d(-1760px, 0, 0) } } [class*=mm-menu_columns-].mm-menu_position-bottom, [class*=mm-menu_columns-].mm-menu_position-top { width: 100%; max-width: 100%; min-width: 100% } .mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front { transition-property: width, min-width, max-width, transform } .mm-counter { font-style: normal; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50% } .mm-counter+.mm-btn_next:not(.mm-btn_fullwidth) { width: 90px } .mm-counter+.mm-btn_next:not(.mm-btn_fullwidth)+a, .mm-counter+.mm-btn_next:not(.mm-btn_fullwidth)+span { margin-right: 90px } .mm-counter+.mm-btn_fullwidth+a, .mm-counter+.mm-btn_fullwidth+span { padding-right: 90px } .mm-listitem_vertical>.mm-counter { top: 12px; margin-top: 0 } .mm-listitem_vertical.mm-listitem_spacer>.mm-counter { margin-top: 40px } .mm-listitem_nosubitems>.mm-counter { display: none } .mm-counter { color: rgba(0, 0, 0, .3); font-style: italic } .mm-listitem_divider { opacity: 1; transition: opacity .4s ease } .mm-menu_dividers-light .mm-listitem_divider { background: inherit; font-size: inherit; color: rgba(0, 0, 0, .3); padding-top: 15px; padding-bottom: 5px } .mm-border-none .mm-listitem_divider { border-top-width: 1px; border-top-style: solid } .mm-listview_fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 10; transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-listview_fixeddivider:after { content: none !important; display: none !important } .mm-panel_dividers .mm-listview_fixeddivider { display: block } .mm-wrapper_opened.mm-dragging .mm-menu, .mm-wrapper_opened.mm-dragging .mm-slideout { transition-duration: 0s } .mm-menu_dropdown { box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80% } .mm-wrapper_dropdown .mm-slideout { transform: none !important; z-index: 0 } .mm-wrapper_dropdown .mm-page__blocker { transition-delay: 0s !important; z-index: 1 } .mm-wrapper_dropdown .mm-menu_dropdown { z-index: 2 } .mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown { display: none } [class*=mm-menu_tip-]:before { content: ''; background: inherit; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); display: block; width: 15px; height: 15px; position: absolute; z-index: 0; transform: rotate(45deg) } .mm-menu_tip-left:before { left: 22px } .mm-menu_tip-right:before { right: 22px } .mm-menu_tip-top:before { top: -8px } .mm-menu_tip-bottom:before { bottom: -8px } .mm-iconbar { border-color: inherit; border-style: solid; border-width: 0; border-right-width: 1px; text-align: center; line-height: 20px; overflow: hidden; box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; z-index: 2 } .mm-iconbar__bottom, .mm-iconbar__top { width: inherit; position: absolute; transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-iconbar__bottom>*, .mm-iconbar__top>* { box-sizing: border-box; display: block; padding: 10px 0 } .mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover { text-decoration: none; border-bottom: 0 solid transparent } .mm-iconbar__top { top: 0 } .mm-iconbar__bottom { bottom: 0 } .mm-menu_iconbar-40 .mm-navbars_bottom, .mm-menu_iconbar-40 .mm-navbars_top, .mm-menu_iconbar-40 .mm-panels { left: 40px } .mm-menu_iconbar-40 .mm-iconbar { width: 40px } .mm-menu_iconbar-60 .mm-navbars_bottom, .mm-menu_iconbar-60 .mm-navbars_top, .mm-menu_iconbar-60 .mm-panels { left: 60px } .mm-menu_iconbar-60 .mm-iconbar { width: 60px } .mm-menu_iconbar-80 .mm-navbars_bottom, .mm-menu_iconbar-80 .mm-navbars_top, .mm-menu_iconbar-80 .mm-panels { left: 80px } .mm-menu_iconbar-80 .mm-iconbar { width: 80px } .mm-iconbar, .mm-iconbar a { color: rgba(0, 0, 0, .3); font-style: italic } .mm-iconbar__tab_selected { background: rgba(255, 255, 255, .4) } [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel { transition-property: transform, left } [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_iconpanel-first, [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_iconpanel-first.mm-panel_opened~.mm-listview_fixeddivider { left: 0 } [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened, [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent { display: block !important } [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) { border-left: 1px solid; border-color: inherit } [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent { overflow-y: hidden; transform: translate(0, 0); transform: translate3d(0, 0, 0) } [class*=mm-menu_iconpanel-].mm-menu_hidedivider .mm-panel_opened-parent .mm-listitem_divider, [class*=mm-menu_iconpanel-].mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar { opacity: 0 } .mm-menu_iconpanel-40 .mm-panel_iconpanel-0, .mm-menu_iconpanel-40 .mm-panel_iconpanel-0.mm-panel_opened~.mm-listview_fixeddivider { left: 0 } .mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider { left: 40px } .mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 80px } .mm-menu_iconpanel-40 .mm-panel_iconpanel-3, .mm-menu_iconpanel-40 .mm-panel_iconpanel-3.mm-panel_opened~.mm-listview_fixeddivider { left: 120px } .mm-menu_iconpanel-40 .mm-panel_iconpanel-first~.mm-panel, .mm-menu_iconpanel-40 .mm-panel_iconpanel-first~.mm-panel_opened~.mm-listview_fixeddivider { left: 40px } .mm-menu_iconpanel-60 .mm-panel_iconpanel-0, .mm-menu_iconpanel-60 .mm-panel_iconpanel-0.mm-panel_opened~.mm-listview_fixeddivider { left: 0 } .mm-menu_iconpanel-60 .mm-panel_iconpanel-1, .mm-menu_iconpanel-60 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider { left: 60px } .mm-menu_iconpanel-60 .mm-panel_iconpanel-2, .mm-menu_iconpanel-60 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 120px } .mm-menu_iconpanel-60 .mm-panel_iconpanel-3, .mm-menu_iconpanel-60 .mm-panel_iconpanel-3.mm-panel_opened~.mm-listview_fixeddivider { left: 180px } .mm-menu_iconpanel-60 .mm-panel_iconpanel-first~.mm-panel, .mm-menu_iconpanel-60 .mm-panel_iconpanel-first~.mm-panel_opened~.mm-listview_fixeddivider { left: 60px } .mm-menu_iconpanel-80 .mm-panel_iconpanel-0, .mm-menu_iconpanel-80 .mm-panel_iconpanel-0.mm-panel_opened~.mm-listview_fixeddivider { left: 0 } .mm-menu_iconpanel-80 .mm-panel_iconpanel-1, .mm-menu_iconpanel-80 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider { left: 80px } .mm-menu_iconpanel-80 .mm-panel_iconpanel-2, .mm-menu_iconpanel-80 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 160px } .mm-menu_iconpanel-80 .mm-panel_iconpanel-3, .mm-menu_iconpanel-80 .mm-panel_iconpanel-3.mm-panel_opened~.mm-listview_fixeddivider { left: 240px } .mm-menu_iconpanel-80 .mm-panel_iconpanel-first~.mm-panel, .mm-menu_iconpanel-80 .mm-panel_iconpanel-first~.mm-panel_opened~.mm-listview_fixeddivider { left: 80px } .mm-panel__blocker { background: inherit; opacity: 0; display: block; position: absolute; top: 0; right: 0; left: 0; z-index: 3; transition: opacity .4s ease } .mm-panel_opened-parent .mm-panel__blocker { opacity: .6; bottom: -100000px } .mm-menu_keyboardfocus a:focus { outline: 0 } .mm-menu_keyboardfocus a:focus { background: rgba(255, 255, 255, .4) } .mm-navbars_bottom, .mm-navbars_top { background: inherit; border-color: inherit; border-width: 0; position: absolute; left: 0; right: 0; z-index: 1 } .mm-navbars_bottom>.mm-navbar, .mm-navbars_top>.mm-navbar { border-width: 0; border-color: inherit; display: flex; position: relative; transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-navbars_bottom>.mm-navbar:not(.mm-navbar_has-btns), .mm-navbars_top>.mm-navbar:not(.mm-navbar_has-btns) { padding: 0 } .mm-navbars_bottom>.mm-navbar>:not(img):not(.mm-btn), .mm-navbars_top>.mm-navbar>:not(img):not(.mm-btn) { flex: 1 } .mm-navbars_top { border-bottom-style: solid; border-bottom-width: 1px; top: 0; bottom: auto } .mm-menu_navbar_top-1 .mm-panels { top: 40px } .mm-menu_navbar_top-2 .mm-panels { top: 80px } .mm-menu_navbar_top-3 .mm-panels { top: 120px } .mm-menu_navbar_top-4 .mm-panels { top: 160px } .mm-navbars_bottom { border-top-style: solid; border-top-width: 1px; bottom: 0; top: auto } .mm-menu_navbar_bottom-1 .mm-panels { bottom: 40px } .mm-menu_navbar_bottom-2 .mm-panels { bottom: 80px } .mm-menu_navbar_bottom-3 .mm-panels { bottom: 120px } .mm-menu_navbar_bottom-4 .mm-panels { bottom: 160px } .mm-navbar_size-2 { height: 80px } .mm-navbar_size-3 { height: 120px } .mm-navbar_size-4 { height: 160px } .mm-navbar__breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px } .mm-navbar__breadcrumbs>* { display: inline-block; padding: 10px 3px } .mm-navbar__breadcrumbs>a { text-decoration: underline } .mm-navbar_has-btns .mm-navbar__breadcrumbs { margin-left: -40px } .mm-navbar_has-btns .mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs { margin-left: 0; padding-left: 0 } .mm-navbar_tabs, .mm-navbar_tabs~.mm-navbar { background: inherit !important } .mm-navbar__tab_selected { background: inherit; border-width: 1px; border-style: solid; border-color: inherit } .mm-navbar__tab_selected:first-child { border-left: none } .mm-navbar__tab_selected:last-child { border-right: none } .mm-navbars_top .mm-navbar_tabs:not(:last-child) { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit } .mm-navbars_top .mm-navbar__tab_selected { border-bottom: none; margin-bottom: -1px } .mm-navbars_top .mm-navbar_tabs:first-child .mm-navbar__tab_selected { border-top: none } .mm-navbars_bottom .mm-navbar_tabs:not(:first-child) { border-top-width: 1px; border-top-style: solid; border-top-color: inherit } .mm-navbars_bottom .mm-navbar__tab_selected { border-top: none; margin-top: -1px } .mm-navbars_bottom .mm-navbar_tabs:last-child .mm-navbar__tab_selected { border-bottom: none } .mm-navbar_tabs>:not(.mm-navbar__tab_selected), .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar, .mm-navbars_top.mm-navbars_has-tabs>.mm-navbar:not(.mm-navbar_tabs) { background: rgba(255, 255, 255, .4) } .mm-menu_rtl { direction: rtl } .mm-menu_rtl.mm-menu_offcanvas { right: auto } .mm-menu_rtl .mm-panel:not(.mm-panel_opened) { transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0) } .mm-menu_rtl .mm-panel.mm-panel_opened-parent { transform: translate(30%, 0); transform: translate3d(30%, 0, 0) } .mm-menu_rtl .mm-navbar .mm-btn:first-child { left: auto; right: 0 } .mm-menu_rtl .mm-navbar .mm-btn:last-child { right: auto; left: 0 } .mm-menu_rtl .mm-navbar .mm-btn_next:after { transform: rotate(-45deg); left: 23px; right: auto } .mm-menu_rtl .mm-navbar .mm-btn_prev:before { transform: rotate(135deg); right: 23px; left: auto } .mm-menu_rtl .mm-listitem:after { left: 0; right: 20px } .mm-menu_rtl .mm-listitem>a:not(.mm-btn_next), .mm-menu_rtl .mm-listitem>span:not(.mm-btn_next) { padding-left: 10px; padding-right: 20px !important; margin-right: 0 !important } .mm-menu_rtl .mm-listitem .mm-btn_next { right: auto; left: 0 } .mm-menu_rtl .mm-listitem .mm-btn_next:before { left: auto; right: 0 } .mm-menu_rtl .mm-listitem .mm-btn_next:after { transform: rotate(-45deg); left: 23px; right: auto } .mm-menu_rtl .mm-listitem .mm-btn_next+a, .mm-menu_rtl .mm-listitem .mm-btn_next+span { margin-left: 50px } .mm-menu_rtl .mm-listitem .mm-btn_fullwidth+a, .mm-menu_rtl .mm-listitem .mm-btn_fullwidth+span { padding-left: 50px } .mm-menu_rtl .mm-counter { left: 45px; right: auto } .mm-menu_rtl .mm-counter+.mm-btn_next+a, .mm-menu_rtl .mm-counter+.mm-btn_next+span { margin-left: 90px } .mm-menu_rtl .mm-listview .mm-counter+.mm-btn_fullwidth+a, .mm-menu_rtl .mm-listview .mm-counter+.mm-btn_fullwidth+span { padding-left: 90px } .mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel { transition-property: transform, right } .mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_iconpanel-first, .mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_iconpanel-first.mm-panel_opened~.mm-listview_fixeddivider { left: 0; right: 0 } .mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened, .mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent { border-left: none; border-right: 1px solid; border-color: inherit } .mm-menu_rtl [class*=mm-panel_iconpanel-], .mm-menu_rtl [class*=mm-panel_iconpanel-]~.mm-listview_fixeddivider { left: 0 } .mm-menu_rtl [class*=mm-panel_iconpanel-].mm-panel_opened-parent { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-0, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-0.mm-panel_opened~.mm-listview_fixeddivider { right: 0 } .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider { right: 40px } .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { right: 80px } .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-3, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-3.mm-panel_opened~.mm-listview_fixeddivider { right: 120px } .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-first~.mm-panel, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-first~.mm-panel_opened~.mm-listview_fixeddivider { right: 40px } .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-0, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-0.mm-panel_opened~.mm-listview_fixeddivider { right: 0 } .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-1, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider { right: 60px } .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-2, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { right: 120px } .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-3, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-3.mm-panel_opened~.mm-listview_fixeddivider { right: 180px } .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-first~.mm-panel, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-first~.mm-panel_opened~.mm-listview_fixeddivider { right: 60px } .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-0, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-0.mm-panel_opened~.mm-listview_fixeddivider { right: 0 } .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-1, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider { right: 80px } .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-2, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { right: 160px } .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-3, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-3.mm-panel_opened~.mm-listview_fixeddivider { right: 240px } .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-first~.mm-panel, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-first~.mm-panel_opened~.mm-listview_fixeddivider { right: 80px } .mm-menu_rtl html[class*=mm-sidebar_expanded-]:not(.mm-sidebar_closed) .mm-menu_rtl~.mm-slideout { transform: translate(0, 0) !important; right: 0 } .mm-menu_rtl label.mm-check, .mm-menu_rtl label.mm-toggle { left: 20px; right: auto !important } .mm-menu_rtl label.mm-toggle+a, .mm-menu_rtl label.mm-toggle+span { padding-left: 80px } .mm-menu_rtl label.mm-check+a, .mm-menu_rtl label.mm-check+span { padding-left: 60px } .mm-menu_rtl .mm-btn_next+label.mm-check, .mm-menu_rtl .mm-btn_next+label.mm-toggle { left: 60px } .mm-menu_rtl .mm-btn_next+label.mm-check+a, .mm-menu_rtl .mm-btn_next+label.mm-check+span, .mm-menu_rtl .mm-btn_next+label.mm-toggle+a, .mm-menu_rtl .mm-btn_next+label.mm-toggle+span { margin-left: 50px } .mm-menu_rtl .mm-btn_next+label.mm-toggle+a, .mm-menu_rtl .mm-btn_next+label.mm-toggle+span { padding-left: 70px } .mm-menu_rtl .mm-btn_next+label.mm-check+a, .mm-menu_rtl .mm-btn_next+label.mm-check+span { padding-left: 50px } .mm-menu_rtl .mm-counter+.mm-btn_next+label.mm-check, .mm-menu_rtl .mm-counter+.mm-btn_next+label.mm-toggle { left: 100px } .mm-menu_rtl .mm-counter+.mm-btn_next+label.mm-check+a, .mm-menu_rtl .mm-counter+.mm-btn_next+label.mm-check+span, .mm-menu_rtl .mm-counter+.mm-btn_next+label.mm-toggle+a, .mm-menu_rtl .mm-counter+.mm-btn_next+label.mm-toggle+span { margin-left: 90px } .mm-searchfield { height: 40px; padding: 0; display: flex } .mm-searchfield input { border: none !important; outline: 0 !important; box-shadow: none !important; border-radius: 4px; font: inherit; font-size: inherit; line-height: 26px; display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: 26px; min-height: 26px; max-height: 26px; margin: 0; padding: 0 10px } .mm-searchfield input::-ms-clear { display: none } .mm-searchfield__input { padding: 7px 10px 0 10px; position: relative } .mm-panel__noresultsmsg { text-align: center; font-size: 150%; padding: 40px 0 } .mm-searchfield__btn { right: 0; top: 0 } .mm-searchfield__input { flex: 1; box-sizing: border-box; width: 100%; max-width: 100% } .mm-searchfield__cancel { text-decoration: none; line-height: 40px; display: block; padding-right: 10px; margin-right: -100px; transition: margin .4s ease; border-bottom: 0 solid transparent } .mm-searchfield__cancel-active { margin-right: 0 } .mm-panel>.mm-searchfield { width: 100%; position: absolute; top: 0; left: 0 } .mm-panel_has-searchfield { padding-top: 40px } .mm-panel_has-navbar.mm-panel_has-searchfield { padding-top: 80px } .mm-panel_has-navbar.mm-panel_has-searchfield>.mm-searchfield { top: 40px } .mm-listitem_nosubitems>.mm-btn_next { display: none } .mm-listitem_nosubitems>.mm-btn_next+a, .mm-listitem_nosubitems>.mm-btn_next+span { padding-right: 10px } .mm-searchfield input { background: #666; color: #fff } .mm-panel__noresultsmsg { color: rgba(0, 0, 0, .3); font-style: italic } .mm-sectionindexer { background: inherit; text-align: center; font-size: .75rem; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -20px; z-index: 15; transition: right .4s ease; transform: translate(0, 0); transform: translate3d(0, 0, 0); display: flex; flex-direction: column; justify-content: space-evenly } .mm-sectionindexer a { line-height: 1; text-decoration: none; display: block; border-bottom: 0 solid transparent } .mm-sectionindexer~.mm-panels { transition: right .4s ease } .mm-menu_has-sectionindexer .mm-sectionindexer { right: 0 } .mm-menu_has-sectionindexer .mm-panels { right: 20px } .mm-menu_navbar_top-1 .mm-sectionindexer { top: 42px } .mm-menu_navbar_top-2 .mm-sectionindexer { top: 82px } .mm-menu_navbar_top-3 .mm-sectionindexer { top: 122px } .mm-menu_navbar_top-4 .mm-sectionindexer { top: 162px } .mm-menu_navbar_bottom-1 .mm-sectionindexer { bottom: 42px } .mm-menu_navbar_bottom-2 .mm-sectionindexer { bottom: 82px } .mm-menu_navbar_bottom-3 .mm-sectionindexer { bottom: 122px } .mm-menu_navbar_bottom-4 .mm-sectionindexer { bottom: 162px } .mm-sectionindexer a { color: rgba(0, 0, 0, .3); cursor: pointer } .mm-menu_selected-hover .mm-listitem>a.mm-btn_fullwidth+a, .mm-menu_selected-hover .mm-listitem>a.mm-btn_fullwidth+span, .mm-menu_selected-hover .mm-listitem>a:not(.mm-btn_fullwidth), .mm-menu_selected-parent .mm-listitem>a.mm-btn_fullwidth+a, .mm-menu_selected-parent .mm-listitem>a.mm-btn_fullwidth+span, .mm-menu_selected-parent .mm-listitem>a:not(.mm-btn_fullwidth) { transition: background .4s ease } .mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>a, .mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>span { background: 0 0 } .mm-menu_selected-hover .mm-listitem>a.mm-btn_fullwidth:hover+span, .mm-menu_selected-hover .mm-listitem>a:not(.mm-btn_fullwidth):hover { background: rgba(255, 255, 255, .4) } .mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>a, .mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>span { background: 0 0 } .mm-menu_selected-parent .mm-listitem_selected-parent>a.mm-btn_fullwidth+span, .mm-menu_selected-parent .mm-listitem_selected-parent>a.mm-btn_next:not(.mm-btn_fullwidth) { background: rgba(255, 255, 255, .4) } [class*=mm-wrapper_sidebar-collapsed-] body, [class*=mm-wrapper_sidebar-expanded-] body { position: relative } [class*=mm-wrapper_sidebar-collapsed-] .mm-slideout, [class*=mm-wrapper_sidebar-expanded-] .mm-slideout { transition-property: width, transform } [class*=mm-wrapper_sidebar-collapsed-] .mm-page, [class*=mm-wrapper_sidebar-expanded-] .mm-page { background: inherit; box-sizing: border-box; min-height: 100vh } [class*=mm-wrapper_sidebar-collapsed-] .mm-menu_sidebar-collapsed, [class*=mm-wrapper_sidebar-expanded-] .mm-menu_sidebar-expanded { display: block !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important } [class*=mm-wrapper_sidebar-collapsed-]:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-listitem_divider, [class*=mm-wrapper_sidebar-collapsed-]:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar { opacity: 0 } .mm-wrapper_sidebar-collapsed-40 .mm-slideout, [class*=mm-wrapper_sidebar-expanded-].mm-menu_sidebar-closed.mm-menu_sidebar-collapsed-40 .mm-slideout { width: calc(100% - 40px); transform: translate(40px, 0); transform: translate3d(40px, 0, 0) } .mm-wrapper_sidebar-collapsed-60 .mm-slideout, [class*=mm-wrapper_sidebar-expanded-].mm-menu_sidebar-closed.mm-menu_sidebar-collapsed-60 .mm-slideout { width: calc(100% - 60px); transform: translate(60px, 0); transform: translate3d(60px, 0, 0) } .mm-wrapper_sidebar-collapsed-80 .mm-slideout, [class*=mm-wrapper_sidebar-expanded-].mm-menu_sidebar-closed.mm-menu_sidebar-collapsed-80 .mm-slideout { width: calc(100% - 80px); transform: translate(80px, 0); transform: translate3d(80px, 0, 0) } [class*=mm-wrapper_sidebar-expanded-] .mm-menu_sidebar-expanded { border-right-width: 1px; border-right-style: solid; min-width: 0 !important; max-width: 100000px !important } [class*=mm-wrapper_sidebar-expanded-] .mm-menu_sidebar-expanded.mm-menu_pageshadow:after { content: none; display: none } [class*=mm-wrapper_sidebar-expanded-].mm-wrapper_blocking, [class*=mm-wrapper_sidebar-expanded-].mm-wrapper_blocking body { overflow: visible } [class*=mm-wrapper_sidebar-expanded-] .mm-page__blocker { display: none !important } .mm-wrapper_sidebar-expanded-25:not(.mm-wrapper_sidebar-closed) .mm-slideout { width: 75%; transform: translate(33.33333%, 0) !important; transform: translate3d(33.33333%, 0, 0) !important } .mm-wrapper_sidebar-expanded-25 .mm-menu_sidebar-expanded { width: 25% !important } .mm-wrapper_sidebar-expanded-30:not(.mm-wrapper_sidebar-closed) .mm-slideout { width: 70%; transform: translate(42.85714%, 0) !important; transform: translate3d(42.85714%, 0, 0) !important } .mm-wrapper_sidebar-expanded-30 .mm-menu_sidebar-expanded { width: 30% !important } .mm-wrapper_sidebar-expanded-35:not(.mm-wrapper_sidebar-closed) .mm-slideout { width: 65%; transform: translate(53.84615%, 0) !important; transform: translate3d(53.84615%, 0, 0) !important } .mm-wrapper_sidebar-expanded-35 .mm-menu_sidebar-expanded { width: 35% !important } .mm-menu__blocker { background: rgba(3, 2, 1, 0); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3 } .mm-menu_opened .mm-menu__blocker { display: none } input.mm-check, input.mm-toggle { position: absolute; left: -10000px } label.mm-check, label.mm-toggle { margin: 0; position: absolute; top: 50%; z-index: 2 } label.mm-check:before, label.mm-toggle:before { content: ''; display: block } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px } input.mm-toggle:checked~label.mm-toggle:before { float: right } label.mm-check { width: 30px; height: 30px; margin-top: -15px } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: .1; transform: rotate(-45deg) } input.mm-check:checked~label.mm-check:before { opacity: 1 } .mm-listitem_vertical label.mm-toggle { top: 5px; bottom: auto; margin-top: 0 } .mm-listitem_vertical label.mm-check { top: 5px; bottom: auto; margin-top: 0 } label.mm-toggle { right: 20px } label.mm-toggle+a, label.mm-toggle+span { padding-right: 80px } label.mm-check { right: 20px } label.mm-check+a, label.mm-check+span { padding-right: 60px } .mm-btn_next+label.mm-check, .mm-btn_next+label.mm-toggle { right: 60px } .mm-btn_next+label.mm-check+a, .mm-btn_next+label.mm-check+span, .mm-btn_next+label.mm-toggle+a, .mm-btn_next+label.mm-toggle+span { margin-right: 50px } .mm-btn_next+label.mm-toggle+a, .mm-btn_next+label.mm-toggle+span { padding-right: 70px } .mm-btn_next+label.mm-check+a, .mm-btn_next+label.mm-check+span { padding-right: 50px } .mm-counter+.mm-btn_next+label.mm-check, .mm-counter+.mm-btn_next+label.mm-toggle { right: 100px } .mm-counter+.mm-btn_next+label.mm-check+a, .mm-counter+.mm-btn_next+label.mm-check+span, .mm-counter+.mm-btn_next+label.mm-toggle+a, .mm-counter+.mm-btn_next+label.mm-toggle+span { margin-right: 90px } label.mm-toggle { background: rgba(0, 0, 0, .1) } label.mm-toggle:before { background: #f3f3f3 } input.mm-toggle:checked~label.mm-toggle { background: #4bd963 } label.mm-check:before { border-color: rgba(0, 0, 0, .75) } .mm-menu_border-none .mm-listitem:after, .mm-panel_border-none .mm-listitem:after { content: none } .mm-menu_border-full .mm-listitem:after, .mm-panel_border-full .mm-listitem:after { left: 0 !important } .mm-menu_border-offset .mm-listitem:after, .mm-panel_border-offset .mm-listitem:after { right: 20px } .mm-menu_fx-menu-zoom { transition: transform .4s ease } .mm-wrapper_opened .mm-menu_fx-menu-zoom { transform: scale(.7, .7) translate3d(-30%, 0, 0); transform-origin: left center } .mm-wrapper_opening .mm-menu_fx-menu-zoom { transform: scale(1, 1) translate3d(0, 0, 0) } .mm-wrapper_opened .mm-menu_fx-menu-zoom.mm-menu_position-right { transform: scale(.7, .7) translate3d(30%, 0, 0); transform-origin: right center } .mm-wrapper_opening .mm-menu_fx-menu-zoom.mm-menu_position-right { transform: scale(1, 1) translate3d(0, 0, 0) } .mm-menu_fx-menu-slide { transition: transform .4s ease } .mm-wrapper_opened .mm-menu_fx-menu-slide { transform: translate(-30%, 0); transform: translate3d(-30%, 0, 0) } .mm-wrapper_opening .mm-menu_fx-menu-slide { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right { transform: translate(30%, 0); transform: translate3d(30%, 0, 0) } .mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-menu_fx-menu-fade { opacity: 0; transition: opacity .4s ease } .mm-wrapper_opening .mm-menu_fx-menu-fade { opacity: 1 } .mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none { transition-property: none } .mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-menu_fx-panels-zoom .mm-panel, .mm-panel_fx-zoom { transform-origin: left center; transform: scale(1.5, 1.5) translate3d(100%, 0, 0) } .mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened, .mm-panel_fx-zoom.mm-panel_opened { transform: scale(1, 1) translate3d(0, 0, 0) } .mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened-parent, .mm-panel_fx-zoom.mm-panel_opened-parent { transform: scale(.7, .7) translate3d(-30%, 0, 0) } .mm-menu_fx-panels-slide-0 .mm-panel_opened-parent, .mm-panel_fx-slide-0.mm-panel_opened-parent { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-menu_fx-panels-slide-100 .mm-panel_opened-parent, .mm-panel_fx-slide-100.mm-panel_opened-parent { transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0) } .mm-menu_fx-panels-slide-up .mm-panel, .mm-panel_fx-slide-up { transform: translate(0, 100%); transform: translate3d(0, 100%, 0) } .mm-menu_fx-panels-slide-up .mm-panel_opened, .mm-menu_fx-panels-slide-up .mm-panel_opened-parent, .mm-panel_fx-slide-up.mm-panel_opened { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-menu_fx-panels-slide-right .mm-panel, .mm-panel_fx-slide-right { transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0) } .mm-menu_fx-panels-slide-right .mm-panel_opened, .mm-menu_fx-panels-slide-right .mm-panel_opened-parent, .mm-panel_fx-slide-right.mm-panel_opened { transform: translate(0, 0); transform: translate3d(0, 0, 0) } [class*=mm-menu_fx-listitems-] .mm-listitem { transition: none .4s ease } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(1) { transition-delay: 50ms } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(2) { transition-delay: .1s } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(3) { transition-delay: 150ms } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(4) { transition-delay: .2s } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(5) { transition-delay: 250ms } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(6) { transition-delay: .3s } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(7) { transition-delay: 350ms } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(8) { transition-delay: .4s } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(9) { transition-delay: 450ms } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(10) { transition-delay: .5s } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(11) { transition-delay: 550ms } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(12) { transition-delay: .6s } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(13) { transition-delay: 650ms } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(14) { transition-delay: .7s } [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(15) { transition-delay: 750ms } .mm-menu_fx-listitems-slide .mm-listitem { transition-property: transform, opacity; transform: translate(50%, 0); transform: translate3d(50%, 0, 0); opacity: 0 } .mm-wrapper_opening .mm-menu_fx-listitems-slide .mm-panel_opened .mm-listitem { transform: translate(0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .mm-menu_fx-listitems-fade .mm-listitem { transition-property: opacity; opacity: 0 } .mm-wrapper_opening .mm-menu_fx-listitems-fade .mm-panel_opened .mm-listitem { opacity: 1 } .mm-menu_fx-listitems-drop .mm-listitem { transition-property: opacity, top; opacity: 0; top: -25% } .mm-wrapper_opening .mm-menu_fx-listitems-drop .mm-panel_opened .mm-listitem { opacity: 1; top: 0 } .mm-menu_fullscreen { width: 100%; min-width: 140px; max-width: 10000px } .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout { transform: translate(100vw, 0); transform: translate3d(100vw, 0, 0) } @media all and (max-width:140px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout { transform: translate(140px, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:10000px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout { transform: translate(10000px, 0); transform: translate3d(10000px, 0, 0) } } .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-100vw, 0); transform: translate3d(-100vw, 0, 0) } @media all and (max-width:140px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-140px, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:10000px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-10000px, 0); transform: translate3d(-10000px, 0, 0) } } .mm-menu_fullscreen.mm-menu_position-top { height: 100vh; min-height: 140px; max-height: 10000px } .mm-menu_fullscreen.mm-menu_position-bottom { height: 100vh; min-height: 140px; max-height: 10000px } .mm-menu_listview-30 .mm-listitem>a:not(.mm-btn_next), .mm-menu_listview-30 .mm-listitem>span { padding-top: 5px; padding-bottom: 5px } .mm-menu_listview-30 .mm-listitem_vertical>.mm-btn_next { height: 30 } .mm-menu_listview-50 .mm-listitem>a:not(.mm-btn_next), .mm-menu_listview-50 .mm-listitem>span { padding-top: 15px; padding-bottom: 15px } .mm-menu_listview-50 .mm-listitem_vertical>.mm-btn_next { height: 50 } .mm-menu_listview-60 .mm-listitem>a:not(.mm-btn_next), .mm-menu_listview-60 .mm-listitem>span { padding-top: 20px; padding-bottom: 20px } .mm-menu_listview-60 .mm-listitem_vertical>.mm-btn_next { height: 60 } .mm-menu_listview-justify .mm-panels>.mm-panel:after, .mm-menu_listview-justify .mm-panels>.mm-panel:before, .mm-panels>.mm-panel_listview-justify:after, .mm-panels>.mm-panel_listview-justify:before { content: none; display: none } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview, .mm-panels>.mm-panel_listview-justify .mm-listview { display: flex; flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 0 } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem, .mm-panels>.mm-panel_listview-justify .mm-listitem { flex: 1 0 auto; min-height: 40px } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem:not(.mm-listitem_divider), .mm-panels>.mm-panel_listview-justify .mm-listitem:not(.mm-listitem_divider) { display: flex; flex-direction: column } .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem>a:not(.mm-btn_next), .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem>span, .mm-panels>.mm-panel_listview-justify .mm-listitem>a:not(.mm-btn_next), .mm-panels>.mm-panel_listview-justify .mm-listitem>span { box-sizing: border-box; flex: 1 0 auto; display: flex; align-items: center } .mm-listview_inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0 } .mm-listview_inset>li { padding: 5px 0 } .mm-menu_multiline .mm-listitem>a, .mm-menu_multiline .mm-listitem>span, .mm-panel_multiline .mm-listitem>a, .mm-panel_multiline .mm-listitem>span { text-overflow: clip; white-space: normal } [class*=mm-menu_pagedim].mm-menu_opened~.mm-page__blocker { opacity: 0 } .mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-page__blocker { opacity: .3; transition: opacity .4s ease .4s } .mm-menu_opened.mm-menu_pagedim~.mm-page__blocker { background: inherit } .mm-menu_opened.mm-menu_pagedim-black~.mm-page__blocker { background: #000 } .mm-menu_opened.mm-menu_pagedim-white~.mm-page__blocker { background: #fff } .mm-menu_popup { transition: opacity .4s ease; opacity: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; z-index: 2; transform: translate(-50%, -50%); transform: translate3d(-50%, -50%, 0) } .mm-menu_popup.mm-menu_opened~.mm-slideout { transform: none !important; z-index: 0 } .mm-menu_popup.mm-menu_opened~.mm-page__blocker { transition-delay: 0s !important; z-index: 1 } .mm-wrapper_opening .mm-menu_popup { opacity: 1 } .mm-menu_position-right { left: auto; right: 0 } .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-80vw, 0); transform: translate3d(-80vw, 0, 0) } @media all and (max-width:175px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-140px, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:550px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout { transform: translate(-440px, 0); transform: translate3d(-440px, 0, 0) } } .mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top { transition: transform .4s ease } .mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened { z-index: 2 } .mm-menu_position-bottom.mm-menu_opened~.mm-slideout, .mm-menu_position-front.mm-menu_opened~.mm-slideout, .mm-menu_position-top.mm-menu_opened~.mm-slideout { transform: none !important; z-index: 0 } .mm-menu_position-bottom.mm-menu_opened~.mm-page__blocker, .mm-menu_position-front.mm-menu_opened~.mm-page__blocker, .mm-menu_position-top.mm-menu_opened~.mm-page__blocker { z-index: 1 } .mm-menu_position-front { transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0) } .mm-menu_position-front.mm-menu_position-right { transform: translate(100%, 0); transform: translate3d(100%, 0, 0) } .mm-menu_position-bottom, .mm-menu_position-top { width: 100%; min-width: 100%; max-width: 100% } .mm-menu_position-top { transform: translate(0, -100%); transform: translate3d(0, -100%, 0) } .mm-menu_position-top { height: 80vh; min-height: 140px; max-height: 880px } .mm-menu_position-bottom { transform: translate(0, 100%); transform: translate3d(0, 100%, 0); top: auto } .mm-menu_position-bottom { height: 80vh; min-height: 140px; max-height: 880px } .mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .mm-menu_shadow-page:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%) } .mm-menu_shadow-page.mm-menu_position-right:after { left: auto; right: 100%; -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%); clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%) } .mm-menu_shadow-page.mm-menu_position-front:after { content: none; display: none } .mm-menu_shadow-page:after { box-shadow: 0 0 10px rgba(0, 0, 0, .3) } .mm-menu_shadow-panels .mm-panel { box-shadow: 0 0 10px rgba(0, 0, 0, .3) } .mm-menu_theme-white { background: #fff; border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .7) } .mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar>* { color: rgba(0, 0, 0, .3); font-style: italic } .mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before { border-color: rgba(0, 0, 0, .3) } .mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: rgba(0, 0, 0, .3) } .mm-menu_theme-white .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(0, 0, 0, .03); tap-highlight-color: rgba(0, 0, 0, .03) } .mm-menu_theme-white .mm-listitem_selected>a:not(.mm-btn_next), .mm-menu_theme-white .mm-listitem_selected>span { background: rgba(0, 0, 0, .03) } .mm-menu_theme-white .mm-listitem_opened>.mm-btn_next, .mm-menu_theme-white .mm-listitem_opened>.mm-panel { background: rgba(0, 0, 0, .06) } .mm-menu_theme-white .mm-listitem_divider { background: rgba(0, 0, 0, .06) } .mm-menu_theme-white .mm-counter { color: rgba(0, 0, 0, .3); font-style: italic } .mm-menu_theme-white .mm-iconbar, .mm-menu_theme-white .mm-iconbar a { color: rgba(0, 0, 0, .3); font-style: italic } .mm-menu_theme-white.mm-menu_keyboardfocus a:focus { background: rgba(0, 0, 0, .03) } .mm-menu_theme-white .mm-navbar_tabs>:not(.mm-navbar__tab_selected), .mm-menu_theme-white .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar, .mm-menu_theme-white .mm-navbars_top.mm-navbars_has-tabs>.mm-navbar:not(.mm-navbar_tabs) { background: rgba(0, 0, 0, .03) } .mm-menu_theme-white.mm-menu_shadow-page:after { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .mm-menu_theme-white.mm-menu_shadow-panels .mm-panel { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .mm-menu_theme-white .mm-searchfield input { background: #666; color: #fff } .mm-menu_theme-white .mm-panel__noresultsmsg { color: rgba(0, 0, 0, .3); font-style: italic } .mm-menu_theme-white .mm-sectionindexer a { color: rgba(0, 0, 0, .3); cursor: pointer } .mm-menu_theme-white.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>a, .mm-menu_theme-white.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>span { background: 0 0 } .mm-menu_theme-white.mm-menu_selected-hover .mm-listitem>a.mm-btn_fullwidth:hover+span, .mm-menu_theme-white.mm-menu_selected-hover .mm-listitem>a:not(.mm-btn_fullwidth):hover { background: rgba(0, 0, 0, .03) } .mm-menu_theme-white.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>a, .mm-menu_theme-white.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>span { background: 0 0 } .mm-menu_theme-white.mm-menu_selected-parent .mm-listitem_selected-parent>a.mm-btn_fullwidth+span, .mm-menu_theme-white.mm-menu_selected-parent .mm-listitem_selected-parent>a.mm-btn_next:not(.mm-btn_fullwidth) { background: rgba(0, 0, 0, .03) } .mm-menu_theme-white label.mm-check:before { border-color: rgba(0, 0, 0, .7) } .mm-menu_theme-white label.mm-toggle { background: rgba(0, 0, 0, .1) } .mm-menu_theme-white label.mm-toggle:before { background: #fff } .mm-menu_theme-whiteinput.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu_theme-dark { background: #333; border-color: rgba(0, 0, 0, .3); color: rgba(255, 255, 255, .85) } .mm-menu_theme-dark .mm-navbar a, .mm-menu_theme-dark .mm-navbar>* { color: rgba(255, 255, 255, .4); font-style: italic } .mm-menu_theme-dark .mm-btn:after, .mm-menu_theme-dark .mm-btn:before { border-color: rgba(255, 255, 255, .4) } .mm-menu_theme-dark .mm-listview .mm-btn_next:after { border-color: rgba(255, 255, 255, .4) } .mm-menu_theme-dark .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(0, 0, 0, .1); tap-highlight-color: rgba(0, 0, 0, .1) } .mm-menu_theme-dark .mm-listitem_selected>a:not(.mm-btn_next), .mm-menu_theme-dark .mm-listitem_selected>span { background: rgba(0, 0, 0, .1) } .mm-menu_theme-dark .mm-listitem_opened>.mm-btn_next, .mm-menu_theme-dark .mm-listitem_opened>.mm-panel { background: rgba(255, 255, 255, .08) } .mm-menu_theme-dark .mm-listitem_divider { background: rgba(255, 255, 255, .08) } .mm-menu_theme-dark .mm-counter { color: rgba(255, 255, 255, .4); font-style: italic } .mm-menu_theme-dark .mm-iconbar, .mm-menu_theme-dark .mm-iconbar a { color: rgba(255, 255, 255, .4); font-style: italic } .mm-menu_theme-dark.mm-menu_keyboardfocus a:focus { background: rgba(0, 0, 0, .1) } .mm-menu_theme-dark .mm-navbar_tabs>:not(.mm-navbar__tab_selected), .mm-menu_theme-dark .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar, .mm-menu_theme-dark .mm-navbars_top.mm-navbars_has-tabs>.mm-navbar:not(.mm-navbar_tabs) { background: rgba(0, 0, 0, .1) } .mm-menu_theme-dark.mm-menu_shadow-page:after { box-shadow: 0 0 20px rgba(0, 0, 0, .5) } .mm-menu_theme-dark.mm-menu_shadow-panels .mm-panel { box-shadow: 0 0 20px rgba(0, 0, 0, .5) } .mm-menu_theme-dark .mm-searchfield input { background: #666; color: #fff } .mm-menu_theme-dark .mm-panel__noresultsmsg { color: rgba(255, 255, 255, .4); font-style: italic } .mm-menu_theme-dark .mm-sectionindexer a { color: rgba(255, 255, 255, .4); cursor: pointer } .mm-menu_theme-dark.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>a, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>span { background: 0 0 } .mm-menu_theme-dark.mm-menu_selected-hover .mm-listitem>a.mm-btn_fullwidth:hover+span, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listitem>a:not(.mm-btn_fullwidth):hover { background: rgba(0, 0, 0, .1) } .mm-menu_theme-dark.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>a, .mm-menu_theme-dark.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>span { background: 0 0 } .mm-menu_theme-dark.mm-menu_selected-parent .mm-listitem_selected-parent>a.mm-btn_fullwidth+span, .mm-menu_theme-dark.mm-menu_selected-parent .mm-listitem_selected-parent>a.mm-btn_next:not(.mm-btn_fullwidth) { background: rgba(0, 0, 0, .1) } .mm-menu_theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, .85) } .mm-menu_theme-dark label.mm-toggle { background: rgba(0, 0, 0, .3) } .mm-menu_theme-dark label.mm-toggle:before { background: #333 } .mm-menu_theme-darkinput.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu_theme-black { background: #000; border-color: rgba(255, 255, 255, .25); color: rgba(255, 255, 255, .75) } .mm-menu_theme-black .mm-navbar a, .mm-menu_theme-black .mm-navbar>* { color: rgba(255, 255, 255, .4); font-style: italic } .mm-menu_theme-black .mm-btn:after, .mm-menu_theme-black .mm-btn:before { border-color: rgba(255, 255, 255, .4) } .mm-menu_theme-black .mm-listview .mm-btn_next:after { border-color: rgba(255, 255, 255, .4) } .mm-menu_theme-black .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(255, 255, 255, .15); tap-highlight-color: rgba(255, 255, 255, .15) } .mm-menu_theme-black .mm-listitem_selected>a:not(.mm-btn_next), .mm-menu_theme-black .mm-listitem_selected>span { background: rgba(255, 255, 255, .15) } .mm-menu_theme-black .mm-listitem_opened>.mm-btn_next, .mm-menu_theme-black .mm-listitem_opened>.mm-panel { background: rgba(255, 255, 255, .2) } .mm-menu_theme-black .mm-listitem_divider { background: rgba(255, 255, 255, .2) } .mm-menu_theme-black .mm-counter { color: rgba(255, 255, 255, .4); font-style: italic } .mm-menu_theme-black .mm-iconbar, .mm-menu_theme-black .mm-iconbar a { color: rgba(255, 255, 255, .4); font-style: italic } .mm-menu_theme-black.mm-menu_keyboardfocus a:focus { background: rgba(255, 255, 255, .15) } .mm-menu_theme-black .mm-navbar_tabs>:not(.mm-navbar__tab_selected), .mm-menu_theme-black .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar, .mm-menu_theme-black .mm-navbars_top.mm-navbars_has-tabs>.mm-navbar:not(.mm-navbar_tabs) { background: rgba(255, 255, 255, .15) } .mm-menu_theme-black.mm-menu_shadow-page:after { box-shadow: false } .mm-menu_theme-black.mm-menu_shadow-panels .mm-panel { box-shadow: false } .mm-menu_theme-black .mm-searchfield input { background: #666; color: #fff } .mm-menu_theme-black .mm-panel__noresultsmsg { color: rgba(255, 255, 255, .4); font-style: italic } .mm-menu_theme-black .mm-sectionindexer a { color: rgba(255, 255, 255, .4); cursor: pointer } .mm-menu_theme-black.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>a, .mm-menu_theme-black.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>span { background: 0 0 } .mm-menu_theme-black.mm-menu_selected-hover .mm-listitem>a.mm-btn_fullwidth:hover+span, .mm-menu_theme-black.mm-menu_selected-hover .mm-listitem>a:not(.mm-btn_fullwidth):hover { background: rgba(255, 255, 255, .15) } .mm-menu_theme-black.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>a, .mm-menu_theme-black.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>span { background: 0 0 } .mm-menu_theme-black.mm-menu_selected-parent .mm-listitem_selected-parent>a.mm-btn_fullwidth+span, .mm-menu_theme-black.mm-menu_selected-parent .mm-listitem_selected-parent>a.mm-btn_next:not(.mm-btn_fullwidth) { background: rgba(255, 255, 255, .15) } .mm-menu_theme-black label.mm-check:before { border-color: rgba(255, 255, 255, .75) } .mm-menu_theme-black label.mm-toggle { background: rgba(255, 255, 255, .25) } .mm-menu_theme-black label.mm-toggle:before { background: #000 } .mm-menu_theme-blackinput.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu_tileview .mm-listview, .mm-panel_tileview .mm-listview { margin: 0 !important } .mm-menu_tileview .mm-listview:after, .mm-panel_tileview .mm-listview:after { content: ''; display: block; clear: both } .mm-menu_tileview .mm-listitem, .mm-panel_tileview .mm-listitem { padding: 0; float: left; position: relative; width: 50%; height: 0; padding-top: 50% } .mm-menu_tileview .mm-listitem:after, .mm-panel_tileview .mm-listitem:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1 } .mm-menu_tileview .mm-listitem.mm-tile-xs, .mm-panel_tileview .mm-listitem.mm-tile-xs { width: 12.5%; padding-top: 12.5% } .mm-menu_tileview .mm-listitem.mm-tile-s, .mm-panel_tileview .mm-listitem.mm-tile-s { width: 25%; padding-top: 25% } .mm-menu_tileview .mm-listitem.mm-tile-l, .mm-panel_tileview .mm-listitem.mm-tile-l { width: 75%; padding-top: 75% } .mm-menu_tileview .mm-listitem.mm-tile-xl, .mm-panel_tileview .mm-listitem.mm-tile-xl { width: 100%; padding-top: 100% } .mm-menu_tileview .mm-listitem>a, .mm-menu_tileview .mm-listitem>span, .mm-panel_tileview .mm-listitem>a, .mm-panel_tileview .mm-listitem>span { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0 } .mm-menu_tileview .mm-listitem>.mm-btn_next, .mm-panel_tileview .mm-listitem>.mm-btn_next { width: auto } .mm-menu_tileview .mm-listitem>.mm-btn_next:after, .mm-menu_tileview .mm-listitem>.mm-btn_next:before, .mm-panel_tileview .mm-listitem>.mm-btn_next:after, .mm-panel_tileview .mm-listitem>.mm-btn_next:before { content: none; display: none } .mm-menu_tileview .mm-listitem_divider, .mm-panel_tileview .mm-listitem_divider { display: none } .mm-menu_tileview .mm-panel, .mm-panel_tileview { padding-left: 0; padding-right: 0 } .mm-menu_tileview .mm-panel:after, .mm-menu_tileview .mm-panel:before, .mm-panel_tileview:after, .mm-panel_tileview:before { content: none; display: none } @font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); font-weight: 400; font-style: normal } [class^=w-icon-], [class*=" w-icon-"] { font-family: webflow-icons !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .w-icon-slider-right:before { content: "\e600" } .w-icon-slider-left:before { content: "\e601" } .w-icon-nav-menu:before { content: "\e602" } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603" } .w-icon-file-upload-remove:before { content: "\e900" } .w-icon-file-upload-icon:before { content: "\e903" } html.w-mod-touch * { background-attachment: scroll !important } .w-block { display: block } .w-inline-block { max-width: 100%; display: inline-block } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-clearfix:after { clear: both } .w-hidden { display: none } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898ec; color: #fff; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0 } input.w-button { -webkit-appearance: button } html[data-w-dynpage] [data-w-cloak] { color: transparent !important } .w-webflow-badge, .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: 0 0; background-image: none; background-position: 0 0; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; box-shadow: none; opacity: 1; transform: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal } .w-webflow-badge { position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #aaadb0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; opacity: 1 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1); cursor: pointer } .w-webflow-badge>img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important } .w-list-unstyled { padding-left: 0; list-style: none } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-embed:after { clear: both } .w-video { width: 100%; position: relative; padding: 0 } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .w-form { margin: 0 0 15px } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #ddd } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999 } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; opacity: 1 } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { color: #999 } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999 } .w-input:focus, .w-select:focus { border-color: #3898ec; outline: 0 } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eee } textarea.w-input, textarea.w-select { height: auto } .w-select { background-color: #f3f3f3 } .w-select[multiple] { height: auto } .w-form-label { display: inline-block; cursor: pointer; font-weight: 400; margin-bottom: 0 } .w-checkbox, .w-radio { display: block; margin-bottom: 5px; padding-left: 20px } .w-checkbox:before, .w-radio:before, .w-checkbox:after, .w-radio:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-checkbox:after, .w-radio:after { clear: both } .w-checkbox-input, .w-radio-input { margin: 4px 0 0; line-height: normal; float: left; margin-left: -20px } .w-radio-input { margin-top: 3px } .w-file-upload { display: block; margin-bottom: 10px } .w-file-upload-input { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -100 } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { display: inline-block; color: #333 } .w-file-upload-error { display: block; margin-top: 10px } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none } .w-file-upload-uploading-btn { display: flex; font-size: 14px; font-weight: 400; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #ccc; background-color: #fafafa } .w-file-upload-file { display: flex; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; border: 1px solid #ccc; background-color: #fafafa } .w-file-upload-file-name { font-size: 14px; font-weight: 400; display: block } .w-file-remove-link { margin-top: 3px; margin-left: 10px; width: auto; height: auto; padding: 3px; display: block; cursor: pointer } .w-icon-file-upload-remove { margin: auto; font-size: 10px } .w-file-upload-error-msg { display: inline-block; color: #ea384c; padding: 2px 0 } .w-file-upload-info { display: inline-block; line-height: 38px; padding: 0 12px } .w-file-upload-label { display: inline-block; font-size: 14px; font-weight: 400; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #ccc; background-color: #fafafa } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { display: inline-block; margin-right: 8px; width: 20px } .w-icon-file-upload-uploading { height: 20px } .w-container { margin-left: auto; margin-right: auto; max-width: 940px } .w-container:before, .w-container:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-container:after { clear: both } .w-container .w-row { margin-left: -10px; margin-right: -10px } .w-row:before, .w-row:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-row:after { clear: both } .w-row .w-row { margin-left: 0; margin-right: 0 } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px } .w-col .w-col { padding-left: 0; padding-right: 0 } .w-col-1 { width: 8.33333333% } .w-col-2 { width: 16.66666667% } .w-col-3 { width: 25% } .w-col-4 { width: 33.33333333% } .w-col-5 { width: 41.66666667% } .w-col-6 { width: 50% } .w-col-7 { width: 58.33333333% } .w-col-8 { width: 66.66666667% } .w-col-9 { width: 75% } .w-col-10 { width: 83.33333333% } .w-col-11 { width: 91.66666667% } .w-col-12 { width: 100% } .w-hidden-main { display: none !important } @media screen and (max-width:991px) { .w-container { max-width: 728px } .w-hidden-main { display: inherit !important } .w-hidden-medium { display: none !important } .w-col-medium-1 { width: 8.33333333% } .w-col-medium-2 { width: 16.66666667% } .w-col-medium-3 { width: 25% } .w-col-medium-4 { width: 33.33333333% } .w-col-medium-5 { width: 41.66666667% } .w-col-medium-6 { width: 50% } .w-col-medium-7 { width: 58.33333333% } .w-col-medium-8 { width: 66.66666667% } .w-col-medium-9 { width: 75% } .w-col-medium-10 { width: 83.33333333% } .w-col-medium-11 { width: 91.66666667% } .w-col-medium-12 { width: 100% } .w-col-stack { width: 100%; left: auto; right: auto } } @media screen and (max-width:767px) { .w-hidden-main { display: inherit !important } .w-hidden-medium { display: inherit !important } .w-hidden-small { display: none !important } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0 } .w-col { width: 100%; left: auto; right: auto } .w-col-small-1 { width: 8.33333333% } .w-col-small-2 { width: 16.66666667% } .w-col-small-3 { width: 25% } .w-col-small-4 { width: 33.33333333% } .w-col-small-5 { width: 41.66666667% } .w-col-small-6 { width: 50% } .w-col-small-7 { width: 58.33333333% } .w-col-small-8 { width: 66.66666667% } .w-col-small-9 { width: 75% } .w-col-small-10 { width: 83.33333333% } .w-col-small-11 { width: 91.66666667% } .w-col-small-12 { width: 100% } } @media screen and (max-width:479px) { .w-container { max-width: none } .w-hidden-main { display: inherit !important } .w-hidden-medium { display: inherit !important } .w-hidden-small { display: inherit !important } .w-hidden-tiny { display: none !important } .w-col { width: 100% } .w-col-tiny-1 { width: 8.33333333% } .w-col-tiny-2 { width: 16.66666667% } .w-col-tiny-3 { width: 25% } .w-col-tiny-4 { width: 33.33333333% } .w-col-tiny-5 { width: 41.66666667% } .w-col-tiny-6 { width: 50% } .w-col-tiny-7 { width: 58.33333333% } .w-col-tiny-8 { width: 66.66666667% } .w-col-tiny-9 { width: 75% } .w-col-tiny-10 { width: 83.33333333% } .w-col-tiny-11 { width: 91.66666667% } .w-col-tiny-12 { width: 100% } } .w-widget { position: relative } .w-widget-map { width: 100%; height: 400px } .w-widget-map label { width: auto; display: inline } .w-widget-map img { max-width: inherit } .w-widget-map .gm-style-iw { text-align: center } .w-widget-map .gm-style-iw>button { display: none !important } .w-widget-twitter { overflow: hidden } .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: #fff; border: #758696 solid 1px; border-radius: 3px } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; margin-left: 7px } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px } .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 4px; margin-left: -8px; margin-top: -4px } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px } .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 4px; margin-left: -4px } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px } .w-widget-gplus { overflow: hidden } .w-background-video { position: relative; overflow: hidden; height: 500px; color: #fff } .w-background-video>video { background-size: cover; background-position: 50% 50%; position: absolute; right: -100%; bottom: -100%; top: -100%; left: -100%; margin: auto; min-width: 100%; min-height: 100%; z-index: -100 } .w-background-video>video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none } .w-slider { position: relative; height: 300px; text-align: center; background: #ddd; clear: both } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center } .w-slider-nav.w-round>div { border-radius: 100% } .w-slider-nav.w-num>div { width: auto; height: auto; padding: .2em .5em; font-size: inherit; line-height: inherit } .w-slider-nav.w-shadow>div { box-shadow: 0 0 3px rgba(51, 51, 51, .4) } .w-slider-nav-invert { color: #fff } .w-slider-nav-invert>div { background-color: rgba(34, 34, 34, .4) } .w-slider-nav-invert>div.w-active { background-color: #222 } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, .4); cursor: pointer; margin: 0 3px .5em; transition: background-color .1s, color .1s } .w-slider-dot.w-active { background-color: #fff } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: #fff; font-size: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .w-slider-arrow-left [class^=w-icon-], .w-slider-arrow-right [class^=w-icon-], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute } .w-slider-arrow-left { z-index: 3; right: auto } .w-slider-arrow-right { z-index: 4; left: auto } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900 } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em } .w-dropdown-list { position: absolute; background: #ddd; display: none; min-width: 100% } .w-dropdown-list.w--open { display: block } .w-dropdown-link { padding: 10px 20px; display: block; color: #222 } .w-dropdown-link.w--current { color: #0082f3 } .w-nav[data-collapse=all] .w-dropdown, .w-nav[data-collapse=all] .w-dropdown-toggle { display: block } .w-nav[data-collapse=all] .w-dropdown-list { position: static } @media screen and (max-width:991px) { .w-nav[data-collapse=medium] .w-dropdown, .w-nav[data-collapse=medium] .w-dropdown-toggle { display: block } .w-nav[data-collapse=medium] .w-dropdown-list { position: static } } @media screen and (max-width:767px) { .w-nav[data-collapse=small] .w-dropdown, .w-nav[data-collapse=small] .w-dropdown-toggle { display: block } .w-nav[data-collapse=small] .w-dropdown-list { position: static } .w-nav-brand { padding-left: 10px } } @media screen and (max-width:479px) { .w-nav[data-collapse=tiny] .w-dropdown, .w-nav[data-collapse=tiny] .w-dropdown-toggle { display: block } .w-nav[data-collapse=tiny] .w-dropdown-list { position: static } } .w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, .9); z-index: 2000; outline: 0; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0) } .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0 } .w-lightbox-view:before { content: ""; height: 100vh } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle } .w-lightbox-figure { position: relative; margin: 0 } .w-lightbox-group .w-lightbox-figure { cursor: pointer } .w-lightbox-img { width: auto; height: auto; max-width: none } .w-lightbox-image { display: block; float: none; max-width: 100vw; max-height: 100vh } .w-lightbox-group .w-lightbox-image { max-height: 86vh } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, .4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: all .3s } .w-lightbox-left { display: none; bottom: 0; left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) } .w-lightbox-right { display: none; right: 0; bottom: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+) } .w-lightbox-close { right: 0; height: 2.6em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=); background-size: 18px } .w-lightbox-strip { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 1vh; line-height: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden } .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; cursor: pointer; -webkit-transform: translate3d(0, 0, 0) } .w-lightbox-active { opacity: .3 } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0 } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; transform: translate(0, -50%) } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; transform: translate(-50%, 0) } .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, .4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50% } .w-lightbox-hide { display: none } .w-lightbox-noscroll { overflow: hidden } @media (min-width:768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh } .w-lightbox-view, .w-lightbox-view:before { height: 96vh } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh } .w-lightbox-image { max-width: 96vw; max-height: 96vh } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh } .w-lightbox-left, .w-lightbox-right { display: block; opacity: .5 } .w-lightbox-close { opacity: .8 } .w-lightbox-control:hover { opacity: 1 } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0 } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-richtext:after { clear: both } .w-richtext[contenteditable=true]:before, .w-richtext[contenteditable=true]:after { white-space: initial } .w-richtext ol, .w-richtext ul { overflow: hidden } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before, .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:before { outline: 2px solid #2895f7 } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type=image] div { outline: 2px solid #2895f7 } .w-richtext figure.w-richtext-figure-type-video>div:before, .w-richtext figure[data-rt-type=video]>div:before { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1 } .w-richtext figure { position: relative; max-width: 60% } .w-richtext figure>div:before { cursor: default !important } .w-richtext figure img { width: 100% } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: .6 } .w-richtext figure div { font-size: 0; color: transparent } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type=image] { display: table } .w-richtext figure.w-richtext-figure-type-image>div, .w-richtext figure[data-rt-type=image]>div { display: inline-block } .w-richtext figure.w-richtext-figure-type-image>figcaption, .w-richtext figure[data-rt-type=image]>figcaption { display: table-caption; caption-side: bottom } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] { width: 60%; height: 0 } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type=video] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .w-richtext figure.w-richtext-figure-type-video>div, .w-richtext figure[data-rt-type=video]>div { width: 100% } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div, .w-richtext figure.w-richtext-align-center[data-rt-type=image]>div { max-width: 100% } .w-richtext figure.w-richtext-align-normal { clear: both } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto } .w-richtext figure.w-richtext-align-fullwidth>div { display: inline-block; padding-bottom: inherit } .w-richtext figure.w-richtext-align-fullwidth>figcaption { display: block } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none } .w-nav { position: relative; background: #ddd; z-index: 1000 } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-nav:after { clear: both } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333 } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto } .w-nav-link.w--current { color: #0082f3 } .w-nav-menu { position: relative; float: right } .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #c8c8c8; text-align: center; overflow: visible; min-width: 200px } .w--nav-link-open { display: block; position: relative } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100% } .w-nav-overlay .w--nav-menu-open { top: 0 } .w-nav[data-animation=over-left] .w-nav-overlay { width: auto } .w-nav[data-animation=over-left] .w-nav-overlay, .w-nav[data-animation=over-left] .w--nav-menu-open { right: auto; z-index: 1; top: 0 } .w-nav[data-animation=over-right] .w-nav-overlay { width: auto } .w-nav[data-animation=over-right] .w-nav-overlay, .w-nav[data-animation=over-right] .w--nav-menu-open { left: auto; z-index: 1; top: 0 } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .w-nav-button.w--open { background-color: #c8c8c8; color: #fff } .w-nav[data-collapse=all] .w-nav-menu { display: none } .w-nav[data-collapse=all] .w-nav-button { display: block } @media screen and (max-width:991px) { .w-nav[data-collapse=medium] .w-nav-menu { display: none } .w-nav[data-collapse=medium] .w-nav-button { display: block } } @media screen and (max-width:767px) { .w-nav[data-collapse=small] .w-nav-menu { display: none } .w-nav[data-collapse=small] .w-nav-button { display: block } .w-nav-brand { padding-left: 10px } } @media screen and (max-width:479px) { .w-nav[data-collapse=tiny] .w-nav-menu { display: none } .w-nav[data-collapse=tiny] .w-nav-button { display: block } } .w-tabs { position: relative } .w-tabs:before, .w-tabs:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-tabs:after { clear: both } .w-tab-menu { position: relative } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222; background-color: #ddd } .w-tab-link.w--current { background-color: #c8c8c8 } .w-tab-content { position: relative; display: block; overflow: hidden } .w-tab-pane { position: relative; display: none } .w--tab-active { display: block } @media screen and (max-width:479px) { .w-tab-link { display: block } } .w-ix-emptyfix:after { content: "" } @-webkit-keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .w-dyn-empty { padding: 10px; background-color: #ddd } .w-dyn-bind-empty { display: none !important } .w-condition-invisible { display: none !important } .header-section { position: fixed; z-index: 100; width: 100%; box-shadow: none } .top-icon-div { top: 0; right: 0; z-index: 10000; display: flex; width: 100%; margin-top: 0; justify-content: flex-end; align-items: center } .top-icon-link-block { display: flex; width: 36px; height: 36px; margin-right: .4rem; margin-left: .4rem; padding: .25rem; justify-content: center; align-items: center; border-radius: 50%; background-color: #e77c25; transition: all .3s cubic-bezier(.842, .007, .772, 1.001); text-align: center } .top-icon-link-block:hover { background-color: #b1aba2 } .top-icon-link-block.first-icon-link { margin-left: 0; padding: .25rem } .top-icon-link-block.first-icon-link.header { width: 55px; height: 34px; max-width: 55px; margin-right: .15rem; margin-left: .15rem; padding-right: .15rem; padding-left: .15rem; flex-direction: column; transition-duration: 450ms; text-decoration: none } .top-icon-link-block.first-icon-link.header.hidden { display: none } .top-icon-link-block.header { width: 50px; height: 34px; max-width: 50px; margin-right: .25rem; margin-left: .25rem; flex-direction: column; background-color: transparent; text-decoration: none } .top-icon-link-block.header.wishlist { width: 55px; height: 34px; max-height: none; max-width: 50px; min-height: 0; min-width: 0; margin-right: .15rem; margin-left: .15rem; padding-right: .15rem; padding-left: .15rem; flex-direction: column; text-decoration: none } .top-icon-link-block.header.phone { width: 34px; max-width: 34px; margin-right: .5rem; padding: 0 } .top-icon-link-block.header.basket { width: 55px; max-width: 55px; margin-right: .15rem; margin-left: .15rem; padding-right: .15rem; padding-left: .15rem } .top-icon-link-block.header.stores { width: 55px; max-width: 50px; margin-right: .15rem; margin-left: .15rem; padding-right: .15rem; padding-left: .15rem } .top-icon-link-block.header.support { width: 55px; max-width: 50px; margin-right: .15rem; margin-left: .15rem; padding-right: .15rem; padding-left: .15rem } .top-icon-link-block.header.mobile-cart { width: 55px; max-width: 50px; margin-right: .15rem; margin-left: .15rem; padding-right: .15rem; padding-left: .15rem } .top-icon { max-height: 22px; max-width: 22px; min-height: 20px; min-width: 20px; transform: translate(0, 0); transition: all 450ms ease } .top-icon:hover { transform: none } .main-nav-link { position: relative; display: flex; height: 100%; margin-right: 1px; margin-left: 1px; padding: .6rem .25rem; justify-content: center; align-items: center; transition: all .3s ease; color: #000; font-size: .8rem; line-height: 1rem; font-weight: 700; text-align: left; /* letter-spacing: .01rem; */ text-decoration: none; text-transform: uppercase } .main-nav-link:hover { /* background-color: #58585a; color: #fff */ } .main-nav-link.w--current { border-color: #e77c25 } .main-nav-link.mobile-duplicate { display: none } .main-nav-link.hidden { display: none } .main-nav-link.gaming { width: 100% } .main-nav-link.full { display: flex; width: 100%; margin-right: 0; margin-left: 0; /* font-size: .85rem; line-height: .85rem */ } .main-nav-link.full.withicon { display: none } .nav-menu { z-index: 2; display: block; width: 100%; height: 2.5rem; float: right; background-color: #fecb0a; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, .12); color: #fff } .brand { position: relative; display: flex; width: 100%; height: 100%; min-height: 60px; padding: .1rem; float: left; align-items: center; transition: all .3s ease } .brand.w--current { justify-content: center; background-color: transparent; transition: all .3s ease } .dropdown-link { display: block; width: 100%; padding: .2rem .5rem .2rem .75rem; border-bottom: 1px none rgba(0, 0, 0, .2); transition: all .2s ease; color: #666; font-size: .83rem; line-height: .9rem; font-weight: 400; text-decoration: none; text-transform: none } .dropdown-link:hover { line-height: .9rem; background-color: hsla(0, 0%, 100%, .7); color: #000 } .dropdown-link.w--current { background-color: hsla(0, 0%, 100%, .7); box-shadow: inset 4px 0 0 0 #e77c25; color: #1f304f } .dropdown-link.subcategory { font-weight: 700; text-transform: none; color: #000; text-transform: uppercase; font-size: .85rem; padding-bottom: 1px } /* .navbar { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff } */ .logo-icon-image { transform: translate(-17px, 0); transition: opacity .3s ease, width .1s ease, height .1s ease } .two-part-mobile-nav-wrapper { display: none } /* .container { display: block; max-width: 1300px; margin-right: auto; margin-left: auto } */ .container.nav-container { display: flex; } .container.nav-container { display: flex; } .container.nav-container .dropdown-wrapper.dropdown-wrapper-custom:nth-child(3) { } .dropdown-list { position: absolute; left: 0; top: 0; right: 0; bottom: auto; display: none; overflow: visible; height: 0; max-width: none; min-width: 100%; margin-top: 40px; padding-right: 0; padding-left: 0; opacity: 0; overflow-x: auto; text-align: left; background: #fff; box-shadow: 1px 1px 25px 0 rgba(0, 0, 0, .15) } .icon-only { position: absolute; width: 60px; height: 56px; opacity: 0; transition: width .1s ease, height .1s ease } .stephanis-logo { left: 0; top: 0; right: 0; width: 100%; min-width: 350px; padding: .1rem } .dropdown-wrapper { height: 2.5rem; } .dropdown-wrapper.long-title { min-width: 160px } .dropdown-inner-wrap { display: block; width: 93%; max-width: 1600px; margin-right: auto; margin-left: auto; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; text-align: left } .mobile-menu-arrow { display: none } .search-bar-div { left: 0; top: 0; z-index: 10000; width: 95% } .search-bar::-webkit-input-placeholder { color: #292929 } .search-bar:-ms-input-placeholder { color: #292929 } .search-bar::-ms-input-placeholder { color: #292929 } .search-bar::-moz-placeholder { color: #292929 } .search-bar::placeholder { color: #292929 } .search-button { display: none } .search-bar-form { display: flex; width: 315px; margin-bottom: 0; padding-right: .5rem } .search-input-hidden { display: block; width: 100%; margin-bottom: 0; margin-left: .25rem; padding-left: 0; border-style: none none solid; border-width: 1px; border-color: #fff #fff #bebebe; opacity: 1; transition: all 450ms ease } .search-input-hidden:focus { border-bottom-color: #fecb0a; color: #000 } .slider-content-wrapper { position: relative; display: flex; height: 100%; margin-right: auto; margin-left: auto; align-items: flex-start } .slider-column-1 { top: 20px } .slider-header { display: inline-block; margin-top: 1px; margin-bottom: 5px; padding: .25rem .75rem .25rem 1.25rem; float: left; clear: left; background-color: rgba(53, 56, 64, .85); color: #fff; font-size: 2rem; line-height: 2.65rem; font-weight: 300; text-transform: uppercase } .slide-text-wrap { align-self: flex-start } .slider-cta-link { margin-top: 7px; margin-left: 11px; padding-top: 4px; padding-bottom: 4px; padding-left: 30px; float: left; clear: left; background-image: url(../images/circle_arrow_light-orange_1circle_arrow_light-orange.png); background-position: 0 50%; background-size: 21px 21px; background-repeat: no-repeat; color: #fff; font-size: 16px; line-height: 18px; font-weight: 700; letter-spacing: .04rem; text-decoration: none; text-transform: uppercase } .slider-cta-link:hover { background-image: url('../images/circle_arrow_50pct-white_1circle_arrow_50pct white.png'); color: hsla(0, 0%, 100%, .5) } .slider-nav { display: none; padding: 2.5rem 2rem 1.5rem 1rem; flex-direction: row; justify-content: flex-end; align-items: flex-end; font-size: .5rem; line-height: 1.5rem } .slider-image-div { position: relative; top: -5px; right: 82px; width: 480px } .slider-widget { display: block; margin-right: auto; margin-left: auto; background-color: hsla(0, 0%, 100%, 0) } .container-2.slider-container { max-width: 1400px } .slider-header-emphasis { font-size: 2rem; font-weight: 700 } .slider-row { position: relative; top: 55px } .slider-paragraph { max-width: 327px; margin-top: 12px; margin-left: 1rem; padding: .5rem .5rem .5rem 1rem; float: left; clear: left; border-left: 4px solid #fecb0a; color: #fff } .slider-section { padding-top: 144px; box-shadow: inset 0 5px 9px 0 rgba(0, 0, 0, .07) } .slider-arrow { left: auto; top: auto; right: 0; bottom: 0; display: block; width: 45px; height: 45px; margin-right: 1rem; margin-bottom: 1rem; padding-bottom: 0; border-radius: 3rem; background-color: transparent; transition: all 450ms ease; font-size: 2rem } .slider-arrow:hover { background-color: #fecb0a } .slider-arrow.left { left: 0; top: auto; right: auto; bottom: 0; display: block; width: 45px; height: 45px; margin-right: 0; margin-bottom: 1rem; margin-left: 1rem; background-color: transparent } .slider-arrow.left:hover { background-color: #fecb0a } .slider-div { display: block; width: 100%; margin-right: auto; margin-left: auto } .top-telephone-div { display: none; align-items: center } .telephone-number { padding-right: .5rem; color: #333; font-size: .85rem } /* .slide { background-image: linear-gradient(90deg, #000, rgba(51, 51, 51, 0)), url(../images/phone_1903x1270.png); background-position: 0 0, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat } */ .slide-2 { background-image: url(../images/tv_2_1903x1003.png); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat } .slide-3 { background-image: linear-gradient(45deg, rgba(0, 0, 0, .75), transparent), url(../images/electronic-gear_1903x1427.png); background-position: 0 0, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat } .link-block { width: 100%; height: 100% } .quicklink-icon-section { min-width: 991px; padding-top: 1.25rem; padding-bottom: 1.25rem } .quicklink-icon-wrapper { display: flex; width: 85%; min-width: 991px; margin-right: auto; margin-left: auto; padding-right: .25rem; padding-left: .25rem; justify-content: space-between; flex-wrap: wrap } .quicklink-icon-text-wrap { display: flex; padding-right: .5rem; padding-left: .5rem; flex-direction: column; align-items: flex-start } .quicklink-icon-text-wrap.para { padding-right: .5rem; padding-left: .5rem } .quicklink-text-title { font-size: .95rem; line-height: 1.3rem; font-weight: 700; text-transform: uppercase } .quicklink-text-title.repeat { margin-bottom: .75rem } .quicklink-text-subtitle { color: #8b8b8b; font-size: .75rem; line-height: 1.1rem } .quicklink-text-subtitle.para { text-align: left } .quicklink-icon-div-wrapper { display: flex; width: 25%; padding-right: .5rem; padding-left: .5rem; flex-direction: row; justify-content: center; align-items: flex-start } .quicklink-icon-div-wrapper.repeat { width: 33%; min-height: 275px; margin-bottom: .5%; padding: 1.25rem 2rem 2rem; border: 1px solid #dadada; transition: all 450ms ease } .quicklink-icon-div-wrapper.repeat:hover { background-color: #f1f1f1 } .quicklink-icon-div-wrapper.pick-up-from-store { display: none } .image { width: 50px; height: 50px } .quicklink-icon-image { width: 40px; height: 40px; margin-bottom: 0 } .quicklink-icon-image._1 { width: 45px; height: 45px } .quicklink-icon-image._1.repeat { width: 65px; height: 65px; padding: .5rem; border-radius: 1rem; background-color: #fff } .quicklink-icon-image.repeat { width: 65px; height: 65px; padding: .5rem; border-radius: 1rem; background-color: #fff } .content-box-section { padding-top: 2rem; padding-bottom: 2rem; background-color: #f1f1f1 } .cb-section-wrapper { display: flex; width: 100%; max-width: 1600px; min-width: 991px; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: space-between } .small-cb-div-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background-image: url(../images/example-bg.png); background-position: 0 0; background-size: 125px } .cb-link-box-div { display: flex; width: 25%; height: 275px; margin-right: .25rem; margin-left: .25rem; align-items: flex-end; background-image: url(../images/cb-link-half-image_500x297.png); background-position: 50% 50%; background-size: cover; transition: all 450ms ease; text-decoration: none } .cb-link-box-div:hover { opacity: .85 } .cb-link-box-div.large { width: 50%; background-image: url(../images/cb-link-image_825x275.png); background-size: cover } .cb-link-box-div.large._2 { background-image: url(../images/tablet_1903x1270.png); background-size: cover; background-repeat: no-repeat } .cb-link-box-div._2 { background-image: url(../images/cb-link-half-image_500x275.png); background-size: cover } .cb-link-box-div._3 { background-image: url(../images/cb-link-half-image_500x333.png); background-size: cover } .cb-link-box-div._4 { background-image: url(../images/cb-link-half-image_500x334.png); background-size: cover } .four-link-div-wrapper { display: flex; width: 100%; margin-top: .25rem; margin-bottom: .25rem } .two-link-div-wrapper { display: flex; margin-top: .25rem; margin-bottom: 1rem } .cb-product-slider { display: none; width: 50%; height: 275px; margin-right: .25rem; margin-left: .25rem; transition: all 450ms ease } .cb-product-slider:hover { opacity: .85 } .cb-product-slide-1 { background-image: url(../images/tablet_1903x1270_1.png); background-position: 50% 50%; background-size: cover } .cb-product-slider-nav { display: none } .ribbon { padding-top: 2.25rem; padding-bottom: 2rem } .ribbon-div-wrapper { display: flex; width: 85%; min-width: 991px; margin-right: auto; margin-left: auto; justify-content: space-between } .ribbon-slider { width: 100% } .ribbon-slider-nav-bar { display: none } .property-spotlight-wrapper { position: relative; display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: space-between; border: 1px solid #dadada; background-color: #fff; box-shadow: none } .listing-details-column { display: flex; width: 100%; padding: .25rem .25rem .5rem; flex-direction: column; align-items: center; border-top: 1px solid rgba(96, 96, 96, .3); border-right: 1px solid rgba(96, 96, 96, .3); border-bottom: 1px solid rgba(96, 96, 96, .3) } .listing-details-column._3 { width: 33.33%; padding-right: .2rem; padding-left: .2rem; align-items: center; flex: 0 auto; border-top-style: none; border-right-style: none; border-bottom-style: none } .listing-details-column._3.half { width: 50% } .listing-details-column.first { width: 50%; padding-right: .35rem; padding-left: .35rem; border-top-style: none; border-right-style: none; border-bottom-style: none } .listing-details-column.first.trio { width: 33.33%; flex: 0 0 auto; border-top-style: none; border-right-style: none; border-bottom-style: none } .listing-details-column.single { border-top-style: none; border-right-style: none; border-bottom-style: none } .listing-details-column.trio { width: 33.33%; padding-right: .2rem; padding-left: .2rem; border-top-style: none; border-right-style: none; border-bottom-style: none } .listing-details-column.large-now-price { width: 100%; padding-right: .2rem; padding-left: .2rem; border-top-style: none; border-right-style: none; border-bottom-style: none } .listing-details-column.large-now-price.large-single { padding-top: .75rem } .listing-details-column.large-stephanis-card-price { width: 100%; padding-right: .2rem; padding-left: .2rem; border-top-style: none; border-right-style: none; border-bottom-style: none } .listing-details-column.large-stephanis-card-price.large-single { padding-top: .75rem } .listing-details-column.large-now-price-product-details { width: 50%; margin-right: .5rem; padding-right: .2rem; padding-left: .2rem; border-style: solid; border-right-color: hsla(194.1322314049587, 0%, 72%, .5); border-left-width: 1px; border-left-color: hsla(194.1322314049587, 0%, 72%, .5) } .listing-details-column.large-now-price-product-details.large-single { padding-top: .75rem } .listing-details-column.large-stephanis-card-price-product-details { width: 50%; margin-right: .5rem; padding-right: .2rem; padding-left: .2rem; border-style: solid; border-left-width: 1px; border-left-color: hsla(194.1322314049587, 0%, 72%, .5) } #products_module.responsive.cms_list .item-wrapper .present-icon-wrapper-3 .present-text-wrapper .present-text-3 { display: flex; align-items: center; padding-right: 0 } @media (min-width:767px) { #products_module.responsive.cms_list .item-wrapper .present-icon-wrapper-3 .present-text-wrapper .present-text-3 { max-width: 250px } } #products_module.responsive.cms_list .item-wrapper .present-icon-wrapper-3 .present-text-wrapper .present-text-3 span { font-weight: 700; font-size: 1rem; padding-right: 4px; margin-left: -2px } #products_module.responsive.cms_list .item-wrapper .present-icon-wrapper-3 .present-text-wrapper .arrow-link { margin-right: 0 } .listing-details-column.large-stephanis-card-price-product-details.large-single { padding-top: .75rem } .prop-spotlight-details-wrapper { display: flex; width: 50%; padding: 0 0 0 1rem; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: flex-end; flex: 1; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background-color: transparent } .listing-details-heading { color: #b91313; font-size: 1.175rem; line-height: 1.75rem; font-weight: 700; letter-spacing: -.01rem } .listing-details-heading.original-price { color: rgba(96, 96, 96, .5); font-size: .7rem; text-decoration: line-through } .listing-details-heading.now-price { color: #606060; font-size: .9rem; text-decoration: none } .listing-details-heading.large-now-price { color: #606060; font-size: 1.175rem; line-height: 1.75rem; text-decoration: none } .listing-details-heading.large-now-price-product-details { color: #606060; font-size: 1.175rem; line-height: 1.75rem; text-decoration: none } .status-bar-div { position: relative; display: flex; width: 100%; height: 32px; justify-content: flex-end; background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .55)); text-decoration: none } .property-slider-arrow-link { display: flex; width: 50px; height: 50px; margin: auto 20px; justify-content: center; align-items: center; border-radius: 50px; background-color: rgba(96, 96, 96, .5); transition: all .3s ease; font-size: 1.25rem } .property-slider-arrow-link:hover { background-color: #fecb0a } .property-spotlight-slide { width: 25%; height: auto; margin-right: 0; margin-left: 0; padding-right: .25rem; padding-left: .25rem; flex-direction: column; flex-shrink: 0; background-color: transparent } .listing-details { display: block; width: 100%; color: rgba(96, 96, 96, .5); font-size: .75rem; line-height: .65rem; font-weight: 700; text-align: center } .listing-details.now-price { color: rgba(96, 96, 96, .5) } .listing-details.large-was-price { color: rgba(96, 96, 96, .5); font-size: .85rem; font-weight: 700; text-decoration: line-through } .listing-details.large-was-price-product-details { margin-bottom: .1rem; color: rgba(96, 96, 96, .5); font-size: .85rem; font-weight: 700; text-decoration: line-through } .property-slider-widget { display: flex; height: 100%; max-width: 100%; min-width: 991px; margin-right: auto; margin-left: auto; padding-top: 1rem; justify-content: center; background-color: transparent; color: #fff } .property-spotlight-image-link { display: flex; width: 100%; height: 250px; margin-bottom: 0; padding-left: 0; justify-content: center; align-items: flex-end; border-bottom: 1px solid #dadada; background-image: url(../images/product-1_700x428.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; transition: all .3s ease; text-decoration: none } .property-spotlight-image-link:hover { opacity: .85 } .property-spotlight-image-link._4 { background-image: url(../images/product-4_700x448.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; transition: all .4s ease } .property-spotlight-image-link._4:hover { opacity: .85 } .property-spotlight-image-link._2 { background-image: url(../images/product-2_700x448.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; transition: all .4s ease } .property-spotlight-image-link._2:hover { opacity: .85 } .property-spotlight-image-link._3 { background-image: url(../images/product-3_700x448.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; transition: all .4s ease } .property-spotlight-image-link._3:hover { opacity: .85 } .spotlight-unordered-list { width: 100%; height: auto; min-height: 105px; margin-bottom: 0; padding-right: 5px; padding-left: 0; float: left } .property-spotlight-mask { display: flex; width: 85%; min-width: 983px; flex-wrap: nowrap } .spotlight-list-text { margin-bottom: .75rem; padding-right: .5rem; padding-left: .5rem; color: #606060; font-size: .95rem; line-height: 1.3rem; text-align: center } .spotlight-list-text.specs { margin-bottom: .25rem; font-size: .75rem; line-height: 1rem; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) { .spotlight-list-text.specs { display: inline-block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 3.5em; line-height: .9rem } } .listing-price { width: 100%; padding-left: 0; float: left; color: #0c3467; font-size: 1.65rem; line-height: 2.25rem; text-align: left } .listing-status { display: flex; max-width: 100%; min-width: 100px; margin-top: -.5rem; padding-right: 1rem; padding-left: 1rem; justify-content: center; align-items: center; border-left: 4px solid #000; background-color: #bd571a; color: #fff } .listing-status.for-sale { border-left-style: none; border-left-color: #9d3e06; background-color: #fecb0a } .listing-status.sold { border-left-style: none; border-left-color: #216183; background-color: #fecb0a } .listing-status.pending { position: relative; border-left-style: none; background-color: #fecb0a; text-decoration: none } .listing-status.in-tender { border-left-style: none; border-left-color: #052650; background-color: #fecb0a } .listing-status.for-sale { border-left-color: #9d3e06; background-color: #da6723 } .listing-status.sold { border-left-color: #216183; background-color: #288ab1 } .listing-status.pending { position: relative; border-left-color: #9d7d06; background-color: #e0b300 } .listing-status.in-tender { border-left-color: #052650; background-color: #325b8f } .image-listing-text { display: none; width: 100%; height: 100%; margin-top: -32px } .listing-status-text { font-weight: 700; text-decoration: none; text-transform: uppercase } .listing-detail-column-wrapper { display: flex; width: 100% } .listing-detail-column-wrapper.trio { display: flex; margin-bottom: 0; flex-wrap: wrap; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto } .spotlight-list-wrapper { display: flex; width: 100%; min-height: 199px; padding-top: .5rem; float: left; flex-direction: column; border-right: 1px none #dadada; border-left: 1px none #dadada } .icon { display: flex; width: 45px; height: 45px; justify-content: center; align-items: center; transition: all .2s ease; color: #666; font-size: 1.75rem; font-style: normal; font-weight: 600 } .icon:hover { color: #fff } .text-span { background-color: #ff0 } .note { display: block; margin: 5rem auto 1rem; text-align: center } .note.note-1 { margin-top: 0 } .note-paragraph { display: block; width: 80%; margin-right: auto; margin-left: auto; color: #000; font-size: 1.25rem; line-height: 1.75rem } .property-slider-outer-wrap { display: flex; max-width: 1700px; margin: 2rem auto; flex-direction: column; align-items: center } .cb-product-slide-2 { background-image: url(../images/tv_2_1903x1003.png); background-position: 50% 50%; background-size: 951px } .add-to-cart-icon { display: flex; width: 100%; height: 42px; justify-content: center; align-items: center; align-self: flex-end; flex: 0 0 auto; background-color: #fecb0a; background-image: url(../images/basket-dk.svg); background-position: 50% 50%; background-size: 25px 25px; background-repeat: no-repeat; transition: all 450ms ease } .add-to-cart-icon:hover { width: 100%; background-color: #e5e5e5 } .add-to-cart-icon.out-of-stock { background-color: #8b8b8b; opacity: .35 } .cart-icon-link-wrapper { display: flex; width: 100%; justify-content: center; align-items: center } .present-div { position: absolute; left: 0; top: 195px; right: 0; bottom: auto; display: flex; width: 100%; height: 55px; align-items: center; opacity: 1 } .ribbon-title { font-size: 2rem; line-height: 2rem; font-weight: 500; text-align: center; text-transform: uppercase } .ribbon-banner { min-height: 200px; padding-top: 2rem; padding-bottom: 2rem; background-color: #eee; background-image: linear-gradient(149deg, rgba(255, 222, 0, 0), #fffac7), url(../images/yellow-abstract_1903x1346.png); background-position: 0 0, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat } .banner-link-title { margin-top: 3px; margin-bottom: 3px; padding: .25rem .75rem .25rem 1.25rem; flex: 0 0 auto; background-color: rgba(53, 56, 64, .85); color: #fff; font-size: 3rem; line-height: 3.25rem; font-weight: 300; text-decoration: none; text-transform: uppercase } .banner-wrapper { display: none; width: 85%; min-width: 991px; margin-right: auto; margin-left: auto; flex-direction: row; justify-content: flex-start; align-items: flex-start } .text-block { font-weight: 500 } .banner-arrow { display: flex; width: auto; height: 45px; min-width: 155px; margin-top: 3px; padding-left: 1.25rem; justify-content: flex-start; align-items: center; border: 2px none #fff; background-color: #fecb0a; background-image: url(../images/arrow-medium_00283b.svg); background-position: 91% 50%; background-size: auto 13px; background-repeat: no-repeat; transition: all 450ms ease; text-decoration: none } .banner-arrow:hover { background-color: #fff } .div-block { display: flex; flex-direction: column; align-items: flex-start } .banner-link-subtitle { margin-top: 3px; margin-bottom: 3px; padding: .25rem .75rem .25rem 1.25rem; flex: 0 0 auto; background-color: rgba(53, 56, 64, .85); color: #fff; font-size: 3rem; line-height: 3.25rem; font-weight: 700; text-decoration: none; text-transform: uppercase } .learn-more-text { color: #171717; font-weight: 500; text-decoration: none; text-transform: uppercase } .shop-categories-section-wrapper { display: flex; width: 85%; min-width: 991px; margin-right: auto; margin-left: auto; padding-top: 2rem; padding-bottom: 2rem; flex-direction: column; justify-content: space-between } .four-link-div-wrapper-copy { display: flex; width: 100%; margin-top: 1rem; margin-bottom: 1rem } .shop-categories-title { margin-bottom: 1.5rem; font-size: 2rem; line-height: 2rem; font-weight: 500; text-align: center; text-transform: uppercase } .category-title { width: 167px; padding-right: .6rem; padding-left: .6rem; border-left: 4px solid #fecb0a; background-image: linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .85) 60%); transition: all 450ms ease; color: #000; font-size: .85rem; line-height: 3.5rem; text-decoration: none } .shop-categories-section .category-title { min-height: 57px; display: flex; align-items: center; line-height: 1.2rem } .shop-categories-section .category-title span { width: 145px; overflow-wrap: break-word } .category-title:hover { width: 100%; border-left-color: #fecb0a; color: #000 } .category-title._1 { background-color: transparent; background-image: linear-gradient(270deg, hsla(0, 0%, 100%, .15), #fff); font-size: .85rem } .category-title._1:hover { width: 100% } .category-title.level-1 { width: 172px; background-color: transparent; background-image: linear-gradient(270deg, hsla(0, 0%, 100%, .15), #fecb0a); font-size: .85rem } .category-title.level-1:hover { width: 100% } .shop-cat-link-div { display: flex; width: 25%; height: 250px; margin-right: 0; margin-left: 0; align-items: flex-end; background-image: url(../images/product-1_450x300.png); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; transition: all 450ms ease; text-decoration: none } .shop-cat-link-div:hover { opacity: .9 } .shop-cat-link-div.large { width: 50% } .shop-cat-link-div._2 { background-image: url(../images/product-v2_450x300.png); background-size: cover } .shop-cat-link-div._3 { background-image: url(../images/product-3_450x300.png); background-size: cover } .shop-cat-link-div._4 { background-image: url(../images/product-4_450x300.png); background-size: cover } .shop-cat-link-div._5 { background-image: url(../images/product-5_450x300.png); background-size: cover } .shop-cat-link-div._6 { background-image: url(../images/product-6_450x300.png); background-size: cover } .shop-cat-link-div._7 { background-image: url(../images/product-7_450x300.png); background-size: cover } .shop-cat-link-div._8 { background-image: url(../images/product-8_450x300.png); background-size: cover } .shop-cat-link-div.level-1 { width: 100% } .shop-cat-link-div.level-2 { width: 100% } .quicklinks-repeat-div { display: none; padding-top: 0; padding-bottom: 2rem } .newsletter-div { display: flex; min-height: 215px; padding-top: 2rem; padding-bottom: 2rem; flex-direction: column; align-items: center; background-color: #f1f1f1 } .social-media-div { display: flex; min-height: 215px; padding-top: 2rem; padding-bottom: 2rem; flex-direction: column; justify-content: center; border-top: 4px solid #fecb0a; border-bottom: 4px solid #fecb0a; background-color: #fecb0a } .footer-links-div { padding: 2rem; background-color: #333 } .signoff-div { display: flex; padding-top: 1.5rem; padding-bottom: 2.5rem; padding-left: 2rem; padding-right: 2rem; justify-content: center; background-color: #000 } .newsletter-title { margin-bottom: .75rem; font-size: 2rem; line-height: 2rem; font-weight: 500; text-align: center; text-transform: uppercase } .newsletter-sub-title { margin-bottom: 1.5rem; font-size: 1rem; line-height: 1.6rem; font-weight: 400; text-align: center; text-transform: none } .newsletter-form { display: flex; width: 500px; max-width: 500px; justify-content: center; align-items: center } .newsletter-form-block { display: flex; margin-bottom: 0; flex-direction: row; justify-content: center } .newsletter-form-block .newsletter-text-field { width: auto; flex-grow: 1 } .newsletter-text-field { height: 100%; margin-bottom: 0; color: #333 } .newsletter-text-field::-webkit-input-placeholder { color: #bebebe } .newsletter-text-field:-ms-input-placeholder { color: #bebebe } .newsletter-text-field::-ms-input-placeholder { color: #bebebe } .newsletter-text-field::-moz-placeholder { color: #bebebe } .newsletter-text-field::placeholder { color: #bebebe } .newsletter-submit-button { min-width: 121px; background-color: #fecb0a; transition: all 450ms ease; color: #000; font-weight: 500; text-align: center; text-transform: uppercase } .newsletter-submit-button:hover { background-color: hsla(0, 0%, 75%, .75) } .newsletter-submit-button.search-filter-button { margin-right: 5px; padding: 2px 0; font-size: .75rem } .social-media-wrapper { display: flex } .social-media-wrapper.footer-socmed-wrapper { float: right } .social-media-wrapper.footer-socmed-wrapper.social-2 { float: none; justify-content: center } .top-social { display: flex } .bottom-social { display: flex } .social-media-link-block-2 { width: 2.25rem; height: 2.25rem; margin-right: .5rem; margin-left: .5rem } .social-media-link-block-2.footer-socmed-link-block { display: flex; margin-right: .75rem; margin-left: .75rem; padding: 2px; justify-content: center; align-items: center; border: 2px solid transparent; border-radius: 50%; background-color: #333; background-image: none; transition: all 450ms ease; cursor: pointer } .social-media-link-block-2.footer-socmed-link-block:hover { padding: 2px; border: 2px solid #fff; background-color: #333; transform: scale(1.1) } .footer-social-icon-image { display: block; width: 29px; margin-right: auto; margin-left: auto } .footer-social-icon-image.issuu { width: 18px; height: 18px } .social-media-title { margin-bottom: 1rem; color: #000; font-size: 2rem; line-height: 2rem; font-weight: 500; text-align: center; text-transform: uppercase } .link-list-wrapper { display: flex; width: 85%; min-width: 925px; margin-right: auto; margin-left: auto; padding-right: .25rem; padding-left: .25rem; flex-wrap: wrap } .link-list-title { margin-bottom: .5rem; color: #fff; font-weight: 500 } .footer-list-link { margin-bottom: .35rem; padding-right: .25rem; padding-bottom: 0; padding-left: .35rem; flex: 0 auto; border-bottom: 1px none hsla(0, 0%, 55%, .25); border-left: 3px solid transparent; transition: all 450ms ease; color: #8b8b8b; line-height: 1.3rem; text-decoration: none } .footer-list-link:hover { border-bottom-color: transparent; border-left-color: transparent; color: #fecb0a } .list-link-div { width: 200px; flex-direction: column } .list-link-div.div-2 { width: 265px } .list-link-div.div-3 { width: 235px } .list-link-wrapper { display: flex; margin-left: -.5rem; flex-direction: column; align-items: flex-start } .grip-logo-image { width: 9rem; min-width: 150px; transition: all 450ms ease } .grip-logo-link { float: right; opacity: .5; transition: background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease } .grip-logo-link:hover { opacity: 1 } .footer-signoff-link { transition: color .3s ease; color: #fff; font-size: .8rem; letter-spacing: 1px; text-decoration: none } .footer-signoff-link:hover { color: #bebebe } .footer-signoff-links { display: inline-block; margin-right: 1rem; border-bottom: 2px solid hsla(243.75000000000006, 9.41%, 33.33%, .5); line-height: 1.25rem } .footer-signoff-links:hover { border-bottom-color: transparent } .footer-copyright { display: inline-block; margin-right: 1.5rem; margin-bottom: 0; color: #8b8b8b; font-size: .9rem } .column-3 { display: flex; padding-right: 0; padding-left: 0; align-items: center } .column-2 { display: flex; padding-right: 0; justify-content: flex-end } .acrobat-reader { max-width: 140px; opacity: .75; transition: all 450ms ease } .acrobat-reader:hover { opacity: 1 } .footer-signoff-link-wrap { display: inline-block } .acrobat-reader-link { width: 50%; margin-right: .25rem; flex: 0 0 auto } .sign-off-div-wrap { width: 85%; min-width: 925px; margin-right: auto; margin-left: auto; padding-right: .25rem; padding-left: .25rem } .bold-text { text-align: left } .in-stock { display: flex; width: 50%; padding-top: 0; padding-right: .5rem; padding-bottom: 0; justify-content: flex-end; align-items: center; color: rgba(96, 96, 96, .5); font-size: .75rem } .out-of-stock { display: flex; width: 50%; padding-top: 0; padding-right: .5rem; padding-bottom: 0; justify-content: flex-end; align-items: center; color: rgba(96, 96, 96, .5); font-size: .75rem } .yellow-circle-div { position: relative; display: none; width: 1.25rem; height: 1.25rem; margin-top: -2.25rem; margin-left: 3rem; justify-content: center; align-items: center; border-radius: 1rem; background-color: #fecb0a; color: #fff; font-size: .8rem; font-weight: 700 } .wishlist-div { display: flex; flex-direction: column; align-items: center } .search-link-icon { width: 40px; height: 40px; min-height: 40px; min-width: 40px; margin-left: .25rem; background-image: url(../images/homepage-icons-search-27.svg); background-position: 50% 50%; background-size: 25px 25px; background-repeat: no-repeat; transition: all 450ms ease } .search-link-icon:hover { background-color: transparent; background-image: url(../images/search-icons-02.svg) } .top-half-div { display: flex; width: 100%; max-width: 1600px; padding: 1rem 0; justify-content: space-between; align-items: center } .search-column { display: flex; width: 58%; justify-content: flex-start; align-items: center; align-self: center; flex: 0 auto } .brand-column { display: flex; width: 34%; justify-content: flex-start } .icon-column { display: flex; width: 95%; justify-content: flex-end; align-self: center; flex: 0 auto } .subcateogry-div { display: inline-block; width: 15%; padding-top: .2rem; padding-bottom: 1rem; float: left; padding-right: 5px; padding-left: 5px } .phone-icon { min-height: 18px; min-width: 18px } .cb-left-arrow { border-left: 5px solid transparent; transition: all 450ms ease } .cb-left-arrow:hover { border-left-color: #fecb0a; background-color: rgba(0, 0, 0, .7) } .cb-rightt-arrow { border-right: 5px solid transparent; border-left: 5px none transparent; transition: all 450ms ease } .cb-rightt-arrow:hover { border-right-color: #fecb0a; border-left-color: #fecb0a; background-color: rgba(0, 0, 0, .7) } #product-installation-fees-info { padding: 1rem 0 .25rem; color: #666; line-height: .95rem; font-size: .85rem; font-weight: 700 } .present-text { padding-right: .5rem; color: #666; font-size: .7rem; line-height: .95rem; font-weight: 500 } .present-icon { min-height: 35px; min-width: 35px; background-color: #fecb0a; background-image: url(../images/present-icon_black.svg); background-position: 50% 50%; background-size: 24px 24px; background-repeat: no-repeat; transition: all 450ms ease } .present-icon:hover { background-color: transparent; transform: none } .present-icon-wrapper { display: flex; min-height: 42px; min-width: 50px; justify-content: center; align-items: center; background-color: hsla(0, 0%, 75%, .35) } .present-icon-wrapper.no-present { max-height: 50px; min-width: 100% } .present-text-wrapper { display: flex; width: 100%; min-height: 45px; justify-content: space-between; align-items: center; opacity: 1 } .present-text-wrapper.no-present { min-width: 100% } .search-link-icon-mobile { display: none; width: 40px; height: 40px; min-height: 40px; min-width: 40px; background-image: url(../images/search-icons-02.svg); background-position: 50% 50%; background-size: 25px 25px; background-repeat: no-repeat; transition: all 450ms ease } .search-link-icon-mobile:hover { background-color: #f1f1f1; background-image: url(../images/search-icons-01.svg) } .about-us-content-wrap { display: flex; width: 66.66%; min-width: 725px; margin-right: auto; margin-left: auto; flex-direction: column; align-items: flex-start } .spotlight-details-wrapper { width: 100%; padding: 1rem 15px; background-color: #fff } .multi-slider-container { display: block; width: 100%; margin-right: auto; margin-left: auto; color: #091d49 } .multi-slider-container.multi-slider { display: block; max-width: 1700px } .property-spotlight-wrapper-2 { position: relative; display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: space-between; border-style: solid none none; border-width: 1px; border-color: #dadada } .ribbon-slider-new { display: block; margin-right: auto; margin-left: auto; background-color: #fff } .listing-details-column-2 { display: flex; width: 100%; padding: .25rem .5rem .5rem; flex-direction: column; align-items: center; border-top: 1px solid rgba(96, 96, 96, .3); border-right: 1px solid rgba(96, 96, 96, .3); border-bottom: 1px solid rgba(96, 96, 96, .3) } .listing-details-column-2._3 { align-items: center; flex: 0 auto; border-right-style: none } .listing-details-column-2.first { width: 100% } .prop-spotlight-details-wrapper-2 { width: 100%; padding: 1rem 15px; background-color: #fff } .listing-two-column-wrapper { display: flex; width: 50%; max-width: 100%; min-width: 50%; float: left; justify-content: center; flex-wrap: wrap; flex: 0 0 auto } .duo-set-wrapper { display: flex; width: 100%; justify-content: space-between } .listing-details-heading-2 { color: #606060; font-weight: 700 } .slide-4 { width: 100%; padding: 2rem 6rem; background-color: transparent; background-image: linear-gradient(180deg, hsla(55, 28%, 92%, .7), hsla(55, 28%, 92%, .7)) } .slide-4.features-2 { padding-top: 0; background-color: hsla(55, 28%, 92%, .7); background-image: none } .slide-4.features-1 { padding-top: 0; background-image: none } .status-bar-div-2 { position: relative; display: flex; width: 100%; height: 32px; justify-content: flex-end; background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .55)) } .property-slider-arrow-link-2 { display: flex; width: 62px; height: 62px; margin: auto 20px; justify-content: center; align-items: center; border-radius: 50px; background-color: rgba(96, 96, 96, .5); transition: all .3s ease; font-size: 1.25rem } .property-slider-arrow-link-2:hover { background-color: #bd571a } .spotlight-image-link { width: 100%; height: 300px; margin-bottom: 0; background-image: url(../images/home_content_01_500x500.jpg); background-position: 0 0; background-size: cover } .spotlight-image-link:hover { border-bottom-color: #6dcdf4 } .spotlight-image-link._2 { background-image: url(../images/home_content_02_500x500.jpg); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; transition: all .4s ease } .spotlight-image-link._2:hover { background-size: 110%; opacity: .85 } .spotlight-image-link._5 { background-image: url(../images/home_content_05_500x500.jpg); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; transition: all .4s ease } .spotlight-image-link._5:hover { background-size: 110%; opacity: .85; transform: scale(1) } .spotlight-image-link._8 { background-image: url(../images/home_content_08_500x500.jpg); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; transition: all .4s ease } .spotlight-image-link._8:hover { background-size: 110%; opacity: .85 } .spotlight-image-link._3 { background-image: url(../images/home_content_03_500x500.jpg); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; transition: all .4s ease } .spotlight-image-link._3:hover { background-image: url(../images/home_content_03_500x500.jpg); background-position: 50% 50%; background-size: 110%; opacity: .85 } .spotlight-image-link._7 { background-image: url(../images/home_content_07_500x500.jpg); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; transition: all .4s ease } .spotlight-image-link._7:hover { background-image: url(../images/home_content_03_500x500.jpg); background-position: 50% 50%; background-size: 110%; opacity: .85 } .spotlight-image-link._6 { background-image: url(../images/home_content_06_500x500.jpg); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; transition: all .4s ease } .spotlight-image-link._6:hover { background-size: 110%; opacity: .85 } .spotlight-image-link._1 { background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; transition: all .4s ease } .spotlight-image-link._1:hover { background-size: 110%; opacity: .85; transform: scale(1) } .spotlight-image-link._4 { background-image: url(../images/home_content_04_500x500.jpg); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; transition: all .4s ease } .spotlight-image-link._4:hover { background-size: 110%; opacity: .85 } .property-spotlight-slide-2 { width: 24%; height: auto; margin-right: .5%; margin-left: .5%; flex-direction: column; flex-shrink: 0; background-color: transparent; border: 1px solid #dadada; margin-bottom: 10px } #products_module.responsive .item-wrapper .property-spotlight-slide-2 { margin-bottom: 10px } .listing-details-2 { width: 100%; color: #606060; text-align: center } .multi-slider { height: 100%; background-color: transparent; color: #fff } .property-slider-widget-2 { width: 100%; height: 100%; max-width: 1600px; padding-top: 3rem; padding-right: 50px; padding-left: 50px; background-color: transparent; color: #fff } .property-slider-widget-2.extra-bottom { padding-bottom: 90px } .quad-slide-card-wrapper { position: relative; display: flex; width: 23%; margin-right: 1%; margin-left: 1%; flex-direction: column; justify-content: space-between; background-color: #fff } .quad-set-wrapper { display: flex; width: 100%; justify-content: space-between } .content-box-heading { margin-top: 0; margin-bottom: 1rem; padding: .75rem 1rem; border-bottom: 3px none #e2e2e2; border-left: 3px solid #c5c5c5; color: #288ab1; font-size: 2rem; font-weight: 700 } .property-spotlight-image-link-2 { width: 35%; height: 275px; margin-bottom: 0; margin-left: 1px; border-bottom: 1px solid #dadada; background-image: url(../images/product-1_700x428_1.png); background-position: 50% 50%; background-size: 275px; background-repeat: no-repeat; transition: all .3s ease } .property-spotlight-image-link-2:hover { opacity: .85 } .property-spotlight-image-link-2._4 { border-bottom-style: solid; background-image: url(../images/product-4_700x448.png); background-position: 50% 50%; background-size: 275px; background-repeat: no-repeat; transition: all .4s ease } .property-spotlight-image-link-2._4:hover { opacity: .85 } .property-spotlight-image-link-2._2 { height: 275px; margin-bottom: 0; border-right-style: solid; border-bottom-style: solid; background-image: url(../images/product-2_700x448.png); background-position: 50% 50%; background-size: 275px; background-repeat: no-repeat; transition: all .4s ease } .property-spotlight-image-link-2._2:hover { opacity: .85 } .property-spotlight-image-link-2._3 { margin-bottom: 0; border-bottom-style: solid; background-image: url(../images/product-3_700x448.png); background-position: 50% 50%; background-size: 275px; background-repeat: no-repeat; transition: all .4s ease } .property-spotlight-image-link-2._3:hover { border-bottom-color: #dadada; opacity: .85 } .property-duo-mask { width: 100%; margin-right: 70px; margin-left: 70px; flex-wrap: nowrap } .property-spotlight-quad-slide { width: 100%; margin-right: 0; margin-left: 0; padding-top: .75rem; padding-right: 1rem; padding-left: 1rem; flex-direction: row; background-color: transparent; background-image: linear-gradient(180deg, hsla(55, 28%, 92%, .7), hsla(55, 28%, 92%, .7)) } .duo-slider-arrow-link { display: flex; width: 62px; height: 62px; margin: auto 20px; justify-content: center; align-items: center; border-radius: 50px; background-color: rgba(96, 96, 96, .5); transition: all .3s ease; font-size: 1.25rem } .duo-slider-arrow-link:hover { background-color: #bd571a } .listing-column-wrapper { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; align-items: stretch } .listing-column-wrapper.main { display: flex } .property-spotlight-mask-2 { display: flex; width: 100%; max-width: 100%; flex-wrap: nowrap } .spotlight-list-text-2 { margin-bottom: 5px; padding-right: 5px; padding-left: 0; color: #606060; font-size: 1.05rem; text-align: left } .arrow { right: 2px; display: flex; width: 70px; height: 70px; margin: 40px 20px 22rem; justify-content: center; align-items: center; border: 6px solid #fff; border-radius: 50px; background-image: none; font-size: 1.25rem } .arrow:hover { background-image: linear-gradient(180deg, #97e1ff, #97e1ff) } .arrow.multi-slider { top: 0; right: 5px; width: 62px; height: 62px; margin-top: auto; margin-bottom: auto; border-style: none; background-color: rgba(96, 96, 96, .5); background-image: none; transition: all .3s ease; color: #fff } .arrow.multi-slider:hover { background-color: #bd571a; background-image: none } .arrow.left.multi-slider { left: 5px; right: 0; height: 62px; margin-top: auto; margin-bottom: auto; transition: all .3s ease } .arrow.left.multi-slider:hover { background-color: #bd571a; background-image: none; color: #fff } .property-quad-mask { width: 100%; margin-right: 70px; margin-left: 70px; flex-wrap: nowrap } .quad-slider-arrow-link { display: flex; width: 62px; height: 62px; margin: auto 20px; justify-content: center; align-items: center; border-radius: 50px; background-color: rgba(96, 96, 96, .5); transition: all .3s ease; font-size: 1.25rem } .quad-slider-arrow-link:hover { background-color: #bd571a } .text-link { border-bottom: 1px solid #fecb0a; color: #666; font-weight: 500; text-decoration: none } .text-link:hover { border-bottom-color: transparent; color: #333 } .prop-spotlight-details-wrap-stretch { width: 100%; padding: 1rem 15px; flex: 1; background-color: #fff } .paragraph-text { width: 50%; margin-top: 20px; padding-right: .75rem; float: left; color: #4b4a4a; font-size: 1.1rem; line-height: 1.9rem; font-weight: 400 } .paragraph-text.about-us { display: block; width: 100%; margin: .5rem auto 0; padding-right: 0; float: none; color: #606060; font-size: 1.5rem; line-height: 2.25rem; font-weight: 300; text-align: center } .about-us-div { display: block; width: 100%; padding-top: 2rem; padding-bottom: 2rem; border-bottom: 2.5rem solid #e1e0d8; background-color: hsla(0, 0%, 100%, .7); background-image: none } .about-us-div._2 { padding: 2rem 2rem 2.5rem; border-bottom-style: none; background-color: transparent; background-image: none; text-align: left } .about-us-div._1 { display: none } .listing-status-text-2 { font-weight: 700; text-transform: uppercase } .spotlight-container { width: 33.33%; padding-right: 10px; padding-left: 10px; float: left } .spotlight-container.fourth { width: 50%; min-width: 360px; padding: 10px 1rem } .spotlight-container.second { width: 50%; max-width: 100%; min-width: 360px; padding: 10px 1rem } .spotlight-container.first { width: 50%; max-width: 100%; min-width: 360px; padding: 10px 1rem; float: left } .spotlight-container.third { width: 50%; min-width: 360px; padding: 10px 1rem; color: #606060 } .listing-detail-column-wrapper-2 { display: flex; width: 100%; background-color: transparent } .listing-detail-column-wrapper-2.trio { display: flex; margin-bottom: 0; flex-wrap: nowrap; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto } .listing-detail-column-wrapper-2.trio-product-details { display: flex; margin-bottom: 0; flex-wrap: nowrap; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto } .duo-slide-card-wrapper { position: relative; display: flex; width: 48%; margin-right: 1%; margin-left: 1%; flex-direction: column; justify-content: space-between; background-color: #fff } .spotlight-list-wrapper-2 { width: 100%; float: left } .property-slider-outer-wrap-2 { display: flex; padding-top: 3rem; padding-bottom: 3rem; flex-direction: column; align-items: center; background-color: #fff } .icon-2 { color: #fff; font-size: 2.25rem; font-style: normal; font-weight: 600 } .property-spotlight-duo-slide { width: 50%; margin-right: 0; margin-left: 0; padding-top: .75rem; flex-direction: row; background-color: transparent; background-image: linear-gradient(180deg, hsla(55, 28%, 92%, .7), hsla(55, 28%, 92%, .7)) } .new-products-card-slider { display: block; margin-right: auto; margin-left: auto; background-color: #fff } .slider-link-block { display: block; width: 100%; height: 100%; padding-top: 3.5rem } .coming-soon-card-slider { display: block; margin-right: auto; margin-left: auto; background-color: #fff } .top-selling-card-slider { display: block; margin-right: auto; margin-left: auto; background-color: #fff } .recently-viewed-card-slider { display: block; margin-right: auto; margin-left: auto; background-color: #fff } .black-friday-card-slider { display: block; margin-right: auto; margin-left: auto; background-color: #fff } .icon-search-2-column-wrap { display: none; width: 58%; justify-content: flex-end } .icon-title { padding-top: .25rem; padding-right: .1rem; padding-left: .1rem; color: #8b8b8b; font-size: .65rem; line-height: .75rem; letter-spacing: 0; text-decoration: none; text-transform: uppercase } .main-slider-arrow-icon-2 { font-size: 1.75rem } .sign-in-title { position: relative; display: block; height: 28px; padding-top: .25rem; padding-right: .1rem; padding-left: .1rem; opacity: 0; color: #8b8b8b; font-size: .65rem; line-height: .75rem; letter-spacing: 0; text-decoration: none; text-transform: uppercase } .wishlist-title { display: block; height: 28px; margin-top: 1.255rem; padding-top: .25rem; padding-right: .1rem; padding-left: .1rem; opacity: 0; color: #8b8b8b; font-size: .65rem; line-height: .75rem; letter-spacing: 0; text-decoration: none; text-transform: uppercase } .basket-title { display: block; height: 28px; margin-top: 1.255rem; padding-top: .25rem; padding-right: .1rem; padding-left: .1rem; opacity: 0; color: #8b8b8b; font-size: .65rem; line-height: .75rem; letter-spacing: 0; text-decoration: none; text-transform: uppercase } .stores-title { display: block; height: 28px; padding-top: .25rem; padding-right: .1rem; padding-left: .1rem; opacity: 0; color: #8b8b8b; font-size: .65rem; line-height: .75rem; letter-spacing: 0; text-decoration: none; text-transform: uppercase } .support-title { display: block; height: 28px; padding-top: .25rem; padding-right: .1rem; padding-left: .1rem; opacity: 0; color: #8b8b8b; font-size: .65rem; line-height: .75rem; letter-spacing: 0; text-decoration: none; text-transform: uppercase } .sign-in-icon { max-height: 22px; max-width: 22px; min-height: 20px; min-width: 20px; transform: translate(0, 0); transition: all 450ms ease } .sign-in-icon:hover { transform: none } .sign-in-icon.account-2 { position: relative; margin-top: .25rem; margin-bottom: .25rem } .basket-icon-new { max-height: 22px; max-width: 22%; min-height: 22px; min-width: 22px; transform: translate(0, 0); transition: all 450ms ease } .basket-icon-new:hover { transform: translate(0, -5px) } .basket-icon-new.wishlist { max-width: 22px; min-height: 20px; min-width: 20px } .basket-icon-new.wishlist:hover { transform: none } .basket-icon-new.basket { max-width: 22px; min-height: 20px; min-width: 20px } .basket-icon-new.basket:hover { transform: none } .basket-icon { max-height: 22px; max-width: 22px; min-height: 20px; min-width: 20px; margin-bottom: .5rem; transform: translate(0, 0); transition: all 450ms ease } .basket-icon:hover { transform: none } .stores-icon { max-height: 22px; max-width: 22px; min-height: 20px; min-width: 20px; transform: translate(0, 0); transition: all 450ms ease } .stores-icon:hover { transform: none } .support-icon { max-height: 22px; max-width: 22px; min-height: 20px; min-width: 20px; transform: translate(0, 0); transition: all 450ms ease } .support-icon:hover { transform: none } .div-block-2 { display: flex; width: 70%; justify-content: space-between } .top-icon-wrapper { display: flex; margin-right: .5rem; margin-left: .5rem; padding-right: .15rem; padding-left: .15rem; flex-direction: column; justify-content: center; align-items: center } .top-icon-wrapper.basket-2 { display: block } .top-icon-wrapper.support-hidden { display: none } .top-icon-wrapper.wishlist-2 { display: block } .top-icon-wrapper.cart-mobile { display: block } .top-icon-wrapper.basket-2 { display: block } .basket-div { display: block; padding-top: 1.2rem; flex-direction: column; justify-content: center; align-items: center } .web-development-by { position: absolute; left: auto; top: 0; right: 0; bottom: auto; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #fff; font-size: .65rem; line-height: .75rem; letter-spacing: .045rem } .main-slider-arrow-icon { font-size: 1.75rem } .icon-3 { display: none } .text-block-2 { display: none } .account-dropdown { display: flex; width: 55px; padding: 0; flex-direction: column; justify-content: center; align-items: center } .account-dropdown-list { display: none; margin-top: -.5rem } .account-dropdown-list.w--open { margin-top: 0; padding-top: .45rem; background-color: transparent; transition: all 450ms ease } .account-link { padding: .25rem .75rem; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 75%, .5); background-color: #f1f1f1; transition: all 450ms ease; font-size: .8rem; line-height: 1.05rem } .account-link:hover { background-color: #fff } .account-link.top { padding: .25rem .75rem; border-bottom-style: none; line-height: 1.15rem } .dropdown { padding-top: 5px; padding-bottom: 5px } .link { display: flex; margin-right: .5rem; padding: .5rem .325rem; justify-content: center; align-items: center; flex: 1; background-color: #fecb0a; transition: all 450ms ease; color: #000; font-size: .75rem; line-height: .85rem; text-align: center; text-decoration: underline } .link:hover { border-bottom-color: #fff; background-color: transparent; text-decoration: none } .sale-banner-div { position: absolute; left: 0; top: 0; right: 0; bottom: auto; display: flex; height: 50%; max-height: 90px; justify-content: center; align-items: center; border: 1px none #dadada; background-color: transparent; background-image: url(../images/sale-banner-25.svg); background-position: 0 0; background-size: 200px; background-repeat: no-repeat } .sale-banner-text { border-bottom: 2px solid #fecb0a; color: #fff; font-size: 1.25rem; font-weight: 700 } .arrow-link { display: block; width: 18px; height: 18px; min-width: 18px; margin-right: .5rem; padding: .5rem .325rem; justify-content: center; align-items: center; flex: 0 auto; background-color: transparent; background-image: url(../images/arrow-grey-icons-06.svg); background-position: 50% 50%; background-size: 12px 12px; background-repeat: no-repeat; transition: all 450ms ease; color: #000; font-size: .75rem; line-height: .85rem; text-align: center; text-decoration: underline } .arrow-link:hover { border-bottom-color: #fff; background-color: #fff; text-decoration: none } .wishlist-save-icon { display: flex; width: 42px; height: 45px; max-height: 45px; max-width: 42px; min-height: 42px; min-width: 42px; margin-right: 0; justify-content: center; align-items: center; background-color: #ddd; background-image: url(../images/homepage-icons_heart_white-37.svg); background-position: 50% 50%; background-size: 22px 22px; background-repeat: no-repeat; transition: all .2s ease } .wishlist-save-icon:hover { background-image: url(../images/homepage-icons_heart_yellow-46.svg) } .present-icon-2 { min-height: 35px; min-width: 35px; margin-bottom: 4px; background-color: transparent; background-image: url(../images/homepage-icons-present-red-NEW-29.svg); background-position: 50% 50%; background-size: 24px 24px; background-repeat: no-repeat; transition: all 450ms ease } .present-icon-2:hover { background-color: transparent; transform: none } .present-icon-2.product-comparison { background-position: 0 50% } .product-comparison-product .product-code { margin-bottom: 10px } .property-slider-arrow-link-3 { display: flex; width: 50px; height: 50px; margin: auto 0 auto 4px; justify-content: center; align-items: center; border-radius: 50px; background-color: rgba(97, 97, 97, 0); transition: all .3s ease; color: #666; font-size: 1.25rem } .property-slider-arrow-link-3:hover { background-color: #fecb0a } .property-slider-arrow-link-3.property-arrow-right { margin-right: 4px } .sale-banner-text-2 { border-bottom: 2px solid #fecb0a; color: #fff; font-size: 1.25rem; font-weight: 700 } .cart-icon-link-wrapper-2 { display: flex; width: 60%; height: 42px; margin-bottom: 15px; justify-content: center; align-items: flex-end; background-color: #fff } .cart-icon-link-wrapper-2.grey { background-color: #fff } .add-to-cart-icon-2 { display: flex; width: 100%; height: 42px; justify-content: center; align-items: center; align-self: flex-end; flex: 0 auto; background-color: #fecb0a; background-image: url(../images/homepage-icons_triangle-LT-GREY-36.svg), url(../images/cart-icons-15.svg); background-position: 0 50%, 50% 50%; background-size: contain, 25px 25px; background-repeat: no-repeat, no-repeat; transition: all 450ms ease } .add-to-cart-icon-2:hover { width: 100%; background-color: #ddd } .add-to-cart-icon-2.out-of-stock { background-color: #dedede; background-image: none; background-position: 0 0; background-size: auto; background-repeat: repeat; opacity: 1 } .add-to-cart-icon-2.with-text { height: 45px; background-image: url(../images/homepage-icons_triangle-LT-GREY-36.svg), url(../images/cart-icons-15.svg); background-position: 0 50%, 84% 50%; background-size: contain, 25px 25px; background-repeat: no-repeat, no-repeat; text-decoration: none } .add-to-cart-icon-2.with-text:hover { background-color: hsla(47.51999999999999, 100%, 44.33%, 1); box-shadow: none } .wishlist-save-image { width: 100%; padding: .65rem } .banner-arrow-2 { display: flex; width: auto; height: 45px; min-width: 155px; margin-top: 3px; padding-left: 1.25rem; justify-content: flex-start; align-items: center; border: 2px none #fff; background-color: #fecb0a; background-image: url(../images/arrow-medium_00283b.svg); background-position: 91% 50%; background-size: auto 13px; background-repeat: no-repeat; transition: all 450ms ease; text-decoration: none } .banner-arrow-2:hover { background-color: #fff } .top-nav-div { position: relative; left: 0; top: 0; right: 0; bottom: auto; z-index: 1000; display: flex; width: 100%; height: 32px; justify-content: center; background-color: #f1f1f1 } .top-nav-wrapper { display: flex; width: 100%; max-width: 1600px; padding-right: .5rem; padding-left: 1rem; justify-content: space-between; align-items: center } .top-nav-link { display: block; margin-bottom: 1px; padding: .5rem .75rem .5rem 2rem; background-image: url(../images/stores-dk.svg); background-position: 0 50%; background-size: 18px 18px; background-repeat: no-repeat; color: #333; font-size: .75rem; line-height: .75rem; font-weight: 700; letter-spacing: .01px; text-decoration: none; text-transform: uppercase } .top-nav-link.stores { padding-left: 1.65rem; background-image: url(../images/homepage-icons-store.svg); font-size: .7rem } .top-nav-link.support { padding-left: 1.65rem; background-image: url(../images/homepage-icons_gear-41.svg); font-size: .7rem } .top-nav-link.phone { padding-left: 1.65rem; background-image: url(../images/homepage-icons-phone.svg); font-size: .7rem } .top-nav-link.free-pickup-and-delivery { padding-left: 1.65rem; background-image: url(../images/homepage-icons-truckgrey-31.svg); font-size: .7rem } .top-nav-link.credit-card { padding-left: 1.65rem; background-image: url(../images/homepage-icons-creditcard-grey-32.svg); font-size: .7rem } .top-nav-link.register { padding-right: .35rem; padding-left: 0; background-image: none; font-size: .7rem } .top-nav-link.log-in-option { padding-left: 0; background-image: none } .top-nav-link.log-in-option { padding-left: .35rem; background-image: none; font-size: .7rem } .top-nav-link.language { display: none; padding-right: .5rem; padding-left: .5rem; background-image: none; font-size: .7rem } .basket-amounts-div { position: relative; left: -1.25rem; display: flex; padding: .35rem .25rem; justify-content: center; align-items: center; color: #333; font-size: .8rem; line-height: .8rem; font-weight: 700 } .wishlist-dropdown { display: flex; padding: 0; justify-content: center; align-items: center } .call-out-icon-text-div { display: flex; flex-direction: column; align-items: flex-start } .icon-title-new { color: #333; font-size: .75rem; font-weight: 500; text-align: center; letter-spacing: .01rem; text-transform: uppercase } .icon-title-new.account { margin-top: .6rem } .mega-div-wrap { display: flex; width: 100%; max-height: 550px; flex-direction: column; align-content: baseline; flex-wrap: wrap; padding-bottom: 5px; padding-top: 18px; padding-left: 20px; padding-right: 20px } .dropdown-link-2 { display: block; width: 100%; padding: .5rem .5rem .5rem .75rem; border-bottom: 1px solid rgba(0, 0, 0, .2); transition: all .2s ease; color: #666; font-size: .8rem; line-height: 1.3rem; font-weight: 400; text-decoration: none; text-transform: none } .dropdown-link-2:hover { background-color: hsla(0, 0%, 100%, .7); color: #000 } .dropdown-link-2.w--current { background-color: hsla(0, 0%, 100%, .7); box-shadow: inset 4px 0 0 0 #e77c25; color: #1f304f } .in-stock-product-code-div { display: flex; width: 93%; margin-top: .5rem; align-self: center; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada } .product-code { display: flex; width: 100%; padding-top: 0; padding-bottom: 0; padding-left: .5rem; justify-content: center; align-items: center; color: rgba(96, 96, 96, .5); font-size: .75rem } .listing-details-heading-3 { color: #e24603; font-size: .75rem; font-weight: 700; letter-spacing: -.01rem } .listing-details-heading-3.original-price { color: rgba(96, 96, 96, .5); font-size: .75rem; text-decoration: line-through } .listing-details-heading-3.now-price { color: rgba(96, 96, 96, .5); font-size: .75rem; text-decoration: none } .new-present-div { position: absolute; top: 230px; width: 35% } .bold-text-2 { font-size: 1rem } .register-now-link { position: relative; margin-top: .25rem; padding: .25rem .75rem; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 75%, .5); background-color: #f1f1f1; opacity: 0; color: #333; font-size: .8rem; line-height: 1.15rem; text-decoration: none } .register-now-link:hover { background-color: #fff } .hidden-register-button-div { position: relative; display: flex; flex-direction: column; align-items: center } .login-and-register-div { display: none; padding-left: 1.65rem; align-items: center; border: 1px none #000; background-image: url(../images/homepage-icons-register-33.svg); background-position: 0 42%; background-size: 16px 16px; background-repeat: no-repeat } .language-div { display: flex } .product-title { font-weight: 500 } .present-icon-wrapper-2 { display: flex; min-height: 55px; min-width: 50px; justify-content: center; align-items: center; background-color: rgba(228, 199, 0, .9) } .present-icon-3 { min-height: 35px; min-width: 35px; background-color: #fecb0a; background-image: url(../images/present-icon_black.svg); background-position: 50% 50%; background-size: 24px 24px; background-repeat: no-repeat; transition: all 450ms ease } .present-icon-3:hover { background-color: transparent; transform: none } .present-text-wrapper-2 { display: flex; width: 100%; min-height: 55px; justify-content: space-between; align-items: center; background-color: rgba(228, 199, 0, .9); opacity: 1 } .present-text-2 { padding-right: .5rem; color: #000; font-size: .75rem; line-height: .95rem; font-weight: 500 } .link-2 { display: flex; margin-right: .5rem; padding: .5rem .325rem; justify-content: center; align-items: center; flex: 1; background-color: #fecb0a; transition: all 450ms ease; color: #000; font-size: .75rem; line-height: .85rem; text-align: center; text-decoration: underline } .link-2:hover { border-bottom-color: #fff; background-color: transparent; text-decoration: none } .stephanis-card-dropdown { padding: 0 } .stephanis-drop { line-height: .8rem } .stephanis-card-drop-icon { display: none } .register-drop-down-link { display: flex; padding: .15rem .35rem; justify-content: center; align-items: center; border: 1px solid #dadada; background-color: #fff; transition: all .2s ease; font-size: .65rem; line-height: 1.1rem; text-transform: uppercase } .register-drop-down-link:hover { background-color: #f1f1f1 } .add-to-cart-text { display: flex; height: 100%; max-width: 92px; padding-right: .5rem; padding-left: .5rem; justify-content: center; align-items: center; background-image: none; background-size: auto; background-repeat: repeat; transition: all 450ms ease; color: #333; font-size: .75rem; line-height: 1rem; font-weight: 700; text-decoration: none } .add-to-cart-text:hover { background-image: none } .add-to-cart-text.add-to-cart { margin-right: 2.75rem; color: #333; font-weight: 700; text-align: center; text-transform: uppercase } .add-to-cart-text.pre-order { max-width: 101px; color: #333; text-align: center; text-transform: uppercase } .add-to-cart-text.pre-order-date { max-width: 101px; color: #333; font-weight: 400; text-align: center; text-transform: none } .dropdown-2 { max-height: 32px } /* .dropdown-toggle { display: flex; max-height: 32px; padding: 0 2rem 0 0 } */ .language-text { display: none; font-size: .7rem; line-height: .75rem; font-weight: 700; text-transform: uppercase } .language-arrow-icon { margin-right: .75rem } .language-dropdown-link { padding: .25rem .75rem .25rem 2.5rem; border: 1px solid #f1f1f1; background-color: #f1f1f1; background-image: url(../images/flags-homepage-icons-44.svg); background-position: 8px 50%; background-size: 24px 24px; background-repeat: no-repeat; transition: all 450ms ease; font-size: .7rem; font-weight: 500 } .language-dropdown-link:hover { background-color: #fff } .language-dropdown-link._1 { background-image: url(../images/flags-homepage-icons-43.svg) } .language-dropdown-link._2 { background-image: url(../images/flags-homepage-icons-45.svg) } .language-dropdown-list { z-index: 1000 } .language-dropdown-list.w--open { right: 0; padding-top: .6rem; background-color: transparent } .mobile-icon-wrap { display: none } .language-div-mobile { display: flex } .flag-icon { width: 24px; margin-right: .2rem } .out-of-stock-text { display: flex; height: 100%; padding-right: 1.5rem; padding-left: 0; justify-content: center; align-items: center; transition: all 450ms ease; color: #b5b5b5; font-size: .75rem; line-height: 1rem; font-weight: 700; text-decoration: none; text-transform: uppercase } .out-of-stock-text.add-to-cart { padding-left: 2.5rem; background-position: 10px 50%; color: #333; font-weight: 700 } .pre-order-text { width: 100%; min-width: 65px } .pre-order-text-div { padding-right: 2.4rem } .left-nav-list-content-wrap { display: block; overflow: hidden; height: auto; margin-top: -1.5rem; margin-right: .5em; padding-bottom: 1.5em; border-right: 1px solid rgba(0, 0, 0, .15) } .section-wrap.inside-content-section { padding-top: 6rem; background-color: #f1f1f1 } .section-wrap.inside-content-section { padding-top: 6rem; background-color: #f1f1f1 } .section-wrap.inside-content-section.level-1 { padding-top: 6rem } .left-nav-list-link { display: block; padding: .75em 1.5rem .75em .9rem; border-bottom: 1px solid rgba(0, 99, 183, .08); background-image: url(../images/nav-arrow_white-01.svg); background-position: 0 50%; background-size: 11px 11px; background-repeat: no-repeat; transition: all 450ms ease; color: #333; font-weight: 400; text-decoration: none } .left-nav-list-link:hover { background-image: url(../images/nav-arrow_blue-01.svg); background-position: 0 50%; background-size: 11px 11px; background-repeat: no-repeat; color: #666 } .left-nav-list-link.w--current { background-image: url(../images/nav-arrow_blue-01.svg); background-size: 11px 11px; color: #0054a6 } .left-nav-list-link.section-title { border-bottom-style: none; background-color: #fecb0a; background-image: none; color: #333; font-size: 1rem; line-height: 1em; text-decoration: none; text-transform: uppercase } .main-content-column.inside-right { padding-right: 0; padding-left: 0 } .inside-content-beckground { display: block; max-width: 1600px; margin-top: 3rem; margin-right: auto; margin-left: auto; padding-top: 3rem; padding-bottom: 4rem; border-top: 4px solid hsla(194.1322314049587, 0%, 72%, .5); background-color: #fff } .inside-content-beckground.level-1 { padding-top: 1rem; border-right: 1px solid #d9d9d9 } .left-nav-nested-list-item { margin-bottom: 1px } .div-block-3 { display: none } .image-2 { max-height: 250px; min-width: 50%; margin-top: 1rem; margin-bottom: 1rem } .breadcrumb-current-page { line-height: .6875rem } .mobile-menu-styles-block { position: relative; overflow: hidden; background-color: #28313b } .left-nav-list-item { margin-bottom: 1px } .breadcrumb-list { margin: 0 .125rem 1em; padding-left: 0; font-size: .6875rem; line-height: 1em; text-transform: uppercase } .main-content-wrapper { display: block; width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto } .main-content-wrapper.inside-left { max-width: 1550px; padding-right: 2rem; padding-left: 2rem } .ordered-list.roman-order { list-style-type: lower-roman } .ordered-list.alpha-order { list-style-type: lower-alpha } .block-quote { border-left-color: #fecb0a; background-color: #f8f8f8; color: #333; font-size: 1.15rem; line-height: 1.75rem; font-weight: 400 } .left-nav-nested-list { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-top: 1px none rgba(0, 0, 0, .15) } .left-nav-nested-list-link { display: block; padding: .75em 1.5rem .75em 1.75rem; border-bottom: 1px solid rgba(0, 99, 183, .08); background-image: url(../images/nav-arrow_white-01.svg); background-position: 12px 50%; background-size: 11px 11px; background-repeat: no-repeat; transition: all 450ms ease; color: #1b2f33; font-size: .8125em; line-height: 1.375em; font-weight: 400; text-decoration: none } .left-nav-nested-list-link:hover { background-image: url(../images/nav-arrow_blue-01.svg); background-position: 12px 50%; background-size: 11px 11px; color: #666 } .left-nav-nested-list-link.w--current { background-color: #fff; background-image: url(../images/nav-arrow_blue-01.svg); background-size: 11px 11px; color: #0054a6 } .left-nav-nested-list-link.great-grandchild { padding-left: 2.5rem; background-position: 24px 50% } .left-nav-nested-list-link.great-grandchild:hover { color: #666 } .left-nav-list { margin-top: 0; margin-bottom: 1.5em; padding-left: 0 } .breadcrumb-list-item { margin-top: .25rem; margin-right: .5rem; margin-bottom: .25rem; float: left } .intro-text-style { font-size: 1.1875em; line-height: 1.5em } /* .w-nav-link { display: flex; height: 44px; max-width: 100px; margin-right: 0; padding: .8rem 3.5rem; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 auto; background-color: transparent; color: #525f94; font-size: .85rem; line-height: 1.375em; font-weight: 600; text-align: center } .w-nav-link:hover { background-color: rgba(32, 108, 119, .25) } .w-nav-link.w--current { padding: .75rem 1.15rem .6rem; border-bottom: 2px solid #3aa1af; background-color: #f0f5f6; box-shadow: inset 1px 0 0 0 #fff, inset -1px 0 0 0 #fff; color: #00214b; font-size: .85rem; font-weight: 600 } .w-nav-link.w--current:hover { border-bottom-color: #3aa1af; background-color: #ebf2f3; box-shadow: none } */ .breadcrumb-divider { margin-left: .5rem; float: right } .two-part-button-wrap { position: relative; display: block; max-width: 768px; margin-right: auto; margin-left: auto } /* .button { display: inline-block; margin-top: .5rem; margin-right: .5rem; margin-bottom: .5rem; padding: .5rem 1.5rem; border: 1px solid #fecb0a; background-color: #fecb0a; transition: all .3s ease; color: #333; font-size: .85rem; font-weight: 600; text-align: center; letter-spacing: .05rem; text-decoration: none; text-transform: uppercase } .button:hover { border-color: #666; background-color: #666; color: #fff } */ /* .button.tertiary { padding-right: 1rem; padding-left: 1rem; border-width: 2px; border-color: #fecb0a; background-color: #fff; color: #333; font-size: .85rem; line-height: 1.5em } .button.tertiary:hover { border-color: hsla(194.1322314049587, 0%, 72%, .5); background-color: #fff; color: #666 } .button.secondary { border-color: #b5b5b5; background-color: #b5b5b5 } .button.secondary:hover { border-color: #fecb0a; background-color: #fecb0a; color: #333 } */ .inside-page-header-content-wrap { margin-bottom: 1.5rem; padding-bottom: .5em; border-bottom: 1px solid rgba(0, 0, 0, .15) } .link-3 { border-bottom: 1px solid rgba(0, 185, 242, .25); color: #0054a6; font-size: 1rem; text-decoration: none } .link-3:hover { border-bottom-style: solid; border-bottom-color: transparent; color: #00b9f2 } .link-3.w--current { color: #28313b; font-weight: 700 } .link-3.h4-link { border-bottom-width: 2px; border-bottom-color: hsla(194.1322314049587, 0%, 72%, .5); color: #666; font-size: 1.25rem; line-height: 1.775rem } .link-3.h4-link:hover { color: #333 } .link-3.h6-link { border-bottom-width: 2px; border-bottom-color: hsla(194.1322314049587, 0%, 72%, .5); color: #666; font-size: .8125rem; line-height: 1.25rem } .link-3.h6-link:hover { color: #333 } .link-3.h5-link { border-bottom-width: 2px; border-bottom-color: hsla(194.1322314049587, 0%, 72%, .5); color: #666 } .link-3.h5-link:hover { color: #333 } .link-3.breadcrumb-link { border-bottom-color: hsla(194.1322314049587, 0%, 72%, .5); color: #8b8b8b; font-size: .6875rem; line-height: .6874rem } .link-3.breadcrumb-link:hover { border-bottom-color: transparent } .link-3.h3-link { border-bottom-width: 2px; border-bottom-color: hsla(194.1322314049587, 0%, 72%, .5); color: #666; font-size: 1.5rem; line-height: 1.975rem } .link-3.h3-link:hover { color: #333 } .link-3.h1-link { border-bottom-width: 2px; border-bottom-color: hsla(194.1322314049587, 0%, 72%, .5); color: #666; font-size: 2.25rem; line-height: 2.9rem; text-decoration: none } .link-3.h1-link:hover { color: #333 } .link-3.h2-link { border-bottom-width: 2px; border-bottom-color: hsla(194.1322314049587, 0%, 72%, .5); color: #666; font-size: 1.875rem; line-height: 2.175rem; text-decoration: none } .link-3.h2-link:hover { color: #333 } .left-nav-column-div { padding-left: 0 } .heading { color: #666 } .sidebar-section-title { margin-top: 0; margin-bottom: .75rem; font-size: 1.25rem; line-height: 1.775rem; text-transform: none } .main-content-container { display: block; max-width: 1550px; margin-right: auto; margin-left: auto } .main-content-container.left-right { max-width: 1550px; padding-right: 2rem; padding-left: 2rem } .left-nav-list-link-2 { display: block; padding: .75em 1.5rem .75em .9rem; border-bottom: 1px solid rgba(0, 99, 183, .08); background-image: url(../images/nav-arrow_white-01.svg); background-position: 0 50%; background-size: 11px 11px; background-repeat: no-repeat; color: #1b2f33; font-weight: 600 } .left-nav-list-link-2:hover { background-image: url(../images/nav-arrow_blue-01.svg); background-position: 0 50%; background-size: 11px 11px; background-repeat: no-repeat; color: #00b9f2 } .left-nav-list-link-2.w--current { background-image: url(../images/nav-arrow_blue-01.svg); background-size: 11px 11px; color: #0054a6 } .left-nav-list-link-2.section-title { border-bottom-style: none; background-color: #0063b7; background-image: none; background-size: auto; background-repeat: repeat; color: #fff; font-size: 1.25rem; line-height: 1em; text-transform: uppercase } .sidebar-list-item { margin-bottom: .75em; padding-left: 0 } .inside-content-beckground-2 { display: block; max-width: 1300px; margin-right: auto; margin-left: auto; padding-top: 3rem; padding-bottom: 4rem; border-top: 4px solid #00b9f2; background-color: #fff } .block-quote-2 { border-left-color: #00b9f2; background-color: #f8f8f8; color: #0054a6; font-size: 1.15rem; line-height: 1.85rem; font-weight: 600 } .left-nav-nested-list-link-2 { display: block; padding: .75em 1.5rem .75em 1.75rem; border-bottom: 1px solid rgba(0, 99, 183, .08); background-image: url(../images/nav-arrow_white-01.svg); background-position: 12px 50%; background-size: 11px 11px; background-repeat: no-repeat; color: #1b2f33; font-size: .8125em; line-height: 1.375em; font-weight: 600 } .left-nav-nested-list-link-2:hover { background-image: url(../images/nav-arrow_blue-01.svg); background-position: 12px 50%; background-size: 11px 11px; color: #00b9f2 } .left-nav-nested-list-link-2.w--current { background-color: #fff; background-image: url(../images/nav-arrow_blue-01.svg); background-size: 11px 11px; color: #0054a6 } .left-nav-nested-list-link-2.great-grandchild { padding-left: 2.5rem; background-position: 24px 50% } .left-nav-nested-list-link-2.great-grandchild:hover { color: #00b9f2 } .sidebar-section-wrap { position: relative; margin-bottom: 2.441em; margin-left: 1em; border-top: 1px none rgba(0, 0, 0, .15); font-size: .875rem; line-height: 1.5em } .sidebar-list { padding-left: 0 } .button-2 { display: inline-block; margin-top: .5rem; margin-right: .5rem; margin-bottom: .5rem; padding: .5rem 1.5rem; border: 1px solid #00b9f2; background-color: #00b9f2; transition: all .3s ease; color: #fff; font-size: .85rem; font-weight: 600; text-align: center; letter-spacing: .05rem; text-decoration: none; text-transform: uppercase } .button-2:hover { border-color: rgba(0, 84, 166, .15); background-color: #fff; color: #0054a6 } .button-2.tertiary { padding-right: 1rem; padding-left: 1rem; border-width: 2px; border-color: rgba(0, 84, 166, .15); background-color: #fff; color: #00b9f2; font-size: .85rem; line-height: 1.5em } .button-2.tertiary:hover { border-color: transparent; background-color: #004180; color: #b2edff } .button-2.secondary { border-color: #0054a6; background-color: #0054a6 } .button-2.secondary:hover { border-color: rgba(0, 84, 166, .15); background-color: #fff } .link-4 { border-bottom: 1px solid rgba(0, 185, 242, .25); color: #0054a6; font-size: 1rem; text-decoration: none } .link-4:hover { border-bottom-style: solid; border-bottom-color: transparent; color: #00b9f2 } .link-4.w--current { color: #28313b; font-weight: 700 } .link-4.h4-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: 1.25rem; line-height: 1.775rem } .link-4.h4-link:hover { color: #0054a6 } .link-4.h6-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: .8125rem; line-height: 1.25rem } .link-4.h6-link:hover { color: #0054a6 } .link-4.h5-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2 } .link-4.h5-link:hover { color: #0054a6 } .link-4.breadcrumb-link { color: #799165; font-size: .6875rem; line-height: .6874rem } .link-4.h3-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: 1.5rem; line-height: 1.975rem } .link-4.h3-link:hover { color: #0054a6 } .link-4.h1-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: 2.25rem; line-height: 2.9rem } .link-4.h1-link:hover { border-bottom-color: rgba(140, 205, 214, .5); color: #0054a6 } .link-4.h2-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: 1.875rem; line-height: 2.175rem } .link-4.h2-link:hover { color: #0054a6 } .container-3 { display: block; max-width: 1100px; margin-right: auto; margin-left: auto } .container-3.inside-right { max-width: 1550px; padding-right: 2rem; padding-left: 2rem } .link-5 { border-bottom: 1px solid rgba(0, 185, 242, .25); color: #0054a6; font-size: 1rem } .link-5:hover { border-bottom-style: solid; border-bottom-color: transparent; color: #00b9f2 } .link-5.w--current { color: #28313b; font-weight: 700 } .link-5.h4-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: 1.25rem; line-height: 1.775rem } .link-5.h4-link:hover { color: #0054a6 } .link-5.h6-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: .8125rem; line-height: 1.25rem } .link-5.h6-link:hover { color: #0054a6 } .link-5.h5-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2 } .link-5.h5-link:hover { color: #0054a6 } .link-5.breadcrumb-link { color: #799165; font-size: .6875rem; line-height: .6874rem } .link-5.h3-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: 1.5rem; line-height: 1.975rem } .link-5.h3-link:hover { color: #0054a6 } .link-5.h1-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: 2.25rem; line-height: 2.9rem } .link-5.h1-link:hover { border-bottom-color: rgba(140, 205, 214, .5); color: #0054a6 } .link-5.h2-link { border-bottom-width: 2px; border-bottom-color: rgba(0, 185, 242, .15); color: #00b9f2; font-size: 1.875rem; line-height: 2.175rem } .link-5.h2-link:hover { color: #0054a6 } .inside-page-content-wrap-no-sidebars { margin-right: 3%; margin-left: 3% } .form-wrap { margin-bottom: 0 } .form-field { position: relative; width: auto; margin-bottom: .75rem; padding: 4px 10px; font-size: .875rem } .form-success { margin-top: 20px; margin-bottom: 20px; padding: 20px; background-color: #079429; color: #fff } .form-error { margin-top: 20px; margin-bottom: 20px; padding: 20px; background-color: #c23737; color: #fff } .level-1-title-div { display: flex; padding-bottom: 0; flex-direction: column; justify-content: center; align-items: flex-start } .category-wrapper { display: flex; padding-top: 1rem; padding-bottom: 3.5rem; justify-content: center; flex-wrap: wrap; border-bottom: 1px solid hsla(194.1322314049587, 0%, 72%, .5) } .tag-div { display: flex; padding: .6rem; flex-wrap: wrap; border-right: 1px solid hsla(194.1322314049587, 0%, 72%, .5); border-bottom: 1px solid hsla(194.1322314049587, 0%, 72%, .5); border-left: 1px solid hsla(194.1322314049587, 0%, 72%, .5) } .category-div-wrapper { width: 23%; margin-right: 1%; margin-bottom: 1rem; margin-left: 1% } .tag-link { padding-right: .5rem; padding-bottom: .25rem; color: #333; font-size: .85rem; line-height: 1rem } .tag-link:hover { color: #666; text-decoration: none } .search-wrapper { display: flex; align-items: flex-start } .area-min-input { width: 45%; height: 100%; min-width: 95px; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; border-radius: .5rem; font-size: .825rem; line-height: 1.25rem } .property-type-list-div-10 { width: 100%; padding-top: .5rem; padding-bottom: .5rem; background-color: #fff; background-image: linear-gradient(270deg, hsla(0, 0%, 85%, .08), #fff) } .property-type-list-div-10.area { padding: .75rem 1rem .5rem } .property-type-list-div-10.brand-subtype { overflow: auto; height: 240px; margin-bottom: .5rem; background-image: none } .property-type-list-div-10.price-range { padding: .75rem 1rem .5rem } .property-type-list-div-10.property-id { padding: .75rem 1rem } .property-type-list-div-10.technology { padding-left: 1rem } .property-type-list-div-10.pool { display: flex } .property-type-list-div-10.size { padding-left: 1rem } .property-type-list-div-10.color { padding-left: 1rem } .property-type-list-div-10.size-subtype { overflow: auto; height: 240px; margin-bottom: .5rem; background-image: none } .vertical-search-form { width: 25%; margin-bottom: 0 } .area-maximum-input { width: 45%; height: 100%; min-width: 95px; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; border-radius: .5rem } .money-slider-symbol { display: none; font-size: .6rem } .vertical-search-checkbox { margin-top: 0; margin-left: 0; background-color: #fff } .clear-all-link { display: flex; width: 100%; padding: .5rem 1rem; justify-content: center; align-items: center; border: 2px solid #00a583; background-color: transparent; color: #009770; font-weight: 600 } .clear-all-link:hover { border-color: #666; background-color: #666; color: #fff } .single-field { display: flex; margin-bottom: 0; padding-top: .25rem; padding-bottom: .25rem; padding-left: 1rem; align-items: center } .single-field.third { padding-top: .1rem; padding-bottom: .1rem; font-size: .825rem; line-height: 1.25rem } .single-field.property { padding-top: .1rem; padding-bottom: .1rem; font-size: .825rem; line-height: 1.25rem } .single-field.name { padding-top: .15rem; padding-bottom: .15rem; font-size: .825rem; line-height: 1.25rem } .single-field.half { padding-top: .1rem; padding-bottom: .1rem; padding-left: 0; font-size: .825rem; line-height: 1.25rem } .vertical-search-form-div { width: 100% } .dash-text-div { display: flex; height: 32px; padding-right: .25rem; padding-left: .25rem; justify-content: center; align-items: center; font-size: 1.5rem } .div-line-sections { width: 20%; height: 10px; border-right: 1px solid rgba(96, 96, 96, .45); border-left: 1px solid rgba(96, 96, 96, .45) } .div-line-sections.last { border-right-style: none } .div-line-sections.first { border-left-style: none } .div-line-sections.first.colored { height: 10px; background-color: #e2d287 } .div-line-sections.first.colored.inside { background-color: rgba(0, 168, 228, .5) } .div-line-sections.colored { height: 10px; background-color: #e2d287 } .div-line-sections.colored.inside { background-color: rgba(0, 168, 228, .5) } .single-text-field { width: 100%; height: 100%; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; border-radius: .5rem; font-size: .825rem; line-height: 1.25rem } .euro-min-and-max-div { display: flex; width: 100%; justify-content: space-between } .euro-min-and-max-div.inside.vertical-search { padding-top: .25rem } .area-symbol-heading { margin-bottom: .25rem; align-self: flex-start; color: #0c366c; font-size: .8rem; line-height: 1rem; font-weight: 400 } .euro-symbol-heading { margin-bottom: .25rem; align-self: flex-start; color: #0c366c; font-size: .8rem; line-height: 1rem; font-weight: 400 } .clear-all-div { display: none; width: 100%; padding-right: 0; padding-bottom: .5rem; padding-left: 0; justify-content: center; flex-wrap: nowrap; align-items: center } .radio-search-button { margin-top: 0; margin-left: 0 } .min-div { width: 16px; height: 16px; border-radius: .25rem; background-color: #747474 } .min-div._2 { display: flex; width: 25px; height: 25px; justify-content: center; align-items: center; flex: 0 0 auto; border-radius: 2.25rem; background-color: #325b8f } .min-div._2.inside { background-color: #0057a5 } .line-wrapper { display: flex; width: 100%; padding-top: .25rem; align-items: center; color: #fff; font-size: .5rem; line-height: 1rem; text-align: center } .search-filter-title { width: 100%; height: 51px; padding: .35rem 1rem .35rem 0; color: #666; font-size: 1.46rem; line-height: 2.5rem; font-weight: 600 } .min-and-max-vertical-search-div { display: flex; padding-bottom: .35rem; justify-content: space-between } .price-min-input { width: 45%; height: 100%; min-width: 95px; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; border-radius: .5rem; font-size: .825rem; line-height: 1.25rem } .max-div { width: 16px; height: 16px; border-radius: .25rem; background-color: #747474 } .max-div._2 { display: flex; width: 25px; height: 25px; justify-content: center; align-items: center; flex: 0 0 auto; border-radius: 2.25rem; background-color: #325b8f } .max-div._2.inside { background-color: #0057a5 } .search-heading-div { display: flex; padding-top: 0; flex-direction: column; flex-wrap: wrap } .slider-end-line { width: 2px; height: 45%; margin-right: 2px; margin-left: 2px; background-color: hsla(0, 0%, 100%, .7) } .single-radio-field-div { display: flex; width: 50%; padding-left: 1rem; align-items: center; font-size: .825rem; line-height: 1.25rem } .search-link { display: flex; width: 100%; padding: .5rem 1rem; justify-content: center; align-items: center; border: 2px solid #009770; background-color: #009770; color: #fff; font-weight: 600 } .search-link:hover { border-color: #666; background-color: #666; background-image: none; color: #fff } .property-type-field-label { margin-bottom: 0; padding-right: .5rem; padding-left: .5rem } .radio-field-label { margin-bottom: 0; padding-right: .5rem; padding-left: .5rem } .line-div { display: flex; width: 100%; height: 10px; justify-content: space-between; align-items: center; background-color: rgba(96, 96, 96, .2) } .label-section-title { display: flex; width: 100%; margin-bottom: 0; padding: .45rem 1rem; border-left: 4px solid #fecb0a; background-color: hsla(0, 0%, 85%, .49); background-image: url(../images/search-icons-minus-grey.svg); background-position: 95% 50%; background-size: 15px 15px; background-repeat: no-repeat; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05), inset 0 1px 0 0 rgba(0, 0, 0, .05); transition: all 350ms ease; color: #333; font-weight: 400; text-decoration: none } .label-section-title:hover { display: block; background-color: #fecb0a; background-image: url(../images/search-icons-minus.svg); background-position: 95% 50%; background-size: 15px; background-repeat: no-repeat } .label-section-title:active { background-image: url(../images/search-icons-plus-grey.svg); background-position: 95% 50%; background-size: 15px 15px; background-repeat: no-repeat } .label-section-title:focus { background-image: url(../images/search-icons-plus-grey.svg); background-position: 95% 50%; background-size: 15px 15px; background-repeat: no-repeat; background-attachment: scroll } .label-section-title:visited { background-image: url(../images/search-icons-minus-grey.svg); background-position: 95% 50%; background-size: 15px 15px; background-repeat: no-repeat } .price-max-input { width: 45%; height: 100%; min-width: 95px; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; border-radius: .5rem; font-size: .825rem; line-height: 1.25rem } .search-card-wrapper { display: flex; width: 75%; padding-right: 0; padding-left: 1rem; flex-wrap: wrap } .property-spotlight-wrapper-level-3 { position: relative; z-index: 1; display: flex; width: 100%; height: 100%; margin-right: 0; margin-bottom: 1rem; margin-left: 0; flex-direction: row; justify-content: space-between; align-items: stretch; border-style: solid none none; border-width: 1px; border-color: #dadada } .top-filtering-div { display: flex; width: 100%; height: 51px; margin-top: 0; margin-right: 0; margin-left: .35rem; justify-content: space-between; align-items: center } .trio-card-div { display: flex; width: 100%; margin-bottom: 0; flex-direction: column; justify-content: center; align-items: stretch } .trio-card-div.ae-listview { padding-left: 4px } .filter-options-dropdown { z-index: 1; height: 51px } .dropdown-toggle-2 { display: flex; height: 51px; padding-top: 0; padding-bottom: 0; padding-left: 0; align-items: center } .search-filter-text { position: static; z-index: 1; color: #333 } .search-filter-text:hover { color: #666 } .side-filter-buttons { display: flex; justify-content: flex-start; flex-wrap: wrap; flex: 1 } .side-filter-buttons.clearall { padding-right: 10px; justify-content: flex-end } .filter-products-link { display: flex; margin-left: 0; float: none; border-bottom: 1px solid #fecb0a; transition: all 450ms ease; color: #333; text-decoration: none } .filter-products-link:hover { border-bottom-color: #bebebe } .property-type-list-div-brand { width: 100%; padding-top: .5rem; padding-bottom: .5rem; background-color: #fff; background-image: linear-gradient(270deg, hsla(0, 0%, 85%, .08), #fff) } .property-type-list-div-brand.area { padding: .75rem 1rem .5rem } .property-type-list-div-brand.brand-subtype { overflow: auto; height: 240px; margin-bottom: .5rem; background-image: none } .property-type-list-div-brand.price-range { padding: .75rem 1rem .5rem } .property-type-list-div-brand.property-id { padding: .75rem 1rem } .property-type-list-div-brand.technology { padding-left: 1rem } .property-type-list-div-brand.pool { display: flex } .property-type-list-div-brand.size { padding-left: 1rem } .property-type-list-div-brand.color { padding-left: 1rem } .property-type-list-div-brand.size-subtype { overflow: auto; height: 240px; margin-bottom: .5rem; background-image: none } .property-type-list-div-size { width: 100%; padding-top: .5rem; padding-bottom: .5rem; background-color: #fff; background-image: linear-gradient(270deg, hsla(0, 0%, 85%, .08), #fff) } .property-type-list-div-size.area { padding: .75rem 1rem .5rem } .property-type-list-div-size.brand-subtype { overflow: auto; height: 240px; margin-bottom: .5rem; background-image: none } .property-type-list-div-size.price-range { padding: .75rem 1rem .5rem } .property-type-list-div-size.property-id { padding: .75rem 1rem } .property-type-list-div-size.technology { padding-left: 1rem } .property-type-list-div-size.pool { display: flex } .property-type-list-div-size.size { padding-left: 1rem } .property-type-list-div-size.color { padding-left: 1rem } .property-type-list-div-size.size-subtype { overflow: auto; height: 180px; margin-bottom: .5rem; background-image: none } .property-type-list-div-size.size-subtype { overflow: auto; height: 180px; margin-bottom: .5rem; background-image: none } .property-type-list-div-tech { width: 100%; padding-top: .5rem; padding-bottom: .5rem; background-color: #fff; background-image: linear-gradient(270deg, hsla(0, 0%, 85%, .08), #fff) } .property-type-list-div-tech.area { padding: .75rem 1rem .5rem } .property-type-list-div-tech.brand-subtype { overflow: auto; height: 240px; margin-bottom: .5rem; background-image: none } .property-type-list-div-tech.price-range { padding: .75rem 1rem .5rem } .property-type-list-div-tech.property-id { padding: .75rem 1rem } .property-type-list-div-tech.technology { padding-left: 1rem } .property-type-list-div-tech.pool { display: flex } .property-type-list-div-tech.size { padding-left: 1rem } .property-type-list-div-tech.color { padding-left: 1rem } .property-type-list-div-tech.size-subtype { overflow: auto; height: 240px; margin-bottom: .5rem; background-image: none } .property-type-list-div-color { width: 100%; padding-top: .5rem; padding-bottom: .5rem; background-color: #fff; background-image: linear-gradient(270deg, hsla(0, 0%, 85%, .08), #fff) } .property-type-list-div-color.area { padding: .75rem 1rem .5rem } .property-type-list-div-color.brand-subtype { overflow: auto; height: 240px; margin-bottom: .5rem; background-image: none } .property-type-list-div-color.price-range { padding: .75rem 1rem .5rem } .property-type-list-div-color.property-id { padding: .75rem 1rem } .property-type-list-div-color.technology { padding-left: 1rem } .property-type-list-div-color.pool { display: flex } .property-type-list-div-color.size { padding-left: 1rem } .property-type-list-div-color.color { padding-left: 1rem } .property-type-list-div-color.size-subtype { overflow: auto; height: 240px; margin-bottom: .5rem; background-image: none } .icon-4 { position: absolute; z-index: 1 } .hidden-desktop-tablet-nav-link { display: none } #products_module.responsive.cms_entity .product-title { margin-bottom: 1.5rem; padding-top: 0; font-size: 1.8rem; line-height: 2.15rem; font-weight: 500; margin-top: 0; margin-left: -10px; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, .15) } .product-details-wrapper { display: flex } .product-slider-column { width: 50%; padding-right: 1vw } .product-details-title { font-size: 2rem; line-height: 2.15rem; font-weight: 500 } .product-details-column { width: 50%; padding-right: 0; padding-left: 1vw } .mini-view-wrapper { display: flex; padding-top: 1rem; padding-bottom: 1rem; justify-content: space-between } .mini-view-image { width: 200px; height: 200px; min-width: 25%; border-style: solid; border-width: 1px; border-color: hsla(194.1322314049587, 0%, 72%, .5); background-image: url(../images/product-1_700x428_1.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat } .product-details-slider { height: 500px } .product-details-slide-1 { background-color: #fff; background-image: url(../images/product-1_700x428.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat } .product-details-arrow { width: 3rem; color: #bebebe } .product-deails-slide-nav { display: none; padding-top: 1rem; background-color: hsla(0, 0%, 100%, .85); font-size: .65rem } .product-description-div { margin-bottom: 1.5rem } .product-code-product-details { display: flex; width: 100%; padding-top: 0; padding-bottom: 0; justify-content: flex-start; align-items: center; color: rgba(96, 96, 96, .5); font-size: .75rem } .product-details-desc-text { font-size: .9rem; line-height: 1.35rem } .product-specs-div { display: flex; flex-direction: column } .top-icon-mobile-div { top: 0; right: 0; z-index: 10000; display: none; width: 100%; margin-top: 0; justify-content: flex-end; align-items: center } .cart-amounts-div { position: relative; left: -1.25rem; display: flex; padding: .35rem .25rem; justify-content: center; align-items: center; color: #333; font-size: .8rem; line-height: .8rem; font-weight: 700 } .text-cart-button-div { position: relative; display: flex; flex-direction: column; align-items: center } .product-details-specs { width: 50% } .product-detail-spec-label { overflow: visible; width: auto; padding-top: .25rem; padding-bottom: .25rem; border-bottom: 1px solid hsla(194.1322314049587, 0%, 72%, .5); font-size: .85rem; font-weight: 700 } .product-details-specs-numbers { width: 50% } .product-detail-spec-label-numbers { padding-top: .25rem; padding-bottom: .25rem; border-bottom: 1px solid hsla(194.1322314049587, 0%, 72%, .5); font-size: .85rem; font-weight: 400 } .product-details-card-price-div { width: 40% } .product-details-spec-column { display: flex; width: 50%; min-width: 50% } .product-details-spec-column._2 { padding-left: .5rem } .product-details-spec-column._1 { width: 100%; margin-bottom: 1.5rem } .product-spec-column-wrapper { display: flex } .product-details-slider-arrow { font-size: 1.75rem } .tab-link-tab-1 { background-color: hsla(194.1322314049587, 0%, 72%, .5) } .tab-link-tab-1.w--current { padding-right: 1rem; padding-left: 1rem; border-style: solid solid none; border-width: 1px; border-color: hsla(194.1322314049587, 0%, 72%, .5); background-color: #fff } .tab-link-inactive { padding-right: 1rem; padding-left: 1rem; border-style: solid solid none none; border-width: 1px; border-color: hsla(194.1322314049587, 0%, 72%, .5); background-color: #f1f1f1 } .tab-content-wrapper { border-style: solid; border-width: 1px; border-color: hsla(194.1322314049587, 0%, 72%, .5); background-color: #fff } .tab-spec-list-item { display: flex; padding: .25rem 1rem; justify-content: space-between; border-bottom: 1px solid hsla(194.1322314049587, 0%, 72%, .5); font-size: .85rem; font-weight: 700 } .out-of-stock-spec-text { color: #b5b5b5; text-transform: uppercase } .in-stock-spec-text { color: #72a752; text-transform: uppercase } .please-call-spec-text { display: flex; padding-left: 1.25rem; align-items: center; background-image: url(../images/homepage-icons-phone.svg); background-position: 0 50%; background-size: 15px 15px; background-repeat: no-repeat; color: #666; text-transform: uppercase } .basket-amounts-div-2 { position: relative; left: -1.25rem; display: flex; padding: .35rem .25rem; justify-content: center; align-items: center; color: #333; font-size: .8rem; line-height: .8rem; font-weight: 700 } .nav-item-with-icon { display: none } .mobile-icon-text-holder { display: none } .mobile-icon-holder { display: none } .basket-amounts-div-3 { position: relative; left: -1.25rem; display: flex; padding: .35rem .25rem; justify-content: center; align-items: center; color: #333; font-size: .8rem; line-height: .8rem; font-weight: 700 } .icon-search-2-column-wrap-2 { display: block; width: 58%; justify-content: flex-end } .hidden-register-button-div-2 { position: relative; display: flex; flex-direction: column; align-items: center } .telephone-number-2 { padding-right: .5rem; color: #333; font-size: .85rem } .account-link-2 { padding: .25rem .75rem; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 75%, .5); background-color: #f1f1f1; transition: all 450ms ease; font-size: .8rem; line-height: 1.05rem } .account-link-2:hover { background-color: #fff } .account-link-2.top { padding: .25rem .75rem; border-bottom-style: none; line-height: 1.15rem } .mobile-menu-arrow-2 { display: none } .icon-search-2-column-wrap-3 { display: flex; width: 58%; justify-content: flex-end } .top-half-div-2 { display: flex; width: 100%; max-width: 1600px; padding: 1rem 0; justify-content: space-between; align-items: center } .main-nav-link-2 { position: relative; display: flex; height: 100%; margin-right: 1px; margin-left: 1px; padding: .6rem .25rem; justify-content: center; align-items: center; transition: all .3s ease; color: #000; font-size: .8rem; line-height: 1rem; font-weight: 700; text-align: center; letter-spacing: .01rem; text-decoration: none; text-transform: uppercase } .main-nav-link-2:hover { background-color: #333; color: #fff } .main-nav-link-2.w--current { border-color: #e77c25 } .main-nav-link-2.mobile-duplicate { display: none } .main-nav-link-2.hidden { display: none } .main-nav-link-2.full { width: 100%; margin-right: 0; margin-left: 0; font-size: .75rem } .main-nav-link-2.full { display: flex; width: 100%; margin-right: 0; margin-left: 0; font-size: .75rem } .main-nav-link-2.full.withicon { display: none } .main-nav-link-2.mobile-duplicate { display: none } .navbar-2 { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff } .search-column-2 { display: flex; width: 58%; justify-content: flex-start; align-items: center; align-self: center; flex: 0 auto } .search-bar-form-2 { display: flex; width: 315px; margin-bottom: 0; padding-right: .5rem } .nav-menu-2 { z-index: 2; display: block; width: 100%; height: 3.25rem; float: right; background-color: #fecb0a; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, .12); color: #fff } .search-link-icon-mobile-2 { display: none; width: 40px; height: 40px; min-height: 40px; min-width: 40px; background-image: url(../images/search-icons-02.svg); background-position: 50% 50%; background-size: 25px 25px; background-repeat: no-repeat; transition: all 450ms ease } .search-link-icon-mobile-2:hover { background-color: #f1f1f1; background-image: url(../images/search-icons-01.svg) } .dropdown-link-3 { display: block; width: 100%; padding: .1rem .5rem .1rem .75rem; border-bottom: 1px none rgba(0, 0, 0, .2); transition: all .2s ease; color: #666; font-size: .8rem; line-height: 1.3rem; font-weight: 400; text-decoration: none; text-transform: none } .dropdown-link-3:hover { background-color: hsla(0, 0%, 100%, .7); color: #000 } .dropdown-link-3.w--current { background-color: hsla(0, 0%, 100%, .7); box-shadow: inset 4px 0 0 0 #e77c25; color: #1f304f } .dropdown-link-3.subcategory { font-weight: 700; text-transform: none } .search-input-hidden-2 { display: block; width: 100%; margin-bottom: 0; margin-left: .25rem; padding-left: 0; border-style: none none solid; border-width: 1px; border-color: #fff #fff #bebebe; opacity: 1; transition: all 450ms ease } .search-input-hidden-2:focus { border-bottom-color: #fecb0a; color: #000 } .brand-column-2 { display: flex; width: 34%; justify-content: flex-start } .plus-sign { display: block; background-image: url(../images/search-icons-plus-grey.svg), url(../images/search-icons-minus-grey.svg); background-position: 95% 50%, 95% 50%; background-size: 18px, 15px 15px; background-repeat: no-repeat, no-repeat } .search-heading-div-2 { display: flex; padding-top: 0; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: stretch } .search-filter-title-2 { width: 70%; height: 51px; padding: .35rem 1rem .35rem 0; flex: 0 auto; color: #666; font-size: 1.46rem; line-height: 2.5rem; font-weight: 600 } .label-section-title-2 { display: flex; width: 100%; margin-bottom: 0; padding: .45rem 1rem; border-left: 4px solid #fecb0a; background-color: hsla(0, 0%, 85%, .49); background-image: url(../images/search-icons-minus-grey.svg); background-position: 95% 50%; background-size: 15px 15px; background-repeat: no-repeat; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05), inset 0 1px 0 0 rgba(0, 0, 0, .05); transition: all 350ms ease; color: #333; font-weight: 400; text-decoration: none } .label-section-title-2:hover { background-color: #fecb0a; background-image: url(../images/search-icons-minus.svg); background-size: 15px } .label-section-title-2.plus-sign { display: none; background-image: url(../images/search-icons-plus-grey.svg), url(../images/search-icons-minus-grey.svg); background-position: 95% 50%, 95% 50%; background-size: 15px 15px, 15px 15px; background-repeat: no-repeat, no-repeat } .label-section-title-2.plus-sign:hover { background-image: url(../images/search-icons-plus-white.svg), url(../images/search-icons-minus-grey.svg); background-position: 95% 50%, 95% 50%; background-size: 15px 15px, 15px 15px; background-repeat: no-repeat, no-repeat } .div-block-4 { align-self: flex-end } .button-3 { align-self: flex-start } .div-block-5 { flex: 1 } .div-block-6 { display: none } .language-dropdown-link-2 { padding: .25rem .75rem .25rem 2.5rem; border: 1px solid #f1f1f1; background-color: #f1f1f1; background-image: url(../images/flags-homepage-icons-44.svg); background-position: 8px 50%; background-size: 24px 24px; background-repeat: no-repeat; transition: all 450ms ease; font-size: .7rem; font-weight: 500 } .language-dropdown-link-2:hover { background-color: #fff } .language-dropdown-link-2._1 { background-image: url(../images/flags-homepage-icons-43.svg) } .language-dropdown-link-2._2 { background-image: url(../images/flags-homepage-icons-45.svg) } .top-nav-link-2 { display: block; margin-bottom: 1px; padding: .5rem .75rem .5rem 2rem; background-image: url(../images/stores-dk.svg); background-position: 0 50%; background-size: 18px 18px; background-repeat: no-repeat; color: #333; font-size: .75rem; line-height: .75rem; font-weight: 700; letter-spacing: .01px; text-decoration: none; text-transform: uppercase } .top-nav-link-2.language { display: none; padding-right: .5rem; padding-left: .5rem; background-image: none; font-size: .7rem } .dropdown-list-2 { position: absolute; z-index: 1; display: none } .dropdown-list-2.w--open { right: 7px } .dropdown-list-3 { z-index: 1 } .pagination-div { display: flex; width: 100%; padding-top: 1.5rem; padding-bottom: .5rem; flex-direction: row; justify-content: space-between; align-items: center; flex: 1 } .previous-div { order: -1 } .center-div { display: flex; align-items: center } .previous-link-text-inactive { color: #909090; font-size: .85rem } .pagination-page-link { display: flex; width: 30px; height: 30px; margin-right: .25rem; margin-left: .25rem; justify-content: center; align-items: center; border: 1px solid #ebebeb; background-color: hsla(0, 0%, 100%, .85); transition: all 450ms ease; color: #0c366c; font-weight: 700 } .pagination-page-link:hover { background-color: #fff; text-decoration: none } .pagination-page-link.w--current { background-color: #288ab1; color: #fff } .dot-dot-dot { display: flex; width: 30px; height: 30px; padding-left: 10px; justify-content: center; align-items: flex-end; color: #686868; font-weight: 700; text-align: center; letter-spacing: .2rem } .next-div { order: 1 } .next-link-text { transition: all 450ms ease; color: #1c5ba2 } .next-link-text:hover { color: #000 } .view-type-block { display: inline-block; margin-top: 0; margin-bottom: 0; float: left } .view-type { width: 30px; height: 30px; min-width: 0; margin-left: 10px; float: left; border: 1px solid #516370; opacity: 1; color: #516370; font-size: .8em; text-align: center; text-decoration: none } .view-type:hover { opacity: .8 } .view-type.grid-view { width: 20px; height: 20px; margin-top: 4px; margin-left: 0; border-style: none; background-image: url(../images/icon_gridview_blk.svg); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; opacity: .6 } .view-type.list-view { width: 20px; height: 20px; margin-top: 4px; margin-left: 5px; padding-top: 0; float: left; border-style: none; background-image: url(../images/icon_listview_blk.svg); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; opacity: .6 } .view-type.list-view { margin-top: 0; background-image: url(../images/icon_listview_blk.svg); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; opacity: 1 } .view-type.list-view:hover { opacity: 1 } .view-type.list-view.on-list { opacity: 1 } .view-type.list-view.on-grid-view-list-icon { opacity: .6 } .view-type.grid-view { margin-top: 0; background-image: url(../images/icon_gridview_blk.svg); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; opacity: .6 } .view-type.grid-view:hover { width: 20px; opacity: .6 } .view-type.grid-view.on-list-page { opacity: .6 } .view-type.grid-view.on-list-page:hover { opacity: 1 } .view-type.grid-view.on-grid-view { opacity: 1 } .pagination-form-wrapper { margin-bottom: 0 } .pagination-block { margin-top: 0; margin-bottom: 0; float: right; order: 0 } .pagination-bar { display: flex; padding-right: 0; padding-left: 0; justify-content: space-between; flex-wrap: wrap; flex: 1; border-top: 1px none rgba(81, 99, 112, .29); border-radius: 1px } .show-per-page { display: inline-block } .page { display: inline-block } .pagination-dropdown { display: inline-block; width: 45px; height: 30px; margin-right: 5px; margin-bottom: 0; margin-left: 5px; padding: 4px 0 4px 4px; font-size: 12px } .pagination-dropdown.per-page-dropdown { margin-right: 0 } .page-block { display: inline-block; margin-right: 20px } .pagination-form { font-size: 12px } .view-type-block-2 { display: inline-block; margin-top: .5em; margin-bottom: .5em; float: left } .sort-dropdown { height: 30px; margin-right: 0; margin-bottom: 0; padding: 4px 8px; font-size: .65em; line-height: 1.5em; text-transform: uppercase } .sort-form-wrapper { position: static; left: 0; margin-top: 0; margin-right: .5rem; margin-bottom: .5em; float: left } .pagination-holder-list-view { display: block; margin-right: 0; margin-left: .35rem; padding-right: 0; padding-left: 0; justify-content: flex-start; flex: 1 } .pagination-holder-list-view.grid-view { padding-right: 0 } .add-to-cart-text-2 { display: flex; height: 100%; max-width: 92px; padding-right: .5rem; padding-left: .5rem; justify-content: center; align-items: center; background-image: none; background-size: auto; background-repeat: repeat; transition: all 450ms ease; color: #333; font-size: .75rem; line-height: 1rem; font-weight: 700; text-decoration: none } .add-to-cart-text-2:hover { background-image: none } .add-to-cart-text-2.pre-order { max-width: 101px; color: #333; text-align: center; text-transform: uppercase } .add-to-cart-text-2.add-to-cart { margin-right: 2.75rem; color: #333; font-weight: 700; text-align: center; text-transform: uppercase; max-width: 145px } #product-container .add-to-cart-text-2.add-to-cart { font-size: 1.2rem } .add-to-cart-text-2.pre-order-date { max-width: 101px; color: #333; font-weight: 400; text-align: center; text-transform: none } .register-drop-down-link-2 { display: flex; padding: .15rem .35rem; justify-content: center; align-items: center; border: 1px solid #dadada; background-color: #fff; transition: all .2s ease; font-size: .65rem; line-height: 1.1rem; text-transform: uppercase } .register-drop-down-link-2:hover { background-color: #f1f1f1 } .cart-icon-link-wrapper-3 { display: flex; width: 100%; height: 42px; justify-content: center; align-items: flex-end; background-color: #fff } .cart-icon-link-wrapper-3.grey { background-color: #fff } .add-to-cart-icon-3 { display: flex; width: 100%; height: 42px; justify-content: center; align-items: center; align-self: flex-end; flex: 0 auto; background-color: #fecb0a; background-image: url(../images/homepage-icons_triangle-LT-GREY-36.svg); background-position: 0 50%; background-size: contain; background-repeat: no-repeat; transition: all 450ms ease } .add-to-cart-icon-3:hover { width: 100%; background-color: #ddd } .add-to-cart-icon-3.with-text { background-image: url(../images/homepage-icons_triangle-LT-GREY-36.svg); background-position: 0 50%; background-size: contain; background-repeat: no-repeat; text-decoration: none } .add-to-cart-icon-3.with-text:hover { background-color: hsla(47.51999999999999, 100%, 44.33%, 1); box-shadow: none } #products_module.cms_list .new-present-div-2, .property-slider-outer-wrap-2 .new-present-div-2 { position: absolute; top: 230px; height: 45px; overflow: hidden; width: 100% } .trio-card-div-2 { display: flex; width: 100%; margin-bottom: 1rem } .property-spotlight-image-link-3 { width: 100%; height: 275px; margin-bottom: 0; border-bottom: 1px solid #dadada; background-image: url(../images/product-1_700x428_1.png); background-position: 50% 50%; background-size: 275px; background-repeat: no-repeat; transition: all .3s ease; text-decoration: none } .property-spotlight-image-link-3:hover { opacity: .85 } .property-spotlight-image-link-3._2 { height: 275px; margin-bottom: 0; border-bottom-style: solid; background-image: url(../images/product-2_700x448.png); background-position: 50% 50%; background-size: 275px; background-repeat: no-repeat; transition: all .4s ease } .property-spotlight-image-link-3._2:hover { opacity: .85 } .property-spotlight-image-link-3._3 { margin-bottom: 0; border-bottom-style: solid; background-image: url(../images/product-3_700x448.png); background-position: 50% 50%; background-size: 275px; background-repeat: no-repeat; transition: all .4s ease } .property-spotlight-image-link-3._3:hover { border-bottom-color: #dadada; opacity: .85 } .property-spotlight-image-link-3._4 { border-bottom-style: solid; background-image: url(../images/product-4_700x448.png); background-position: 50% 50%; background-size: 275px; background-repeat: no-repeat; transition: all .4s ease } .property-spotlight-image-link-3._4:hover { opacity: .85 } .property-spotlight-image-link-3 img.special-offer-icon { width: auto; max-width: 100px; display: block; height: auto } .property-spotlight-image-link-3 .special-offer-date, .product-details-slideshow-wrapper .special-offer-date { color: #606060; font-size: .8rem; background-color: #fff; padding: 1px 3px; display: table; font-weight: 400; box-shadow: 2px 0 7px 0 rgba(0, 0, 0, .25); margin: 5px 0 0 0; font-weight: 700 } .product-details-slideshow-wrapper .special-offer-date { position: absolute; top: 90px; left: 0; z-index: 200 } .spotlight-list-wrapper-3 { display: flex; width: 100%; min-height: 199px; padding-top: .5rem; float: left; flex-direction: column } .present-icon-wrapper-3 { display: flex; min-height: 45px; min-width: 150px; justify-content: center; align-items: center; background-color: hsla(0, 0%, 75%, .35) } .present-icon-wrapper-3-product-comparison { display: flex; min-height: 45px; min-width: 150px; align-items: center } .property-spotlight-wrapper-level-4 { position: relative; display: flex; width: 100%; height: 100%; margin-right: 0; margin-left: .35rem; flex-direction: column; justify-content: space-between; border-style: solid none none; border-width: 1px; border-color: #dadada } #products_module.responsive.cms_list .items .item-wrapper .list-view-cart-row, #products_module.responsive.cms_list .items .item-wrapper .cart-icon-link-wrapper-3 { margin-bottom: 0 } #products_module.cms_entity .product-details-wrapper .product-details-info-wrapper .product-details-column .info-and-pricing .price-and-shipping-div .item-prices .listing-details-heading { font-size: 1.6rem; line-height: 2rem } #products_module.cms_entity .product-details-wrapper .product-details-info-wrapper .product-details-column .info-and-pricing .price-and-shipping-div .item-prices .stephanis-card-dropdown .listing-details { font-size: 1rem; line-height: 1rem; margin-top: 10px } #products_module.cms_entity .product-details-wrapper .product-details-info-wrapper .product-details-column .info-and-pricing .price-and-shipping-div .item-prices .listing-details-column.large-now-price.large-single { padding-top: 0 } #products_module.cms_entity .product-details-wrapper .product-details-info-wrapper .product-details-column .info-and-pricing .price-and-shipping-div .item-prices .listing-detail-column-wrapper-2 { margin-bottom: 15px; margin-bottom: 15px } #products_module.cms_entity .product-details-wrapper .product-details-slideshow-wrapper .product-details-slideshow .mini-slide-image-inner-wrapper { height: 100px } .wishlist-save-icon-2 { display: flex; width: 42px; height: 42px; max-height: 42px; max-width: 42px; min-height: 42px; min-width: 42px; margin-right: 0; justify-content: center; align-items: center; background-color: #ddd; background-image: url(../images/homepage-icons_heart_white-37.svg); background-position: 50% 50%; background-size: 22px 22px; background-repeat: no-repeat; transition: all .2s ease } .wishlist-save-icon-2:hover { background-image: url(../images/homepage-icons_heart_yellow-46.svg) } .present-text-3 { padding-right: .5rem; color: #666; font-size: .7rem; line-height: .95rem; font-weight: 500 } #products_module.responsive.cms_list .item-wrapper .new-present-div-2 .present-icon-wrapper-3 .present-text-3 { line-height: .85rem } .sale-banner-div-2 { position: absolute; left: 0; top: 0; right: 0; bottom: auto; display: flex; height: 50%; max-height: 90px; justify-content: center; align-items: center; border-style: none solid; border-width: 1px; border-color: #dadada; background-color: transparent; background-image: none } .prop-spotlight-details-wrapper-3 { display: flex; width: 100%; padding: 0; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: stretch; flex: 1; background-color: transparent } .add-to-cart-icon-4 { display: flex; width: 100%; height: 42px; justify-content: center; align-items: center; align-self: flex-end; flex: 0 auto; background-color: #fecb0a; background-image: url(../images/homepage-icons_triangle-LT-GREY-36.svg); background-position: 0 50%; background-size: contain; background-repeat: no-repeat; transition: all 450ms ease } .add-to-cart-icon-4:hover { width: 100%; background-color: #ddd } .add-to-cart-icon-4.out-of-stock { background-color: #dedede; background-image: none; background-position: 0 0; background-size: auto; background-repeat: repeat; opacity: 1 } .add-to-cart-icon-4.with-text { background-image: url(../images/homepage-icons_triangle-LT-GREY-36.svg); background-position: 0 50%; background-size: contain; background-repeat: no-repeat; text-decoration: none } .add-to-cart-icon-4.with-text:hover { background-color: hsla(47.51999999999999, 100%, 44.33%, 1); box-shadow: none } .property-slider-arrow-link-4 { display: flex; width: 50px; height: 50px; margin: auto 0 auto 4px; justify-content: center; align-items: center; border-radius: 50px; background-color: rgba(97, 97, 97, 0); transition: all .3s ease; color: #666; font-size: 1.25rem } .property-slider-arrow-link-4:hover { background-color: #fecb0a } .property-slider-arrow-link-4.property-arrow-right { margin-right: 4px } .sale-banner-div-3 { position: absolute; left: 0; top: 0; right: 0; bottom: auto; display: flex; height: 50%; max-height: 90px; justify-content: center; align-items: center; border-style: none solid; border-width: 1px; border-color: #dadada; background-color: transparent; background-image: none } .icon-5 { display: flex; width: 45px; height: 45px; justify-content: center; align-items: center; transition: all .2s ease; color: #666; font-size: 1.75rem; font-style: normal; font-weight: 600 } .icon-5:hover { color: #fff } .out-of-stock-text-2 { display: flex; height: 100%; padding-right: 1.5rem; padding-left: 0; justify-content: center; align-items: center; transition: all 450ms ease; color: #b5b5b5; font-size: .75rem; line-height: 1rem; font-weight: 700; text-decoration: none; text-transform: uppercase } .div-block-7 { display: flex; width: 50px; height: 20px; justify-content: flex-start; align-items: stretch } .tooltip-holder { position: absolute; width: 300px } .thumbnail-view-tooltip { position: absolute; left: 108px; top: 40px; z-index: 999; display: none; padding: 2px 6px; background-color: #fecb0a; box-shadow: 1px 1px 8px -5px #000; font-size: .75rem; font-weight: 500 } .list-view-tooltip { position: absolute; left: 155px; top: 40px; bottom: auto; z-index: 999; display: none; padding: 2px 6px; background-color: #fecb0a; box-shadow: 1px 1px 8px -5px #000; font-size: .75rem; font-weight: 500; text-align: center } .search-input-hidden-3 { display: block; width: 100%; margin-bottom: 0; margin-left: .25rem; padding-left: 0; border-style: none none solid; border-width: 1px; border-color: #fff #fff #bebebe; opacity: 1; transition: all 450ms ease } .search-input-hidden-3:focus { border-bottom-color: #fecb0a; color: #000 } .cart-amounts-div-2 { position: relative; left: -1.25rem; display: flex; padding: .35rem .25rem; justify-content: center; align-items: center; color: #333; font-size: .8rem; line-height: .8rem; font-weight: 700 } .nav-menu-3 { z-index: 2; display: block; width: 100%; height: 3.25rem; float: right; background-color: #fecb0a; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, .12); color: #fff } html.w-mod-js [data-ix=minislideshow-load] { opacity: 0; transform: translate(0, 200px) } html.w-mod-js [data-ix=intro-load] { opacity: 0; transform: translate(0, 200px) } html.w-mod-js [data-ix=price-section-open] { opacity: 1 } html.w-mod-js [data-ix=price-section-open-2] { opacity: 1 } html.w-mod-js [data-ix=price-section-close] { opacity: 1 } html.w-mod-js [data-ix=brand-section-open] { opacity: 1 } @media (min-width:992px) { .sign-off-div-wrap .column-3 { width: 85% } .sign-off-div-wrap .column-2 { width: 15% } .footer-signoff-links.last { margin-right: 0 } } @media (max-width:1885px) and (min-width:992px) { .cb-link-box-div.resize { height: 17vw; background-size: 100% 17vw; background-position: 100%; background-repeat: no-repeat !important } } @media (max-width:991px) { .cb-link-box-div.resize { height: 33vw; background-size: 100% 33vw; background-position: 100% !important; background-repeat: no-repeat !important } } @media (max-width:767px) { .cb-link-box-div.resize { height: 33vw; background-size: 100% 33vw } } @media (max-width:479px) { .cb-link-box-div.resize { height: 62vw; background-size: 100% 62vw } .cb-link-box-div.large.resize { background-size: 100% 35vw; height: 35vw; background-position: 100% !important } } @media (max-width:991px) { .header-section { left: 0; top: 0; right: 0; bottom: auto; margin-top: -1px } .top-icon-div { width: 100%; height: 60px; max-width: 600px; min-width: 500px; margin-top: .25rem; margin-bottom: 1rem; padding-right: 0; padding-left: 0; justify-content: center; align-items: center } .top-icon-link-block { margin-left: 1rem; border-radius: 50%; transition-property: all; transition-duration: .3s } .top-icon-link-block.first-icon-link { margin-left: 0; transition-timing-function: cubic-bezier(.755, .05, .855, .06) } .top-icon-link-block.first-icon-link:hover { border-radius: 50% } .top-icon-link-block.header.phone { width: 32px; height: 32px } .top-icon-link-block.header.stores { position: absolute; margin-top: 12px; margin-left: -2.55rem; padding-top: 0; padding-bottom: 0 } .top-icon-link-block.header.support { padding-top: 0 } .top-icon-link-block.header.mobile-cart { padding-top: 0; padding-bottom: 0 } .main-nav-link { margin-top: 0; padding: 1rem; border-color: rgba(93, 63, 58, .35); border-top-style: none; border-right-style: none; border-left-style: none; color: #00283b; font-size: 1rem; line-height: 1.5rem; font-weight: 600; text-align: left } .main-nav-link:hover { /* border-style: none none solid; border-color: rgba(93, 63, 58, .35); background-color: hsla(0, 0%, 100%, .7); line-height: 1.5rem */ } .main-nav-link.w--current { border-bottom-color: rgba(93, 63, 58, .35); background-color: hsla(0, 0%, 100%, .7) } .main-nav-link.mobile-duplicate { display: block; width: 85%; margin-right: 0; margin-left: 0; padding-top: .5rem; padding-bottom: .5rem; justify-content: space-between; border-bottom-style: none; transition-property: all; transition-duration: 450ms; color: #333; text-transform: none } .main-nav-link.mobile-duplicate.capital-letters { text-transform: uppercase } .main-nav-link.mobile-duplicate:hover, .mm-listitem:hover .main-nav-link.mobile-duplicate { border-style: none; border-bottom-color: transparent; background-color: #fecb0a; color: #333 } .main-nav-link.hidden { color: hsla(199.32203389830508, 42.22%, 36.09%, 1) } .main-nav-link.full { height: 2.5rem; margin-right: 0; margin-left: 0; padding-top: .5rem; padding-bottom: .5rem; justify-content: flex-start; border-bottom-style: solid; border-bottom-width: 1px; background-color: #fff; transition-duration: 450ms; color: #333; font-size: 1rem; } .main-nav-link.full:hover { height: 2.5rem; border-bottom-style: solid; border-bottom-width: 1px; background-color: #333; color: #fecb0a } .main-nav-link.full.withicon { display: block; border-bottom-style: none; background-color: #f0f0f0 } .nav-menu { z-index: 100000000000; display: block; overflow: auto; width: 100%; height: 72vh; margin-top: 0; border-top: 4px solid #bebebe; border-left: 1px solid #bebebe; background-color: #f1f1f1; text-align: left } .brand { width: 50%; min-height: 54px; min-width: 400px; margin-top: .25rem; margin-bottom: .25rem } .menu-button-text { margin-top: -8px; color: #000; font-size: .7rem; line-height: 1rem; text-align: center } .navbar { display: flex; height: auto; flex-direction: row; justify-content: space-around } .mobile-menu-icon { transition: all 450ms ease; color: #000; font-size: 2rem; text-align: center } .mobile-menu-icon:hover { color: #fecb0a } .mobile-link-label { display: inline-block; margin-top: 0; margin-bottom: 0; line-height: 1.25rem } .two-part-mobile-nav-wrapper { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(93, 63, 58, .35); background-color: #fff } /* .container { max-width: 991px } */ .container.nav-container { display: block; width: 100%; height: 3.5rem; max-width: 940px; margin-top: 0 } .container.nav-container { display: block; width: 100%; height: 3.5rem; max-width: 940px; margin-top: 0 } .menu-button { position: absolute; right: auto; top: 0; left: 50px; bottom: auto; display: flex; width: 68px; height: 80px; margin-top: 15px; padding-top: 20px; padding-right: 10px; padding-left: 10px; float: right; flex-direction: row; justify-content: center; align-items: center; transition: background-color .3s ease; color: #fff } .menu-button:hover { background-color: #f1f1f1; color: #ddd } .menu-button.w--open { background-color: transparent } .stephanis-logo { width: 100%; max-width: 100%; padding-right: 0 } .dropdown-wrapper { display: none } .mobile-menu-arrow { display: block; width: 15%; border-left: 1px solid rgba(93, 63, 58, .35); background-image: url(../images/arrow-grey-icons-06.svg); background-position: 50% 50%; background-size: 15px 15px; background-repeat: no-repeat; transition: all 450ms ease; color: #000 } .mobile-menu-arrow:hover { background-color: #f1f1f1; opacity: 1 } .search-bar-div { display: flex; width: 100%; padding-left: 0; justify-content: center } .search-bar-form { width: 380px; border-top: 2px none #fecb0a; border-bottom: 1px solid hsla(0, 0%, 75%, .5) } .search-input-hidden { display: block; height: 40px; margin-left: 0; padding-left: 1rem; border-bottom-style: none; opacity: 1 } .slider-content-wrapper { float: none } .slider-header { font-size: 35px; line-height: 39px } .slide-text-wrap { max-width: 85% } .slider-image-div { top: 40px; right: 36px; width: 320px } .slider-header-emphasis { font-size: 35px; line-height: 34px } .slider-row { top: 25px } .slider-paragraph { display: block; max-width: 400px; margin-top: .5rem; margin-bottom: .5rem; font-size: 16px } .slider-section { padding-top: 135px } .slider-arrow { width: 50px; height: 50px; margin-right: 1rem; margin-bottom: 1rem } .slider-arrow.left { width: 50px; height: 50px; margin-left: 1rem; font-size: 1.5rem } .top-telephone-div { padding-left: 1rem; align-self: flex-start } .quicklink-icon-section { min-width: 100%; padding-top: 2rem; padding-bottom: 1rem } .quicklink-icon-wrapper { width: 100%; min-width: auto; justify-content: center; flex-wrap: wrap } .quicklink-icon-div-wrapper { width: 50%; padding-bottom: 1rem; justify-content: center } .quicklink-icon-div-wrapper.repeat { min-height: 338px; padding: 1rem } .content-box-section { padding-bottom: 0 } .cb-section-wrapper { width: 100%; min-width: auto; flex-wrap: wrap } .small-cb-div-wrapper { width: 33.33%; padding-bottom: 2rem } .cb-link-box-div { width: 48%; margin: 2% 0; padding-right: .5rem } .cb-link-box-div.large { width: 100%; margin-top: 0; margin-bottom: 0; padding-right: 0 } .four-link-div-wrapper { margin-bottom: .75rem; padding-right: 2rem; padding-left: 2rem; justify-content: space-between; flex-wrap: wrap } .two-link-div-wrapper { margin-bottom: 0; flex-direction: column } .cb-product-slider { width: 100%; margin-right: 0; margin-bottom: 2rem; margin-left: 0 } .ribbon-div-wrapper { width: 100%; min-width: auto; flex-wrap: wrap } .listing-details-column.large-now-price-product-details { padding-top: .5rem } .listing-details-column.large-stephanis-card-price-product-details { padding-top: .5rem } .listing-details-heading { padding-bottom: .25rem } .listing-details-heading.original-price { padding-bottom: .25rem; font-size: .9rem } .listing-details-heading.now-price { padding-bottom: .25rem; font-size: .9rem } .listing-details-heading.large-now-price { padding-bottom: .25rem } .listing-details-heading.large-now-price.centered { font-size: 1.175rem } .listing-details-heading.large-now-price-product-details { padding-bottom: 0; line-height: 1.45rem } .listing-details-heading.large-now-price-product-details.centered { font-size: 1.175rem } .listing-details-heading.product-details { padding-bottom: 0; line-height: 1.45rem } .property-slider-arrow-link { bottom: 600px; width: 60px; height: 60px; margin-right: 1.75rem; margin-left: 1.75rem; border-width: 6px; box-shadow: none } .property-slider-arrow-link:hover { box-shadow: none } .property-slider-arrow-link.property-arrow-right { left: auto; top: 0; right: 0; bottom: 600px; margin-right: 1.75rem; box-shadow: none } .property-slider-arrow-link.property-arrow-right:hover { box-shadow: none } .property-slider-arrow-link.left-arrow { left: 0; top: 0; right: auto; bottom: 620px } .property-spotlight-slide { width: 49%; margin-right: .5%; margin-left: .5%; padding-right: .5rem; padding-left: .5rem; background-image: none; font-size: 1.25rem } .listing-details { line-height: 1.2rem } .property-slider-widget { min-width: auto } .property-spotlight-image-link { display: block; height: 275px } .property-spotlight-mask { width: 100%; min-width: auto; padding-right: 2%; padding-left: 2%; flex-wrap: nowrap } .listing-price { width: 35%; margin-right: 15px } .listing-status-text { font-size: 1rem } .spotlight-list-wrapper { width: 100% } .icon { color: #8b8b8b; font-size: 2.15rem } .note-paragraph { width: 80% } .present-div { top: 200px; height: 50px } .ribbon-title { max-width: 550px; margin-right: auto; margin-left: auto } .ribbon-banner { min-height: 175px } .banner-wrapper { width: 100%; min-width: auto; flex-wrap: wrap } .banner-arrow { height: 40px; min-width: 158px; padding-left: 1.25rem; justify-content: flex-start; border-style: none; background-color: #fecb0a } .shop-categories-section-wrapper { width: 100%; min-width: auto; flex-wrap: wrap } .four-link-div-wrapper-copy { margin-bottom: 0; padding-right: 2rem; padding-left: 2rem; justify-content: space-between; flex-wrap: wrap } .shop-cat-link-div { width: 48%; margin: 2% 0; padding-right: 0 } .shop-cat-link-div.large { width: 100%; padding-right: 0 } .shop-cat-link-div._2 { padding-right: 0 } .shop-cat-link-div.level-1 { margin-top: 0 } .shop-cat-link-div.level-2 { margin-top: 0; margin-bottom: 0 } .newsletter-submit-button.search-filter-button { margin-top: 0; margin-bottom: 5px } .social-media-wrapper.footer-socmed-wrapper { flex-wrap: wrap } .link-list-wrapper { width: 100%; min-width: auto; flex-wrap: wrap } .list-link-div { width: 180px; margin-bottom: 1rem } .list-link-div.div-2 { width: 260px } .grip-logo-link { margin-right: 0; margin-bottom: 1rem; margin-left: 0; float: right } .footer-signoff-links { margin-right: .75rem; margin-left: 0 } .footer-copyright { margin-right: 0; margin-bottom: .25rem; float: left } .column-3 { display: flex; flex-direction: column; align-items: flex-start } .column-2 { padding-right: 0; flex-direction: column; align-items: flex-end } .acrobat-reader { max-width: 150px } .footer-signoff-link-wrap { display: block; margin-bottom: 1.5rem; float: left } .acrobat-reader-link { order: 1 } .sign-off-div-wrap { width: 100%; min-width: auto } .wishlist-div { height: 30px; min-width: 70px; padding-top: 0 } .search-link-icon { overflow: visible; width: 30px; height: 30px; min-height: 0; min-width: 0; font-size: .5rem; line-height: .5rem } .top-half-div { display: flex; padding-top: 1rem; padding-bottom: .5rem; flex-direction: row; justify-content: center; flex-wrap: wrap; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12) } .mm-wrapper_opened .top-half-div { box-shadow: none } .search-column { display: block; width: 100%; margin-top: 0; padding-right: 0; justify-content: center; align-items: center; order: 1 } .search-column.mobilehidden { display: none } .brand-column { width: 100%; justify-content: center; order: -1 } .icon-column { display: flex; width: 100%; padding-bottom: 0; justify-content: center; flex-wrap: nowrap; align-items: center } .cb-left-arrow { width: 70px; font-size: 1.75rem } .cb-rightt-arrow { width: 70px; font-size: 1.75rem } .present-icon-wrapper { min-height: 50px } .present-text-wrapper { min-height: 50px } .about-us-content-wrap { width: 100%; min-width: auto; padding-right: 0; padding-left: 0 } .multi-slider-container { width: 100% } .listing-two-column-wrapper { width: 100%; flex-direction: row; justify-content: center } .duo-set-wrapper { flex-direction: row; flex-wrap: wrap } .listing-details-heading-2 { font-size: 1rem } .slide-4 { padding-right: 1rem; padding-left: 1rem; background-image: none; font-size: 1.25rem } .slide-4.features-2 { padding-top: 1rem } .slide-4.features-1 { padding-top: 1rem } .property-slider-arrow-link-2 { bottom: 40px; width: 60px; height: 60px; margin-right: 20px; margin-left: 20px; border-width: 6px; background-color: hsla(0, 0%, 100%, .55); box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 hsla(0, 0%, 100%, .65) } .property-slider-arrow-link-2:hover { box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45) } .property-slider-arrow-link-2.property-arrow-right { box-shadow: -9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 hsla(0, 0%, 100%, .65) } .property-slider-arrow-link-2.property-arrow-right:hover { box-shadow: -9px 9px 30px 0 rgba(90, 90, 90, .45) } .property-spotlight-slide-2 { width: 49%; padding-right: .5rem; padding-left: .5rem; background-image: none; font-size: 1.25rem } .listing-details-2 { font-size: 1rem } .property-slider-widget-2 { padding-right: 1rem; padding-left: 1rem } .quad-slide-card-wrapper { width: 48%; margin-bottom: 2rem } .quad-set-wrapper { flex-direction: row; flex-wrap: wrap } .content-box-heading { padding-top: .5rem; padding-bottom: .5rem } .property-spotlight-image-link-2 { display: block; width: 50% } .property-spotlight-image-link-2:hover { border-bottom-color: #dadada } .property-duo-mask { width: 100%; margin-right: 20px; margin-left: 20px } .property-spotlight-quad-slide { width: 100%; padding-right: 2rem; padding-left: 2rem; background-image: none; font-size: 1.25rem } .duo-slider-arrow-link { bottom: 40px; width: 60px; height: 60px; margin-right: 20px; margin-left: 20px; border-width: 6px; background-color: hsla(0, 0%, 100%, .55); box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 hsla(0, 0%, 100%, .65) } .duo-slider-arrow-link:hover { box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45) } .duo-slider-arrow-link.duo-arrow-right { box-shadow: -9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 hsla(0, 0%, 100%, .65) } .duo-slider-arrow-link.duo-arrow-right:hover { box-shadow: -9px 9px 30px 0 rgba(90, 90, 90, .45) } .listing-column-wrapper.main { flex-wrap: wrap } .property-spotlight-mask-2 { width: 100%; flex-wrap: nowrap } .arrow { width: 60px; height: 60px; margin-top: 40px; margin-right: 20px; margin-left: 20px; border-width: 6px; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25)) } .arrow.multi-slider { top: -225px; right: 10px; margin-right: 10px; background-color: hsla(0, 0%, 100%, .55); background-image: none; box-shadow: -11px 7px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 hsla(0, 0%, 100%, .65) } .arrow.multi-slider:hover { background-color: #bd571a; background-image: none; box-shadow: -11px 7px 30px 0 rgba(90, 90, 90, .45) } .arrow.left.multi-slider { left: 10px; top: -225px; margin-left: 10px; background-color: hsla(0, 0%, 100%, .55); background-image: none; box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 hsla(0, 0%, 100%, .65); color: #fff } .arrow.left.multi-slider:hover { background-color: #bd571a; background-image: none; box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45) } .property-quad-mask { width: 100%; margin-right: 20px; margin-left: 20px } .quad-slider-arrow-link { bottom: 40px; width: 60px; height: 60px; margin-right: 20px; margin-left: 20px; border-width: 6px; background-color: hsla(0, 0%, 100%, .55); box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 hsla(0, 0%, 100%, .65) } .quad-slider-arrow-link:hover { box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45) } .quad-slider-arrow-link.quad-arrow-right { box-shadow: -9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 hsla(0, 0%, 100%, .65) } .quad-slider-arrow-link.quad-arrow-right:hover { box-shadow: -9px 9px 30px 0 rgba(90, 90, 90, .45) } .paragraph-text { width: 100%; padding-right: 0; font-size: 1rem; line-height: 1.5rem } .paragraph-text.about-us { font-size: 1.3rem; line-height: 2rem } .about-us-div._2 { padding-top: 2rem; padding-bottom: 1.5rem } .listing-status-text-2 { font-size: 1rem } .spotlight-container { width: 50%; padding-right: 10px; padding-left: 0 } .spotlight-container.fourth { display: block; width: 50%; margin-right: auto; margin-left: auto; padding-right: .5rem; float: left } .spotlight-container.second { display: block; width: 50%; margin-right: auto; margin-left: auto; padding-right: 1rem; float: left } .spotlight-container.first { display: block; width: 50%; margin-right: auto; margin-left: auto; padding-right: .5rem; float: left } .spotlight-container.third { display: block; width: 50%; margin-right: auto; margin-left: auto; padding-right: .5rem; float: left } .listing-detail-column-wrapper-2.trio-product-details { margin-bottom: 2rem } .duo-slide-card-wrapper { width: 48%; margin-bottom: 2rem } .icon-2 { color: #fff; font-size: 2.15rem } .property-spotlight-duo-slide { width: 100%; padding-right: 2rem; padding-left: 2rem; background-image: none; font-size: 1.25rem } .icon-search-2-column-wrap { position: fixed; right: -90px; top: 1.7rem; left: auto; bottom: auto; display: flex; width: 11.5rem; padding-top: .8rem; padding-bottom: 0; flex-direction: column; justify-content: center; align-items: center; align-self: auto; text-align: center } .main-slider-arrow-icon-2 { font-size: 1.8rem } .basket-title { margin-top: 1.255rem } .sign-in-icon.account-2 { min-height: 18px; min-width: 18px; margin-bottom: .35rem } .basket-icon-new.wishlist { min-height: 18px; min-width: 18px } .top-icon-wrapper { width: 100px; padding-top: 0 } .top-icon-wrapper.basket-2 { display: flex } .top-icon-wrapper.wishlist-2 { display: flex } .top-icon-wrapper.cart-mobile { display: flex } .top-icon-wrapper.basket-2 { display: flex } .basket-div { width: 125px; height: 30px; padding-top: 0 } .account-dropdown { padding-top: 1.8rem; text-align: center } .account-dropdown.w--open { text-align: center } .account-dropdown-list { position: absolute; left: 0; top: auto; right: 0; bottom: 0; display: flex; margin-top: .25rem; opacity: 0 } .account-dropdown-list.w--open { position: relative; z-index: 1000; display: flex } .account-link { padding: .1rem .5rem; font-size: .7rem; line-height: 1.05rem; text-decoration: none } .account-link.top { padding: .1rem .5rem; border-right-style: none; border-bottom-style: solid; font-size: .7rem; line-height: 1.05rem } .dropdown { /* width: 100px; */ padding-top: 2.5px } .link { flex: 0 auto } .arrow-link { flex: 0 auto } .property-slider-arrow-link-3 { bottom: 600px; width: 60px; height: 60px; margin-right: 1.75rem; margin-left: 1.75rem; border-width: 6px; box-shadow: none } .property-slider-arrow-link-3:hover { box-shadow: none } .property-slider-arrow-link-3.property-arrow-right { left: auto; top: 0; right: 0; bottom: 600px; margin-right: 1.75rem; box-shadow: none } .property-slider-arrow-link-3.property-arrow-right:hover { box-shadow: none } .cart-icon-link-wrapper-2 { width: 100%; align-items: flex-end } .banner-arrow-2 { height: 40px; min-width: 158px; padding-left: 1.25rem; justify-content: flex-start; border-style: none; background-color: #fecb0a } .top-nav-div { display: none; height: 0; opacity: 0 } .top-nav-wrapper { padding-left: .5rem; justify-content: center; flex-wrap: wrap } .top-nav-link.stores { margin-right: .5rem; margin-left: .5rem } .top-nav-link.support { margin-right: .5rem; margin-left: .5rem } .top-nav-link.phone { margin-right: .5rem; margin-left: .5rem } .top-nav-link.free-pickup-and-delivery { margin-right: .5rem; margin-left: .5rem } .top-nav-link.credit-card { margin-right: .5rem; margin-left: .5rem } .basket-amounts-div { margin-right: 0 } .wishlist-dropdown { text-align: center } .wishlist-dropdown.w--open { text-align: center } .icon-title-new { margin-bottom: .5rem } .icon-title-new.account { margin-top: 0 } .basket-icon-2 { max-height: 22px; max-width: 22px; min-height: 18px; min-width: 18px } .listing-details-heading-3 { padding-bottom: .25rem; font-size: .9rem } .listing-details-heading-3.original-price { padding-bottom: .25rem; font-size: .9rem } .listing-details-heading-3.now-price { padding-bottom: .25rem; font-size: .9rem } .new-present-div { top: 224px; width: 50% } .register-now-link { display: block; margin-top: .5rem; padding: .1rem .5rem; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 75%, .5); background-color: #f1f1f1; opacity: 0; color: #333; font-size: .7rem; line-height: 1.05rem; text-decoration: none; text-transform: none } .register-now-link:hover { background-color: #fff } .hidden-register-button-div { position: absolute; left: -4.1rem; top: 42.2031px; display: flex; width: 5rem; margin-left: 100px; padding-top: 0; flex-direction: column; align-items: center } .present-icon-wrapper-2 { min-height: 50px } .present-text-wrapper-2 { min-height: 50px } .link-2 { flex: 0 auto } .stephanis-card-dropdown { line-height: 1rem } .add-to-cart-text { padding-left: 3.75rem; background-position: 29px 50% } .add-to-cart-text.add-to-cart { padding-left: .5rem } .add-to-cart-text.pre-order { padding-left: .5rem } .add-to-cart-text.pre-order-date { padding-left: .5rem } .dropdown-toggle { /* padding-right: 1.5rem */ } .language-arrow-icon { margin-right: .25rem } .language-dropdown-list.w--open { right: 0 } .out-of-stock-text { padding-left: 1rem; background-image: none } .two-part-button-toggle { width: 20%; margin-bottom: 1px; padding-top: 1em; padding-bottom: 1em; float: right; background-color: rgba(0, 0, 0, .15); background-image: url(../images/icon_arrow2_right_wht_50.svg); background-position: 50% 50%; background-size: 1em 1em; background-repeat: no-repeat; box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, .25), inset 1px 0 0 0 hsla(0, 0%, 100%, .25); color: transparent; font-size: .875rem; line-height: 1.875rem; text-align: center; cursor: pointer } .left-nav-list-content-wrap { overflow: hidden; height: 0 } .section-wrap.inside-content-section { padding-top: 14.4rem } .section-wrap.inside-content-section { padding-top: 0 } .section-wrap.inside-content-section.level-1 { margin-top: 0; padding-top: 0 } .main-content-column { padding-right: 0; padding-left: 0 } .inside-content-beckground { max-width: 100%; padding-top: 1.5rem; padding-bottom: 2rem } .inside-content-beckground.level-1 { margin-top: 6rem; padding-top: 0 } .main-content-wrapper { padding-right: 1.5rem; padding-left: 1.5rem } .main-content-wrapper.inside-left { padding-top: 1rem; padding-right: 1.5rem; padding-left: 1.5rem } .left-nav-list { margin-bottom: 1.5em } .w-nav-link { display: block; width: 100%; height: auto; min-width: 100%; margin-right: 0; margin-bottom: 1px; margin-left: 0; padding: .75rem 1rem; float: left; justify-content: center; align-items: center; border-bottom: 1px solid rgba(140, 205, 214, .1); background-color: transparent; box-shadow: none; color: #fff; line-height: 1.375rem; font-weight: 600; text-align: left; text-transform: capitalize } .w-nav-link:hover { background-color: #0054a6; box-shadow: inset 4px 0 0 0 #00b9f2; color: #fff } .w-nav-link.w--current { height: auto; margin-left: 0; background-color: rgba(39, 127, 139, .15); box-shadow: none; color: #fff } .w-nav-link.w--current:hover { background-color: rgba(131, 142, 153, .2); box-shadow: none } .w-nav-link.mobile-list-back { background-color: rgba(0, 0, 0, .15); color: hsla(0, 0%, 100%, .55); cursor: pointer } .w-nav-link.two-part-mobile { width: 80%; float: left; flex: 1 } .two-part-button-list { position: absolute; left: 0; top: 0; z-index: 150; display: block; width: 100%; margin-left: 100%; padding-bottom: 100vh; background-color: #28313b } .two-part-button-wrap { position: static; display: flex; width: 100%; max-width: none; float: none; flex-direction: row; justify-content: space-between; flex-wrap: nowrap } .two-part-drop-list-back-arrow { display: inline-block; min-width: .75em; margin-right: .25em; background-image: url(../images/icon_arrow2_left_wht_50.svg); background-position: 0 55%; background-size: 12px 12px; background-repeat: no-repeat; color: transparent; text-align: center } .main-content-container { padding-top: 1rem; padding-right: 1.5rem; padding-left: 1.5rem } .main-content-container.left-right { padding-top: 1rem; padding-right: 1.5rem; padding-left: 1.5rem } .inside-content-beckground-2 { max-width: 100%; padding-top: 1.5rem; padding-bottom: 2rem } .right-sidebar-column { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 2px solid rgba(0, 84, 166, .15) } .right-sidebar-column.inside-right { padding-right: 0; padding-left: 0 } .sidebar-section-wrap { margin-left: 0 } .container-3 { max-width: 100%; padding-right: 20px; padding-left: 20px } .container-3.inside-right { padding: 1rem 1.5rem 1.5px } .inside-page-content-wrap-no-sidebars { margin-right: 0; margin-left: 0 } .tag-div { border-right-style: none; border-bottom-style: solid; border-left-style: none } .category-div-wrapper { position: relative; display: flex; width: 30%; margin-bottom: 1rem; flex-direction: column; justify-content: space-between; align-items: flex-end; border-style: solid; border-width: 1px; border-color: hsla(194.1322314049587, 0%, 72%, .5) } .search-wrapper { flex-direction: column } .property-type-div { display: flex; width: 100%; flex-direction: column; flex-wrap: nowrap } .area-min-input { width: 40% } .property-type-list-div-10.area { display: flex; width: 100%; justify-content: space-between; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.brand-subtype { display: block; overflow: auto; height: 150px; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.municipality { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.district { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.price-range { display: flex; justify-content: space-between; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.price { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.property-id { border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.technology { display: flex; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.status { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.parish { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.pool { border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.size { display: flex; flex-wrap: wrap; border-style: none solid; border-right-width: 1px; border-right-color: #d8d8d8; border-bottom-width: 1px; border-bottom-color: #d8d8d8; border-left-width: 1px; border-left-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.color { display: flex; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-10.size-subtype { display: block; overflow: auto; height: 150px; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .vertical-search-form { display: flex; width: 100%; flex-wrap: wrap } .area-maximum-input { width: 40% } .beds-div { width: 100% } .price-range-div { width: 100% } .property-subtype-div { width: 100% } .municipality-div { width: 100% } .clear-all-link { display: flex; margin-right: .25rem } .single-field.third { width: 25% } .single-field.property { width: 25% } .single-field.name { width: 25% } .single-field.half { width: 25% } .parish-div { width: 100% } .vertical-search-form-div { display: flex; flex-wrap: wrap; box-shadow: 0 0 80px 0 rgba(0, 0, 0, .1) } .baths-div { width: 100% } .area-range-wrapper { width: 60% } .status-div { width: 100% } .price-range-wrapper { width: 60% } .clear-all-div { width: 40%; padding: 1rem } .property-id-div { width: 100% } .search-filter-title { display: flex; width: 60%; align-items: center } .min-and-max-vertical-search-div { width: 40%; padding-right: 1rem } .price-min-input { width: 40% } .search-heading-div { width: 1000%; padding-top: 0; flex-direction: row } .search-link { display: flex; margin-left: .25rem } .district-div { width: 100% } .property-type-field-label { font-size: .85rem } .label-section-title { border-right: 1px solid #d8d8d8; background-color: #fff; background-position: 97.5% 50%; box-shadow: inset 0 1px 0 0 #d8d8d8, inset 0 -1px 0 0 #d8d8d8 } .label-section-title:hover { background-image: url(../images/search-icons-minus.svg); background-size: 15px; color: #fff } .area-range-div { width: 100% } .pool-div { width: 100% } .price-max-input { width: 40% } .search-card-wrapper { width: 100% } .top-filtering-div { height: auto; margin-top: .25rem; flex-wrap: wrap } .filter-options-dropdown { margin-left: 0 } .dropdown-toggle-2 { padding-right: 30px } .side-filter-buttons { margin-top: 0; padding-right: 0; justify-content: space-between; flex-wrap: nowrap } .filter-products-link { margin-left: 0 } .property-type-list-div-brand.area { display: flex; width: 100%; justify-content: space-between; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.brand-subtype { display: block; overflow: auto; height: 150px; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.municipality { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.district { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.price-range { display: flex; justify-content: space-between; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.price { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.property-id { border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.technology { display: flex; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.status { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.parish { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.pool { border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.size { display: flex; flex-wrap: wrap; border-style: none solid; border-right-width: 1px; border-right-color: #d8d8d8; border-bottom-width: 1px; border-bottom-color: #d8d8d8; border-left-width: 1px; border-left-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.color { display: flex; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-brand.size-subtype { display: block; overflow: auto; height: 150px; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.area { display: flex; width: 100%; justify-content: space-between; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.brand-subtype { display: block; overflow: auto; height: 150px; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.municipality { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.district { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.price-range { display: flex; justify-content: space-between; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.price { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.property-id { border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.technology { display: flex; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.status { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.parish { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.pool { border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.size { display: flex; flex-wrap: wrap; border-style: none solid; border-right-width: 1px; border-right-color: #d8d8d8; border-bottom-width: 1px; border-bottom-color: #d8d8d8; border-left-width: 1px; border-left-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.color { display: flex; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.size-subtype { display: block; overflow: auto; height: 150px; padding-left: 1rem; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-size.size-subtype { display: block; overflow: auto; height: 150px; padding-left: 1rem; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.area { display: flex; width: 100%; justify-content: space-between; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.brand-subtype { display: block; overflow: auto; height: 150px; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.municipality { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.district { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.price-range { display: flex; justify-content: space-between; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.price { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.property-id { border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.technology { display: flex; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.status { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.parish { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.pool { border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.size { display: flex; flex-wrap: wrap; border-style: none solid; border-right-width: 1px; border-right-color: #d8d8d8; border-bottom-width: 1px; border-bottom-color: #d8d8d8; border-left-width: 1px; border-left-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.color { display: flex; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-tech.size-subtype { display: block; overflow: auto; height: 150px; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.area { display: flex; width: 100%; justify-content: space-between; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.brand-subtype { display: block; overflow: auto; height: 150px; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.municipality { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.district { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.price-range { display: flex; justify-content: space-between; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.price { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.property-id { border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.technology { display: flex; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.status { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.parish { display: flex; flex-wrap: wrap; border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.pool { border-style: none solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.size { display: flex; flex-wrap: wrap; border-style: none solid; border-right-width: 1px; border-right-color: #d8d8d8; border-bottom-width: 1px; border-bottom-color: #d8d8d8; border-left-width: 1px; border-left-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.color { display: flex; border-style: none solid solid; border-width: 1px; border-color: #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .property-type-list-div-color.size-subtype { display: block; overflow: auto; height: 150px; flex-direction: column; border-top: 1px none #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: hsla(0, 0%, 91%, .35); background-image: none } .icon-4 { margin-right: 10px } .hidden-desktop-tablet-nav-link { display: block; justify-content: space-between; border-bottom: 1px solid rgba(93, 63, 58, .35); background-color: #fff } .product-details-wrapper { flex-wrap: wrap } .product-slider-column { width: 100% } .product-details-column { width: 100% } .mini-view-wrapper { margin-bottom: 1rem; border-bottom: 1px solid hsla(194.1322314049587, 0%, 72%, .5) } .top-icon-mobile-div { display: none; width: 100%; height: 60px; max-width: 600px; min-width: 500px; margin-top: .25rem; margin-bottom: 1rem; padding-right: 0; padding-left: 0; flex-direction: column; justify-content: center; flex-wrap: wrap; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto } .cart-amounts-div { margin-right: 0 } .text-cart-button-div { position: relative; left: -1.5rem; display: flex; padding-top: 0; flex-direction: column; align-items: center } .basket-icon-mobile-cart { max-height: 22px; max-width: 22px; min-height: 18px; min-width: 18px } .spec-tab { display: flex; border-style: solid; border-width: 1px; border-color: hsla(194.1322314049587, 0%, 72%, .5) } .tab-link-tab-1.w--current { display: flex; width: 100%; height: 35px; padding-left: 1rem; align-items: center; border-top-style: none; border-right-style: none; border-left-style: none } .tab-link-inactive { display: flex; width: 100%; height: 36px; padding-left: 1rem; justify-content: flex-start; align-items: center; border-right-style: none } .tab-content-wrapper { border-top-style: none; border-bottom-style: none } .stock-location-text { max-width: 65% } .tabs-menu-div { width: 25% } .tabs-content-div { width: 75% } .basket-amounts-div-2 { width: 5rem; margin-right: 0; padding-top: 0 } .nav-item-with-icon { display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid rgba(93, 63, 58, .15) } .mobile-icon-text-holder { display: inline-block; float: none } .mobile-icon-holder { display: flex; width: 25px; height: 20px; margin-left: 20px; float: none } .basket-amounts-div-3 { margin-right: 0 } .icon-search-2-column-wrap-2 { display: none; width: 100%; padding-top: 0; padding-bottom: 0; flex-direction: column; align-items: center } .hidden-register-button-div-2 { position: relative; left: -1.5rem; display: flex; padding-top: 0; flex-direction: column; align-items: center } .account-link-2 { padding: .1rem .5rem; font-size: .7rem; line-height: 1.05rem; text-decoration: none } .account-link-2.top { padding: .1rem .5rem; border-right-style: none; border-bottom-style: solid; font-size: .7rem; line-height: 1.05rem } .mobile-menu-arrow-2 { display: block; width: 15%; border-left: 1px solid rgba(93, 63, 58, .35); background-image: url(../images/arrow-grey-icons-06.svg); background-position: 50% 50%; background-size: 15px 15px; background-repeat: no-repeat; transition: all 450ms ease; color: #000 } .mobile-menu-arrow-2:hover { background-color: #f1f1f1; opacity: 1 } .icon-search-2-column-wrap-3 { display: flex; width: 100%; padding-top: 0; padding-bottom: 0; flex-direction: column; align-items: center } .top-half-div-2 { padding-top: 1rem; padding-bottom: 1rem; flex-direction: column; flex-wrap: wrap; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12) } .main-nav-link-2 { margin-top: 0; padding: 1rem; border-color: rgba(93, 63, 58, .35); border-top-style: none; border-right-style: none; border-left-style: none; color: #00283b; font-size: 1rem; line-height: 1.5rem; font-weight: 600; text-align: left } .main-nav-link-2:hover { border-style: none none solid; border-color: rgba(93, 63, 58, .35); background-color: hsla(0, 0%, 100%, .7); line-height: 1.5rem } .main-nav-link-2.w--current { border-bottom-color: rgba(93, 63, 58, .35); background-color: hsla(0, 0%, 100%, .7) } .main-nav-link-2.mobile-duplicate { display: block; width: 85%; margin-right: 0; margin-left: 0; justify-content: space-between; border-bottom-style: none; transition-property: all; transition-duration: 450ms; color: #333 } .main-nav-link-2.mobile-duplicate:hover { border-style: none; border-bottom-color: transparent; background-color: #333; color: #fecb0a } .main-nav-link-2.hidden { color: hsla(199.32203389830508, 42.22%, 36.09%, 1) } .main-nav-link-2.full { height: 3.5rem; margin-right: 0; margin-left: 0; justify-content: flex-start; border-bottom-style: solid; border-bottom-width: 1px; background-color: #fff; transition-duration: 450ms; color: #333; font-size: 1rem } .main-nav-link-2.full:hover { height: 3.5rem; border-bottom-style: solid; border-bottom-width: 1px; background-color: #333; color: #fecb0a } .main-nav-link-2.full { height: 2.5rem; margin-right: 0; margin-left: 0; padding-top: .5rem; padding-bottom: .5rem; justify-content: flex-start; border-bottom-style: solid; border-bottom-width: 1px; background-color: #fff; transition-duration: 450ms; color: #333; font-size: 1rem } .main-nav-link-2.full:hover { height: 2.5rem; border-bottom-style: solid; border-bottom-width: 1px; background-color: #333; color: #fecb0a } .main-nav-link-2.full.withicon { display: block; border-bottom-style: none; background-color: #f0f0f0 } .main-nav-link-2.mobile-duplicate { display: block; width: 85%; margin-right: 0; margin-left: 0; padding-top: .5rem; padding-bottom: .5rem; justify-content: space-between; border-bottom-style: none; transition-property: all; transition-duration: 450ms; color: #333 } .main-nav-link-2.mobile-duplicate:hover { border-style: none; border-bottom-color: transparent; background-color: #333; color: #fecb0a } .navbar-2 { display: flex; flex-direction: row; justify-content: space-around } .search-column-2 { display: flex; width: 50%; margin-top: 0; padding-right: 0; justify-content: center; align-items: center; order: 1 } .menu-button-2 { position: absolute; left: auto; top: 0; right: 0; bottom: auto; display: flex; width: 68px; height: 80px; padding-right: 10px; padding-left: 10px; float: right; flex-direction: row; justify-content: center; align-items: center; transition: background-color .3s ease; color: #fff } .menu-button-2:hover { background-color: #f1f1f1; color: #ddd } .menu-button-2.w--open { background-color: transparent } .search-bar-form-2 { width: 380px; border-top: 2px none #fecb0a; border-bottom: 1px solid hsla(0, 0%, 75%, .5) } .mobile-menu-icon-2 { transition: all 450ms ease; color: #000; font-size: 2rem; text-align: center } .mobile-menu-icon-2:hover { color: #fecb0a } .nav-menu-2 { z-index: 100000000000; display: block; width: 75%; margin-top: 227px; border-top: 4px solid #bebebe; border-left: 1px solid #bebebe; background-color: #f1f1f1; text-align: left } .search-input-hidden-2 { display: block; height: 40px; margin-left: 0; padding-left: 1rem; border-bottom-style: none; opacity: 1 } .brand-column-2 { width: 100%; justify-content: center; order: -1 } .search-heading-div-2 { width: 1000%; padding-top: 0; flex-direction: row } .search-filter-title-2 { display: flex; width: 85%; padding-left: .35rem; align-items: center } .label-section-title-2 { border-right: 1px solid #d8d8d8; background-color: #fff; background-position: 97% 50%; box-shadow: inset 0 1px 0 0 #d8d8d8, inset 0 -1px 0 0 #d8d8d8 } .label-section-title-2:hover { background-image: url(../images/search-icons-minus.svg); background-size: 15px; color: #fff } .label-section-title-2.plus-sign { background-image: url(../images/search-icons-plus-grey.svg); background-position: 97% 50%; background-size: 15px 15px; background-repeat: no-repeat } .div-block-6 { position: absolute; top: 35px; right: 100px; display: block; width: 30px; height: 30px; margin-top: 0; margin-left: 0; padding-top: 0; padding-right: 0 } .dropdown-list-2 { right: 6px } .pagination-div { padding-top: .5rem } .add-to-cart-text-2 { padding-left: 3.75rem; background-position: 29px 50% } .add-to-cart-text-2.pre-order { padding-left: .5rem } .add-to-cart-text-2.add-to-cart { padding-left: .5rem } .add-to-cart-text-2.pre-order-date { padding-left: .5rem } .cart-icon-link-wrapper-3 { align-items: flex-end } .new-present-div-2 { top: 224px } .property-spotlight-image-link-3 { display: block } .property-spotlight-image-link-3:hover { border-bottom-color: #dadada } .present-icon-wrapper-3 { min-height: 50px } .property-slider-arrow-link-4 { bottom: 600px; width: 60px; height: 60px; margin-right: 1.75rem; margin-left: 1.75rem; border-width: 6px; box-shadow: none } .property-slider-arrow-link-4:hover { box-shadow: none } .property-slider-arrow-link-4.property-arrow-right { left: auto; top: 0; right: 0; bottom: 600px; margin-right: 1.75rem; box-shadow: none } .property-slider-arrow-link-4.property-arrow-right:hover { box-shadow: none } .icon-5 { color: #8b8b8b; font-size: 2.15rem } .out-of-stock-text-2 { padding-left: 1rem; background-image: none } .menu-button-3 { position: absolute; left: auto; top: 0; right: 0; bottom: auto; display: flex; width: 68px; height: 80px; margin-top: 15px; padding-top: 20px; padding-right: 10px; padding-left: 10px; float: right; flex-direction: row; justify-content: center; align-items: center; transition: background-color .3s ease; color: #fff } .menu-button-3:hover { background-color: #f1f1f1; color: #ddd } .menu-button-3.w--open { background-color: transparent } .search-input-hidden-3 { display: block; height: 40px; margin-left: 0; padding-left: 1rem; border-bottom-style: none; opacity: 1 } .mobile-menu-icon-3 { transition: all 450ms ease; color: #000; font-size: 2rem; text-align: center } .mobile-menu-icon-3:hover { color: #fecb0a } .cart-amounts-div-2 { margin-right: 0 } .nav-menu-3 { z-index: 100000000000; display: block; overflow: auto; width: 100%; height: 72vh; margin-top: 0; border-top: 4px solid #bebebe; border-left: 1px solid #bebebe; background-color: #f1f1f1; text-align: left } #products_module.responsive.cms_entity .product-title { margin-left: 0 } } @media (max-width:767px) { .header-section { left: 0; top: 0; right: 0; bottom: auto; padding-top: 1px } .top-icon-div { position: absolute; left: 0; top: 0; right: auto; bottom: 0; display: flex; height: 5.5rem; max-width: 160px; min-width: auto; margin-top: 0; margin-bottom: 0; padding-bottom: 0; flex-direction: column } .top-icon-link-block { margin-right: .75rem } .top-icon-link-block.first-icon-link.header { width: 28px; height: 28px; margin-right: 0 } .top-icon-link-block.header { width: 28px; height: 28px; margin-right: 0; margin-left: 0 } .top-icon-link-block.header.phone { justify-content: flex-start } .top-icon-link-block.header.stores { width: 50px } .top-icon-link-block.header.mobile-cart { width: 28px; margin-right: .1rem } .main-nav-link.mobile-duplicate { width: 88% } .main-nav-link.full.withicon { display: flex } .nav-menu { overflow: auto; width: 100%; height: 72vh; margin-top: 0 } .brand { width: 330px; max-width: 275px; min-height: 54px; min-width: auto; margin-top: 0; margin-bottom: .5rem; flex-direction: row; align-items: center } .brand.w--current { width: 275px } .container { max-width: 767px } .container.nav-container { max-width: 728px } .container.nav-container { max-width: 728px } .menu-button { height: 70px; margin-top: 0; margin-right: 0; padding-top: 1.4rem; padding-bottom: 2px; left: 20px } .menu-button:hover { background-color: transparent } .menu-button.w--open { margin-top: 0; margin-right: 0; padding-top: 1.4rem } .stephanis-logo { min-width: 275px } .mobile-menu-arrow { background-size: 16px 16px } .mobile-menu-arrow:hover { background-size: 16px 16px } .search-input-hidden { height: 35px } .slider-header { padding-top: 1px; padding-right: 10px; padding-left: 8px; font-size: 26px; line-height: 32px } .slide-text-wrap { max-width: 85% } .slider-cta-link { position: static; margin-top: 10%; padding-left: 26px; background-size: 18px 18px; font-size: 14px } .slider-nav { justify-content: flex-start } .slider-image-div { top: 20px; right: 0; width: 260px } .slider-widget { height: 300px } .slider-header-emphasis { font-size: 26px } .slider-row { top: 16px; padding-right: 10px; padding-left: 10px } .slider-paragraph { display: none; font-size: 14px; line-height: 20px } .slider-section { padding-top: 111px } .top-telephone-div { width: 85px } .telephone-number { display: none; padding-left: .5rem } .quicklink-icon-div-wrapper { width: 50%; padding-right: 1rem; padding-left: 1rem; justify-content: flex-start } .quicklink-icon-div-wrapper.repeat { width: 50% } .small-cb-div-wrapper { width: 50% } .four-link-div-wrapper { margin-top: 0 } .property-spotlight-wrapper { width: 100%; padding-right: 0 } .listing-details-column { width: 100% } .listing-details-column.large-now-price { padding-top: .5rem } .listing-details-column.large-stephanis-card-price { padding-top: .5rem } .listing-details-column.large-now-price-product-details { width: 48%; margin-right: 0; margin-bottom: 1.5rem; padding-top: .5rem } .listing-details-column.large-stephanis-card-price-product-details { width: 48%; margin-right: 0; margin-bottom: 1.5rem; padding-top: .5rem } .listing-details-heading { padding-bottom: 0 } .listing-details-heading.now-price { font-size: 1.175rem } .listing-details-heading.large-now-price { padding-bottom: 0 } .listing-details-heading.large-now-price-product-details { padding-bottom: 0 } .status-bar-div { height: 33px } .property-slider-arrow-link { bottom: 610px; margin-right: 20px; margin-left: 20px; flex-direction: column; border-width: 5px; box-shadow: inset 0 0 8px 0 rgba(96, 96, 96, .3) } .property-slider-arrow-link.property-arrow-right { bottom: 610px; margin-left: 1.75rem; box-shadow: inset 0 0 8px 0 rgba(96, 96, 96, .3) } .property-slider-arrow-link.left-arrow { margin-right: 1.75rem; margin-left: 1.75rem } .property-spotlight-slide { width: 100% } .property-slider-widget { display: flex } .property-spotlight-image-link { height: 375px } .property-spotlight-image-link._4 { background-size: contain } .property-spotlight-mask { width: 100% } .listing-price { width: 100% } .listing-status.for-sale { margin-top: -1rem } .listing-status.sold { margin-top: -1rem } .listing-status.pending { margin-top: -1rem } .listing-status.for-sale { margin-top: -1rem } .listing-status.sold { margin-top: -1rem } .listing-status.pending { margin-top: -1rem } .icon { color: #8b8b8b; font-size: 2.05rem } .note-paragraph { width: 80% } .present-div { top: 200px } .ribbon-banner { min-height: 150px } .four-link-div-wrapper-copy { margin-top: 0 } .shop-cat-link-div { height: 175px } .newsletter-form { width: 350px } .newsletter-submit-button.search-filter-button { min-width: 82px; font-size: .6rem } .list-link-div, .list-link-div.div-2, .list-link-div.div-3 { width: 50% } .grip-logo-link { margin-bottom: 0; float: none } .footer-signoff-links.last { margin-right: 0 } .footer-copyright { float: none } .column-3 { overflow: hidden; align-items: center } .column-2 { flex-direction: row; justify-content: center } .footer-signoff-link-wrap { display: inline-block; float: none; text-align: center } .acrobat-reader-link { margin-right: 0 } .search-link-icon { width: 35px; height: 35px; min-height: 35px; min-width: 35px; background-size: 22px 22px } .top-half-div { padding-bottom: 1.25rem } .search-column { width: 350px; margin-top: .2rem } .brand-column { position: absolute; display: flex; width: 100%; padding-bottom: 0 } .icon-column { width: 100%; max-width: 160px } .cb-left-arrow:hover { border-left-width: 4px } .cb-rightt-arrow { border-right-width: 4px } .about-us-content-wrap { display: none; padding-top: 2rem; padding-right: 0; padding-left: 0 } .multi-slider-container { width: 100% } .property-spotlight-wrapper-2 { width: 100%; padding-right: 0 } .listing-details-column-2 { width: 100% } .slide-4.features-2 { padding: 0 } .slide-4.features-1 { padding: 0 } .status-bar-div-2 { height: 33px } .property-slider-arrow-link-2 { width: 65px; height: 65px; margin-right: 20px; margin-left: 20px; flex-direction: column; border-width: 5px; background-color: rgba(96, 96, 96, .5); box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 rgba(96, 96, 96, .3) } .property-slider-arrow-link-2.property-arrow-right { box-shadow: -9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 rgba(96, 96, 96, .3) } .property-spotlight-slide-2 { width: 100%; margin-right: 0; margin-left: 0 } .multi-slider { display: flex } .property-slider-widget-2 { display: flex } .quad-slide-card-wrapper { width: 100%; padding-right: 0 } .property-duo-mask { width: 100% } .property-spotlight-quad-slide { width: 100% } .duo-slider-arrow-link { width: 65px; height: 65px; margin-right: 20px; margin-left: 20px; flex-direction: column; border-width: 5px; background-color: rgba(96, 96, 96, .5); box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 rgba(96, 96, 96, .3) } .duo-slider-arrow-link.duo-arrow-right { box-shadow: -9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 rgba(96, 96, 96, .3) } .listing-column-wrapper.main { margin-top: 2rem; margin-bottom: 2rem } .property-spotlight-mask-2 { width: 100% } .arrow { top: 40px; width: 65px; height: 65px; margin-right: 20px; margin-left: 20px; flex-direction: column; border-width: 5px; background-image: linear-gradient(180deg, #233d7a, #233d7a), linear-gradient(180deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25)) } .arrow.multi-slider { top: -240px; background-color: rgba(96, 96, 96, .5); box-shadow: -11px 7px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 rgba(96, 96, 96, .3) } .arrow.left { margin-left: 10px } .arrow.left.multi-slider { top: -240px; background-color: rgba(96, 96, 96, .5); box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 rgba(96, 96, 96, .3) } .property-quad-mask { width: 100% } .quad-slider-arrow-link { width: 65px; height: 65px; margin-right: 20px; margin-left: 20px; flex-direction: column; border-width: 5px; background-color: rgba(96, 96, 96, .5); box-shadow: 9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 rgba(96, 96, 96, .3) } .quad-slider-arrow-link.quad-arrow-right { box-shadow: -9px 9px 30px 0 rgba(90, 90, 90, .45), inset 0 0 8px 0 rgba(96, 96, 96, .3) } .paragraph-text { width: 100%; font-size: .95rem; line-height: 1.45rem } .paragraph-text.about-us { padding-right: 0; font-size: 1.1rem; line-height: 1.75rem } .about-us-div._2 { padding-top: 441px } .spotlight-container { width: 100%; padding-right: 0 } .spotlight-container.fourth { width: 74%; padding-right: 15px; padding-left: 15px; float: none } .spotlight-container.second { width: 100%; min-width: auto; padding-right: 15px; padding-left: 15px; float: none; background-color: #fff; box-shadow: inset 1px 0 0 0 rgba(96, 96, 96, .3) } .spotlight-container.first { width: 100%; max-width: none; min-width: auto; margin-right: 2rem; margin-left: 2rem; padding-right: 0; padding-bottom: 1rem; padding-left: 0; float: none; flex: 0 auto; background-color: transparent } .spotlight-container.third { width: 74%; padding-right: 15px; padding-left: 15px; float: none } .listing-detail-column-wrapper-2.trio-product-details { flex-direction: row; justify-content: space-between; flex-wrap: wrap } .duo-slide-card-wrapper { width: 100%; padding-right: 0 } .icon-2 { font-size: 2.05rem } .property-spotlight-duo-slide { width: 100% } .icon-search-2-column-wrap { position: absolute; top: 0; bottom: 0; display: block; width: 100px; padding-top: 0; padding-bottom: 0; flex-direction: column; align-items: center } .sign-in-icon.account-2 { margin-bottom: .25rem } .top-icon-wrapper { display: none; width: 75px } .top-icon-wrapper.basket-2 { margin-top: 0 } .top-icon-wrapper.wishlist-2 { display: none } .top-icon-wrapper.cart-mobile { width: 28px; margin-right: .25rem } .basket-div { width: 100px } .account-dropdown { padding-top: 1.8rem } .account-link { padding: .05rem .3rem; font-size: .65rem; line-height: 1rem } .account-link.top { padding: .05rem .3rem; font-size: .65rem } .dropdown { /* width: 85px; padding-top: 2.75px */ } .link { padding-right: .5rem; padding-left: .5rem } .arrow-link { padding-right: .5rem; padding-left: .5rem } .property-slider-arrow-link-3 { bottom: 610px; margin-right: 20px; margin-left: 20px; flex-direction: column; border-width: 5px; box-shadow: none } .property-slider-arrow-link-3.property-arrow-right { bottom: 610px; margin-left: 1.75rem; box-shadow: none } .top-nav-div { position: absolute; top: 0; opacity: 0 } .top-nav-wrapper { justify-content: center } .top-nav-link.stores { display: none; margin-right: .15rem; margin-left: .15rem; padding-right: .25rem; padding-left: 1.5rem; background-position: 0 50% } .top-nav-link.support { display: none; margin-right: .25rem; margin-left: .25rem; padding-right: .25rem; padding-left: 1.5rem; background-position: 0 50% } .top-nav-link.phone { display: none; margin-right: .15rem; margin-left: .15rem; padding-right: .25rem; padding-left: 1.5rem; background-position: 0 50% } .top-nav-link.free-pickup-and-delivery { display: none; margin-right: .15rem; margin-left: .15rem; padding-right: .25rem; padding-left: 1.5rem; background-position: 0 50% } .top-nav-link.credit-card { display: none; margin-right: .15rem; margin-left: .15rem; padding-right: .25rem; padding-left: 1.5rem; background-position: 0 50% } .top-nav-link.register { padding-right: .25rem } .top-nav-link.log-in-option { padding-right: .35rem; padding-left: .25rem } .top-nav-link.language { padding-right: .25rem; padding-left: .25rem } .basket-amounts-div { left: 0 } .wishlist-dropdown { margin-top: -.15rem } .register-now-link { padding: .05rem .3rem; font-size: .65rem; line-height: 1rem } .hidden-register-button-div { position: relative; left: 0 } .login-and-register-div { padding-left: 1.25rem } .language-div { display: none } .product-title { padding-right: .5rem; padding-left: .5rem } .link-2 { padding-right: .5rem; padding-left: .5rem } .add-to-cart-text { padding-left: .5rem } .language-dropdown-list.w--open { right: auto } .mobile-icon-wrap { display: flex; width: 100%; justify-content: center; align-items: center } .stores-icon-mobile { width: 32px; height: 32px; margin-right: .5rem; margin-left: .5rem; background-image: url(../images/homepage-icons-store.svg); background-position: 50% 50%; background-size: 20px 22px; background-repeat: no-repeat } .phone-icon-mobile { width: 32px; height: 32px; margin-right: .5rem; margin-left: .5rem; background-image: url(../images/homepage-icons-phone.svg); background-position: 50% 50%; background-size: 20px 20px; background-repeat: no-repeat } .free-pickup-icon-mobile { width: 32px; height: 32px; background-image: url(../images/homepage-icons-truckgrey-31.svg); background-position: 50% 50%; background-size: 22px 22px; background-repeat: no-repeat } .free-pickup-icon-mobile { width: 32px; height: 32px; background-image: url(../images/homepage-icons-phone.svg); background-position: 50% 50%; background-size: 22px 22px; background-repeat: no-repeat } .language-div-mobile { margin-right: .5rem; margin-left: .5rem } .delivery-icon-mobile { width: 32px; height: 32px; margin-right: .5rem; margin-left: .5rem; background-image: url(../images/homepage-icons-truckgrey-31.svg); background-position: 50% 50%; background-size: 20px 20px; background-repeat: no-repeat } .stephanis-card-icon-mobile { width: 32px; height: 32px; margin-right: .5rem; margin-left: .5rem; background-image: url(../images/homepage-icons-creditcard-grey-32.svg); background-position: 50% 50%; background-size: 20px 20px; background-repeat: no-repeat } .support-icon-mobile { width: 32px; height: 32px; margin-right: .5rem; margin-left: .5rem; background-image: url(../images/homepage-icons-support.svg); background-position: 50% 50%; background-size: 20px 20px; background-repeat: no-repeat } .main-content-wrap.inside-left { margin-right: 0; margin-left: 0 } .main-content-wrap.left-right { margin-right: 0; margin-left: 0 } .main-content-wrap.inside-right { margin-right: 0; margin-left: 0 } .main-content-wrap.full { margin-right: 0; margin-left: 0 } .section-wrap.inside-content-section { padding-top: 7rem } .section-wrap.inside-content-section { padding-top: 0 } .section-wrap.inside-content-section.level-1 { padding-top: 0 } .inside-content-beckground.level-1 { margin-top: 5.25rem } .main-content-wrapper { padding-right: 1.5rem; padding-left: 1.5rem } .intro-text-style { font-size: 1.125em } .inside-page-header-content-wrap { padding-right: 0; padding-left: 0 } .main-content-container { padding-right: 1.5rem; padding-left: 1.5rem } .right-sidebar-column { margin-top: 1.5rem; padding-top: 1.5rem } .sidebar-section-wrap { margin-left: 0 } .container-3 { padding-right: 10px; padding-left: 10px } .container-3.inside-right { padding-top: 1rem } .category-div-wrapper { width: 46%; margin-bottom: .75rem } .area-min-input { width: 45% } .property-type-list-div-10.brand-subtype { flex-direction: column } .property-type-list-div-10.technology { display: block; overflow: auto; height: 150px } .property-type-list-div-10.size { display: block; overflow: auto; height: 150px; flex-wrap: nowrap } .property-type-list-div-10.size-subtype { flex-direction: column } .area-maximum-input { width: 45% } .single-field.third { width: 33.33% } .single-field.property { width: 50% } .single-field.name { width: 50% } .single-field.half { width: 50% } .area-range-wrapper { width: 100% } .price-range-wrapper { width: 100% } .clear-all-div { width: 100% } .search-filter-title { width: 100%; border-bottom: 1px none #d8d8d8 } .min-and-max-vertical-search-div { width: 85% } .price-min-input { width: 45% } .property-type-field-label { overflow: visible } .price-max-input { width: 45% } .search-card-wrapper { padding-left: 0 } .property-spotlight-wrapper-level-3 { width: 100%; margin-right: 0; margin-bottom: 1rem; margin-left: 0; padding-right: 0 } .top-filtering-div { height: auto; margin-right: 0; margin-left: 0; flex-wrap: wrap-reverse; align-content: stretch } .trio-card-div { flex-direction: column } .filter-options-dropdown { height: 45px } .dropdown-toggle-2 { height: 45px } .side-filter-buttons { display: flex; margin-top: 5px; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: flex-start } .filter-products-link { margin-left: 0 } .property-type-list-div-brand.brand-subtype { flex-direction: column } .property-type-list-div-brand.technology { display: block; overflow: auto; height: 150px } .property-type-list-div-brand.size { display: block; overflow: auto; height: 150px; flex-wrap: nowrap } .property-type-list-div-brand.size-subtype { flex-direction: column } .property-type-list-div-size.brand-subtype { flex-direction: column } .property-type-list-div-size.technology { display: block; overflow: auto; height: 150px } .property-type-list-div-size.size { display: block; overflow: auto; height: 150px; flex-wrap: nowrap } .property-type-list-div-size.size-subtype { flex-direction: column } .property-type-list-div-size.size-subtype { flex-direction: column } .property-type-list-div-tech.brand-subtype { flex-direction: column } .property-type-list-div-tech.technology { display: block; overflow: auto; height: 150px } .property-type-list-div-tech.size { display: block; overflow: auto; height: 150px; flex-wrap: nowrap } .property-type-list-div-tech.size-subtype { flex-direction: column } .property-type-list-div-color.brand-subtype { flex-direction: column } .property-type-list-div-color.technology { display: block; overflow: auto; height: 150px } .property-type-list-div-color.size { display: block; overflow: auto; height: 150px; flex-wrap: nowrap } .property-type-list-div-color.size-subtype { flex-direction: column } .hidden-desktop-tablet-nav-link { display: flex } .product-details-title { padding-right: .5rem; padding-left: .5rem; font-size: 1.5rem; line-height: 1.65rem } .mini-view-image { width: 175px; height: 175px } .product-details-slider { height: 400px } .top-icon-mobile-div { position: absolute; left: 0; top: 0; right: auto; bottom: 0; display: flex; width: 50%; height: 5.2rem; max-width: 100px; min-width: auto; margin-top: 0; margin-bottom: 0; padding-bottom: 0; flex-direction: column; order: -1 } .mobile-logo-cart-wrapper { display: block; width: 100%; padding-bottom: 3rem; justify-content: center } .cart-amounts-div { left: 0; padding: 0; font-size: .75rem } .text-cart-button-div { left: 0 } .spec-tab { flex-direction: column } .tab-spec-list-item { padding-right: .75rem; padding-left: .75rem; flex-direction: column } .stock-location-text { max-width: 100% } .tabs-menu-div { width: 100% } .tabs-content-div { width: 100% } .basket-amounts-div-2 { left: 0; display: none } .basket-amounts-div-3 { left: 0 } .icon-search-2-column-wrap-2 { position: absolute; left: 0; top: 0; right: auto; bottom: 0; width: 100px; padding-top: 0; padding-bottom: 0; flex-direction: column; align-items: center } .hidden-register-button-div-2 { position: relative; left: 0 } .telephone-number-2 { display: none; padding-left: .5rem } .account-link-2 { padding: .05rem .3rem; font-size: .65rem; line-height: 1rem } .account-link-2.top { padding: .05rem .3rem; font-size: .65rem } .mobile-menu-arrow-2 { background-size: 16px 16px } .mobile-menu-arrow-2:hover { background-size: 16px 16px } .icon-search-2-column-wrap-3 { position: absolute; left: 0; top: 0; right: auto; bottom: 0; width: 100px; padding-top: 0; padding-bottom: 0; flex-direction: column; align-items: center } .top-half-div-2 { padding-bottom: 1.5rem } .main-nav-link-2.mobile-duplicate { width: 88% } .main-nav-link-2.full.withicon { display: flex } .main-nav-link-2.mobile-duplicate { width: 88% } .search-column-2 { width: 350px; margin-top: 4rem } .menu-button-2 { height: 70px; margin-top: 0; margin-right: 0; padding-top: 1.4rem; padding-bottom: 2px } .menu-button-2:hover { background-color: transparent } .menu-button-2.w--open { margin-top: 0; margin-right: 0; padding-top: 1.4rem } .nav-menu-2 { width: 90%; margin-top: 140px } .search-input-hidden-2 { height: 35px } .brand-column-2 { position: absolute; width: 100%; padding-bottom: 0 } .search-filter-title-2 { width: 80%; border-bottom: 1px none #d8d8d8 } .div-block-6 { left: auto; top: 24px; right: 4.75rem; bottom: 0; margin-top: 0; margin-left: 0 } .top-nav-link-2.language { padding-right: .25rem; padding-left: .25rem } .dropdown-list-2.w--open { right: 0 } .pagination-page-link { height: 30px } .add-to-cart-text-2 { padding-left: .5rem } .trio-card-div-2 { flex-direction: column } .property-spotlight-wrapper-level-4 { width: 100%; margin-right: 0; margin-bottom: 1rem; margin-left: 0; padding-right: 0 } .property-slider-arrow-link-4 { bottom: 610px; margin-right: 20px; margin-left: 20px; flex-direction: column; border-width: 5px; box-shadow: none } .property-slider-arrow-link-4.property-arrow-right { bottom: 610px; margin-left: 1.75rem; box-shadow: none } .icon-5 { color: #8b8b8b; font-size: 2.05rem } .menu-button-3 { height: 70px; margin-top: 0; margin-right: 0; padding-top: 1.4rem; padding-bottom: 2px } .menu-button-3:hover { background-color: transparent } .menu-button-3.w--open { margin-top: 0; margin-right: 0; padding-top: 1.4rem } .search-input-hidden-3 { height: 35px } .cart-amounts-div-2 { left: 0; padding: 0; font-size: .75rem } .nav-menu-3 { overflow: auto; width: 100%; height: 72vh; margin-top: 0 } #products_module.responsive.cms_entity .product-title { padding-right: 0; padding-left: 0; font-size: 1.5rem; line-height: 1.65rem } .category-title._1 { width: 90% } } @media (max-width:479px) { #products_module.responsive.cms_entity .product-title { padding-top: 5px; font-size: 1.25rem; line-height: 1.45rem } .top-icon-div { height: auto; max-width: 100%; min-width: 100%; margin-top: 0; padding-right: .5rem; padding-bottom: 0; padding-left: .5rem; justify-content: center } .top-icon-link-block.first-icon-link.header { width: 40px; max-width: 40px; min-width: 40px; margin-right: .15rem; padding-right: .1rem; padding-left: .1rem } .top-icon-link-block.header { width: 32px; height: 32px; margin-right: .65rem } .top-icon-link-block.header.wishlist { width: 40px; max-width: 40px; margin-right: .15rem; padding-right: .1rem; padding-left: .1rem } .top-icon-link-block.header.phone { width: 28px; height: 28px; justify-content: center } .top-icon-link-block.header.basket { width: 40px; max-width: 40px; padding-right: .1rem; padding-left: .1rem } .top-icon-link-block.header.stores { width: 40px; max-width: 40px; padding-right: .1rem; padding-left: .1rem } .top-icon-link-block.header.support { width: 40px; max-width: 40px; padding-right: .1rem; padding-left: .1rem } .top-icon-link-block.header.mobile-cart { width: 40px; height: 28px; max-width: 40px; padding-right: .1rem; padding-left: .1rem } .main-nav-link { font-size: .9rem } .main-nav-link.mobile-duplicate { width: 83%; padding-top: .5rem; padding-bottom: .5rem } .main-nav-link.full { height: 2.5rem; padding-top: .25rem; padding-bottom: .25rem; font-size: .9rem } .main-nav-link.full:hover { height: 2.5rem } .main-nav-link.full.withicon { display: flex } .nav-menu { overflow: auto; width: 100%; height: 72vh; margin-top: 0; padding-right: 1px } .brand { width: 300px; max-width: 185px; min-height: 35px; min-width: 175px; margin-top: .25rem; margin-right: 0; margin-bottom: .25rem; padding-bottom: 0; padding-left: 0; justify-content: center; align-items: center; flex-shrink: 0 } .brand.w--current { width: 100px; justify-content: flex-start } .menu-button-text { display: none; font-size: .7rem } .navbar { padding-right: 0; padding-left: 0 } .mobile-menu-icon { position: absolute; left: auto; top: 0; right: 0; bottom: auto; height: 1.5rem; margin-top: 1rem; margin-right: 1rem; font-size: 1.75rem } .mobile-menu-icon:hover { color: #000 } .mobile-link-label { line-height: 1.05rem } /* .container { max-width: 479px } */ .container.nav-container { overflow: visible; height: 3.5rem; max-width: none } .container.nav-container { max-width: none } .menu-button { position: fixed; top: 0; bottom: auto; z-index: 10000; width: 38px; height: 38px; margin-top: 0; margin-right: 0; padding: 4px; -ms-grid-row-align: auto; align-self: auto; background-color: #fff } .menu-button:hover { background-color: #fff } .menu-button.w--open { top: 0; bottom: auto; height: 48px; margin-top: 0; padding-top: 16px } .icon-only { opacity: 1 } .stephanis-logo { max-width: 165px; min-width: 165px } .mobile-menu-arrow { width: 17% } .search-bar-div { width: 40px } .search-bar-form { width: 40px; min-height: 38px; flex-direction: row; border-top-style: none; border-bottom-style: none } .search-input-hidden { display: block; height: 35px; min-width: 209px; margin-top: 1px; opacity: 1 } .slider-column-2 { margin-top: 35px } .slider-column-1 { padding-right: 15px; padding-left: 15px } .slider-header { font-size: 28px; line-height: 32px } .slide-text-wrap { max-width: 80% } .slider-cta-link { position: static; bottom: 0; margin-top: 2% } .slider-nav { justify-content: flex-start } .slider-image-div { position: static; display: block; width: 240px; margin-right: auto; margin-left: auto } .slider-widget { height: 300px } .slider-header-emphasis { font-size: 28px } .slider-row { top: 10px } .slider-paragraph { display: none } .slider-section { padding-top: 94px } .slider-arrow { font-size: 1.5rem } .top-telephone-div { width: 35px; padding-left: 0 } .telephone-number { display: none } .quicklink-icon-text-wrap { text-align: center } .quicklink-text-title { -ms-grid-row-align: center; align-self: center } .quicklink-icon-div-wrapper { width: 100%; flex-direction: column; justify-content: center; align-items: center } .quicklink-icon-div-wrapper.repeat { width: 100%; min-height: auto; margin-bottom: .25rem; padding-top: 1.5rem; padding-bottom: 1.5rem } .small-cb-div-wrapper { width: 100% } .cb-link-box-div { width: 100%; height: 225px } .four-link-div-wrapper { margin-top: 0; margin-bottom: 1.5rem } .cb-product-slider { margin-bottom: 1.5rem } .property-spotlight-wrapper { padding-right: 0 } .prop-spotlight-details-wrapper { width: 100%; padding-left: 0 } .listing-details-heading { padding-bottom: 0 } .listing-details-heading.original-price { padding-bottom: .15rem } .listing-details-heading.now-price { padding-bottom: .15rem } .listing-details-heading.large-now-price { padding-bottom: 0 } .listing-details-heading.large-now-price-product-details { padding-bottom: 0 } .property-slider-arrow-link { bottom: 600px; width: 40px; height: 40px; margin-right: 10px; margin-left: 10px; border-width: 4px; background-color: rgba(96, 96, 96, .75); box-shadow: none; font-size: 1.25rem } .property-slider-arrow-link.property-arrow-right { bottom: 600px; margin-right: 1.5rem; margin-left: 1.5rem; box-shadow: none } .property-slider-arrow-link.left-arrow { bottom: 610px; margin-right: 1.5rem; margin-left: 1.5rem } .property-spotlight-slide { width: 100%; padding-right: 1.5rem; padding-left: 1.5rem } .listing-details { font-size: .725rem } .property-slider-widget { width: 100%; height: 100%; padding-top: 0 } .property-spotlight-image-link { height: 225px } .property-spotlight-mask { padding-right: 0; padding-left: 0 } .listing-price { width: 100%; margin-bottom: .5rem; font-size: 1.4rem } .listing-detail-column-wrapper { display: flex } .icon { font-size: 1.5rem } .icon:hover { border-radius: 50px; background-color: #fecb0a } .present-div { top: 200px } .ribbon-title { max-width: 210px; margin-right: auto; margin-left: auto; font-size: 1.75rem } .ribbon-banner { min-height: 100px } .banner-link-title { padding-left: .75rem; font-size: 2.25rem; line-height: 2.75rem } .banner-arrow { height: 40px; padding-left: .75rem; justify-content: flex-start; border-style: none; background-color: #fecb0a } .banner-link-subtitle { padding-left: .75rem; font-size: 2.25rem; line-height: 2.75rem } .four-link-div-wrapper-copy { margin-top: 0 } .category-title._1 { width: 90% } .category-title.level-1 { width: 172px } .shop-cat-link-div { width: 100%; height: 225px } .quicklinks-repeat-div { padding-bottom: 0 } .newsletter-div { padding-right: .25rem; padding-left: .25rem } .newsletter-title { line-height: 2.5rem } .newsletter-sub-title { font-size: .8rem } .newsletter-form { width: 275px; flex-direction: column } .newsletter-text-field { height: 42px; margin-bottom: .75rem } .newsletter-submit-button { height: 40px } .newsletter-submit-button.search-filter-button { display: inline-block; height: auto; padding-bottom: 2px } .social-media-wrapper.footer-socmed-wrapper.social-2 { width: 100%; justify-content: center } .social-media-link-block-2.footer-socmed-link-block { margin-right: .25rem; margin-left: .25rem } .social-media-title { line-height: 2.5rem; margin-right: 10px; margin-left: 10px } .footer-list-link:hover { border-left-color: transparent } .list-link-div, .list-link-div.div-2, .list-link-div.div-3 { display: flex; width: 100%; margin-bottom: 1.5rem; padding-bottom: 1rem; align-items: center; border-bottom: 1px solid hsla(0, 0%, 55%, .25) } .list-link-div.last { margin-bottom: 0 } .list-link-wrapper { align-items: center } .grip-logo-link { float: none } .footer-signoff-links.last { margin-right: 0 } .column-3 { margin-bottom: .5rem } .column-2 { padding-left: 0; flex-direction: column; align-items: center } .acrobat-reader-link { margin-bottom: 1.5rem; order: -1 } .wishlist-div { position: relative; z-index: 2000; max-width: 45px; margin-right: 0 } .search-link-icon { display: inline-block } .top-half-div { padding: 0 0; align-items: flex-start } .search-column { display: block; width: 100%; height: 38px; margin-top: .2rem; padding-left: 0; justify-content: flex-start; background-color: #fff; box-shadow: 0 -1px 0 0 hsla(0, 0%, 75%, .5) } .brand-column { width: 100%; height: 3.5rem; padding-right: 1rem; padding-bottom: 0; padding-left: 1rem; flex-direction: column; align-items: center } .cb-arrow-icon { font-size: 1.5rem } .cb-left-arrow { width: 50px } .cb-rightt-arrow { width: 50px; font-size: 1.5rem } .search-link-icon-mobile { display: block; width: 38px; height: 38px; min-height: 38px; min-width: 38px; margin-top: 1px; margin-left: 0; padding-left: 0; background-color: #f1f1f1; background-size: 22px 22px } .search-link-icon-mobile:hover { background-color: #fecb0a } .about-us-content-wrap { padding-top: 2.25rem; padding-right: 0; padding-left: 0 } .multi-slider-container { width: 100%; padding-top: 0; padding-bottom: 0; line-height: 1.55rem } .property-spotlight-wrapper-2 { padding-right: 0 } .listing-two-column-wrapper { flex-wrap: wrap } .slide-4 { width: 100%; padding-right: 1.5rem; padding-left: 1.5rem } .property-slider-arrow-link-2 { width: 45px; height: 45px; margin-right: 10px; margin-left: 10px; border-width: 4px; font-size: 1.25rem } .property-spotlight-slide-2 { width: 100%; padding-right: .5rem; padding-left: .5rem } .multi-slider { width: 100%; height: 100% } .property-slider-widget-2 { width: 100%; height: 100%; padding-top: 2rem } .quad-slide-card-wrapper { padding-right: 0 } .content-box-heading { margin-bottom: .5rem; font-size: 1.5rem } .property-spotlight-image-link-2 { width: 100% } .property-duo-mask { padding-right: 0; padding-left: 0 } .property-spotlight-quad-slide { width: 100%; padding-right: 1.5rem; padding-left: 1.5rem } .duo-slider-arrow-link { width: 45px; height: 45px; margin-right: 10px; margin-left: 10px; border-width: 4px; font-size: 1.25rem } .listing-column-wrapper.main { margin-top: 1rem } .property-spotlight-mask-2 { padding-right: 0; padding-left: 0 } .arrow { top: -13px; width: 45px; height: 45px; margin: 30px 10px 25rem; border-width: 4px; font-size: 1.25rem } .arrow.multi-slider { top: -200px; right: 0; width: 54px; height: 54px } .arrow.left { margin-left: 0; border-width: 5px } .arrow.left.multi-slider { left: 0; top: -200px; width: 54px; height: 54px } .property-quad-mask { padding-right: 0; padding-left: 0 } .quad-slider-arrow-link { width: 45px; height: 45px; margin-right: 10px; margin-left: 10px; border-width: 4px; font-size: 1.25rem } .paragraph-text { font-size: .85rem; line-height: 1.35rem } .paragraph-text.about-us { padding-right: 0; font-size: 1.025rem; line-height: 1.6rem } .about-us-div._2 { padding-top: 510px; padding-right: 1.25rem; padding-left: 1.25rem } .spotlight-container { padding-right: 0 } .spotlight-container.fourth { width: 100%; min-width: auto; padding-top: 8px; padding-right: 0; padding-left: 0 } .spotlight-container.second { width: 100%; min-width: auto; padding-top: 8px; padding-right: 0; padding-left: 0 } .spotlight-container.first { width: 100%; min-width: auto; margin-right: 1.25rem; margin-left: 1.25rem; padding: 10px 0 0; flex: 0 auto; background-color: transparent } .spotlight-container.third { width: 100%; min-width: auto; padding-top: 8px; padding-right: 0; padding-left: 0 } .listing-detail-column-wrapper-2 { display: flex } .duo-slide-card-wrapper { padding-right: 0 } .property-slider-outer-wrap-2 { padding-top: 2rem; padding-bottom: 2rem } .icon-2 { font-size: 1.5rem } .property-spotlight-duo-slide { width: 100%; padding-right: 1.5rem; padding-left: 1.5rem } .icon-search-2-column-wrap { display: none; width: 100%; padding-top: 0; padding-bottom: .35rem } .sign-in-title { padding-top: .5rem } .basket-title { padding-top: .25rem } .stores-title { padding-top: .5rem } .support-title { padding-top: .5rem } .top-icon-wrapper { width: auto; margin-right: 0; margin-left: 0 } .top-icon-wrapper.basket-2 { margin-top: -.5rem } .top-icon-wrapper.wishlist-2 { margin-top: -.5rem; margin-right: 1rem } .top-icon-wrapper.cart-mobile { margin-top: -.5rem } .top-icon-wrapper.basket-2 { margin-top: -.5rem } .basket-div { max-width: 55px; margin-right: 0; margin-left: -.5rem } .account-dropdown { margin-top: -.1rem } .account-dropdown-list { margin-bottom: .5rem; opacity: 0 } .account-dropdown-list.w--open { position: absolute; left: 0; top: auto; right: 0; bottom: 0; z-index: 10000; padding-top: .25rem; flex-direction: row } .account-link { min-width: 50px; line-height: .9rem } .account-link.top { width: 50px; border-right-style: solid; line-height: .9rem; text-align: center } .wishlist-save-icon { padding-left: .125rem } .property-slider-arrow-link-3 { bottom: 600px; width: 45px; height: 45px; margin-right: 10px; margin-left: 10px; border-width: 4px; box-shadow: none; font-size: 1.25rem } .property-slider-arrow-link-3.property-arrow-right { bottom: 600px; margin-right: 1.5rem; margin-left: 1.5rem; box-shadow: none } .property-slider-arrow-link-3.property-arrow-right:hover { background-color: transparent } .banner-arrow-2 { height: 40px; padding-left: .75rem; justify-content: flex-start; border-style: none; background-color: #fecb0a } .top-nav-div { opacity: 0 } .top-nav-wrapper { height: 32px; align-items: stretch } .top-nav-link.stores { display: none; height: 32px; margin-right: .1rem; margin-left: .1rem; justify-content: center; align-items: center; -ms-grid-row-align: center; align-self: center } .top-nav-link.support { height: 32px; margin-right: .1rem; margin-left: .1rem; -ms-grid-row-align: center; align-self: center } .top-nav-link.phone { height: 32px; margin-right: .1rem; margin-left: .1rem; -ms-grid-row-align: center; align-self: center } .top-nav-link.free-pickup-and-delivery { display: none; height: 32px; margin-right: .1rem; margin-left: .1rem; padding-left: 1.35rem; justify-content: center; align-items: center; -ms-grid-row-align: center; align-self: center } .top-nav-link.credit-card { display: none; height: 32px; margin-right: .1rem; margin-left: .1rem; justify-content: center; align-items: center; -ms-grid-row-align: center; align-self: center } .basket-amounts-div { left: 0; margin-right: 0; padding-top: 0 } .new-present-div { width: 100% } .register-now-link { line-height: .9rem } .hidden-register-button-div { left: -.75rem } .login-and-register-div { padding-left: 1.1rem } .language-dropdown-list.w--open { right: 0 } .stores-icon-mobile { margin-right: .54rem; margin-left: .45rem } .phone-icon-mobile { margin-right: .45rem; margin-left: .45rem } .language-div-mobile { margin-right: .45rem; margin-left: .45rem } .delivery-icon-mobile { margin-right: .45rem; margin-left: .45rem } .stephanis-card-icon-mobile { margin-right: .45rem; margin-left: .45rem } .support-icon-mobile { margin-right: .45rem; margin-left: .45rem } .two-part-button-toggle { width: 25%; line-height: 1.625rem } .section-wrap.inside-content-section { width: 100%; padding-top: 7rem } .section-wrap.inside-content-section { width: 100%; padding-top: 0 } .section-wrap.inside-content-section.level-1 { padding-top: 0 } .inside-content-beckground.level-1 { margin-top: 3.5rem } .main-content-wrapper { width: 100%; padding-right: 1.25rem; padding-left: 1.25rem } .main-content-wrapper.inside-left { padding-right: 1.25rem; padding-left: 1.25rem } .w-nav-link.two-part-mobile { width: 75% } .main-content-container { padding-right: 1.25rem; padding-left: 1.25rem } .main-content-container.left-right { padding-right: 1.25rem; padding-left: 1.25rem } .container-3.inside-right { padding-top: 1rem; padding-right: 1.25rem; padding-left: 1.25rem } .category-div-wrapper { width: 92% } .property-type-list-div-10.area { flex-wrap: wrap } .property-type-list-div-10.brand-subtype { height: 130px; margin-bottom: 0; flex-wrap: wrap } .property-type-list-div-10.price-range { flex-wrap: wrap } .property-type-list-div-10.technology { height: 130px } .property-type-list-div-10.size { height: 125px } .property-type-list-div-10.color { display: block } .property-type-list-div-10.size-subtype { height: 130px; margin-bottom: 0; padding-left: 1rem; flex-wrap: wrap } .vertical-search-form { width: 100% } .single-field.third { width: 50% } .single-field.name { width: 100% } .single-field.half { width: 100% } .vertical-search-form-div { width: 100% } .div-line-sections { height: 8px } .div-line-sections.first.colored { height: 8px } .div-line-sections.colored { height: 8px } .min-div._2 { width: 22px; height: 22px } .min-and-max-vertical-search-div { width: 100%; padding-right: 0 } .max-div._2 { width: 22px; height: 22px } .line-div { height: 8px } .property-spotlight-wrapper-level-3 { padding-right: 0; flex-direction: column } .top-filtering-div { height: auto } .filter-options-dropdown { height: 40px; border-style: solid; border-width: 1px; border-color: hsla(194.1322314049587, 0%, 72%, .5) } .dropdown-toggle-2 { height: 40px; padding-right: 35px } .side-filter-buttons { display: flex; padding-right: 5px } .filter-products-link { margin-left: 0; font-size: .85rem; line-height: 1.3rem } .property-type-list-div-brand.area { flex-wrap: wrap } .property-type-list-div-brand.brand-subtype { height: 127px; margin-bottom: 0; flex-wrap: wrap } .property-type-list-div-brand.price-range { flex-wrap: wrap } .property-type-list-div-brand.technology { height: 130px } .property-type-list-div-brand.size { height: 125px } .property-type-list-div-brand.color { display: block } .property-type-list-div-brand.size-subtype { height: 130px; margin-bottom: 0; padding-left: 1rem; flex-wrap: wrap } .property-type-list-div-size.area { flex-wrap: wrap } .property-type-list-div-size.brand-subtype { height: 130px; margin-bottom: 0; flex-wrap: wrap } .property-type-list-div-size.price-range { flex-wrap: wrap } .property-type-list-div-size.technology { height: 130px } .property-type-list-div-size.size { height: 125px } .property-type-list-div-size.color { display: block } .property-type-list-div-size.size-subtype { height: 127px; margin-bottom: 0; padding-left: 1rem; flex-wrap: wrap } .property-type-list-div-size.size-subtype { height: 127px; margin-bottom: 0; padding-left: 1rem; flex-wrap: wrap } .property-type-list-div-tech.area { flex-wrap: wrap } .property-type-list-div-tech.brand-subtype { height: 130px; margin-bottom: 0; flex-wrap: wrap } .property-type-list-div-tech.price-range { flex-wrap: wrap } .property-type-list-div-tech.technology { height: 127px } .property-type-list-div-tech.size { height: 125px } .property-type-list-div-tech.color { display: block } .property-type-list-div-tech.size-subtype { height: 130px; margin-bottom: 0; padding-left: 1rem; flex-wrap: wrap } .property-type-list-div-color.area { flex-wrap: wrap } .property-type-list-div-color.brand-subtype { height: 130px; margin-bottom: 0; flex-wrap: wrap } .property-type-list-div-color.price-range { flex-wrap: wrap } .property-type-list-div-color.technology { height: 130px } .property-type-list-div-color.size { height: 125px } .property-type-list-div-color.color { display: block } .property-type-list-div-color.size-subtype { height: 130px; margin-bottom: 0; padding-left: 1rem; flex-wrap: wrap } .icon-4 { margin-right: 9px } .product-details-title { font-size: 1.25rem; line-height: 1.45rem } .mini-view-image { height: 100px } .product-details-slider { height: 285px } .top-icon-mobile-div { left: -5px; top: 3%; height: 3.5rem; max-width: 75px; margin-top: 0; padding-right: .5rem; padding-bottom: 0; padding-left: .5rem; justify-content: center } .mobile-logo-cart-wrapper { padding-bottom: 3.5rem } .cart-amounts-div { left: 0; margin-right: 0; padding-top: 0; font-size: .625rem } .basket-icon-mobile-cart { max-height: 20px; max-width: 20px; margin-top: .25rem } .product-details-specs { border-right: 1px solid hsla(194.1322314049587, 0%, 72%, .5) } .product-detail-spec-label { font-size: .75rem; line-height: 1.25rem } .product-detail-spec-label-numbers { padding-left: .5rem; font-size: .75rem; line-height: 1.25rem } .stock-location-text { font-size: .8rem; line-height: 1.15rem } .basket-amounts-div-2 { left: 0; margin-right: 0; padding-top: 0 } .basket-amounts-div-3 { left: 0; margin-right: 0; padding-top: 0 } .icon-search-2-column-wrap-2 { display: none; width: 100%; padding-top: 0; padding-bottom: .35rem } .hidden-register-button-div-2 { left: -.75rem } .telephone-number-2 { display: none } .account-link-2 { min-width: 50px; line-height: .9rem } .account-link-2.top { width: 50px; border-right-style: solid; line-height: .9rem; text-align: center } .mobile-menu-arrow-2 { width: 17% } .icon-search-2-column-wrap-3 { display: none; width: 100%; padding-top: 0; padding-bottom: .35rem } .top-half-div-2 { padding: 0 0; align-items: flex-start } .main-nav-link-2 { font-size: .9rem } .main-nav-link-2.mobile-duplicate { width: 83%; padding-top: .75rem; padding-bottom: .75rem } .main-nav-link-2.full { padding-top: .75rem; padding-bottom: .75rem; font-size: .9rem } .main-nav-link-2.full { height: 2.5rem; padding-top: .25rem; padding-bottom: .25rem; font-size: .9rem } .main-nav-link-2.full:hover { height: 2.5rem } .main-nav-link-2.full.withicon { display: flex } .main-nav-link-2.mobile-duplicate { width: 83%; padding-top: .5rem; padding-bottom: .5rem } .navbar-2 { padding-right: 0; padding-left: 0 } .search-column-2 { width: 100%; height: 38px; margin-top: 4rem; padding-left: 1rem; justify-content: flex-start; background-color: #fff; box-shadow: 0 -1px 0 0 hsla(0, 0%, 75%, .5) } .menu-button-2 { position: absolute; left: auto; top: auto; right: 0; bottom: 0; z-index: 10000; width: 38px; height: 38px; margin-right: 1rem; padding: 4px; background-color: #d6d6d6 } .menu-button-2:hover { background-color: #fecb0a } .menu-button-2.w--open { margin-top: 0; padding-top: 4px } .search-bar-form-2 { width: 40px; min-height: 40px; flex-direction: row; border-top-style: none; border-bottom-style: none } .mobile-menu-icon-2 { font-size: 1.75rem } .mobile-menu-icon-2:hover { color: #000 } .nav-menu-2 { width: 80%; margin-top: 94px } .search-link-icon-mobile-2 { display: block; width: 38px; height: 38px; min-height: 38px; min-width: 38px; margin-top: 1px; margin-left: 0; padding-left: 0; background-color: #f1f1f1; background-size: 22px 22px } .search-link-icon-mobile-2:hover { background-color: #fecb0a } .search-input-hidden-2 { display: block; height: 38px; min-width: 209px; margin-top: 1px; opacity: 1 } .brand-column-2 { width: 100%; height: 3.5rem; padding-right: 1rem; padding-bottom: 0; padding-left: 1rem; flex-direction: column; align-items: center } .search-filter-title-2 { width: 74%; padding-left: .5rem } .div-block-6 { left: auto; top: .75rem; right: 3.6rem; bottom: 0 } .view-type-block { float: none } .view-type.grid-view { margin-top: 0; padding-top: 0 } .view-type.list-view { margin-top: 0 } .pagination-form-wrapper { clear: both } .pagination-block { display: block; margin-right: auto; margin-left: auto; float: left } .view-type-block-2 { float: right } .sort-form-wrapper { margin-left: 0 } .pagination-holder-list-view { margin-bottom: 1rem } .property-spotlight-wrapper-level-4 { padding-right: 0 } .property-slider-arrow-link-4 { bottom: 600px; width: 45px; height: 45px; margin-right: 10px; margin-left: 10px; border-width: 4px; box-shadow: none; font-size: 1.25rem } .property-slider-arrow-link-4.property-arrow-right { bottom: 600px; margin-right: 1.5rem; margin-left: 1.5rem; box-shadow: none } .property-slider-arrow-link-4.property-arrow-right:hover { background-color: transparent } .icon-5 { font-size: 1.5rem } .icon-5:hover { border-radius: 50px; background-color: #fecb0a } .menu-button-3 { position: fixed; left: auto; top: 0; right: -12px; bottom: auto; z-index: 10000; width: 38px; height: 38px; margin-top: 0; margin-right: 0; padding: 4px; -ms-grid-row-align: auto; align-self: auto; background-color: #fff } .menu-button-3:hover { background-color: #fff } .menu-button-3:active { left: auto; top: 0; right: -12px; bottom: auto; width: 38px; height: 38px; margin-right: 0; background-color: #fff } .menu-button-3.w--open { top: 0; bottom: auto; height: 48px; margin-top: 0; padding-top: 16px } .search-input-hidden-3 { display: block; height: 35px; min-width: 209px; margin-top: 1px; opacity: 1 } .mobile-menu-icon-3 { position: absolute; left: auto; top: 0; right: 0; bottom: auto; height: 1.5rem; margin-top: 1rem; margin-right: 1rem; font-size: 1.75rem } .mobile-menu-icon-3:hover { color: #000 } .cart-amounts-div-2 { left: 0; margin-right: 0; padding-top: 0; font-size: .625rem } .nav-menu-3 { overflow: auto; width: 100%; height: 72vh; margin-top: 0; padding-right: 1px } .property-spotlight-image-link-3 img.special-offer-icon { max-width: 60px } .property-spotlight-image-link-3 .special-offer-date { font-size: .65rem } .top-social { margin-bottom: 1rem } } @media screen and (max-width:991px) { #w-node-3506c3af98df-f5292c4b { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-3506c3af98e8-f5292c4b { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-3506c3af98eb-f5292c4b { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-3506c3af98ee-f5292c4b { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-3506c3af98f3-f5292c4b { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-3506c3af98f6-f5292c4b { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-b6c06fd0eaf0-0a292c4e { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-b6c06fd0eaf9-0a292c4e { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-b6c06fd0eafc-0a292c4e { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-b6c06fd0eaff-0a292c4e { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-b6c06fd0eb04-0a292c4e { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-b6c06fd0eb07-0a292c4e { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-125dbeb93045-5c292c4f { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-125dbeb9304e-5c292c4f { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-125dbeb93051-5c292c4f { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-125dbeb93054-5c292c4f { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-125dbeb93059-5c292c4f { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-125dbeb9305c-5c292c4f { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-8bc6e442c148-3c292c50 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-8bc6e442c151-3c292c50 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-8bc6e442c154-3c292c50 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-8bc6e442c157-3c292c50 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-8bc6e442c15c-3c292c50 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-8bc6e442c15f-3c292c50 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-7d2ab0c6cc96-a7292c51 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-7d2ab0c6cc9f-a7292c51 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-7d2ab0c6cca2-a7292c51 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-7d2ab0c6cca5-a7292c51 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-7d2ab0c6ccaa-a7292c51 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-7d2ab0c6ccad-a7292c51 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-0a0f2a149803-a5292c55 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-0a0f2a14980c-a5292c55 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-0a0f2a14980f-a5292c55 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-0a0f2a149812-a5292c55 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-0a0f2a149817-a5292c55 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-0a0f2a14981a-a5292c55 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-0a0f2a149803-bdd57644 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-0a0f2a14980c-bdd57644 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } } @media screen and (max-width:991px) { #w-node-0a0f2a14980f-bdd57644 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-0a0f2a149812-bdd57644 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3 } } @media screen and (max-width:991px) { #w-node-0a0f2a149817-bdd57644 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } @media screen and (max-width:991px) { #w-node-0a0f2a14981a-bdd57644 { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4 } } #cookie-consent-container { display: flex; flex-direction: column; align-items: center; background-color: rgb(38, 38, 38, .85); font-size: 1rem } #cookie-consent-container .consent-actions a.consent-all-trigger { color: #333; margin-bottom: 5px } #cookie-consent-container .consent-actions a { margin-top: 5px } #cookie-consent-container .consent-actions a.consent-all-trigger:hover { color: #fff } #cookie-consent-form-container form .consent-header img { margin: 0 auto; display: block; float: none } #cookie-consent-container .consent-disclaimer a { color: #fecb0a } #cookie-consent-container .consent-disclaimer a:hover { text-decoration: none } #cookie-consent-form a { border-bottom: 1px solid #fecb0a; color: #666; font-weight: 500; text-decoration: none; cursor: pointer } #cookie-consent-form a:hover { border-bottom-color: transparent; color: #333 } #cookie-consent-container .consent-disclaimer, #cookie-consent-container .consent-actions { float: none; width: 100%; padding-left: 0; padding-right: 30px; display: block; max-width: 730px } #cookie-consent-container .consent-disclaimer { order: 1; margin-bottom: 0; margin-top: 5px } #cookie-consent-container .consent-actions { order: 2; text-align: center } #cookie-consent-container .consent-dismiss-trigger-container { position: absolute; top: 15px; right: 20px } body.consent-form-visible { height: 100% } #cookie-consent-form-container { overflow-y: auto } @media screen and (max-width:991px) { #cookie-consent-form-container { font-size: .8rem; line-height: 1.4rem; max-height: 95vh } } @media screen and (max-width:767px) { #cookie-consent-container { font-size: .9rem } #cookie-consent-form-container { max-height: 85vh } } .adshow_container .slide { background: unset; text-align: center } .adshow_container ul { padding-left: 0 } .adshow_container ul li { list-style: none; margin-bottom: 10px; text-align: center } .cb-link-box-div-full { min-height: 275px; margin-right: 1rem; margin-left: 1rem } @media (max-width:991px) { .cb-link-box-div-full { margin-right: 0; margin-left: 0 } } @media (max-width:991px) and (min-width:768px) { .quicklink-icon-text-wrap.my-stephanis { padding-right: 80px } } @media (min-width:992px) { .slider-widget, .slider-widget .w-slide { height: 26vw } .slider-widget .w-slide { background-position: 100%; background-size: 100% 26vw; background-repeat: no-repeat } } @media (max-width:991px) and (min-width:768px) { .slider-widget, .slider-widget .w-slide { height: 25vw } .slider-widget .w-slide { background-position: 100%; background-size: 100% 25vw; background-repeat: no-repeat } } @media screen and (min-width:992px) { .property-spotlight-mask { width: calc(100% - 160px) } } @media screen and (max-width:991px) { .property-spotlight-mask { width: calc(100% - 40px) } } @media screen and (min-width:1024px) and (max-width:1360px) { .property-spotlight-slide { width: 31.33% } } @media screen and (min-width:992px) and (max-width:1023px) { .property-spotlight-slide { width: 48% } } @media screen and (min-width:992px) { .property-quad-mask { width: calc(100% - 140px) } } @media screen and (max-width:991px) { .property-quad-mask { width: calc(100% - 40px) } .top-nav-wrapper { display: none !important } .top-nav-div { display: none !important } } @media screen and (max-width:1115px) { .telephone-number { display: none } } html.html-home.addtocartpopup-popup { overflow: visible } #printHeader { display: none } .header-section { z-index: 9999 } .top-nav-div { z-index: 10000 } .brand-column { width: auto } .mobile-navigation-menu { display: none; z-index: 1000; top: 97px; position: fixed; width: 100%; min-width: auto; max-width: none; border-top: 2px solid rgba(93, 63, 58, .35) } .mobile-navigation-menu.extra-space { top: 137px } html.open-mobile-menu { overflow: hidden } .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout { transform: none; transform: none } .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout { top: 100px } .menu-button-close { display: none; background-image: url(/assets/images/menu-button-close.png); background-repeat: no-repeat; width: 60px; height: 60px; background-size: 30px; position: absolute; top: 23px; left: 50px; background-position: center } .language-dropdown-link-2, .language-dropdown-link { background-image: url(/20190619081922/assets/images/ru_RU.svg) } .language-dropdown-link-2._1, .language-dropdown-link._1 { background-image: url(/20190619081922/assets/images/el_GR.svg) } .language-dropdown-link-2._2, .language-dropdown-link._2 { background-image: url(/20190619081922/assets/images/en_US.svg) } .search-link-icon { border: 0 none; background-color: transparent; text-indent: -99999px; cursor: pointer } .account-link-2 { text-transform: capitalize } .no-link { cursor: default } .desktop-cart-link { display: flex; align-items: center; text-decoration: none } .header-section { top: 32px; transition: top .3s ease } .header-section.fixed-header { top: 0 } .basket-amounts-div-3 { display: block } .container.nav-container { position: relative } .dropdown-inner-wrap { width: 100% } .dropdown-wrapper-custom.open:hover .main-nav-link.full { /* background-color: #58585a; color: #fff */ } .dropdown-wrapper-custom.open .dropdown-list-custom { display: block; height: auto; opacity: 1; transition: opacity .3s ease 0s, height .3s ease 0s } .dropdown-wrapper-custom.open .account-dropdown-list { margin-top: 0 } .subcateogry-div .dropdown-link.w--current { box-shadow: none; color: #000 } .w-dropdown-link.account-link-2.top.w--current { color: #222; background-color: #fff } #printFooter { display: none } .social-media-title { color: #333 } .social-media-link-block-2.footer-socmed-link-block { background-color: transparent; border: 0 none; padding: 0; border-radius: 0; margin-right: 1.25rem; margin-left: 1.25rem; background-repeat: no-repeat; background-position: 50% 50% } .social-media-link-block-2.footer-socmed-link-block.facebook { margin-right: 1rem; background-image: url(/20190619081922/assets/images/facebook_grey.svg); background-size: 47px 45px } .social-media-link-block-2.footer-socmed-link-block.instagram { background-image: url(/20190619081922/assets/images/instagram_grey.svg); background-size: 35px 33px } .social-media-link-block-2.footer-socmed-link-block.twitter { background-image: url(/20190619081922/assets/images/twitter_grey.svg); background-size: 55px 51px } .social-media-link-block-2.footer-socmed-link-block.youtube { background-image: url(/20190619081922/assets/images/youtube_grey.svg); background-size: 55px 51px } .social-media-link-block-2.footer-socmed-link-block.issue { background-image: url(/20190619081922/assets/images/issuu_grey.svg); background-size: 31px 31px } .social-media-link-block-2.footer-socmed-link-block:hover { background-color: transparent; border: 0 none; padding: 0 } .footer-signoff-link, .footer-list-link { text-transform: capitalize } #GRIPFooterLogo { padding-top: 0 !important; width: 150px !important } #GRIPFooterLogoImg { background-size: 150px 33px !important; width: 150px !important; height: 33px !important } #GRIPFooterLogoText { line-height: 8px; padding-left: 37px !important; letter-spacing: 1px !important } .w-slide { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat } .full-slide-link { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .slide-text-wrap h1, .slide-text-wrap h2, .slide-text-wrap h3 { display: inline-block; margin-top: 1px; margin-bottom: 5px; padding: .25rem .75rem .25rem 1.25rem; float: left; clear: left; background-color: rgba(53, 56, 64, .85); color: #fff; font-size: 2rem; line-height: 2.65rem; font-weight: 300; text-transform: uppercase } .slide-text-wrap p { max-width: 327px; margin-top: 12px; margin-left: 1rem; padding: .5rem .5rem .5rem 1rem; float: left; clear: left; border-left: 4px solid #fecb0a; color: #fff } .shop-cat-link-div:hover .category-title { width: 100% } .quicklink-text-title { color: #333 } .quicklink-icon-div-wrapper { border: 0 none; text-decoration: none } .prop-spotlight-details-wrapper-3 { margin-top: -8px } .property-spotlight-slide-2 { width: 100% } .add_to_cart_form.home { width: 100% } /* .owl-carousel .owl-stage { margin: 0 auto } */ button[type=submit].add-to-cart-icon-4 { margin: 0; padding: 0; display: flex; border: 0 none !important; background-color: #fecb0a; color: #fff; letter-spacing: 0; font-size: .75rem; line-height: 1rem; background-image: url(/20190619081922/assets/images/homepage-icons_triangle-LT-GREY-36.svg), url(/20190619081922/assets/images/cart-icons-15.svg); background-position: 0 50%, 84% 50%; background-size: contain, 25px 25px; background-repeat: no-repeat, no-repeat; text-decoration: none } button[type=submit].add-to-cart-icon-4:hover { background-color: hsla(47.51999999999999, 100%, 44.33%, 1) !important; box-shadow: none } .present-text-wrapper .arrow-link:hover { background-color: transparent } .property-slider-widget-2 { padding-left: 0; padding-right: 0 } .owl-carousel.owl-theme.property-spotlight-mask-2 { padding-left: 80px; padding-right: 70px } .owl-carousel .owl-item { padding-right: 2px } .property-slider-arrow-link-4.owl-prev { position: absolute; top: 40%; left: 20px } .property-slider-arrow-link-4.owl-next { position: absolute; top: 40%; right: 15px } .ribbon-banner { background-image: none; padding: 0; min-height: auto } .ribbon-banner .cms-website-content-region p { margin-bottom: 0 } .all-ribbons .item-add-to-cart { width: 100% } .listing-details-column { height: 60px; justify-content: center } .stephanis-drop { z-index: 1 !important } .add-to-cart-text-2.pre-order, .add-to-cart-text-2.pre-order-date { max-width: 200px } button[type=submit].wishlist-save-icon-2 { margin: 0; background-color: #ddd; border: 0 none !important } button[type=submit].wishlist-save-icon-2:hover { background-color: #ddd !important } .property-spotlight-image-link-3.no-image-available { opacity: .7 } .property-spotlight-image-link-3 { background-size: auto 185px; border-bottom: 1px solid #dadada !important } .left-nav-nested-list .left-nav-nested-list .left-nav-nested-list-link { padding-left: 2.5rem; background-position: 24px 50% } .left-nav-list-link.selected { background-image: url(/20190619081922/assets/images/nav-arrow_blue-01.svg); background-position: 0 50%; background-size: 11px 11px; background-repeat: no-repeat; color: #666 } .left-nav-nested-list-link.selected { background-image: url(/20190619081922/assets/images/nav-arrow_blue-01.svg); background-position: 12px 50%; background-size: 11px 11px; color: #666 } .left-sidebar-custom { padding-right: 20px; font-size: .875rem; line-height: 1.5em } .left-sidebar-custom h1, .left-sidebar-custom h2, .left-sidebar-custom h3, .left-sidebar-custom h4 { margin-top: 0; margin-bottom: .75rem; font-size: 1.25rem; line-height: 1.775rem; text-transform: none; font-weight: 600; letter-spacing: .01rem; color: #333 } .right-sidebar-column .box { position: relative; margin-bottom: 2.441em; margin-left: 1em; border-top: 1px none rgba(0, 0, 0, .15); font-size: .875rem; line-height: 1.5em } .right-sidebar-column h1, .right-sidebar-column h2, .right-sidebar-column h3, .right-sidebar-column h4 { margin-top: 0; margin-bottom: .75rem; font-size: 1.25rem; line-height: 1.775rem; text-transform: none } .box.documents .content>table { margin-bottom: .75rem } .box.documents .content td:first-of-type { padding-right: 10px; width: 35px } .box .contentbox_item { margin-bottom: .75rem } .intro_text_style { font-size: 1.1875em; line-height: 1.5em } blockquote { border-left-color: #fecb0a; background-color: #f8f8f8; color: #333; font-size: 1.15rem; line-height: 1.75rem; font-weight: 400 } blockquote p { color: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-weight: inherit } blockquote p:last-of-type { margin-bottom: 0 } .divider, .cms_divider, .cms_item_divider, .item_divider { height: 1px !important; margin-top: 1.5em !important; margin-bottom: 1.5em !important; background-color: rgba(0, 0, 0, .15) !important; border-top: 0 none !important; border-bottom: 0 none !important } hr:not(.fc-divider):not(.formBreak) { border-color: rgba(0, 0, 0, .15); border: 0; color: rgba(0, 0, 0, .15); margin-bottom: 1.5em; margin-top: 1.5em; border-top: 1px solid } #session-message-wrapper .success { background-color: #079429; text-align: left; margin-top: 20px; margin-bottom: 20px; padding: 20px; color: #fff; font-size: 1rem; line-height: 1.5rem; font-weight: 400 } #session-message-wrapper .error { background-color: #c23737; text-align: left; margin-top: 20px; margin-bottom: 20px; padding: 20px; color: #fff; font-size: 1rem; line-height: 1.5rem; font-weight: 400 } #session-message-wrapper .success p, #session-message-wrapper .success ul li, #session-message-wrapper .error p, #session-message-wrapper .error ul li { margin-top: 0; color: #fff; font-size: 1rem; line-height: 1.5rem; font-weight: 400 } .success :last-child, .error :last-child { margin-bottom: 0 } #session-message-wrapper .success a, #session-message-wrapper .error a { font-weight: 400; color: #fff; border-bottom-color: #fff } #session-message-wrapper .success a:hover, #session-message-wrapper .error a:hover { color: #fff; border-bottom-color: transparent } /* img { height: auto } td img { max-width: none } */ @media (max-width:767px) { .mobile-friendly-image { display: block; float: none !important; margin-left: 0 !important; margin-right: 0 !important } .owl-carousel.owl-theme.property-spotlight-mask-2 { padding-left: 70px; padding-right: 70px } .property-slider-arrow-link-4.owl-next { right: -14px } .property-slider-arrow-link-4.owl-prev { left: -14px } } table.styled { width: 100%; margin: 20px 0 10px 0; background-color: transparent; border-spacing: 0 } table.styled th, table.styled td { border-right: 1px solid #fff } table.styled tr th:last-child, table.styled tr td:last-child { border-right: none } table.styled thead tr th { font-size: 1rem; line-height: 1.2rem; padding: .625rem .625rem; text-align: left; background-color: #676767; color: #fff } table.styled th { font-weight: 400; font-size: 1rem; line-height: 1.2rem; padding: .5rem .625rem; text-align: left; background-color: #b6b6b6; color: #fff } table.styled th a { color: inherit; text-decoration: underline; border-bottom: none; font-weight: 400 } table.styled th a:hover { color: inherit; text-decoration: none } table.styled td { padding: .375rem .625rem; font-size: .96rem; line-height: 1.4rem } table.styled.striped tr:nth-child(even) { background: rgba(0, 0, 0, .05) } table.styled.striped tr:nth-child(odd) { background: 0 0 } @media (max-width:39.9375em) { table.styled.tablesaw { border: 1px solid grey } table.styled.tablesaw th, table.styled.tablesaw td { border-right: 0 none; border-bottom: 0 none } .tablesaw-stack tbody { border-top: 1px solid grey } .tablesaw-stack tbody tr { border-bottom: 0 none } } /* .cms_label, .label, label { font-weight: 400 } label { display: inline; margin-bottom: 0 } */ /* input[type=text], input[type=password], input[type=email], input[type=search], textarea, select { font-size: .875rem; line-height: 1.42857143; padding: 4px 10px; border: 1px solid #ccc; color: #333 } */ /* textarea { resize: vertical } input[type=search].search-input-hidden { padding-left: 0; border-style: none none solid; border-width: 1px; border-color: #fff #fff #333 } */ input[type=search].search-input-hidden:focus { border-bottom-color: #fecb0a; color: #000 } a { cursor: pointer } .search-facets a, #products_module.responsive .item-wrapper .product-availability a, a.s-continue-shopping.js-addtocartpopup-close, .main-content-column a { border-bottom: 1px solid #fecb0a; color: #666; font-weight: 500; text-decoration: none; cursor: pointer } .search-facets a:hover, #products_module.responsive .item-wrapper .product-availability a:hover, a.s-continue-shopping.js-addtocartpopup-close:hover, .main-content-column a:hover { border-bottom-color: transparent; color: #333 } .main-content-column h1 a, .main-content-column h2 a, .main-content-column h3 a, .main-content-column h4 a, .main-content-column h5 a, .main-content-column h6 a { border-bottom-width: 2px; border-bottom-color: hsla(194.1322314049587, 0%, 72%, .5); color: #666 } .main-content-column h1 a:hover, .main-content-column h2 a:hover, .main-content-column h3 a:hover, .main-content-column h4 a:hover, .main-content-column h5 a:hover, .main-content-column h6 a:hover { border-bottom-color: hsla(194.1322314049587, 0%, 72%, .5); color: #333 } /* .button, .primary, .secondary, .tertiary, button[type=submit] { display: inline-block; margin-top: .5rem; margin-right: .5rem; margin-bottom: .5rem; padding: .5rem 1.5rem !important; border: 1px solid #fecb0a !important; background-color: #fecb0a; transition: all .3s ease; color: #333; font-size: .85rem; font-weight: 600; text-align: center; letter-spacing: .05rem; text-decoration: none; text-transform: uppercase; cursor: pointer } */ /* .button:hover, .primary:hover, .secondary:hover, .tertiary:hover, button[type=submit]:hover { border-color: #666 !important; background-color: #666 !important; color: #fff } */ /* .button.tertiary, .tertiary, button[type=submit].tertiary { padding-right: 1rem !important; padding-left: 1rem !important; border-width: 2px !important; border-color: #fecb0a !important; background-color: #fff; color: #333; font-size: .85rem; line-height: 1.5em } */ /* .button.tertiary:hover, .tertiary:hover, button[type=submit].tertiary:hover { border-color: hsla(194.1322314049587, 0%, 72%, .5) !important; background-color: #fff !important; color: #666 } */ /* .button.secondary, .secondary, button[type=submit].secondary { border-color: #b5b5b5 !important; background-color: #b5b5b5 } */ /* .button.secondary:hover, .secondary:hover, button[type=submit].secondary:hover { border-color: #fecb0a !important; background-color: #fecb0a !important; color: #333 } */ /* a.primary, a.secondary, a.tertiary { font-weight: 600; color: #333 } */ a.primary:hover { color: #fff } table.banner { width: 100% !important; border: 0 none; margin-left: .35rem; margin-top: 1rem } table.banner tr { display: flex } table.banner td { flex: 1 1 auto; border: 0 none } table.banner td a { width: 100% } table.banner td img { width: 100% } @media (min-width:992px) { .search-column { display: block !important } .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout { transform: translate(0, 0); transform: translate3d(0, 0, 0) } .menu-button-close { display: none !important } .mobile-navigation-menu { display: none !important } } @media (max-width:1330px) { .mega-div-wrap { max-height: 750px } } @media (max-width:991px) { .header-section { top: 0 } .search-column { display: none } input[type=search].search-input-hidden, input[type=search].search-input-hidden:focus { border-bottom: 0 none } .menu-button.w-nav-button:hover .mobile-menu-icon { color: #fecb0a } .mobile-navigation-menu.mm-menu_opened { background-color: #fff; display: block !important } .main-nav-link.mobile-duplicate { width: 100% } .extra-links.mm-listitem { background-color: #f0f0f0 } .mm-listitem:after { left: 0; border-bottom: 1px solid rgba(93, 63, 58, .15) } .extra-links.mm-listitem:after { border-bottom: 0 none } .mm-menu .mm-btn_prev:hover, .mm-menu .mm-navbar__title:hover, .mm-menu .mm-btn_next:hover { color: #fff; background-color: #f1f1f1; cursor: pointer } .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) { width: 15%; background-color: transparent; border-bottom-color: rgba(93, 63, 58, .15) } .mm-listitem:hover .mm-btn_next.mm-btn_fullwidth { background-color: transparent } .mm-listitem .mm-btn_next:before { border-left-width: 1px; border-left-color: rgba(93, 63, 58, .15) } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before, .mm-menu .mm-listview .mm-btn_next:after { border-color: rgba(93, 63, 58, .35) } .mm-btn_next:after, .mm-btn_prev:before { width: 9px; height: 9px; border-top: 3px solid transparent; border-left: 3px solid transparent } .mm-btn_next:after { right: 6.5% } .mm-btn_prev:before { margin-left: 0; left: 17px } .mm-menu .mm-listview .mm-btn_next:hover { cursor: pointer } .mm-menu .mm-listview .mm-btn_next+a { width: 85%; margin-right: 15% } .mm-navbar { border-bottom: 1px solid rgba(93, 63, 58, .15); padding: 0 10px 0 40px; height: 40px } .mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color: #333; height: 40px; border-bottom: 0 none !important } .mm-navbar__title { font-size: 1rem; line-height: 1.35rem; font-weight: 600; text-align: left; padding-left: 8px !important; text-transform: uppercase; border-bottom: 0 none; color: #333 } .mm-navbar { background-color: #fecb0a } .mm-navbar:hover { cursor: pointer; background-color: #fecb0a; border-bottom: 0 } .mm-menu .mm-btn_prev:hover, .mm-navbar:hover .mm-navbar__title { background-color: #fecb0a; color: #333 } .mm-navbar:hover .mm-btn_prev:before { border-color: #f1f1f1 } .menu-custom-btns { height: 40px; text-align: right } .menu-custom-btns .mobile-menu-close, .menu-custom-btns .mobile-menu-first-level { width: 40px; height: 40px; display: inline-block; color: #000; font-size: 2rem; float: right; text-align: center; font-family: webflow-icons !important; background-color: #f0f0f0 } .menu-custom-btns .mobile-menu-close { font-size: 1rem } .menu-custom-btns .mobile-menu-first-level { margin-right: 5px } .menu-custom-btns .mobile-menu-first-level:after { content: "\e602" } .menu-custom-btns .mobile-menu-close:after { content: "\e900" } .mm-navbar+.mm-listview .menu-custom-btns { position: absolute; top: 0; width: 100% } .nav-item-with-icon { display: flex !important; padding: 0 !important } .slider-section { padding-top: 97px } .slide-text-wrap h1, .slide-text-wrap h2, .slide-text-wrap h3 { font-size: 35px; line-height: 39px } .slide-text-wrap p { display: block; max-width: 400px; margin-top: .5rem; margin-bottom: .5rem; font-size: 16px } .content-box-section { padding-bottom: 2rem } .two-link-div-wrapper { padding-right: 2rem; padding-left: 2rem } .cb-link-box-div.large._2 { margin-top: 2rem } .property-slider-arrow-link-4.owl-prev { top: 122%; left: -15px } .property-slider-arrow-link-4.owl-next { top: 122%; right: -25px } .prop-spotlight-details-wrapper-3 { margin-top: 0 } .property-spotlight-slide-2 { padding-left: 0; padding-right: 0 } .right-sidebar-column .box { margin-left: 0 } table.banner { margin-left: 0 } .icon-search-2-column-wrap.mobile { position: absolute; right: 0; top: 22px; left: auto; width: 70px; display: block; text-decoration: none; border-bottom: 1px solid transparent } .top-icon-link-block.header.stores.mobile { position: static; margin: 0 auto !important; padding: 0 !important; display: block } .hidden-register-button-div.mobile { position: static; left: 0; top: 0; display: block; width: auto; margin-left: 0; padding-top: 0 } .hidden-register-button-div.mobile .basket-amounts-div-2 { width: calc(100% - 6px); padding: 0; margin: 0; margin-right: 0; padding-top: 0; position: static; left: auto; overflow-wrap: break-word; display: block; margin-right: 3px; margin-left: 3px } .hidden-register-button-div.mobile .basket-amounts-div-2 span { display: inline-block } } @media (max-width:767px) { .menu-button-close { background-size: 27px; left: 23px; top: 11px } .icon-search-2-column-wrap.mobile { width: 60px; top: 15px } .brand-column { width: 100% } .icon-search-2-column-wrap { position: fixed; top: .9rem; bottom: auto; display: flex; width: 11.5rem; padding-top: .8rem; padding-bottom: 0 } .top-icon-link-block.header.stores { width: 55px; margin-top: 15px } .hidden-register-button-div { position: absolute; left: -4.2rem } .basket-amounts-div-2 { left: -1.25rem; display: flex } .slider-section { padding-top: 84px } .slide-text-wrap h1, .slide-text-wrap h2, .slide-text-wrap h3 { padding-top: 1px; padding-right: 10px; padding-left: 8px; font-size: 26px; line-height: 32px } .slide-text-wrap p { display: none } .property-slider-arrow-link-4.owl-next { right: -14px } .mobile-navigation-menu { top: 84px } .mobile-navigation-menu.extra-space { top: 124px } } @media (max-width:479px) { .hidden-register-button-div.mobile { margin-top: -6px } .icon-search-2-column-wrap.mobile { top: 0; width: 55px } .mobile-navigation-menu { top: 56px } .mobile-navigation-menu.extra-space { top: 96px } .menu-button-close { background-size: 22px; left: 0; top: 0 } .icon-search-2-column-wrap { right: -108px; top: .1rem } .hidden-register-button-div { top: 41.2031px } .basket-icon-2 { max-height: 20px; max-width: 20px; margin-top: .25rem } .basket-amounts-div-2 { font-size: .625rem; line-height: .6rem } .slider-section { padding-top: 57px } .slide-text-wrap h1, .slide-text-wrap h2, .slide-text-wrap h3 { font-size: 28px; line-height: 32px } .owl-carousel.owl-theme.property-spotlight-mask-2 { padding-left: 50px; padding-right: 50px } .property-slider-arrow-link-4.owl-next { right: -6px } .property-slider-arrow-link-4.owl-prev { left: -6px } .ui-form-buttons.ui-form-field-payment { padding: 0 !important; text-align: center } } .divider, .cms_divider, .cms_item_divider, .item_divider, .separator, #submissionforms_module.cms_form .formBreak, .module-forms .formBreak { height: 1px !important; margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; background-color: rgba(0, 0, 0, .15) !important; border-top: 0 none !important; border-bottom: 0 none !important } .collection>.node { border-top: 1px solid rgba(0, 0, 0, .15); margin: 1.5rem 0 0 0; padding: 1.5rem 0 0 0 } .section_separator { border-bottom: 1px solid rgba(0, 0, 0, .15) } #events_module.cms_list .cms_date, #news_module.cms_list article time, #news_module.cms_entity .cms_date h3 { font-weight: 500; color: #333 } .ui-form-error { display: none } .ui-form-container { border: 0 } .ui-form-container .ui-form-legend { background: 0 0; padding: 0; border-bottom: 0 } .ui-form-container .ui-form-fields { border-bottom: 0 } .ui-form-container .ui-form-fields .ui-form-field.required .ui-form-label em, .ui-form-container .required_information em { color: #eb0000; font-style: italic } .ui-form-container .ui-form-fields .select2-container-multi .select2-choices { border: 1px solid #ccc; border-radius: 0; padding: 4px 10px; font-size: .875rem; line-height: 1.42857143; color: #333; box-shadow: none } .ui-form-container .ui-form-fields .select2-container-multi .select2-choices .select2-search-field .select2-input { padding: 0 } .ui-form-container .ui-form-fields .select2-container .select2-choice { box-shadow: none; border-radius: 0; background: 0 0; border: 1px solid #ccc } .ui-form-buttons { padding: 0; width: 100%; text-align: left } .ui-form-note { line-height: 1rem; margin-top: 5px } @media (max-width:991px) { .ui-form-fields { padding: 0 } .ui-form-label { position: static; padding: 0; height: auto; display: block; width: 100%; left: 0; text-align: left; top: auto; line-height: inherit } .ui-form-input { width: 100% } .ui-form-input input[type=text], .ui-form-input input[type=password], .ui-form-input input[type=email], .ui-form-input input[type=file], .ui-form-input select, .ui-form-input textarea, .ui-form-fields .select2-container, .ui-form-fields .select2-container-multi, .ui-form-fields .select2-container-multi .select2-choices .select2-search-field .select2-input { width: 100% !important; max-width: 100% } .ui-form-panel { padding: 0 !important } .ui-form-buttons { text-align: left } } @media (max-width:479px) { .ui-form-buttons button { margin-bottom: 10px; width: auto } } #account_module.form .form_container .login_field { width: 100%; max-width: 560px; margin-bottom: 15px } #account_module.form .form_button.primary { width: auto !important } #account_module.form .more_options ul { width: 100%; text-align: center; padding-left: 0 } #account_module.form .form_buttons { margin-top: 0 } #account_module.form .form_container input[type=password] { margin-bottom: 10px } #account_module.form .form_subheading { border-bottom: 1px solid rgba(0, 0, 0, .15); font-family: Roboto, sans-serif; color: #333; font-size: 1.875rem; line-height: 2.375rem; font-weight: 600; letter-spacing: .02rem } #account_module .select2-container .select2-choice abbr { display: block; opacity: .7 } #account_module .select2-container.select2-container-disabled .select2-choice { background-color: #ebebe4 } #account_module .select2-container .select2-choice { border: 1px solid #ccc; border-radius: 0; height: auto; min-height: 30px } #account_module.form .ui-form-fields { margin-bottom: 10px } #account_module.form .ui-form-label { margin-bottom: 3px } #account_module.form .ui-form-label em { color: #eb0000; font-style: italic } #account_orderhistory .order_section tr+tr { border-top: 1px solid #666 } #account_orderhistory .order_section tr+tr td:first-of-type { padding-top: 10px } #account_orderhistory .order_section { width: 100% } @media (max-width:991px) { #account_module.form .form_buttons { text-align: left } #account_module.form tr.required .field { background: 0 0; padding-left: 0; display: block; width: 100% } #account_module.form .form_item .label, #account_module.form .form_item.required .label { display: inline-block; width: 100%; text-align: left; padding-bottom: 5px } #account_module.form .form_item .label label, #account_module.form .form_item.required .label label { display: inline } #account_module.form tr.required .label:after { content: url(/core/public/shared/assets/images/required.gif); padding-left: 10px } #account_module.form .form_item .field { display: block; padding-left: 0 } #account_module.form .more_options ul { text-align: left } #account_orderhistory .order_section td { display: block; width: 100%; padding-bottom: 15px; text-align: left !important } } @media (max-width:767px) { #account_addresses .address_section td { display: block; width: 100% } #account_addresses .address_section td br { display: none } #account_addresses .address_section td a+br { display: block } .accounts-history-pagination .pagination-wrapper td { display: block; width: 100%; text-align: center } } @media (max-width:479px) { #account_module.form .ui-form-fields input[type=text], #account_module.form .ui-form-fields select { width: 100% !important } } #events_module.cms_list .event-current-day { padding-top: 1.5em; overflow: hidden } #events_module.cms_list div.events_module_calendar .fc-view-container .fc-event { display: inline-block; width: calc(100% - 4px); box-shadow: none } #fullcalendar-controls #categories .category-wrapper .category { top: 0 } #events_module .category-wrapper { padding: 0; border-bottom: 0 none } #events_module.cms_list .cms_date.cms_date_with_time_comments { margin-bottom: 10px } #events_module.cms_list .cms_list_item .cms_title { width: 100%; font-size: 1rem } #events_module.cms_list .cms_list_item .cms_title h3 { margin-top: 0; margin-bottom: 10px; padding-top: 0 } #events_module.cms_list .cms_list_item .event-category-label { display: inline-block; margin-right: 4px } #events_module.cms_list .event-category-label { margin-bottom: 10px } #events_module.cms_form .cms_label, #events_module.cms_form .cms_field, #events_module.cms_form .cms_required, #events_module.cms_form .cms_non_required, #events_module.cms_form .cms_td_answers { background-color: transparent; vertical-align: top } #events_module.cms_form .cms_required { background-position: center 10px } .primary.event-registration-button { margin-top: 10px } #events_module.cms_entity .cms_content>.cms_divider:first-of-type { display: none } @media (max-width:991px) { #events_module.cms_form .cms_field input[type=text], #events_module.cms_form .cms_field input[type=password], #events_module.cms_form .cms_field select, #events_module.cms_form .cms_field textarea, #events_module.cms_form .cms_field { display: block; clear: both; width: 100% !important; max-width: 100% } #events_module.cms_form .cms_label { display: inline; text-align: left; padding-left: 0; width: auto; float: left } #events_module.cms_form .cms_required, #events_module.cms_form .cms_non_required { width: 20px; display: inline; text-align: left; padding-left: 0; float: left } } @media (max-width:767px) { #events_module.cms_form .cms_info_req { float: none; text-align: right } } #faqs_module .cms_title h3 { margin-top: 0 } #faqs_module .cms_list_item>ul { margin: 0; list-style-type: disc } #faqs_module .cms_list_item ul li { padding-bottom: 7px } #faqs_module.cms_list .cms_list_subitem { padding-bottom: 5px } #faqs_module.cms_list .cms_list_item .description, #faqs_module.cms_list .cms_list_subitem .description { padding: 0 0 7px; list-style-type: none } .box.tools .content .contentbox_item form input { width: 100% } .box.tools .content .contentbox_item form .primary { margin-top: 0 } #locations_module.list .locations_list_title, #locations_module.list .location_types_title { border-color: rgba(0, 0, 0, .15) } #locations_module.list .metadata2.address, #locations_module.list .location-item-details-inner .location-item-website { padding-bottom: 10px } #locations_module_display_view_contentbox { text-align: left } #locations_module.entity { overflow: hidden } #locations_module.list .location-item { width: 100% } .box.archive { overflow: hidden } #news_module.cms_list article { padding-bottom: 1px } #news_module.cms_list .cms_categories_section .cms_category_item .image { margin-bottom: 10px } #news_module .image { width: auto; height: 100% } #news_module.cms_list .cms_metadata1.cms_title h3 { margin-top: 0 } #news_module.cms_list article h2 { padding-top: 0 } .news_module.cms_category_list.header { margin-bottom: 20px } #news_module.cms_entity .cms_date h3 { margin-top: 0 } #news_module.cms_entity .quaternary_title { margin-top: 0 } .archive_links { overflow: hidden; margin-bottom: .75rem } .archive_links a, .archive_links a.selected { padding-bottom: 0 } @media(max-width:991px) { #news_module.cms_entity .cms_content .image { float: none !important; margin-left: 0; height: auto !important } #news_module.cms_list .cms_categories_row { margin-bottom: 20px } } .moduleDocuments-rss-feed-link { border-bottom-width: 0 !important } #moduleDocuments_module.cms_list .cms_item_description { margin-top: 5px } #moduleDocuments_module.cms_list .icon { display: inline-block; width: auto; height: auto; min-height: 2rem; min-width: 2rem } .moduleDocuments-rss-feed-link { border-bottom-width: 0 !important; box-shadow: none !important } #submissionforms_module.cms_form .cms_divider { display: none } #submissionforms_module.cms_form .cms_required em { display: none } #submissionforms_module.cms_form tr[data-required=true] .cms_label label:after, #submissionforms_module.cms_form tr[data-required=true] .cms_label div:after { content: "*"; padding-left: 5px; font-style: italic } #submissionforms_module.cms_form .cms_steps_wrapper .cms_step span, #submissionforms_module.cms_form .cms_steps_wrapper .cms_step_first span, #submissionforms_module.cms_form .cms_steps_wrapper .cms_step_last span { padding: 1px 27px } #submissionforms_module.cms_form .cms_steps_wrapper span a { border-bottom: 0 none } #submissionforms_module.cms_form .sigWrapper.current { height: 102px; width: 100%; max-width: 302px; display: block !important } #submissionforms_module.cms_form .sigPad input { display: block } #submissionforms_module.cms_form .cms_field, #submissionforms_module.cms_form .cms_required, #submissionforms_module.cms_form .cms_label { padding-bottom: 15px } #submissionforms_module.cms_form .formSection { margin-bottom: 15px } #submissionforms_module.cms_form .cms_field .ui-datepicker-trigger { vertical-align: baseline } #submissionforms_module.cms_form .formBreak, .module-forms .formBreak { border: 0 none; border-top: 1px solid rgba(0, 0, 0, .15); margin-top: 1.5em; margin-bottom: 1.5em } #submissionforms_module.cms_form .cms_field.currency::before, .responsive #submissionforms_module.cms_form .cms_field.currency::before { top: 40%; transform: translate(0, -60%) } #submissionforms_module .ui-form-field-subtitle .ui-form-label label, #submissionforms_module .ui-form-field-subtitle .ui-form-label span { font-size: 100%; font-weight: 400; color: #333 } #submissionforms_module .ui-form-label span { color: #333; font-weight: 400 } #submissionforms_module.cms_form .cms_field.currency::before, .responsive #submissionforms_module.cms_form .cms_field.currency::before { top: 26% } #submissionforms_module.cms_form .paragraph-text { width: 100%; margin: 0; padding: 0; float: none; color: #333; font-size: 1rem; line-height: 1.5rem } .module-forms.confirmation .step-title { color: #333; font-size: 1.5rem; line-height: 1.975rem; font-weight: 600; letter-spacing: .02rem; margin-top: 20px } .module-forms.confirmation pre { overflow: hidden } @media(max-width:991px) { .module-forms.confirmation td { display: block; width: 100% } } @media(max-width:767px) { #submissionforms_module.cms_form .cms_required, #submissionforms_module.cms_form .cms_label { padding-bottom: 0 } #submissionforms_module tr[data-required=true] .cms_label::after { content: ""; padding-left: 0 } #submissionforms_module tr[data-required=true] .cms_label label::after, #submissionforms_module tr[data-required=true] .cms_label div::after { content: "*"; padding-left: 5px } #submissionforms_module.cms_form .cms_field.currency::before, .responsive #submissionforms_module.cms_form .cms_field.currency::before { top: 37%; left: 4px } } body.module-search.controller-pages-search .search-face-type-category.longer .search-facet-options-list { max-height: none } body.module-search.controller-pages-search .filter-child-container { margin-left: 5px !important } body.module-search.controller-pages-search .filter-checkbox:not(.child) { text-transform: uppercase } #products_module.responsive .items #transition-overlay { z-index: 100 } html.disable-scrolling { overflow: auto } html.disable-scrolling body { overflow: auto } .search-module.search-form-top p { display: flex; justify-content: flex-start; align-items: center } .search-module.search-form-top input[type=search] { margin-right: 10px } .header_search.fly-out-menu-list-container { position: fixed; top: 97px !important; max-width: 500px; z-index: 10000 } .fixed-header~.header_search.fly-out-menu-list-container { top: 65px !important } .inside_search.fly-out-menu-list-container { width: 500px } .fly-out-menu-list-container ul.fly-out-menu-list li a { display: flex; justify-content: flex-start; align-items: center; padding: 7px } .fly-out-menu-list-container ul.fly-out-menu-list li a .item-image { height: auto; margin-right: 7px; flex-basis: 70px; flex-shrink: 0 } .fly-out-menu-list-container ul.fly-out-menu-list li a .description { flex-basis: calc(100% - 70px) } .fly-out-menu-list-container ul.fly-out-menu-list li a .description .item-title.cms_title h3 { margin: 0; font-size: 1rem; line-height: 1.5rem; white-space: normal } .fly-out-menu-list-container ul.fly-out-menu-list li a .description .item-sku { margin-top: 4px; color: #8b8b8b; font-size: .75rem; line-height: 1.1rem } @media(max-width:991px) { .header_search.fly-out-menu-list-container, .fixed-header~.header_search.fly-out-menu-list-container { top: 138px !important; left: 0 !important; width: 100%; max-width: 100% } .inside_search.fly-out-menu-list-container { top: 190px !important } } @media(max-width:767px) { .header_search.fly-out-menu-list-container, .fixed-header~.header_search.fly-out-menu-list-container { top: 123px !important } .inside_search.fly-out-menu-list-container { left: 1.5rem !important; width: 300px } } #products_module.responsive .category-wrapper { justify-content: flex-start } #products_module.responsive .category-wrapper .category-div-wrapper a.shop-cat-link-div { border-bottom: 0 none } .category-title.level-1 { width: auto; min-width: 172px; transition: min-width .3s ease-in } .shop-cat-link-div.level-2 { text-align: left; font-weight: 400 } .shop-cat-link-div.level-2:hover .category-title.level-1 { width: auto; min-width: 100% } .top-filtering-div { justify-content: flex-start } .side-filter-buttons { flex: 0 } .top-filtering-div.ribbons-top-filtering { justify-content: flex-start } #products_module.responsive.cms_list .top-filtering-div { display: inline-block } #products_module.responsive.cms_list .top-filtering-div .side-filter-buttons { display: inline-block } #products_module.responsive.cms_list .top-filtering-div .side-filter-buttons .search-filter-button { padding-left: 4px; padding-right: 4px; line-height: 1.4rem } .side-filter-buttons.ribbons-side-filter-buttons { flex: 0 } a.newsletter-submit-button.search-filter-button { color: #000; background-color: hsla(0, 0%, 75%, .75); border: 0 none } a.newsletter-submit-button.search-filter-button:hover { background-color: #fecb0a } a.newsletter-submit-button.search-filter-button.selected { background-color: #fecb0a } .compare-button.primary { padding: 2px 17px !important; font-size: .75rem; border: 0 none !important } .compare-button.primary:hover { background-color: hsla(0, 0%, 74.5%, .75) !important; border: 0 none !important; color: #000 } #products_module.responsive.cms_list>.pagination-wrapper { margin-left: .35rem; width: 100%; margin-bottom: 5px; padding-top: 5px } .pagination-wrapper .pagination-next-page, .pagination-wrapper .pagination-previous-page { padding: 0 } #products_module.responsive .pagination-wrapper .pagination-next-page a, #products_module.responsive .pagination-wrapper .pagination-previous-page a { border-bottom: 1px solid #fecb0a; line-height: 1.5rem; transition: all 450ms ease } #products_module.responsive .pagination-wrapper .pagination-next-page a:hover, #products_module.responsive .pagination-wrapper .pagination-previous-page a:hover { border-bottom: 1px solid transparent } .pagination-filter.pagination-bg.pagination-current-items-top { display: none } .pagination-filter.pagination-bg.pagination-page-selection-top { justify-content: flex-end; font-size: .875rem } .pagination-filter.pagination-bg.pagination-page-selection-top .fly-out-menu-container_PerPageSelection { margin-right: 0 } .fly-out-menu-container .fly-out-menu-button { border: 1px solid #ccc; color: #333; font-size: .875rem; line-height: 1.42857143; padding: 4px 10px } #products_module.responsive .category-heading { margin-bottom: 1rem } #products_module.responsive .category-heading table tr td img { max-width: 100% } .purchase-info-wrapper { position: fixed; bottom: 0; right: 20px; z-index: 2; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5) } #products_module.responsive.cms_entity .shippingitem, .item-wrapper .shippingitem, .purchase-info-wrapper .shippingitem { position: static; top: 232px; width: 100%; margin-top: 0; margin-right: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; float: none; clear: none; transition: all .2s ease; cursor: pointer; background-color: #e8e8e8 } #products_module.responsive.cms_entity .shippingitem { padding-left: 0 } #products_module.responsive.cms_entity .shippingitem, .item-wrapper .shippingitem { background-color: transparent; height: 36px; border-bottom: 1px solid #fff } #products_module.responsive.cms_entity .shippingitem { height: auto } .purchase-info-wrapper .shippingitem:hover { background-color: #efefef } #products_module.responsive.cms_entity .shippingitem .shippingiconwrapper, .item-wrapper .shippingitem .shippingiconwrapper, .purchase-info-wrapper .shippingiconwrapper { display: flex; min-height: auto; min-width: 50px; justify-content: center; align-items: center; background-color: transparent; border-bottom: 0 none } #products_module.responsive.cms_entity .shippingitem .shippingicon, .item-wrapper .shippingitem .shippingicon, .purchase-info-wrapper .shippingicon { height: 30px; min-height: 0; min-width: 35px; padding-bottom: 5px; background-color: transparent; background-position: 50% 50%; background-size: 24px 24px; background-repeat: no-repeat; transition: all 450ms ease } #products_module.responsive.cms_entity .shippingitem .shippingicon.freedelivery, .purchase-info-wrapper .shippingicon.freedelivery { background-image: url(/20190625124421/assets/images/homepage-icons-truckgrey-31.svg) } #products_module.responsive.cms_entity .shippingitem .shippingicon.clickcollect, .purchase-info-wrapper .shippingicon.clickcollect { margin-bottom: 3px; background-image: url(/20190625124421/assets/images/ClickCollect-Gray.svg) } #products_module.responsive.cms_entity .shippingitem .shippingicon.checkavailability, .purchase-info-wrapper .shippingicon.checkavailability { background-image: url(/20190625124421/assets/images/Availability-Gray.svg) } #products_module.responsive.cms_entity .shippingitem .shippingicon.stephaniscard, .purchase-info-wrapper .shippingicon.stephaniscard { background-image: url(/20190625124421/assets/images/Card-Gray.svg) } #products_module.responsive.cms_entity .shippingitem .shippingicon.transfer, .purchase-info-wrapper .shippingicon.transfer { background-image: url(/20190625124421/assets/images/Transfer-Gray.svg) } #products_module.responsive.cms_entity .shippingitem .shippingicon.mtn, .item-wrapper .shippingitem .shippingicon.mtn, .purchase-info-wrapper .shippingicon.mtn { background-image: url(/20190625124421/assets/images/epic.png) } #products_module.responsive.cms_entity .shippingitem .shippingttextwrapper, .item-wrapper .shippingitem .shippingttextwrapper, .purchase-info-wrapper .shippingttextwrapper { display: flex; width: 100%; height: auto; min-height: 0; justify-content: space-between; align-items: center; opacity: 1 } #products_module.responsive.cms_entity .product-details-info-wrapper .price-and-shipping-div .shipping-box .shippingitem.mtn-wrapper .shippingiconwrapper { display: block; color: #333 } #products_module.responsive.cms_entity .product-details-info-wrapper .price-and-shipping-div .shipping-box .shippingitem.mtn-wrapper .shippingiconwrapper .mtn-plan { display: flex; margin-bottom: 3px } #products_module.responsive.cms_entity .product-details-info-wrapper .price-and-shipping-div .shipping-box .shippingitem.mtn-wrapper .shippingiconwrapper .mtn-plan .shippingicon.mtn { width: 63px; height: auto; background-size: contain; background-position: 50% } #products_module.responsive.cms_entity .product-details-info-wrapper .price-and-shipping-div .shipping-box .shippingitem.mtn-wrapper .shippingiconwrapper .mtn-plan .shippingttextwrapper { display: block; font-size: .85rem; line-height: 1.1rem; flex-grow: 1 } #products_module.responsive.cms_entity .product-details-info-wrapper .price-and-shipping-div .shipping-box .shippingitem.mtn-wrapper .shippingiconwrapper .mtn-plan .shippingttextwrapper .present-text { color: #000 } #products_module.responsive.cms_entity .product-details-info-wrapper .price-and-shipping-div .shipping-box .shippingitem.mtn-wrapper .shippingiconwrapper .mtn-plan .arrow-link { margin: 0; height: auto } #products_module.responsive.cms_entity .product-details-info-wrapper .price-and-shipping-div .shipping-box .shippingitem.mtn-wrapper .shippingiconwrapper .mtn-cost { font-size: .8rem; font-weight: 400; line-height: .9rem } #products_module.responsive.cms_entity .product-details-info-wrapper .price-and-shipping-div .shipping-box .shippingitem.mtn-wrapper .shippingiconwrapper .mtn-cost strong { color: #000 } #products_module.responsive.cms_entity .shippingitem .shippingttextwrapper, .item-wrapper .shippingitem .shippingttextwrapper { width: auto } .item-wrapper .shippingitem .present-text, .purchase-info-wrapper .present-text { padding-right: .5rem; color: #676767; font-size: .7rem; line-height: .95rem; font-weight: 500; text-transform: capitalize } .item-wrapper .shippingitem .present-text { font-size: .75rem; line-height: 1rem; color: #606060 } .purchase-info-wrapper .arrow-link { display: block; width: 18px; height: 18px; min-width: 18px; margin-right: .5rem; padding: .5rem .325rem; justify-content: center; align-items: center; flex: 0 auto; background-color: transparent; background-image: url(/20190625124421/assets/images/arrow-grey-icons-06.svg); background-position: 50% 50%; background-size: 12px 12px; background-repeat: no-repeat; transition: all 450ms ease; color: #000; font-size: .75rem; line-height: .85rem; text-align: center; text-decoration: underline } .purchase-info-wrapper .modal-close-wrap-mini { position: absolute; top: -13px; right: -12px; display: flex; width: 24px; height: 24px; float: right; justify-content: center; align-items: center; border: 1px none #000; border-radius: 50%; background-color: #efefef; transition: all .2s ease; text-align: center; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5) } .purchase-info-wrapper .modal-close-link-mini { display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; opacity: .6; border-bottom: 0 none } .purchase-info-wrapper .modal-x-mini { display: block; width: 16px; height: 16px } .stephanis-card-dropdown .listing-details { text-transform: capitalize } .item-add-to-cart.js-item-add-to-cart { width: 100% } .spotlight-list-text.tile-product-name { font-weight: 500; -webkit-line-clamp: 2; height: 40px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis } .in-stock-product-code-div { align-items: center; justify-content: space-between; padding: 5px 0 } .in-stock-product-code-div.only-sku { justify-content: center } .product-code, .product-availability, .product-select-for-compare { width: auto; font-size: .75rem; line-height: 1rem; white-space: nowrap } .product-availability a { border-bottom: 1px solid #fecb0a; color: #666; font-weight: 500; text-decoration: none; cursor: pointer } .product-availability a:hover { border-bottom-color: transparent; color: #333 } .product-select-for-compare { cursor: pointer; color: #666 } .listing-details-heading.large-now-price { margin-top: -13px } .listing-details-heading.large-now-price.with-sale { margin-top: 8px } .listing-detail-column-wrapper-2:not(.trio) .large-now-price.centered span.item-price { margin-top: 8px; display: inline-block } .spotlight-unordered-list.no-specs { min-height: 52px } .spotlight-list-wrapper-3.simplified { min-height: 120px } @media (max-width:991px) { .compare-row { margin-right: 0 } #products_module.responsive.cms_list>.pagination-wrapper { margin-left: 0 } #cross_sells .items, #products_module.responsive .items.grid-view { margin-right: 0 } } @media (max-width:720px) { .spotlight-unordered-list { min-height: 0 } #products_module.responsive .item-wrapper { padding-left: 0; padding-right: 0 } } #addtocartpopup .product-added-info .addtocartpopup-image-wrapper { line-height: 1.5rem; margin-bottom: 0 } #products_module.responsive.cms_entity .carousel-slider { margin-top: 26px } #products_module.responsive.cms_entity .product-details-slideshow-wrapper { padding-right: 1vw; width: 40% } #products_module.responsive.cms_entity .product-details-desc-text { margin-bottom: 10px; font-size: .9rem; line-height: 1.35rem } #products_module.responsive.cms_entity .product-details-spec-column._1 { margin-bottom: 0 } #products_module.responsive.cms_entity .see-full-specs { border-bottom: 0 none !important; display: inline-block; margin-bottom: 1.5rem; padding-bottom: .25rem; padding-top: 0; font-size: .85rem; line-height: 1.2rem; opacity: .6; text-decoration: underline !important; color: #333 !important; font-weight: 700 !important; transition: all .2s ease } #products_module.responsive.cms_entity .see-full-specs:hover { opacity: 1 } #products_module.responsive.cms_entity .info-and-pricing { display: flex; justify-content: space-between } #products_module.responsive.cms_entity .product-details-info-wrapper { display: flex; width: 60%; padding-right: 0; padding-left: 1vw; flex-direction: column; align-items: flex-start; border-left: 1px solid rgba(0, 0, 0, .1) } #products_module.responsive.cms_entity .product-details-column { padding-left: 0; width: 100% } #products_module.responsive.cms_entity .product-description-div { width: 55%; margin-bottom: 0 } #products_module.responsive.cms_entity .price-and-shipping-div { display: flex; width: 45%; flex-direction: column } #products_module.responsive.cms_entity .listing-details-heading.large-now-price-product-details.details-pricing, #products_module.responsive.cms_entity .listing-details-heading.product-details.details-pricing-red { font-size: 1.5rem } #products_module.responsive.cms_entity .listing-details.large-was-price-product-details.centeredlisting { margin-top: .1rem; text-align: center } #products_module.responsive.cms_entity .add-to-cart-region { margin-bottom: 1rem } #products_module.responsive.cms_entity .notify-when-available-button { margin-bottom: 0; padding-left: 0 !important; padding-right: 0 !important } #products_module.responsive.cms_entity .shippingitem .shippingiconwrapper { justify-content: flex-start } #products_module.responsive.cms_entity .present-text { font-size: .85rem; font-weight: 700 } #products_module.responsive.cms_entity .shipping-box.more-info { background-color: hsla(0, 0%, 74.5%, .35) } #products_module.responsive.cms_entity .shipping-box.more-info .present-text { padding-right: .5rem; color: #676767; font-size: .7rem; line-height: .95rem; font-weight: 500; text-transform: capitalize } #products_module.responsive.cms_entity .shipping-box.more-info .shippingttextwrapper { width: 100% } #products_module.responsive.cms_entity .shippingitem.mtn-wrapper { margin-bottom: 1rem; background-color: hsla(0, 0%, 74.5%, .35); padding: 12px 8px } #products_module.responsive.cms_entity .shippingitem.mtn-wrapper .present-text { font-size: .95rem } #products_module.responsive.cms_entity .shippingicon.mtn { width: 40px; height: 40px; min-width: 40px; margin-right: 10px; margin-bottom: 0; background-size: 40px 40px } #products_module.responsive.cms_entity .product-detail-spec-label, #products_module.responsive.cms_entity .product-detail-spec-label-numbers { border-bottom: 0 none; line-height: 1.2rem } #products_module.responsive.cms_entity .product-details-specs-tbl { width: 100% } #products_module.responsive.cms_entity .product-details-specs-tbl td { font-size: .85rem; font-weight: 400; vertical-align: top; padding-bottom: 10px; line-height: 1.1rem } #products_module.responsive.cms_entity .product-details-specs-tbl td.label { font-weight: 700; width: auto; white-space: nowrap; padding-right: 10px } #products_module.responsive.cms_entity .product-details-specs-tbl td.value { width: 99% } #products_module.responsive.cms_entity .product-details-tabs .tab-item { padding-right: 1rem; padding-left: 1rem; border-style: solid solid none none; border-width: 1px; border-color: rgba(184, 184, 184, .5); background-color: #f1f1f1; border-radius: 0; margin-right: 0; font-weight: 700; color: #222; text-transform: none } #products_module.responsive.cms_entity .product-details-tabs .tab-item:hover { background-color: #f1f1f1; cursor: pointer } #products_module.responsive.cms_entity .product-details-tabs .tab-item:not(.selected-tab-item):first-of-type { border-left: 1px solid rgba(184, 184, 184, .5) } #products_module.responsive.cms_entity .product-details-tabs .selected-tab-item { padding-right: 1rem; padding-left: 1rem; border-style: solid; border-width: 1px; border-color: rgba(184, 184, 184, .5); background-color: #fecb0a; border-radius: 0 } #products_module.responsive.cms_entity .product-details-tabs .selected-tab-item:hover { background-color: #fecb0a; cursor: pointer } #products_module.responsive.cms_entity .product-details-tabs .tab-item-content[id|=stockAvailability], #products_module.responsive.cms_entity .product-details-tabs .tab-item-content[id|=specifications], #products_module.responsive.cms_entity .product-details-tabs .tab-item-content[id|=colours], #products_module.responsive.cms_entity .product-details-tabs .tab-item-content[id|=mtn] { padding: 0 } #products_module.responsive.cms_entity .product-details-tabs .tab-item-content { border-radius: 0 } #products_module.responsive.cms_entity .product-details-tabs .tab-item-content .specs-padding { padding: 15px } #products_module.responsive.cms_entity .tab-content-wrapper { border-style: solid solid none; border-width: 1px; border-color: rgba(184, 184, 184, .5); background-color: #fff } #products_module.responsive.cms_entity .tab-spec-list { margin-bottom: 0; padding-right: 10px } #products_module.responsive.cms_entity .tab-spec-list-item { display: flex; height: auto; padding: 0 0 0 1rem; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(184, 184, 184, .5); font-size: .85rem; line-height: 1rem; font-weight: 700 } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details { display: flex; align-items: center; font-weight: 700; width: 100%; padding-right: 10px; font-size: .95rem; align-items: flex-end } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details>div { margin-right: 1%; width: 12% } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details>div:last-child { margin-right: 0 } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.icon { margin-right: 7px; width: 45px; align-self: center } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.icon .mtn-tab-image { margin-right: 0 } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.plan { width: calc(27% - 53px) } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.plan .plan-title { font-size: 1.3rem; font-weight: 700; line-height: 1.4rem } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.price-container { flex-grow: 1; text-align: right; min-width: 24% } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.price { text-align: center; margin-right: 0; display: inline-block; min-width: 31% } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.price .price-text { font-size: 1.4rem; line-height: 1.4rem; font-weight: 700 } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details span.small-text { font-size: .67rem; line-height: .7rem; font-weight: 400 } @media(max-width:991px) { #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details { font-size: .9rem; line-height: .9rem } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details>div, #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.plan, #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.price.monthly { margin-left: 0; margin-right: 2% } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.plan .plan-title, #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.price .price-text { font-size: 1.1rem; line-height: 1.1rem } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details span.small-text { font-size: .6rem; line-height: .6rem } } @media(max-width:767px) { #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details { flex-wrap: wrap; align-items: flex-start } #products_module.responsive.cms_entity .product-details-wrapper .add-to-cart-region .add-to-cart-text-2.add-to-cart { font-size: 1.1rem; max-width: 200px } #products_module.responsive.cms_entity .product-details-tabs .tab-item:after { background-image: url(../images/arrow-grey-icons-06.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; content: ""; display: inline; float: right; width: 12px; height: 24px } #products_module.responsive.cms_entity .product-details-tabs .selected-tab-item:after { transform: rotate(90deg); height: 28px } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details>div, #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.plan { margin-left: 0; margin-right: 7px; width: calc(33% - 7px); margin-bottom: 12px } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.icon { width: 45px } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.plan { width: calc(100% - 53px); margin-right: 0 } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.price-container { flex-grow: 0; text-align: left; min-width: auto; width: 66%; display: flex } #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details div.price { text-align: left; width: 47%; min-width: auto } } @media(max-width:380px) { #products_module.responsive.cms_entity .tab-spec-list-item .epic-plan-details { font-size: .77rem } } #products_module.responsive.cms_entity .tab-spec-list.specifications { width: 100% } #products_module.responsive.cms_entity .tab-spec-list.specifications td { font-size: .85rem; font-weight: 400; padding-top: 10px; padding-bottom: 10px; padding-right: 1rem; padding-left: 1rem; border-bottom: 1px solid rgba(184, 184, 184, .5); vertical-align: top } #products_module.responsive.cms_entity .tab-spec-list.specifications td.label { white-space: nowrap; font-weight: 700; padding-right: 7px } #products_module.responsive.cms_entity .tab-spec-list.specifications td.value { width: 99%; padding-left: 0 } #products_module.responsive.cms_entity .tab-spec-list>.tab-spec-list-item:last-of-type { border-bottom: 0 none } #products_module.responsive.cms_entity .tab-spec-list-item { font-size: .85rem; font-weight: 400; padding-top: 10px; padding-bottom: 10px } #products_module.responsive.cms_entity .tab-item-content .tab-subtitle { padding: 10px 1rem; margin: 0; border-bottom: 1px solid rgba(184, 184, 184, .5) } #products_module.responsive.cms_entity .tab-specifications .specs-padding { font-size: .85rem; font-weight: 400 } #products_module.responsive.cms_entity .tab-stockAvailability .tab-spec-list-item { padding-top: 3px; padding-bottom: 3px } #products_module.responsive.cms_entity .mtn-tab-image { width: 45px; display: inline-block; margin-right: 10px } #products_module.responsive.cms_entity .color-flex-row { display: flex; align-items: center; justify-content: space-between; width: 100% } #products_module.responsive.cms_entity .color-flex-col-1 { flex: 0 0 150px } #products_module.responsive.cms_entity .color-flex-col-2 { flex: 1 1 calc(100% - 230px); padding: 0 15px } #products_module.responsive.cms_entity .color-flex-col-3 { flex: 0 0 80px } #products_module.responsive.cms_entity .color-flex-row .product-code-product-details { display: inline-block; margin-top: 5px; margin-bottom: 5px } #products_module.responsive.cms_entity .listing-details-heading.grey-price { color: #606060 } #products_module.responsive.cms_entity .redx, #products_module.responsive.cms_entity .greencheck, #products_module.responsive.cms_entity .calltel { display: inline-block; width: 12px; vertical-align: middle } #products_module.responsive.cms_entity .calltel { width: 15px } #products_module.responsive.cms_entity .stockstatus { display: flex; width: 50%; height: auto; margin-top: 0; margin-bottom: 0; padding-top: .5rem; padding-bottom: .5rem; padding-left: .5rem; align-items: center; border-left: 1px solid hsla(0, 0%, 72.2%, .5) } #products_module.responsive.cms_entity .please-call-spec-text { margin-left: 5px; color: #ed7d31; line-height: 1.05rem; text-transform: uppercase; font-weight: 700; background-image: none; padding-left: 0 } #products_module.responsive.cms_entity .out-of-stock-spec-text { margin-left: 5px; color: #b91313; line-height: .85rem; text-transform: uppercase; font-weight: 700 } #products_module.responsive.cms_entity .in-stock-spec-text { margin-left: 5px; color: #71a753; line-height: .85rem; text-transform: uppercase; font-weight: 700 } #products_module.responsive.cms_entity .videos-tab-wrapper { display: block } #products_module.responsive.cms_entity .video-wrapper { margin-bottom: 40px } #products_module.responsive.cms_entity .videos-tab-video { min-width: 400px; min-height: 300px } #products_module.responsive.cms_entity .freegifts { display: flex; width: 100%; margin-top: 20px; margin-bottom: 0; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; border-top: 1px solid rgba(0, 0, 0, .15); padding-top: 20px } #products_module.responsive.cms_entity .present-text-3.details-gift-text { text-transform: uppercase } #products_module.responsive.cms_entity .freegiftitems { display: flex; width: 100%; justify-content: flex-start } #products_module.responsive.cms_entity .one-third { border-bottom: 0 none; text-align: center } #products_module.responsive.cms_entity .product-detail-page.one-third { flex: 0 1 150px; text-align: left; position: relative; display: flex } #products_module.responsive.cms_entity .present-icon-wrapper-3 { height: 100%; max-height: 158px } #products_module.responsive.cms_entity .present-icon-wrapper-3:after { content: ' '; height: 0; position: absolute; width: 0; right: -158px; border: 79px solid transparent; border-left-color: hsla(0, 0%, 75%, .35) } #products_module.responsive.cms_entity .freegiftblock.one-third { padding-left: 40px } #products_module.responsive.cms_entity .freegiftitems .freegiftblock.one-third:first-of-type { padding-left: 100px } #products_module.responsive.cms_entity img.image-3 { max-height: 100px } #products_module.responsive.cms_entity .product-details-wrapper .product-details-column .freegifts .freegiftitems .free-gift-image img.image-3 { max-height: 130px } #products_module.responsive.cms_entity .present-icon-2 { min-height: 75px; min-width: 75px; background-size: 75px } #products_module.responsive.cms_entity .present-text-3.details-gift-text { font-size: 1.5375rem; line-height: 1.5rem; padding-left: 10px } #products_module.responsive.cms_entity .freegiftdescriptor { margin-top: 0 } #products_module.responsive.cms_entity .freegiftdescriptor .present-text-3 { padding-right: 0; color: #676767; font-size: .8rem; line-height: .95rem; font-weight: 500; text-align: center } #products_module.responsive.cms_entity .worth { text-transform: capitalize } #products_module.responsive.cms_entity .worth-price { font-weight: 700 } #products_module.responsive.cms_entity .freegiftitems .present-icon-wrapper-3 { padding: 40px 0 } @media(max-width:991px) { #products_module.responsive.cms_entity .product-details-info-wrapper { width: 100%; margin-top: .5rem; border-left-style: none } #products_module.responsive.cms_entity .stock-location-text { width: 65%; max-width: none } #products_module.responsive.cms_entity .product-details-slideshow-wrapper { padding-right: 0; width: 100% } #products_module.responsive.cms_entity .product-details-specs-tbl td.value { width: 99% } } @media(max-width:767px) { #products_module.responsive.cms_entity .carousel-slider { margin-top: 15px } #products_module.responsive.cms_entity .freegifts { border-top: 0 none } #products_module.responsive.cms_entity .info-and-pricing { flex-direction: column } #products_module.responsive.cms_entity .product-description-div { width: 100% } #products_module.responsive.cms_entity .price-and-shipping-div { width: 100% } #products_module.responsive.cms_entity .tab-spec-list-item { align-items: flex-start } #products_module.responsive.cms_entity .color-flex-row { flex-direction: column } #products_module.responsive.cms_entity .color-flex-col-1, #products_module.responsive.cms_entity .color-flex-col-2, #products_module.responsive.cms_entity .color-flex-col-3 { width: 100%; text-align: center; flex-basis: auto } #products_module.responsive.cms_entity .color-flex-col-2 { margin: 5px 0 } #products_module.responsive.cms_entity .tab-spec-list-item { padding-right: .75rem; padding-left: .75rem; flex-direction: column; align-items: center } #products_module.responsive.cms_entity .stock-location-text { max-width: 100%; padding-bottom: 0; text-align: center } #products_module.responsive.cms_entity .stockstatus { width: auto; padding-right: .5rem; border-left-style: none } #products_module.responsive.cms_entity .please-call-spec-text { text-align: center } #products_module.responsive.cms_entity .video-wrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; height: 0 } #products_module.responsive.cms_entity .videos-tab-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 0; min-height: 0 } #products_module.responsive.cms_entity .freegifts { margin-top: 10px } #products_module.responsive.cms_entity .freegiftitems { text-align: center; display: block } #products_module.responsive.cms_entity .freegiftblock.one-third { padding-left: 0 !important; display: inline-block; margin: 0 auto } #products_module.responsive.cms_entity .freegiftitems .product-detail-page.one-third { justify-content: center } #products_module.responsive.cms_entity .freegiftitems .present-icon-wrapper-3:after { content: ' '; border: none; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 35px solid hsla(0, 0%, 75%, .35); z-index: 1000; display: block; background-color: #fff; position: static } #products_module.responsive.cms_entity .freegiftitems .present-text-wrapper { width: auto } #products_module.responsive.cms_entity .freegiftitems .present-icon-wrapper-3 { flex-wrap: wrap; width: 200px; padding: 10px 10px 0 } #products_module.responsive.cms_entity .tab-spec-list.specifications td, #products_module.responsive.cms_entity .tab-spec-list.specifications td.label, #products_module.responsive.cms_entity .tab-spec-list.specifications td.value { display: block; width: 100%; white-space: normal; padding-left: 10px; padding-right: 10px } #products_module.responsive.cms_entity .present-icon-2 { background-size: 60px; min-width: 60px } #products_module.responsive.cms_entity .tab-spec-list.specifications td.label { border-bottom: 0; padding-bottom: 0 } #products_module.responsive.cms_entity .tab-spec-list.specifications td.value { padding-top: 0 } } @media(max-width:479px) { #products_module.responsive.cms_entity .freegiftitems { flex-direction: column; width: 100% } #products_module.responsive.cms_entity .present-icon-wrapper-3:after { border: 0 none } #products_module.responsive.cms_entity .present-icon-wrapper-3 { height: auto } #products_module.responsive.cms_entity .product-detail-page.one-third { flex-basis: auto; justify-content: center } #products_module.responsive.cms_entity .present-text-3.details-gift-text { padding-right: 20px } #products_module.responsive.cms_entity .freegiftitems .freegiftblock.one-third:first-of-type, #products_module.responsive.cms_entity .freegiftblock.one-third { padding-left: 0 } #products_module.responsive.cms_entity .product-details-specs-tbl td.value { width: auto } } .order-product-notifications-dismiss-all button.order-product-notification-dismiss-all-button[type=submit], .order-product-notifications-dismiss-all button.order-product-notification-dismiss-all-button { color: #000 !important; background: #ffee8c !important; border: 1px solid #000 !important; font-family: sans-serif; border-radius: 2px !important; text-decoration: none !important; width: auto !important } .order-product-notifications-dismiss-all button.order-product-notification-dismiss-all-button[type=submit]:hover, .order-product-notifications-dismiss-all button.order-product-notification-dismiss-all-button:hover { background: #fff !important } #s-customer #s-sign-in em { color: #eb0000 } #s-customer #s-sign-in .ui-form-label { height: auto } #s-checkout .ui-data-button[data-ordershipmentid] { right: 0 !important } #s-checkout #shipping-options { margin-top: 40px } #s-checkout .select2-container .select2-choice, #s-customer-register .select2-container .select2-choice { height: 33px; padding-left: 10px; padding-right: 10px } #s-checkout .select2-container .select2-choice abbr, #s-customer-register .select2-container .select2-choice abbr { display: block; opacity: .7; top: 9px } #s-checkout .select2-container .select2-choice .select2-arrow, #s-customer-register .select2-container .select2-choice .select2-arrow { background-color: transparent; background-image: none; border: 0 none } #s-checkout .select2-container .select2-choice .select2-arrow b, #s-customer-register .select2-container .select2-choice .select2-arrow b { background-position: 0 3px } #s-checkout .select2-container.select2-container-disabled, #s-customer-register .select2-container.select2-container-disabled { background-color: #ebebe4 } #s-checkout .select2-container .select2-choice>.select2-chosen, #s-customer-register .select2-container .select2-choice>.select2-chosen { height: 100%; line-height: 2.3; font-weight: 400; font-size: .875rem; color: #333 } #s-checkout .ui-form-fields-payment-methods-radio .ui-form-label { height: auto } #s-checkout .ui-form-fields-payment-methods-radio.ui-form-field-subtitle .ui-form-label span { font-size: 100%; font-weight: 400; color: #333 } #s-checkout #ui-ship-to-addresses .ship-to-address-option .form-ship-to-address .ui-form-container>a { word-break: break-word } #s-checkout h2.add-a-new-address-header { border-top: 1px solid rgba(0, 0, 0, .15) } .facets-left-col { width: 21%; margin-bottom: 0; padding-right: 0 } .top-filtering-div { display: flex; width: 100%; height: auto; margin-top: 0; margin-right: 0; margin-left: .35rem; justify-content: space-between; align-items: center } .search-facets-container { overflow: hidden; border-right: 1px solid rgba(0, 0, 0, .15); margin-top: -1.5rem } .search-facet-filter-applied-clear-all { margin-top: 10px; display: inline-block } .search-facet-clear-all, .search-facets .clear-facet-link { display: inline-block; width: auto; float: none } .search-facets .clear-facet-link { margin-bottom: 10px } .search-facets .search-facet .price-range-symbols { padding-top: 3px; color: #333 } .search-facets .search-facet .price-range-button a { background-color: #fecb0a; height: 30px; min-width: auto; margin-right: 0; margin-bottom: 0; margin-left: 5px; padding-top: 4px; font-size: .75rem; font-weight: 500; text-align: center; text-transform: uppercase; border-bottom: 0 none; flex: 0 auto; color: #000 } .search-facets .search-facet .price-range-button a:hover { background-color: hsla(0, 0%, 74.5%, .75) } .search-facets .search-facet.longer { margin-bottom: 0; padding-bottom: 0 } .search-facets .search-facet.longer .search-facet-options-list { max-height: 253px; overflow-y: auto } .search-facet.collapsed .label-section-title-2 { background-image: url(/20190625095811/assets/images/search-icons-plus-grey.svg); background-size: 15px 15px; background-repeat: no-repeat } .search-facet.collapsed:hover .label-section-title-2 { background-image: url(/20190625095811/assets/images/search-icons-plus-white.svg) } .search-facet-options-list { overflow: hidden; padding-top: 10px; margin-bottom: 10px } .search-facets .search-facet { padding: 0 } .side-filter-buttons { display: flex; justify-content: flex-start; flex-wrap: wrap; flex: 1 } .side-filter-buttons.clearall { padding-right: 10px; justify-content: flex-end } .filter-products-link { display: flex; margin-left: 0; float: none; border-bottom: 1px solid #fecb0a; transition: all 450ms ease; color: #333; font-size: .75rem; text-decoration: none } .search-filter-title-2 { width: auto; height: 51px; padding: .35rem 0; flex: 0 auto; color: #676767; font-size: 1rem; line-height: 2.5rem; font-weight: 600 } .filter-checkbox { padding-top: .1rem; padding-bottom: .1rem; padding-left: 0; font-size: .825rem; line-height: 1.25rem } .search-facets .search-facet .filter-checkbox-box { margin-top: 0 } .search-facets .search-facet .filter-checkbox-box { height: 14px; width: 14px } .search-facets .search-facet .checkbox-label { margin: 0 5px; font-size: .9em } .controller-pages-search .search-facet-options-list>.filter-checkbox>.checkbox-label { font-weight: 700 } .search-facets .search-facet .filter-checkbox { height: auto; margin-bottom: 7px } .clear-facet-link { font-size: .75rem } .grouped-options-header { padding: .15rem .25rem; border-left: 4px solid transparent; clear: both; cursor: pointer } .grouped-options-title { padding-right: 20px; background-image: url(../images/search-icons-plus-grey.svg); background-position: 100% 50%; background-size: 12px 12px; background-repeat: no-repeat; color: #333; font-weight: 400; font-size: .9rem; line-height: 1.5rem } .grouped-options-header:hover { background-color: hsla(0, 0%, 85%, .49) } .grouped-options-header.expanded .grouped-options-title { background-image: url(../images/search-icons-minus-grey.svg) } .grouped-options-header.expanded { background-color: hsla(0, 0%, 85%, .39) } .grouped-options-header.expanded:hover { background-color: hsla(0, 0%, 85%, .39) } .grouped-options { display: none; overflow: hidden; padding-left: .75rem; padding-right: .75rem; padding-top: 7px; background-color: hsla(0, 0%, 85%, .19) } #search-facets-form .top-filtering-div .side-filter-buttons.clearall { line-height: .8rem; text-align: center; margin-top: 2px; padding-right: 5px; padding-left: 5px } #search-facets-form .top-filtering-div .side-filter-buttons.clearall a.search-facet-clear-all { line-height: .9rem } #search-facets-form .top-filtering-div .search-filter-title-2 { line-height: 1.2rem; display: flex; align-items: center } #search-facets-form .search-face-type-price .search-facet-options-list { margin-bottom: 5px } #search-facets-form .search-face-type-price .search-facet-options-list .price-range-symbols, #search-facets-form .search-face-type-price .search-facet-options-list .price-range, #search-facets-form .search-face-type-price .search-facet-options-list .price-range-button { margin-bottom: 5px } @media (max-width:1380px) and (min-width:721px) { .in-stock-product-code-div>div { padding-left: 0; padding-right: 0; padding-bottom: 2px } } @media (min-width:991px) { .collapse-facets-wrapper { display: none !important } #search-facets-form { display: block !important } } @media (max-width:991px) { .label-section-title-2 { background-color: hsla(0, 0%, 85%, .49) } .label-section-title-2:hover { color: #333 } .top-filtering-div { height: auto; margin-top: .25rem; margin-bottom: .25rem; flex-wrap: wrap } .search-filter-title-2 { display: flex; width: 85%; padding-left: .35rem; align-items: center } .search-heading-div-2 { width: 100% } .facets-left-col { width: 100% } .left-nav-column-div { padding-right: 0 } .collapse-facets-wrapper { display: block !important; background-color: #fecb0a; padding: .45rem .5rem; margin-bottom: 1px; transition: all .3s ease } .collapse-facets-wrapper:hover { background-color: hsla(0, 0%, 75%, .75) } #collapse-facets { border-bottom: 0 none; color: #000; width: 100%; display: inline-block; position: relative } #collapse-facets:after { content: "\e603"; font-family: webflow-icons !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 15px; top: 5px; transition: transform .3s ease } #collapse-facets.expanded:after { transform: rotateX(180deg) } .search-facets-container { border-right: 0 none; margin-top: 0; margin-right: 0 } #search-facets-form { display: none } .search-facets .search-facet .checkbox-label { margin: 0 5px 5px 7px; line-height: 15px; font-size: 1.1em } .side-filter-buttons { margin-top: 0; padding-right: 0; justify-content: space-between; flex-wrap: wrap } .filter-products-link { margin-left: 0 } .top-filtering-div { margin-left: 0 } #s-checkout fieldset:not(.collapsed) { padding: 0 15px 15px } } @media (max-width:767px) { .pagination-wrapper .pagination-filter.pagination-bg.pagination-page-selection-top { display: flex } .fly-out-menu-container .fly-out-menu-button, .pagination-filter.pagination-bg.pagination-page-selection-top { font-size: .75rem } .pagination-filter.pagination-bg.pagination-sort-items { max-width: 30% } .pagination-wrapper .pagination-sort-items .fly-out-menu-container_SortBy { width: 100% } .fly-out-menu-container .fly-out-menu-button { width: 100% !important } .top-filtering-div { height: auto; margin-right: 0; margin-left: 0; flex-wrap: wrap; align-content: space-between } .search-filter-title-2 { width: 80%; border-bottom: 1px none #d8d8d8 } .side-filter-buttons { display: flex; margin-top: 0; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; align-content: space-between } .filter-products-link { margin-left: 0 } #s-checkout fieldset.collapsed .ui-form-collapsed-panel>div>* { float: none; width: 100% } #s-checkout fieldset.collapsed .ui-form-collapsed-panel div .ui-data-button, #s-checkout fieldset.collapsed .ui-data-payment .ui-data-button { position: relative !important; bottom: auto !important; right: auto !important } #s-checkout fieldset.collapsed .ui-data-payment .ui-data-button { margin-left: 1rem } #s-checkout fieldset.collapsed .ui-data-payments { padding-bottom: 0; margin-bottom: 0 } #search-facets-form .top-filtering-div .search-filter-title-2 { width: 70% } .search-facets-container { padding-bottom: 7px } .search-facets-container .selected-facet-option { display: inline-block !important; padding: 4px 7px; margin-right: 6px; margin-bottom: 8px; background-color: #e9e9e9; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); font-weight: 700; color: #000 } .search-facets-container .selected-facet-option a { text-decoration: none; background-color: #fff; padding: 7px 8px; margin-right: 4px; border-radius: 70%; line-height: 10px; color: #000; display: inline-block } .search-facets-container .selected-facet-option a:hover { background-color: #fecb0a } } @media (max-width:500px) { .pagination-filter.pagination-bg.pagination-sort-items { max-width: 50% } } @media (max-width:400px) { .pagination-filter.pagination-bg.pagination-sort-items { max-width: none; width: 100% } .in-stock-product-code-div>div { padding-left: 0; padding-right: 0; padding-bottom: 2px } }