/* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset calendarWin2k1Css Path: js/calendar/calendar-win2k-1.css */ /* The main calendar widget. DIV containing a table. */ .calendar { position: relative; display: none; border: 1px solid #d1d4e3; overflow: hidden; border-radius: 5px; font-size: 11px; color: #000; cursor: default; background: #FFF; /* font-family: tahoma,verdana,sans-serif; */ } .calendar table { border-top: none; border-right: none; border-bottom: none; border-left: none; font-size: 12px; color: #1e293b; cursor: default; background: #FFF; font-family: tahoma,verdana,sans-serif; } /* Header part -- contains navigation buttons and day names. */ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; padding: 1px; /* color: #111827; */ border: none !important; /* border-right: 1px solid #000; */ /* border-bottom: 1px solid #000; */ /* border-left: 1px solid #fff; */ border-radius: 0; vertical-align: middle; } .calendar .headrow .button { background: #cbd5e1; color: #020617; } .calendar .nav { /* height: 1.5em; */ background: #cbd5e1; line-height: 1.5; } .calendar .nav.hilite { background-color: #1A759F; color: #FFF !important; } .calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; padding: 1px; border: none; background: #1A759F; color: #fff; text-align: center; } .calendar thead .headrow { /* Row containing navigation buttons */ } .calendar thead .daynames { /* Row containing the day names */ } .calendar thead .name { /* Cells containing the day names */ border-bottom: 1px solid #e2e8f0; padding: 2px; text-align: center; background: #f1f5f9; color: #0f172a; } .calendar thead .weekend { /* How a weekend day name shows in header */ color: #94a3b8; } .calendar thead .hilite { /* How do the buttons in header appear when hover */ background-color: #1A759F; color: #FFF !important; } .calendar thead .active { /* Active (pressed) buttons in header */ /* padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; background-color: #c4c0b8; */ } /* The body part -- contains all the days in month. */ .calendar tbody .day { /* Cells containing month days dates */ width: 2.25em; text-align: center; padding: 0; vertical-align: middle; } .calendar tbody .day.othermonth { font-size: 80%; color: #aaa; } .calendar tbody .day.othermonth.oweekend { color: #faa; } .calendar table .wn { color: #0f172a; padding: 2px; border-right: 1px solid #e2e8f0; background: #f1f5f9; } .calendar tbody .rowhilite td { background: #e2e8f0; } .calendar tbody .rowhilite td.wn { background: #e2e8f0; } .calendar tbody td.hilite { /* Hovered cells */ background: #298DBB; color: #FFF !important; } .calendar tbody td.active { /* Active (pressed) cells */ /* padding: 2px 2px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; */ } .calendar tbody td.selected { /* Cell showing selected date */ font-weight: bold; border: none; /* border-right: 1px solid #fff; */ /* border-bottom: 1px solid #fff; */ /* border-left: 1px solid #000; */ padding: 2px; color: white !important; background: #297AA3; } .calendar tbody td.weekend { /* Cells showing weekend days */ color: #9ca3af; } .calendar tbody td.today { /* Cell showing today date */ font-weight: bold; color: #030712; } .calendar tbody .disabled { color: #999; } .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ visibility: hidden; } .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ display: none; } /* The footer part -- status bar and "Close" button */ .calendar tfoot .footrow { /* The in footer (only one right now) */ } .calendar tfoot .ttip { /* Tooltip (status bar) cell */ background: #f4f0e8; padding: 1px; border: none; background: #cbd5e1; color: #020617; text-align: center; } .calendar tfoot .hilite { /* Hover style for buttons in footer */ border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; padding: 1px; background: #e4e0d8; } .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ padding: 2px 0px 0px 2px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; } /* Combo boxes (menus that display months/years for direct selection) */ .calendar .combo { position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; background: #e4e0d8; font-size: 90%; padding: 1px; z-index: 100; } .calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; } .calendar .combo .label-IEfix { width: 4em; } .calendar .combo .active { background: #c4c0b8; padding: 0px; border-top: 1px solid #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #000; } .calendar .combo .hilite { background: #048; color: #fea; } .calendar td.time { border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #f4f0e8; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff; } .calendar td.time .ampm { text-align: center; } .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; } .calendar td.time span.hilite { border-color: #000; background-color: #766; color: #fff; } .calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset pixAjaxSuiteCss Path: skin/designcenter/pixafy/module/pixajaxsuite.scss */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/module/pixajaxsuite.scss ================================================== **/ #pix-fe .link-quickview.button { display: none; } #pix-fe .zoey-product .link-quickview { position: absolute; top: auto; bottom: 20px; left: 50%; margin-left: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: -16px; } #pix-fe .zoey-product .link-quickview .loader { position: static; width: 12px; height: 12px; vertical-align: middle; margin-left: 4px; display: none; } #pix-fe .zoey-product.loading .link-quickview .loader { display: inline-block; } #pix-fe .zoey-product.loading .quick-view-loader-container .quickview-loading-graphic { display: inline-block; width: 20px; } #pix-fe .zoey-product.loading .quick-view-loader-container .quickview-loading-graphic + .link-quickview { display: none; } #pix-fe .zoey-product:not(.loading) .quick-view-loader-container .quickview-loading-graphic { display: none; } #pix-fe .zoey-product:not(.loading) .quick-view-loader-container .link-quickview { display: inline-block; position: static; top: auto; bottom: initial; left: initial; margin-left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); margin-top: 0; } #pix-fe.media-d .zoey-product:hover .link-quickview { display: inline-block; } #pix-fe.media-d .zoey-product.loading .link-quickview { display: inline-block; } #pix-fe #pixajaxsuite-modal #pixajaxsuite-modal-close { background: none; opacity: 1; width: auto; height: auto; font-size: 16px; } #pix-fe #pixajaxsuite-modal .loader-image { width: 30px; height: 30px; margin-bottom: 10px; } #pix-fe .desigcenter-quickview { text-align: left; } #pix-fe .desigcenter-quickview .product-name { margin-bottom: 20px; } #pix-fe .desigcenter-quickview .product-name h1 { font-size: 24px; font-weight: normal; } #pix-fe .desigcenter-quickview .grouped-items-table-wrapper .product-options { max-width: 250px; } #pix-fe .desigcenter-quickview .product-shop .short-description { font-size: 14px; color: #333; padding-bottom: 26px; border-bottom: 1px solid #e7e7e7; line-height: 1.5; margin-bottom: 10px; clear: both; } #pix-fe .desigcenter-quickview .product-shop .short-description-content { max-height: 150px; overflow: hidden; } #pix-fe .desigcenter-quickview .product-shop .view-more-link-wrapper { margin-top: 10px; } #pix-fe .desigcenter-quickview .product-shop .extra-info .availability { font-size: 12px; color: #333; padding-bottom: 20px; } #pix-fe .desigcenter-quickview .product-shop .product-essentials-attribute-group .label { margin-right: 5px; } #pix-fe .desigcenter-quickview .product-shop .product-essentials-attribute-group .label:after { content: ':'; } #pix-fe .desigcenter-quickview .product-essential .product-shop .price-info .price-box { font-size: 17px; color: #333; } #pix-fe .desigcenter-quickview .product-essential .product-shop .price-info .price-box .regular-price .price, #pix-fe .desigcenter-quickview .product-essential .product-shop .price-info .price-box .old-price .price, #pix-fe .desigcenter-quickview .product-essential .product-shop .price-info .price-box .special-price .price { font-size: inherit; color: inherit; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip { position: relative; display: inline-block; margin-left: 5px; padding: 0; background: none; border: none; vertical-align: top; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip:before { display: none; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip i.icon-tooltip { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; background: rgba(51, 51, 51, 1); color: rgba(255, 255, 255, 1); width: 15px; border-radius: 50%; line-height: 14px; height: 15px; display: inline-block; text-align: center; vertical-align: text-bottom; font-style: normal; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip i.icon-tooltip:before { content: ''; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip:not(:hover) .content { display: none; } #pix-fe .desigcenter-quickview .product-essential .product-shop .product-options .tooltip .content { width: 220px; padding: 20px; position: absolute; z-index: 999; left: 100%; border-width: 1px; border-style: solid; border-color: rgba(204, 204, 204, 1); background-color: rgba(255, 255, 255, 1); color: rgba(68, 68, 68, 1); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-box { padding-top: 10px; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-cart { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: none; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .qty-wrapper { margin-bottom: 0; margin-right: 0; min-height: 30px; width: 100%; padding: 0; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .qty-wrapper .qty { height: 30px; width: 100%; border: 1px solid #333; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-cart-buttons { float: left; margin-right: 10px; padding-top: 35px; width: 100%; min-height: 40px; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links { display: block; text-align: center; margin-top: 0; margin-right: 15px; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links li { font-size: 10px; display: inline-block; float: none; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links li a { display: inline-block; padding: 2px 7px 2px 0; margin-left: 7px; border-right: 1px solid #ccc; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links li:first-child a { margin-left: 0; } #pix-fe .desigcenter-quickview .product-essential .add-to-cart-wrapper .add-to-links li:last-child a { border-right: 0; } #pix-fe .desigcenter-quickview .more-views .product-image-thumbs li { padding: 15px 0 0 0; display: inline-block; } #pix-fe .desigcenter-quickview .more-views .product-image-thumbs li a { display: block; width: 60px; height: 60px; border: 1px solid #ccc; background-size: contain; background-repeat: no-repeat; background-position: center; } #pix-fe .desigcenter-quickview .more-views .product-image-thumbs li.disabled { display: none; } #pix-fe .desigcenter-quickview .zoey-zoom-container-parent { z-index: 999; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } #pix-fe .desigcenter-quickview .zoey-zoom-container-parent .zoomContainer { position: static !important; } #pix-fe .desigcenter-quickview .zoey-zoom-container-parent .zoomContainer .zoomWindowContainer > div { background-color: transparent; } #pix-fe .desigcenter-quickview .product-image { border: none; } #pix-fe .desigcenter-quickview .or, #pix-fe .desigcenter-quickview .separator { display: none; } #pix-fe .desigcenter-quickview .add-to-links { width: 100%; } #pix-fe .desigcenter-quickview .product-image-gallery .gallery-image { display: none; } #pix-fe .desigcenter-quickview .product-image-gallery .gallery-image.visible { display: block; } #pix-fe .desigcenter-quickview .product-view .product-shop .price-info { width: 100%; max-width: initial; padding-left: 0; text-align: left; } #pix-fe .desigcenter-quickview .product-view .product-shop .price-box { text-align: left; } #pix-fe .desigcenter-quickview .block-related, #pix-fe .desigcenter-quickview .box-up-sell { display: none; } #pix-fe .desigcenter-quickview .more-views.carousel { position: relative; overflow: hidden; } #pix-fe .desigcenter-quickview .more-views.carousel .carousel-container { position: absolute; } #pix-fe .desigcenter-quickview .more-views.carousel .carousel-next-button, #pix-fe .desigcenter-quickview .more-views.carousel .carousel-prev-button { display: block; position: absolute; opacity: 0; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; } #pix-fe .desigcenter-quickview .more-views.carousel .carousel-next-button:before, #pix-fe .desigcenter-quickview .more-views.carousel .carousel-prev-button:before { font-family: 'pixafy-fe-default'; } #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-next-button, #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-prev-button { height: 100%; width: 20px; } #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-next-button:before, #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-prev-button:before { margin: 0 auto; display: block; text-align: center; position: absolute; top: 50%; font-size: 25px; margin-top: -11px; width: 100%; } #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-next-button { right: 0; } #pix-fe .desigcenter-quickview .more-views.carousel.horizontal .carousel-prev-button { left: 0; } #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-next-button, #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-prev-button { width: 100%; height: 20px; } #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-next-button:before, #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-prev-button:before { margin: 0 auto; display: block; text-align: center; width: 100%; font-size: 25px; } #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-next-button { bottom: 0; } #pix-fe .desigcenter-quickview .more-views.carousel.vertical .carousel-prev-button { top: 0; } #pix-fe .desigcenter-quickview .more-views.carousel:hover .carousel-next-button, #pix-fe .desigcenter-quickview .more-views.carousel:hover .carousel-prev-button { opacity: 1; } #pix-fe .desigcenter-quickview .more-views .carousel-next-button, #pix-fe .desigcenter-quickview .more-views .carousel-prev-button { display: none; } #pix-fe .desigcenter-quickview .more-views img { width: 75px; height: 75px; } #pix-fe .desigcenter-quickview-drawer { width: 360px; max-width: 100%; height: 100%; position: fixed; top: 0; right: -100%; z-index: 999999; overflow-y: auto; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .5); transition: right 0.3s; } #pix-fe .desigcenter-quickview-drawer .product-view { padding: 20px 30px; } #pix-fe .desigcenter-quickview-drawer .product-view > .row { margin-right: 0; margin-left: 0; } #pix-fe .desigcenter-quickview-drawer .product-view > .row > [class*="col-xs-"] { width: 100%; float: none; padding-left: 0; padding-right: 0; } #pix-fe .desigcenter-quickview-drawer > .close { position: absolute; right: 10px; top: 10px; font-size: 16px; } #pix-fe .desigcenter-quickview-drawer.active { right: 0; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset configurableSwatchesCss Path: skin/designcenter/default/sass/swatches.css */ #pix-fe .configurable-swatch-list:after,#pix-fe .product-options .swatch-attr:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}#pix-fe .product-options .swatch-attr{float:none;display:block;clear:both;border:0}#pix-fe .product-options dt.swatch-attr label{display:block}#pix-fe .configurable-swatch-list{margin-left:-3px;zoom:1;clear:both}#pix-fe .configurable-swatch-list li{display:inline-block;vertical-align:top;zoom:1;margin:0 0 0 3px}#pix-fe .block-layered-nav dd .configurable-swatch-list li{margin:0 0 0 3px}#pix-fe .swatch-link,#pix-fe .swatch-label{font-size:14px;text-align:center;text-decoration:none;box-sizing:content-box}#pix-fe .swatch-link{display:inline-block;margin:0 0 7px;padding:2px}#pix-fe .block-layered-nav dd .swatch-link{padding:0}#pix-fe .block-layered-nav dd .swatch-link:not(.has-image) .swatch-label,#pix-fe .block-layered-nav dd .swatch-link .count{padding:2px;line-height:1em;float:left}#pix-fe .currently .swatch-link{display:inline-block;margin:0 0 0 10px}#pix-fe .swatch-label{margin:0;white-space:nowrap;background:transparent;border:1px solid;float:left}#pix-fe .swatch-label img{float:left}#pix-fe .swatch-link:hover{cursor:pointer}#pix-fe .currently .swatch-link:hover{cursor:default}#pix-fe .swatch-link .x{display:none !important;text-indent:-999em;position:absolute;left:0;right:0;top:0;bottom:0;background:url("//cfrouting.zoeysite.com/cdn-cgi/image/format=auto,quality=85,fit=scale-downhttps://foxrunwholesale.com/skin/frontend/base/default/images/bg_x.png") center no-repeat transparent;z-index:10}#pix-fe .configurable-swatch-list .not-available .x{display:block}#pix-fe .configurable-swatch-list .not-available .swatch-link{border-color:#EDEDED;position:relative}#pix-fe .configurable-swatch-list .not-available .swatch-label{color:#aaa;background:#fff}#pix-fe .swatch-link.has-image .swatch-label{position:relative;padding:0}#pix-fe .swatch-link.has-image img{display:inline-block}#pix-fe .configurable-swatch-list .not-available .swatch-link.has-image img{opacity:0.4;filter:alpha(opacity=40)}#pix-fe .configurable-swatch-list .hover .swatch-link,#pix-fe .configurable-swatch-list .selected .swatch-link,#pix-fe .swatch-link:hover{border-color:#44f}#pix-fe .currently .swatch-link:hover{border-color:#bbbbbb}#pix-fe .configurable-swatch-list .selected .swatch-link{outline:1px solid black;-webkit-box-shadow:0 0 2px 2px #999;-moz-box-shadow:0 0 2px 2px #999;box-shadow:0 0 2px 2px #999}#pix-fe .configurable-swatch-list .wide-swatch .swatch-label{padding:0 6px}#pix-fe .configurable-swatch-container{display:inline-block;vertical-align:middle}#pix-fe .configurable-swatch-container .swatch-link{display:inline-block;margin:0}#pix-fe .configurable-swatch-container.not-available .swatch-label{color:#aaa;background:#fff}#pix-fe .configurable-swatch-container.not-available .swatch-link{border-color:#EDEDED;position:relative}#pix-fe .configurable-swatch-container.not-available .swatch-link.has-image img{opacity:0.4;filter:alpha(opacity=40)}#pix-fe .configurable-swatch-container.not-available .x{display:block}#pix-fe .configurable-swatch-container.hover .swatch-link,#pix-fe .configurable-swatch-container.selected .swatch-link,#pix-fe .configurable-swatch-container .swatch-link:hover{border-color:#44f}#pix-fe .configurable-swatch-container.selected .swatch-link{outline:1px solid black;-webkit-box-shadow:0 0 2px 2px #999;-moz-box-shadow:0 0 2px 2px #999;box-shadow:0 0 2px 2px #999}#pix-fe .configurable-swatch-container.wide-swatch .swatch-label{padding:0 6px}#pix-fe .configurable-swatch-box{background:none !important}#pix-fe .configurable-swatch-box select.swatch-select{display:none}#pix-fe .configurable-swatch-box .validation-advice{margin:0 0 5px;background:#D91A00;padding:2px 5px !important;font-weight:bold;color:#fff !important;float:left;display:block;border-radius:3px}#pix-fe .availability.out-of-stock span{color:#636363}#pix-fe .add-to-cart button.out-of-stock{background-position:-80px -362px;cursor:default}#pix-fe .product-options dd .input-box{width:auto;height:auto}#pix-fe .product-options .select-label{display:none}#pix-fe .product-options dt.swatch-attr .select-label{font-size:12px}#pix-fe .product-options dt.swatch-attr .select-label{display:inline;font-weight:normal;padding-left:5px}#pix-fe .zoey-product-simple.swatch-loading .zoey-product-image:after{content:'';background:var(--loading-graphic-background-image-url) no-repeat center;background-size:30px;position:absolute;top:0;bottom:0;left:0;right:0} /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_HYxBDoAgDAT/0nBUufuWXkgtkURaQjlIjH8XvM3MJvuAa70w7EBmsICzSkNKukPs6ElzUWFphr6qNvQnh4Mr+pwkUaijRP3nKWsilcHW+sXbfHw/ Path: skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/style.css Parent uid: cp_614366fa9b1cc113440822 */ @font-face { font-family: 'cart-icons'; src: url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.eot?j2x3fg"); src: url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.eot?j2x3fg#iefix") format('embedded-opentype'), url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.ttf?j2x3fg") format('truetype'), url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.woff?j2x3fg") format('woff'), url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/minicart/fonts/cart-icons/fonts/cart-icons.svg?j2x3fg#cart-icons") format('svg'); font-weight: normal; font-style: normal; font-display: block;}[class^="cart-icon-"]:before, [class*=" cart-icon-"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'cart-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.cart-icon-line:before { content: "\e916";}.cart-icon-purse:before { content: "\e906";}.cart-icon-bag-black:before { content: "\e900";}.cart-icon-bag-thin:before { content: "\e901";}.cart-icon-shopping-bag-round:before { content: "\e908";}.cart-icon-shopping-bag:before { content: "\e909";}.cart-icon-grocery:before { content: "\e90a";}.cart-icon-shopping-bag-full:before { content: "\e90b";}.cart-icon-basket:before { content: "\e902";}.cart-icon-cart-black:before { content: "\e903";}.cart-icon-cart-mesh:before { content: "\e904";}.cart-icon-cart-thin:before { content: "\e905";}.cart-icon-cart:before { content: "\e82f";}.cart-icon-shopping-cart:before { content: "\e90c";}.cart-icon-cart-thin-2:before { content: "\e90d";}.cart-icon-cart-full:before { content: "\e90e";}.cart-icon-calculator:before { content: "\e927";}.cart-icon-calculator2:before { content: "\e907";}.cart-icon-cargo-truck:before { content: "\e90f";}.cart-icon-cargo-truck-round:before { content: "\e910";}.cart-icon-cargo-truck-left:before { content: "\e911";}.cart-icon-cargo-truck-fast:before { content: "\e912";}.cart-icon-cargo-truck-outline-fast:before { content: "\e913";}.cart-icon-cargo-truck-thin-fast:before { content: "\e914";}.cart-icon-ship:before { content: "\e915";} /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_FcsxCoAwDADAv4SOanD1LQGpNWLBNqHJoIh/V8cb7obglzJMkMygg2AtfdB8xu0iTFJUKlc3wibihDvHldtcZMkHE2pjY+/Hwf7/vA== Path: skin/designcenter/pixafy/components/root/header_mobile/preset-1.scss Parent uid: cp_614366fa9b1cc113440822 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/root/header_mobile/preset-1.scss ================================================== **/ #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-mobile .title, #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu .zoey-account-links-mobile .title { color: var(--zoey-subheading-color); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-mobile .title, #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu .zoey-account-links-mobile .title { font-family: var(--zoey-h2-font-family); font-size: var(--zoey-h2-font-size); font-weight: var(--zoey-h2-font-weight); font-style: var(--zoey-h2-font-style); line-height: var(--zoey-h2-line-height); letter-spacing: var(--zoey-h2-letter-spacing); text-transform: var(--zoey-h2-text-transform); margin-bottom: var(--zoey-h2-margin-bottom); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-search button.icon-search, #pix-fe .zoey-header-mobile-search button.icon-search { --zoey-btn-font-family: initial; --zoey-btn-font-size: initial; --zoey-btn-line-height: initial; --zoey-btn-letter-spacing: initial; --zoey-btn-font-weight: initial; --zoey-btn-font-weight-hover: var(--zoey-btn-font-weight); --zoey-btn-font-weight-active: var(--zoey-btn-font-weight); --zoey-btn-font-style: initial; --zoey-btn-text-transform: initial; --zoey-btn-text-decoration: initial; --zoey-btn-text-decoration-hover: var(--zoey-btn-text-decoration); --zoey-btn-text-decoration-active: var(--zoey-btn-text-decoration); --zoey-btn-padding: 0px; --zoey-btn-border-size: 0px; --zoey-btn-border-radius: 0px; --zoey-btn-bg-color: transparent; --zoey-btn-bg-color-hover: transparent; --zoey-btn-bg-color-active: transparent; --zoey-btn-text-color: initial; --zoey-btn-text-color-hover: initial; --zoey-btn-text-color-active: initial; --zoey-btn-border-color: transparent; --zoey-btn-border-color-hover: transparent; --zoey-btn-border-color-active: transparent; --zoey-btn-text-color-disabled: var(--zoey-color-disabled); --zoey-btn-text-decoration-disabled: none; --zoey-btn-bg-color-disabled: transparent; --zoey-btn-border-color-disabled: transparent; --zoey-btn-font-weight-disabled: var(--zoey-btn-font-weight); } #pix-fe { --zoey-mobile-menu-bg-color: var(--zoey-color-light); --zoey-mobile-header-logo-height: 68px; --zoey-mobile-header-logo-max-width: 200px; --zoey-mobile-header-border-color: #f0f0f0; --zoey-mobile-header-bg-color: #ffffff; --zoey-mobile-header-text-color: #333333; --zoey-mobile-header-padding-y: 15px; --zoey-mobile-menu-padding-x: 20px; --zoey-mobile-menu-padding-y: 20px; --zoey-mobile-drawer-header-padding-y: 15px; --zoey-mobile-menu-close-color: var(--zoey-mobile-header-text-color); --zoey-mobile-menu-close-font-size: 30px; --zoey-mobile-menu-level-0-menu-spacer: 0px; --zoey-mobile-menu-level-0-menu-bg-color: var(--zoey-background-color); --zoey-mobile-menu-level-0-menu-padding-x: 0px; --zoey-mobile-menu-level-0-menu-padding-y: 0px; --zoey-mobile-menu-level-0-menu-padding: 0px; --zoey-mobile-menu-level-0-menu-border-color: var(--zoey-border-color); --zoey-mobile-menu-level-0-menu-border-width: 0px; --zoey-mobile-menu-level-0-menu-border-style: solid; --zoey-mobile-menu-level-0-menu-border-radius: 3px; --zoey-mobile-menu-level-0-item-bg-color: transparent; --zoey-mobile-menu-level-0-item-text-color: var(--zoey-mobile-header-text-color); --zoey-mobile-menu-level-0-item-font-weight: normal; --zoey-mobile-menu-level-0-item-text-decoration: none; --zoey-mobile-menu-level-0-item-line-height: 1.2; --zoey-mobile-menu-level-0-item-border-color: var(--zoey-border-color); --zoey-mobile-menu-level-0-item-border-width: 0px; --zoey-mobile-menu-level-0-item-border-style: solid; --zoey-mobile-menu-level-0-item-border-radius: 0px; --zoey-mobile-menu-level-0-item-padding-x: 20px; --zoey-mobile-menu-level-0-item-padding-y: 10px; --zoey-mobile-menu-level-0-item-font-size: 16px; --zoey-mobile-menu-level-0-item-font-style: normal; --zoey-mobile-menu-level-0-item-text-transform: none; --zoey-mobile-menu-level-0-item-text-align: left; --zoey-mobile-menu-level-0-icon-font-size: 16px; --zoey-mobile-menu-level-0-icon-bg-color: transparent; --zoey-mobile-menu-level-0-icon-text-color: initial; --zoey-mobile-menu-level-0-icon-width: 40px; --zoey-mobile-menu-level-0-item-bg-color-active: var(--zoey-mobile-menu-level-0-item-bg-color); --zoey-mobile-menu-level-0-item-text-color-active: var(--zoey-mobile-menu-level-0-item-text-color); --zoey-mobile-menu-level-0-item-font-weight-active: normal; --zoey-mobile-menu-level-0-item-text-decoration-active: none; --zoey-mobile-menu-level-0-icon-bg-color-active: var(--zoey-mobile-menu-level-0-item-bg-color-active); --zoey-mobile-menu-level-0-icon-text-color-active: var(--zoey-mobile-menu-level-0-item-text-color-active); --zoey-mobile-menu-level-1-menu-spacer: 0px; --zoey-mobile-menu-level-1-menu-item-indent: var(--zoey-mobile-menu-level-0-item-padding-x); --zoey-mobile-menu-level-1-menu-bg-color: color-mix(in oklch shorter hue, var(--zoey-color-light) 50%, var(--zoey-background-color) 50%); --zoey-mobile-menu-level-1-menu-padding-x: 0px; --zoey-mobile-menu-level-1-menu-padding-y: 0px; --zoey-mobile-menu-level-1-menu-border-color: transparent; --zoey-mobile-menu-level-1-menu-border-width: 0px; --zoey-mobile-menu-level-1-menu-border-style: solid; --zoey-mobile-menu-level-1-menu-border-radius: 0px; --zoey-mobile-menu-level-1-item-bg-color: transparent; --zoey-mobile-menu-level-1-item-text-color: ; --zoey-mobile-menu-level-1-item-font-weight: var(--zoey-mobile-menu-level-0-item-font-weight); --zoey-mobile-menu-level-1-item-text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration); --zoey-mobile-menu-level-1-item-line-height: var(--zoey-mobile-menu-level-0-item-line-height); --zoey-mobile-menu-level-1-item-border-color: transparent; --zoey-mobile-menu-level-1-item-border-width: 0px; --zoey-mobile-menu-level-1-item-border-style: solid; --zoey-mobile-menu-level-1-item-border-radius: 0px; --zoey-mobile-menu-level-1-item-padding-x: 20px; --zoey-mobile-menu-level-1-item-padding-y: 10px; --zoey-mobile-menu-level-1-item-font-size: var(--zoey-mobile-menu-level-0-item-font-size); --zoey-mobile-menu-level-1-item-font-style: var(--zoey-mobile-menu-level-0-item-font-style); --zoey-mobile-menu-level-1-item-text-transform: var(--zoey-mobile-menu-level-0-item-text-transform); --zoey-mobile-menu-level-1-item-text-align: var(--zoey-mobile-menu-level-0-item-text-align); --zoey-mobile-menu-level-1-icon-font-size: var(--zoey-mobile-menu-level-0-icon-font-size); --zoey-mobile-menu-level-1-icon-bg-color: var(--zoey-mobile-menu-level-1-item-bg-color); --zoey-mobile-menu-level-1-icon-text-color: var(--zoey-mobile-menu-level-1-item-text-color); --zoey-mobile-menu-level-1-icon-width: 40px; --zoey-mobile-menu-level-1-item-bg-color-active: var(--zoey-mobile-menu-level-1-item-bg-color); --zoey-mobile-menu-level-1-item-text-color-active: var(--zoey-mobile-menu-level-1-item-text-color); --zoey-mobile-menu-level-1-item-font-weight-active: normal; --zoey-mobile-menu-level-1-item-text-decoration-active: none; --zoey-mobile-menu-level-1-icon-bg-color-active: var(--zoey-mobile-menu-level-1-item-bg-color-active); --zoey-mobile-menu-level-1-icon-text-color-active: var(--zoey-mobile-menu-level-1-item-text-color-active); --zoey-mobile-menu-level-2-menu-spacer: 0px; --zoey-mobile-menu-level-2-menu-item-indent: var(--zoey-mobile-menu-level-1-item-padding-x); --zoey-mobile-menu-level-2-menu-bg-color: var(--zoey-mobile-menu-level-1-menu-bg-color); --zoey-mobile-menu-level-2-menu-padding-x: 0px; --zoey-mobile-menu-level-2-menu-padding-y: 0px; --zoey-mobile-menu-level-2-menu-border-color: transparent; --zoey-mobile-menu-level-2-menu-border-width: 0px; --zoey-mobile-menu-level-2-menu-border-style: solid; --zoey-mobile-menu-level-2-menu-border-radius: 0px; --zoey-mobile-menu-level-2-item-bg-color: var(--zoey-mobile-menu-level-1-item-bg-color); --zoey-mobile-menu-level-2-item-text-color: var(--zoey-mobile-menu-level-1-item-text-color); --zoey-mobile-menu-level-2-item-font-weight: var(--zoey-mobile-menu-level-0-item-font-weight); --zoey-mobile-menu-level-2-item-text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration); --zoey-mobile-menu-level-2-item-line-height: var(--zoey-mobile-menu-level-0-item-line-height); --zoey-mobile-menu-level-2-item-border-color: transparent; --zoey-mobile-menu-level-2-item-border-width: 0px; --zoey-mobile-menu-level-2-item-border-style: solid; --zoey-mobile-menu-level-2-item-border-radius: 0px; --zoey-mobile-menu-level-2-item-padding-x: 20px; --zoey-mobile-menu-level-2-item-padding-y: 10px; --zoey-mobile-menu-level-2-item-font-size: var(--zoey-mobile-menu-level-0-item-font-size); --zoey-mobile-menu-level-2-item-font-style: var(--zoey-mobile-menu-level-0-item-font-style); --zoey-mobile-menu-level-2-item-text-transform: var(--zoey-mobile-menu-level-0-item-text-transform); --zoey-mobile-menu-level-2-item-text-align: var(--zoey-mobile-menu-level-0-item-text-align); --zoey-mobile-menu-level-2-icon-font-size: var(--zoey-mobile-menu-level-0-icon-font-size); --zoey-mobile-menu-level-2-icon-bg-color: var(--zoey-mobile-menu-level-2-item-bg-color); --zoey-mobile-menu-level-2-icon-text-color: var(--zoey-mobile-menu-level-2-item-text-color); --zoey-mobile-menu-level-2-icon-width: 40px; --zoey-mobile-menu-level-2-item-bg-color-active: var(--zoey-mobile-menu-level-2-item-bg-color); --zoey-mobile-menu-level-2-item-text-color-active: var(--zoey-mobile-menu-level-2-item-text-color); --zoey-mobile-menu-level-2-item-font-weight-active: normal; --zoey-mobile-menu-level-2-item-text-decoration-active: none; --zoey-mobile-menu-level-2-icon-bg-color-active: var(--zoey-mobile-menu-level-2-item-bg-color-active); --zoey-mobile-menu-level-2-icon-text-color-active: var(--zoey-mobile-menu-level-2-item-text-color-active); --zoey-mobile-menu-account-links-menu-spacer: var(--zoey-mobile-menu-level-0-menu-spacer); --zoey-mobile-menu-account-links-menu-bg-color: var(--zoey-mobile-menu-level-0-menu-bg-color); --zoey-mobile-menu-account-links-menu-padding-x: var(--zoey-mobile-menu-level-0-menu-padding-x); --zoey-mobile-menu-account-links-menu-padding-y: var(--zoey-mobile-menu-level-0-menu-padding-y); --zoey-mobile-menu-account-links-menu-border-color: var(--zoey-mobile-menu-level-0-menu-border-color); --zoey-mobile-menu-account-links-menu-border-width: var(--zoey-mobile-menu-level-0-menu-border-width); --zoey-mobile-menu-account-links-menu-border-style: var(--zoey-mobile-menu-level-0-menu-border-style); --zoey-mobile-menu-account-links-menu-border-radius: var(--zoey-mobile-menu-level-0-menu-border-radius); --zoey-mobile-menu-account-links-item-bg-color: var(--zoey-mobile-menu-level-0-item-bg-color); --zoey-mobile-menu-account-links-item-text-color: var(--zoey-mobile-menu-level-0-item-text-color); --zoey-mobile-menu-account-links-item-font-weight: var(--zoey-mobile-menu-level-0-item-font-weight); --zoey-mobile-menu-account-links-item-text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration); --zoey-mobile-menu-account-links-item-line-height: var(--zoey-mobile-menu-level-0-item-line-height); --zoey-mobile-menu-account-links-item-border-color: var(--zoey-mobile-menu-level-0-item-border-color); --zoey-mobile-menu-account-links-item-border-width: var(--zoey-mobile-menu-level-0-item-border-width); --zoey-mobile-menu-account-links-item-border-style: var(--zoey-mobile-menu-level-0-item-border-style); --zoey-mobile-menu-account-links-item-border-radius: var(--zoey-mobile-menu-level-0-item-border-radius); --zoey-mobile-menu-account-links-item-padding-x: var(--zoey-mobile-menu-level-0-item-padding-x); --zoey-mobile-menu-account-links-item-padding-y: var(--zoey-mobile-menu-level-0-item-padding-y); --zoey-mobile-menu-account-links-item-font-size: var(--zoey-mobile-menu-level-0-item-font-size); --zoey-mobile-menu-account-links-item-font-style: var(--zoey-mobile-menu-level-0-item-font-style); --zoey-mobile-menu-account-links-item-text-transform: var(--zoey-mobile-menu-level-0-item-text-transform); --zoey-mobile-menu-account-links-item-text-align: var(--zoey-mobile-menu-level-0-item-text-align); --zoey-mobile-menu-account-links-item-bg-color-active: var(--zoey-mobile-menu-level-0-item-bg-color-active); --zoey-mobile-menu-account-links-item-text-color-active: var(--zoey-mobile-menu-level-0-item-text-color-active); --zoey-mobile-menu-account-links-item-font-weight-active: var(--zoey-mobile-menu-level-0-item-font-weight-active); --zoey-mobile-menu-account-links-item-text-decoration-active: var(--zoey-mobile-menu-level-0-item-text-decoration-active); } #pix-fe .cp-614366fa9b1cc113440822 { --zoey-mobile-header-logo-height: 68px; --zoey-mobile-header-logo-max-width: 200px; --zoey-mobile-header-border-color: #f0f0f0; --zoey-mobile-header-bg-color: #ffffff; --zoey-mobile-header-text-color: #333333; --zoey-mobile-header-padding-y: 15px; --zoey-form-element-font-color: var(--zoey-mobile-header-text-color); --zoey-link-color: var(--zoey-mobile-header-text-color); --zoey-mobile-icon-color: var(--zoey-mobile-header-text-color); background-color: var(--zoey-mobile-header-bg-color); color: var(--zoey-mobile-header-text-color); width: 100%; z-index: 10 !important; min-width: 100px; } #pix-fe .cp-614366fa9b1cc113440822.is_stuck, #pix-fe .cp-614366fa9b1cc113440822 .is_stuck { z-index: 1000 !important; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select, #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select.default { --zoey-form-element-text-color: var(--zoey-mobile-header-text-color); background: transparent; color: var(--zoey-form-element-text-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select:before, #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select.default:before { content: var(--zoey-icon-chevron-down) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; z-index: 2; top: 50%; right: 6px; font-size: 1.25em; line-height: 1; margin-top: 1px; pointer-events: none; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select select, #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select.default select { background: transparent; padding: 10px 33px 10px 10px; box-shadow: none; line-height: 1.3; border-radius: 0px; height: auto; border: 0; font-size: 16px; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select select:not(:-webkit-autofill), #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select.default select:not(:-webkit-autofill), #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select select:not(:hover), #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select.default select:not(:hover), #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select select:not(:focus), #pix-fe .cp-614366fa9b1cc113440822 .zoey-styled-select.default select:not(:focus) { background: transparent; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-logo { display: flex; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-logo .pix-logo { flex-grow: 1; height: 100%; display: flex; align-items: center; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-logo .pix-logo img { object-fit: contain; object-position: left center; display: block; width: 200px; height: 68px; max-width: 100%; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-language-currency { border-top-style: solid; border-top-width: var(--zoey-border-width); border-top-color: var(--zoey-mobile-header-border-color); border-bottom-style: solid; border-bottom-width: var(--zoey-border-width); border-bottom-color: var(--zoey-mobile-header-border-color); display: flex; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-language-currency > div { flex-grow: 1; background-color: var(--zoey-mobile-header-bg-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-language-currency > div:not(:only-child) { width: 50%; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-language-currency > div:not(:only-child):not(:last-child) { border-right-style: solid; border-right-width: var(--zoey-border-width); border-right-color: var(--zoey-mobile-header-border-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-cart .zoey-header-cart-trigger > .label { display: none; } #pix-fe .cp-614366fa9b1cc113440822 #header-cart-mobile, #pix-fe .cp-614366fa9b1cc113440822 #header-cart-mobile-b2bquote { display: none; } #pix-fe .cp-614366fa9b1cc113440822 #header-cart-mobile.active, #pix-fe .cp-614366fa9b1cc113440822 #header-cart-mobile-b2bquote.active { display: block; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-search .search-container { position: relative; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-search input { width: 100%; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-search button.icon-search { position: absolute; top: 0; right: 0; aspect-ratio: 1; min-height: var(--zoey-mobile-header-search-height, 44px); display: flex; align-items: center; justify-content: center; text-align: center; color: initial; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-search button.icon-search::before { content: var(--zoey-icon-search) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3em; line-height: 1 !important; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-cart-trigger { display: flex; gap: 5px; align-items: center; font-size: 1em; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-cart-trigger > span { display: flex; gap: 5px; align-items: center; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-cart-trigger > span.label:empty { display: none; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-cart-trigger [class*="quote-icon"]::before, #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-cart-trigger [class*="cart-icon"]::before { line-height: 1 !important; font-size: 1.3em; display: flex; flex-direction: column; align-items: center; justify-content: center; text-box: cap alphabetic; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-cart-trigger .count { font-family: var(--zoey-paragraph-font-family); display: block; line-height: 1; text-box: cap alphabetic; } #pix-fe .cp-614366fa9b1cc113440822 .icon-close { display: none; color: inherit; margin-right: 8px; font-size: 20px; position: absolute; top: -5px; left: -1px; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-top-menu-container { display: flex; align-items: center; gap: 10px; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-banner-top { --zoey-paragraph-font-weight: normal; --zoey-paragraph-font-size: 12px; --zoey-paragraph-font-style: normal; --zoey-paragraph-text-transform: none; --zoey-text-color: #333333; --zoey-heading-color: var(--zoey-text-color); --zoey-subheading-color: var(--zoey-text-color); padding: 0px; background-repeat: no-repeat; background-size: cover; background-position: center; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-banner-top .container { background-color: transparent; padding: ; text-align: center; color: var(--zoey-text-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-banner-top .container a:not(.button) { color: inherit; text-transform: inherit; font-style: inherit; font-weight: inherit; } #pix-fe .zoey-header-mobile-search .search-container { position: relative; } #pix-fe .zoey-header-mobile-search input { width: 100%; } #pix-fe .zoey-header-mobile-search button.icon-search { position: absolute; top: 0; right: 0; aspect-ratio: 1; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: initial; } #pix-fe .zoey-header-mobile-search button.icon-search::before { content: var(--zoey-icon-search) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3em; line-height: 1 !important; } #pix-fe button.zoey-header-mobile-top-menu-trigger.btn-text { --zoey-btn-text-color: var(--zoey-mobile-icon-color); } #pix-fe #header-cart-mobile, #pix-fe #header-cart-mobile-b2bquote, #pix-fe .zoey-header-mobile-content { background-color: var(--zoey-mobile-menu-bg-color); } #pix-fe .zoey-header-mobile-top-menu { transition: all 0.3s ease-in-out; } #pix-fe .zoey-header-mobile-top-menu .img-container { display: none; } #pix-fe .zoey-header-mobile-top-menu .zoey-header-mobile-search .form-search .search-container { position: relative; } #pix-fe .zoey-header-mobile-top-menu .zoey-header-mobile-search .form-search input { width: 100%; height: var(--zoey-mobile-header-search-height, 44px); padding-right: var(--zoey-mobile-header-search-height, 44px); } #pix-fe .zoey-header-mobile-top-menu .zoey-header-mobile-search .form-search button.icon-search { border: 0 !important; display: flex; align-items: center; justify-content: center; text-align: center; color: initial; } #pix-fe .zoey-header-mobile-top-menu .zoey-header-mobile-search .form-search button.icon-search::before { content: var(--zoey-icon-search) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 1 !important; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary { display: flex; flex-direction: column; gap: var(--zoey-mobile-menu-level-0-spacer); background-color: var(--zoey-mobile-menu-level-0-menu-bg-color); padding: var(--zoey-mobile-menu-level-0-menu-padding); border-radius: var(--zoey-mobile-menu-level-0-menu-border-radius); position: relative; overflow: hidden; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li { border-bottom: var(--zoey-mobile-menu-level-0-menu-border-width) var(--zoey-mobile-menu-level-0-menu-border-style) var(--zoey-mobile-menu-level-0-menu-border-color); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li:last-of-type { border-bottom: 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a { background-color: var(--zoey-mobile-menu-level-0-item-bg-color); color: var(--zoey-mobile-menu-level-0-item-text-color); font-weight: var(--zoey-mobile-menu-level-0-item-font-weight); font-size: var(--zoey-mobile-menu-level-0-item-font-size); font-style: var(--zoey-mobile-menu-level-0-item-font-style); text-transform: var(--zoey-mobile-menu-level-0-item-text-transform); text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration); text-align: var(--zoey-mobile-menu-level-0-item-text-align); line-height: var(--zoey-mobile-menu-level-0-item-line-height); display: flex; align-items: center; gap: 10px; padding: var(--zoey-mobile-menu-level-0-item-padding-y) var(--zoey-mobile-menu-level-0-item-padding-x); border-radius: var(--zoey-mobile-menu-level-0-item-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a:hover, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a:focus-visible, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a:active { background-color: var(--zoey-mobile-menu-level-0-item-bg-color-active); color: var(--zoey-mobile-menu-level-0-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-0-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-0-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li > a .toggle-menu-element { background-color: var(--zoey-mobile-menu-level-0-icon-bg-color); color: var(--zoey-mobile-menu-level-0-icon-text-color); font-size: var(--zoey-mobile-menu-level-0-icon-font-size); width: var(--zoey-mobile-menu-level-0-icon-width); margin: calc(var(--zoey-mobile-menu-level-0-item-padding-y) * -1) calc(var(--zoey-mobile-menu-level-0-item-padding-x) * -1) calc(var(--zoey-mobile-menu-level-0-item-padding-y) * -1) 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary > li.active > a { background-color: var(--zoey-mobile-menu-level-0-item-bg-color-active); color: var(--zoey-mobile-menu-level-0-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-0-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-0-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul { display: none; flex-direction: column; position: relative; overflow: hidden; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul[style*="display: block"] { display: flex !important; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 { gap: var(--zoey-mobile-menu-level-1-spacer); background-color: var(--zoey-mobile-menu-level-1-menu-bg-color); padding: var(--zoey-mobile-menu-level-1-menu-padding-y) var(--zoey-mobile-menu-level-1-menu-padding-x); border: var(--zoey-mobile-menu-level-1-menu-border-width) var(--zoey-mobile-menu-level-1-menu-border-style) var(--zoey-mobile-menu-level-1-menu-border-color); border-radius: var(--zoey-mobile-menu-level-1-menu-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li { padding-left: var(--zoey-mobile-menu-level-1-menu-item-indent); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a { background-color: var(--zoey-mobile-menu-level-1-item-bg-color); color: var(--zoey-mobile-menu-level-1-item-text-color); font-weight: var(--zoey-mobile-menu-level-1-item-font-weight); font-size: var(--zoey-mobile-menu-level-1-item-font-size); font-style: var(--zoey-mobile-menu-level-1-item-font-style); text-transform: var(--zoey-mobile-menu-level-1-item-text-transform); text-decoration: var(--zoey-mobile-menu-level-1-item-text-decoration); text-align: var(--zoey-mobile-menu-level-1-item-text-align); line-height: var(--zoey-mobile-menu-level-1-item-line-height); display: flex; gap: 10px; padding: var(--zoey-mobile-menu-level-1-item-padding-y) var(--zoey-mobile-menu-level-1-item-padding-x); border: var(--zoey-mobile-menu-level-1-item-border-width) var(--zoey-mobile-menu-level-1-item-border-style) var(--zoey-mobile-menu-level-1-item-border-color); border-radius: var(--zoey-mobile-menu-level-1-item-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a:hover, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a:focus-visible, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a:active { background-color: var(--zoey-mobile-menu-level-1-item-bg-color-active); color: var(--zoey-mobile-menu-level-1-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-1-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-1-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li > a .toggle-menu-element { background-color: var(--zoey-mobile-menu-level-1-icon-bg-color); color: var(--zoey-mobile-menu-level-1-icon-text-color); font-size: var(--zoey-mobile-menu-level-1-icon-font-size); width: var(--zoey-mobile-menu-level-1-icon-width); margin: calc(var(--zoey-mobile-menu-level-1-item-padding-y) * -1) calc(var(--zoey-mobile-menu-level-1-item-padding-x) * -1) calc(var(--zoey-mobile-menu-level-1-item-padding-y) * -1) 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 > li.active > a { background-color: var(--zoey-mobile-menu-level-1-item-bg-color-active); color: var(--zoey-mobile-menu-level-1-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-1-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-1-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul { gap: var(--zoey-mobile-menu-level-2-spacer); background-color: var(--zoey-mobile-menu-level-2-menu-bg-color); padding: var(--zoey-mobile-menu-level-2-menu-padding-y) var(--zoey-mobile-menu-level-2-menu-padding-x); border: var(--zoey-mobile-menu-level-2-menu-border-width) var(--zoey-mobile-menu-level-2-menu-border-style) var(--zoey-mobile-menu-level-2-menu-border-color); border-radius: var(--zoey-mobile-menu-level-2-menu-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li { padding-left: var(--zoey-mobile-menu-level-2-menu-item-indent); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a { background-color: var(--zoey-mobile-menu-level-2-item-bg-color); color: var(--zoey-mobile-menu-level-2-item-text-color); font-weight: var(--zoey-mobile-menu-level-2-item-font-weight); font-size: var(--zoey-mobile-menu-level-2-item-font-size); font-style: var(--zoey-mobile-menu-level-2-item-font-style); text-transform: var(--zoey-mobile-menu-level-2-item-text-transform); text-decoration: var(--zoey-mobile-menu-level-2-item-text-decoration); text-align: var(--zoey-mobile-menu-level-2-item-text-align); line-height: var(--zoey-mobile-menu-level-2-item-line-height); display: flex; gap: 10px; padding: var(--zoey-mobile-menu-level-2-item-padding-y) var(--zoey-mobile-menu-level-2-item-padding-x); border: var(--zoey-mobile-menu-level-2-item-border-width) var(--zoey-mobile-menu-level-2-item-border-style) var(--zoey-mobile-menu-level-2-item-border-color); border-radius: var(--zoey-mobile-menu-level-2-item-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a:hover, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a:focus-visible, #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a:active { background-color: var(--zoey-mobile-menu-level-2-item-bg-color-active); color: var(--zoey-mobile-menu-level-2-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-2-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-2-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li > a .toggle-menu-element { background-color: var(--zoey-mobile-menu-level-2-icon-bg-color); color: var(--zoey-mobile-menu-level-2-icon-text-color); font-size: var(--zoey-mobile-menu-level-2-icon-font-size); width: var(--zoey-mobile-menu-level-2-icon-width); margin: calc(var(--zoey-mobile-menu-level-2-item-padding-y) * -1) calc(var(--zoey-mobile-menu-level-2-item-padding-x) * -1) calc(var(--zoey-mobile-menu-level-2-item-padding-y) * -1) 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary ul.level0 ul > li.active > a { background-color: var(--zoey-mobile-menu-level-2-item-bg-color-active); color: var(--zoey-mobile-menu-level-2-item-text-color-active); font-weight: var(--zoey-mobile-menu-level-2-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-level-2-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary .parent > a { justify-content: space-between; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary .parent > a > .toggle-menu-element { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 100%; flex-grow: 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary .parent > a > .toggle-menu-element:after { content: var(--zoey-icon-plus) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1 !important; } #pix-fe .zoey-header-mobile-top-menu .zoey-nav-primary .parent.active > a > .toggle-menu-element:after { content: var(--zoey-icon-minus) !important; font-family: var(--zoey-icon-font) !important; display: block; font-size: 1.5em; line-height: 1; speak: never; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile { display: flex; flex-direction: column; gap: var(--zoey-mobile-menu-account-links-spacer); background-color: var(--zoey-mobile-menu-account-links-menu-bg-color); padding: var(--zoey-mobile-menu-account-links-menu-padding-y) var(--zoey-mobile-menu-account-links-menu-padding-x); border: var(--zoey-mobile-menu-account-links-menu-border-width) var(--zoey-mobile-menu-account-links-menu-border-style) var(--zoey-mobile-menu-account-links-menu-border-color); border-radius: var(--zoey-mobile-menu-account-links-menu-border-radius); position: relative; overflow: hidden; } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li:last-child > a { border-bottom: 0; } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a { background-color: var(--zoey-mobile-menu-account-links-item-bg-color); color: var(--zoey-mobile-menu-account-links-item-text-color); font-weight: var(--zoey-mobile-menu-account-links-item-font-weight); font-size: var(--zoey-mobile-menu-account-links-item-font-size); font-style: var(--zoey-mobile-menu-account-links-item-font-style); text-transform: var(--zoey-mobile-menu-account-links-item-text-transform); text-decoration: var(--zoey-mobile-menu-account-links-item-text-decoration); text-align: var(--zoey-mobile-menu-account-links-item-text-align); line-height: var(--zoey-mobile-menu-account-links-item-line-height); display: flex; gap: 10px; padding: var(--zoey-mobile-menu-account-links-item-padding-y) var(--zoey-mobile-menu-account-links-item-padding-x); border-bottom: var(--zoey-mobile-menu-account-links-item-border-width) var(--zoey-mobile-menu-account-links-item-border-style) var(--zoey-mobile-menu-account-links-item-border-color); border-radius: var(--zoey-mobile-menu-account-links-item-border-radius); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a:hover, #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a:focus-visible, #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a:active { background-color: var(--zoey-mobile-menu-account-links-item-bg-color-active); color: var(--zoey-mobile-menu-account-links-item-text-color-active); font-weight: var(--zoey-mobile-menu-account-links-item-font-weight-active); text-decoration: var(--zoey-mobile-menu-account-links-item-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li > a .toggle-menu-element { background-color: var(--zoey-mobile-menu-account-links-icon-bg-color); color: var(--zoey-mobile-menu-account-links-icon-text-color); font-size: var(--zoey-mobile-menu-account-links-icon-font-size); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-content-mobile > li.active > a { background-color: var(--zoey-mobile-menu-account-links-bg-color-active); color: var(--zoey-mobile-menu-account-links-text-color-active); font-weight: var(--zoey-mobile-menu-account-links-font-weight-active); text-decoration: var(--zoey-mobile-menu-account-links-text-decoration-active); } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-mobile { padding-top: 30px; } #pix-fe .zoey-header-mobile-top-menu .zoey-account-links-mobile .title:empty { display: none; } #pix-fe .zoey-header-mobile-top-menu-trigger { display: flex; align-items: center; justify-content: center; gap: 5px; } #pix-fe .zoey-header-mobile-top-menu-trigger .zoey-icon { line-height: 1 !important; font-size: 1.5em; display: flex; flex-direction: column; align-items: center; justify-content: center; } #pix-fe .zoey-header-mobile-top-menu-trigger span:not(.sr-only) { display: block; line-height: 1; text-box: cap alphabetic; } #pix-fe:not(.zoey-has-mobile-header) .cp-614366fa9b1cc113440822, #pix-fe.media-d .cp-614366fa9b1cc113440822, #pix-fe.media-t .cp-614366fa9b1cc113440822 { display: none; } #pix-fe.modal-body-content .cp-614366fa9b1cc113440822 { display: block; overflow: hidden; } #pix-fe .cp-614366fa9b1cc113440822 { min-width: 100px; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-language-currency { border-bottom-color: var(--zoey-mobile-header-border-color); background-color: var(--zoey-mobile-header-bg-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-language-currency > div { border-right-color: var(--zoey-mobile-header-border-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-top-menu-container { position: relative; padding: 10px; background-color: var(--zoey-mobile-header-bg-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-top-menu { display: none; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-cart { color: var(--zoey-mobile-header-text-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-cart a { color: var(--zoey-mobile-header-text-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-cart #header-cart-mobile { position: absolute; left: 0; width: 100%; background: var(--zoey-mobile-menu-bg-color); overflow: auto; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-logo { margin-right: auto; } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-cart-b2bquote { color: var(--zoey-mobile-header-text-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-cart-b2bquote a { color: var(--zoey-mobile-header-text-color); } #pix-fe .cp-614366fa9b1cc113440822 .zoey-header-mobile-cart-b2bquote #header-cart-mobile-b2bquote { position: absolute; left: 0; width: 100%; background: var(--zoey-mobile-menu-bg-color); overflow: auto; } #pix-fe .cp-614366fa9b1cc113440822 .cart-icon-cargo-truck:before, #pix-fe .cp-614366fa9b1cc113440822 .cart-icon-cargo-truck-fast:before, #pix-fe .cp-614366fa9b1cc113440822 .cart-icon-cargo-truck-round:before, #pix-fe .cp-614366fa9b1cc113440822 .cart-icon-cargo-truck-outline-fast:before { font-size: 1.3em; vertical-align: sub; } #pix-fe .cp-614366fa9b1cc113440822 .cart-icon-cargo-truck-left:before, #pix-fe .cp-614366fa9b1cc113440822 .cart-icon-cargo-truck-thin-fast:before { font-size: 1.2em; vertical-align: sub; } #pix-fe.zoey-core-header-mobile-preset1.media-m { --zoey-mobile-menu-bg-color: var(--zoey-color-light); } #pix-fe.zoey-core-header-mobile-preset1.media-m.zoey-core-header-mobile-menu-active { overflow: hidden; } #pix-fe.zoey-core-header-mobile-preset1.media-m.zoey-core-header-mobile-menu-active .zoey-header-mobile-top-menu { --zoey-mobile-menu-close-font-size: 30px; --zoey-btn-height: var(--zoey-mobile-header-search-height, 44px); display: flex !important; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #pix-fe.zoey-core-header-mobile-preset1.media-m.zoey-core-header-mobile-menu-active .zoey-header-mobile-top-menu .zoey-header-mobile-top-menu-trigger.btn-text.btn-icon { --zoey-btn-font-size: var(--zoey-mobile-menu-close-font-size); margin-right: -7px; margin-left: 0; } #pix-fe.zoey-core-header-mobile-preset1.media-m.zoey-core-header-mobile-menu-active .zoey-header-mobile-top-menu .zoey-header-mobile-top-menu-trigger.btn-text.btn-icon .icon-cancel-button { height: 31px; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu-trigger { margin-left: -7px; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow-y: auto; transform: translateX(-100%); transition: transform 0.3s ease-in-out; backface-visibility: hidden; background-color: var(--zoey-mobile-menu-bg-color); flex-direction: column; justify-content: start; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu > nav, #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu > .zoey-account-links-mobile { padding: 0; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-top-menu .zoey-account-links-mobile .title { margin-bottom: 0; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-search { padding: calc(var(--zoey-mobile-menu-padding-y) + env(safe-area-inset-top)) calc(var(--zoey-mobile-menu-padding-x) + env(safe-area-inset-right)) var(--zoey-mobile-menu-padding-y) calc(var(--zoey-mobile-menu-padding-x) + env(safe-area-inset-right)); background-color: var(--zoey-background-color); border-bottom: var(--zoey-border-width) solid var(--zoey-border-color); box-shadow: var(--zoey-shadow-sm); display: flex; align-items: center; gap: 5px; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-search form { flex-grow: 1; } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-header-mobile-content { background-color: var(--zoey-mobile-menu-bg-color); flex-grow: 1; display: flex; flex-direction: column; overflow: auto; justify-content: start; padding: var(--zoey-mobile-menu-padding-y) calc(var(--zoey-mobile-menu-padding-x) + env(safe-area-inset-right)) calc(var(--zoey-mobile-menu-padding-y) + env(safe-area-inset-bottom)) calc(var(--zoey-mobile-menu-padding-x) + env(safe-area-inset-right)); gap: var(--zoey-mobile-menu-padding-y); } #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-account-links-content-mobile, #pix-fe.zoey-core-header-mobile-preset1.media-m .zoey-nav-primary { box-shadow: var(--zoey-shadow-sm); border: var(--zoey-border-width) solid var(--zoey-border-color); } #pix-fe.zoey-core-header-mobile-preset1-mobile-minicart-active { overflow: hidden; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_614366fa9b1cc113440822 */ #pix-fe #cp-614366fa9b1cc113440822.pix-design-component { z-index: 3; } #pix-fe.media-dt #cp-614366fa9b1cc113440822.pix-design-component { z-index: 3; } #pix-fe.media-d #cp-614366fa9b1cc113440822.pix-design-component { z-index: 3; } #pix-fe.media-tm #cp-614366fa9b1cc113440822.pix-design-component { z-index: 3; } #pix-fe.media-t #cp-614366fa9b1cc113440822.pix-design-component { z-index: 3; } #pix-fe.media-m #cp-614366fa9b1cc113440822.pix-design-component { clear: left; z-index: 3; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP0i/LzS2L0M1ITU1KLYvSLSypzUov1ikHaagE= Path: skin/designcenter/pixafy/components/root/header/styles.scss Parent uid: cp_614366fa9b1ce526952736 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/root/header/styles.scss ================================================== **/ #pix-fe .cp-614366fa9b1ce526952736 > .component-content > .group-background-image-container { --pix-shadow-opacity: 0.07; position: relative; background-color: rgba(255, 255, 255, 0); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; box-shadow: var(--pix-shadow-size, var(--zoey-shadow-sm-size)) hsla(var(--pix-shadow-color, var(--zoey-shadow-color)), var(--pix-shadow-opacity, var(--zoey-shadow-sm-opacity))); -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } #pix-fe .cp-614366fa9b1ce526952736 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe .cp-614366fa9b1ce526952736 > .component-content > .group-background-image-container > .full-width-content-element { padding: ; } #pix-fe .cp-614366fa9b1ce526952736 > .component-content > .group-background-image-container:before, #pix-fe .cp-614366fa9b1ce526952736 > .component-content > .group-background-image-container:after, #pix-fe .cp-614366fa9b1ce526952736 > .component-content > .group-background-image-container .full-width-content-element:before, #pix-fe .cp-614366fa9b1ce526952736 > .component-content > .group-background-image-container .full-width-content-element:after { content: ''; clear: both; display: block; } #pix-fe.media-t .cp-614366fa9b1ce526952736 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t .cp-614366fa9b1ce526952736 > .component-content > .group-background-image-container > .full-width-content-element { padding: ; } #pix-fe.pix-designcenter-admin .cp-614366fa9b1ce526952736 .group-background-image-container:not(.full-width-element):empty, #pix-fe.pix-designcenter-admin .cp-614366fa9b1ce526952736 .group-background-image-container > .full-width-content-element:empty { min-height: 150px; } #pix-fe.zoey-has-mobile-header.media-m .cp-614366fa9b1ce526952736 { display: none; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-min-height.html Parent uid: cp_614366fa9b1ce526952736 */ #pix-fe #cp-614366fa9b1ce526952736.pix-design-component { margin-left: -1050%; clear: left; z-index: 3; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #pix-fe #cp-614366fa9b1ce526952736.pix-design-component > .component-content > .zoey-component-placement-height { min-height: 0 } #pix-fe.media-dt #cp-614366fa9b1ce526952736.pix-design-component { z-index: 3; } #pix-fe.media-d #cp-614366fa9b1ce526952736.pix-design-component { margin-left: -1050%; z-index: 3; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #pix-fe.media-d #cp-614366fa9b1ce526952736.pix-design-component > .component-content > .zoey-component-placement-height { min-height: 0 } #pix-fe.media-tm #cp-614366fa9b1ce526952736.pix-design-component { z-index: 3; } #pix-fe.media-t #cp-614366fa9b1ce526952736.pix-design-component { z-index: 3; } #pix-fe.media-m #cp-614366fa9b1ce526952736.pix-design-component { z-index: 3; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP0i/LzS2L0k/JTgOIFRanFqSW6RnrFIG21AA== Path: skin/designcenter/pixafy/components/root/body/preset-2.scss Parent uid: cp_614366fa9b1cf534327797 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/root/body/preset-2.scss ================================================== **/ #pix-fe .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container, #pix-fe .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container { position: relative; min-height: 400px; background-color: rgba(255, 255, 255, 0); background-image: ; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } #pix-fe .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container > .full-width-content-element, #pix-fe .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container > .full-width-content-element { padding: 10px 10px 10px 10px; } #pix-fe .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container:before, #pix-fe .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container:before, #pix-fe .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container:after, #pix-fe .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container:after, #pix-fe .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container .pix-grid:before, #pix-fe .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container .pix-grid:before, #pix-fe .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container .pix-grid:after, #pix-fe .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container .pix-grid:after { content: ''; clear: both; display: block; } #pix-fe .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container .after-body, #pix-fe .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container .after-body { clear: both; } #pix-fe.media-t .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container, #pix-fe.media-t .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container { background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-t .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container > .full-width-content-element, #pix-fe.media-t .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container > .full-width-content-element { padding: 10px 10px 10px 10px; } #pix-fe.media-m .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container, #pix-fe.media-m .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container { background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-m .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m .cp-614366fa9b1cf534327797 > .component-content > .group-background-image-container > .full-width-content-element, #pix-fe.media-m .cp-614366fa9b1cf534327797 > .product-view > .component-content > .group-background-image-container > .full-width-content-element { padding: 10px 10px 10px 10px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-min-height.html Parent uid: cp_614366fa9b1cf534327797 */ #pix-fe #cp-614366fa9b1cf534327797.pix-design-component { margin-left: -1100%; z-index: 1; clear: none; } #pix-fe.media-dt #cp-614366fa9b1cf534327797.pix-design-component { z-index: 1; } #pix-fe.media-d #cp-614366fa9b1cf534327797.pix-design-component { margin-left: -1100%; z-index: 1; clear: none; } #pix-fe.media-tm #cp-614366fa9b1cf534327797.pix-design-component { z-index: 1; } #pix-fe.media-t #cp-614366fa9b1cf534327797.pix-design-component { margin-left: -1100%; z-index: 1; } #pix-fe.media-m #cp-614366fa9b1cf534327797.pix-design-component { margin-left: -1100%; z-index: 1; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP0i/LzS2L004BkalGMfkFRanFqia6hXjFIYy0A Path: skin/designcenter/pixafy/components/root/footer/preset-1.scss Parent uid: cp_614366fa9b1d0855826862 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/root/footer/preset-1.scss ================================================== **/ #pix-fe .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container { background-color: rgba(255, 255, 255, 1); background-image: ; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container:empty { min-height: 150px; } #pix-fe .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container > .full-width-content-element { padding: 0px; } #pix-fe.media-t .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container { background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-t .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-t .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container > .full-width-content-element { padding: ; } #pix-fe.media-m .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container { background-size: ; background-repeat: ; background-position: ; } #pix-fe.media-m .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container:not(.full-width-element), #pix-fe.media-m .cp-614366fa9b1d0855826862 > .component-content > .group-background-image-container > .full-width-content-element { padding: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-min-height.html Parent uid: cp_614366fa9b1d0855826862 */ #pix-fe #cp-614366fa9b1d0855826862.pix-design-component { margin-left: -1100%; clear: left; z-index: 2; } #pix-fe #cp-614366fa9b1d0855826862.pix-design-component > .component-content > .zoey-component-placement-height { min-height: 116px } #pix-fe.media-dt #cp-614366fa9b1d0855826862.pix-design-component { z-index: 2; } #pix-fe.media-d #cp-614366fa9b1d0855826862.pix-design-component { margin-left: -1100%; z-index: 2; } #pix-fe.media-d #cp-614366fa9b1d0855826862.pix-design-component > .component-content > .zoey-component-placement-height { min-height: 116px } #pix-fe.media-tm #cp-614366fa9b1d0855826862.pix-design-component { z-index: 2; } #pix-fe.media-t #cp-614366fa9b1d0855826862.pix-design-component { z-index: 2; } #pix-fe.media-m #cp-614366fa9b1d0855826862.pix-design-component { margin-left: -1100%; z-index: 2; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset iconFontQuote Path: /skin/designcenter/fonts/quote-icons/style.css Parent uid: cp_615f028d12011537987428 */ @font-face { font-family: 'quote-icons'; src: url("//foxrunwholesale.com//skin/designcenter/fonts/quote-icons/fonts/quote-icons.eot?rb4f5b"); src: url("//foxrunwholesale.com//skin/designcenter/fonts/quote-icons/fonts/quote-icons.eot?rb4f5b#iefix") format('embedded-opentype'), url("//foxrunwholesale.com//skin/designcenter/fonts/quote-icons/fonts/quote-icons.woff?rb4f5b") format('woff'), url("//foxrunwholesale.com//skin/designcenter/fonts/quote-icons/fonts/quote-icons.ttf?rb4f5b") format('truetype'), url("//foxrunwholesale.com//skin/designcenter/fonts/quote-icons/fonts/quote-icons.svg?rb4f5b#quote-icons") format('svg'); font-weight: normal; font-style: normal; font-display: block;}[class^="quote-icon-"], [class*=" quote-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'quote-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.quote-icon-register:before { content: "\e900";}.quote-icon-calculator-buttons:before { content: "\e901";}.quote-icon-calculator:before { content: "\e902";}.quote-icon-accounting:before { content: "\e903";}.quote-icon-accounting-round:before { content: "\e904";}.quote-icon-calculator-square:before { content: "\e905";}.quote-icon-calculator-buttons-square-thin:before { content: "\e906";}.quote-icon-calculator-buttons-square:before { content: "\e907";}.quote-icon-tag:before { content: "\e908";}.quote-icon-paper:before { content: "\e909";} /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset iconFontAccount Path: skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/style.css Parent uid: cp_615f028d12011537987428 */ @font-face { font-family: 'account-icons'; src: url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.eot?6iwdag"); src: url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.eot?6iwdag#iefix") format('embedded-opentype'), url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.ttf?6iwdag") format('truetype'), url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.woff?6iwdag") format('woff'), url("//foxrunwholesale.com/skin/designcenter/pixafy/components/root/header/top_links/fonts/account-icons/fonts/account-icons.svg?6iwdag#account-icons") format('svg'); font-weight: normal; font-style: normal; font-display: block;}[class^="account-icon-"]::before, [class*=" account-icon-"]::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'account-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.account-icon-pix-bi-gear-fill:before { content: "\e916";}.account-icon-pix-bi-gear:before { content: "\e917";}.account-icon-pix-bi-list:before { content: "\e918";}.account-icon-pix-bi-bank:before { content: "\e919";}.account-icon-pix-bi-bank2:before { content: "\e91a";}.account-icon-pix-bi-building:before { content: "\e91b";}.account-icon-pix-bi-file-person-fill:before { content: "\e91c";}.account-icon-pix-bi-file-person:before { content: "\e91d";}.account-icon-pix-bi-house-door-fill:before { content: "\e91e";}.account-icon-pix-bi-house-door:before { content: "\e91f";}.account-icon-pix-bi-house-fill:before { content: "\e920";}.account-icon-pix-bi-house-gear-fill:before { content: "\e921";}.account-icon-pix-bi-house-gear:before { content: "\e922";}.account-icon-pix-bi-house:before { content: "\e923";}.account-icon-pix-bi-people-fill:before { content: "\e924";}.account-icon-pix-bi-people:before { content: "\e925";}.account-icon-pix-bi-person-badge-fill:before { content: "\e926";}.account-icon-pix-bi-person-badge:before { content: "\e927";}.account-icon-pix-bi-person-bounding-box:before { content: "\e928";}.account-icon-pix-bi-person-circle:before { content: "\e929";}.account-icon-pix-bi-person-fill-gear:before { content: "\e92a";}.account-icon-pix-bi-person-fill:before { content: "\e92b";}.account-icon-pix-bi-person-gear:before { content: "\e92c";}.account-icon-pix-bi-person-rolodex:before { content: "\e92d";}.account-icon-pix-bi-person-square:before { content: "\e92e";}.account-icon-pix-bi-person-vcard-fill:before { content: "\e92f";}.account-icon-pix-bi-person-vcard:before { content: "\e930";}.account-icon-pix-bi-person:before { content: "\e931";}.account-icon-pix-bi-shop-window:before { content: "\e932";}.account-icon-pix-bi-shop:before { content: "\e933";}.account-icon-1:before { content: "\e900";}.account-icon-2:before { content: "\e901";}.account-icon-3:before { content: "\e902";}.account-icon-4:before { content: "\e903";}.account-icon-5:before { content: "\e904";}.account-icon-outline-thick:before { content: "\e7ff";}.account-icon-avatar:before { content: "\e905";}.account-icon-user:before { content: "\e906";}.account-icon-users:before { content: "\e907";}.account-icon-users-2:before { content: "\e908";}.account-icon-user-circle-thin:before { content: "\e909";}.account-icon-user-circle:before { content: "\e90a";}.account-icon-user-square:before { content: "\e90b";}.account-icon-user-folder:before { content: "\e90c";}.account-icon-user-calendar:before { content: "\e90d";}.account-icon-user-bubble:before { content: "\e90e";}.account-icon-building:before { content: "\e90f";}.account-icon-horizontal-lines-long:before { content: "\e910";}.account-icon-horizontal-lines-short:before { content: "\e911";}.account-icon-horizontal-dotted-line:before { content: "\e912";}.account-icon-vertical-dotted-line:before { content: "\e913";}.account-icon-cog:before { content: "\e914";}.account-icon-line:before { content: "\e915";} /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCGamJKalFrsXFQG5mYg4WEV1DvWKQabUA Path: /js/zoeydev/components/headerEssentials/headerEssentials-1.scss Parent uid: cp_615f028d12011537987428 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/headerEssentials/headerEssentials-1.scss ================================================== **/ #pix-fe .zoey-account-links-content { background: rgba(255, 255, 255, 1); padding: 15px 30px; -webkit-box-shadow: 0 4px 6px 0px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 4px 6px 0px rgba(51, 51, 51, 0.5); box-shadow: 0 4px 6px 0px rgba(51, 51, 51, 0.5); } #pix-fe .zoey-account-links-content li { text-align: left; padding: 6px 0 6px 0; } #pix-fe .zoey-account-links-content li a { color: rgb(83,87,90); font-size: 14px; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; } #pix-fe .zoey-account-links-content li a:hover { color: #d65c5c; } #pix-fe .cp-615f028d12011537987428 { width: 100%; border: 0 !important; } #pix-fe .cp-615f028d12011537987428 .pix-grid { max-width: 100%; } #pix-fe .cp-615f028d12011537987428 .header-wrap { padding: 10px 15px 10px 15px; } #pix-fe .cp-615f028d12011537987428 .header-wrap > * { display: inline-block; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .header-wrap.is-scrolling { visibility: hidden; } #pix-fe .cp-615f028d12011537987428 .top-header-banner { background-color: #b3bc35; color: #ffffff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; font-style: normal; text-align: center; padding: 10px 0 10px 0; } #pix-fe .cp-615f028d12011537987428 .top-header-banner > .pix-grid { padding: 0 15px 0 15px; } #pix-fe .cp-615f028d12011537987428 .top-header-banner > .pix-grid a { color: rgb(83,87,90); } #pix-fe .cp-615f028d12011537987428 .top-header-banner > .pix-grid a:hover { color: #d65c5c; } #pix-fe .cp-615f028d12011537987428 .main-content { background-color: #ffffff; } #pix-fe .cp-615f028d12011537987428 .float-container { padding: 10px 20px 10px 20px; } #pix-fe .cp-615f028d12011537987428 .header-main-div { width: 64%; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .logo-container { display: inline-block; vertical-align: middle; min-width: 40%; } #pix-fe .cp-615f028d12011537987428 .logo-container img { max-height: 100px; max-width: 300px; } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container { display: inline-block; vertical-align: middle; width: 60%; padding: 10px 0; } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container .zoey-catalog-search .search-container { position: relative; } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container .zoey-catalog-search .search-container input { width: 100%; background-color: #ffffff; color: rgb(83,87,90); font-size: 16px; border-width: 1px 1px 1px 1px; border-color: #cccccc; border-style: solid; padding: 8px 30px 8px 10px; } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container .zoey-catalog-search .search-container input::-webkit-input-placeholder { color: rgb(83,87,90); } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container .zoey-catalog-search .search-container input::-moz-placeholder { color: rgb(83,87,90); } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container .zoey-catalog-search .search-container input:-ms-input-placeholder { color: rgb(83,87,90); } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container .zoey-catalog-search .search-container input:-moz-placeholder { color: rgb(83,87,90); } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container .zoey-catalog-search .search-container button { width: 14px; position: absolute; top: 55%; right: 7px; background: transparent; color: rgb(83,87,90); font-size: 12px; line-height: 1; padding: 0; transform: translate(0, -50%); border: none; } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container-scroll { position: absolute; top: 100%; right: 75px; width: 100%; max-width: 250px; } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container-scroll .search-container { background-color: #ffffff; border-color: #cccccc; border-width: 1px 1px 1px 1px; border-style: solid; padding-right: 20px; } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container-scroll .search-container input { border: none; color: rgb(83,87,90); background: none; height: 40px; } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container-scroll .search-container .icon-search { width: 14px; position: absolute; top: 50%; transform: translate(0, -50%); right: 7px; background: transparent; color: rgb(83,87,90); font-size: 12px; line-height: 1; padding: 0; } #pix-fe .cp-615f028d12011537987428 .zoey-header-search-container-scroll .search-container .icon-search:hover { color: #073f60; } #pix-fe .cp-615f028d12011537987428 .extras-container { width: 36%; padding-left: 20px; text-align: right; } #pix-fe .cp-615f028d12011537987428 .extras-container .extra { display: inline-block; padding-top: 5px; } #pix-fe .cp-615f028d12011537987428 .extras-container .extra .extra-table { display: table; } #pix-fe .cp-615f028d12011537987428 .extras-container .extra .extra-table > * { display: table-cell; vertical-align: top; padding-left: 10px; text-align: left; } #pix-fe .cp-615f028d12011537987428 .extras-container .extra .extra-table > *:first-child { padding-left: 0; } #pix-fe .cp-615f028d12011537987428 .extras-container .extra .extra-table .account-link { vertical-align: top; } #pix-fe .cp-615f028d12011537987428 .extras-container .extra.top { text-align: right; } #pix-fe .cp-615f028d12011537987428 .extras-container .extra.top .extra-table > span { color: rgb(83,87,90); font-size: 12px; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; } #pix-fe .cp-615f028d12011537987428 .extras-container .extra.top .extra-table > * { display: table-cell; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .extras-container .extra:last-of-type { padding-top: 20px; } #pix-fe .cp-615f028d12011537987428 .lang-curr { white-space: nowrap; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language { position: relative; z-index: 999; margin-right: 10px; vertical-align: top; display: inline-block; padding: 5px 8px; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language .dropdown-container label { float: left; cursor: pointer; margin: 0; width: 100%; color: inherit; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language .dropdown-container label .icon-down-arrow-slim { color: rgba(79, 79, 79, 1); } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language .dropdown-container .selected { position: relative; display: inline-block; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language img { width: 30px; display: inline-block; height: auto; max-width: none; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language input[type="checkbox"] { display: none; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language input[type="checkbox"]:not(:checked) + ul { display: none; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language input[type="checkbox"] + ul { margin-top: 20px; left: -10px; text-align: left; width: 150px; border: 1px solid #ccc; position: absolute; z-index: 999; background: #fff; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language input[type="checkbox"] + ul > li { padding: 7px 9px; position: relative; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language input[type="checkbox"] + ul > li img + span { padding-left: 15px; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language input[type="checkbox"] + ul > li span { font-size: 12px; line-height: 125%; color: rgb(83,87,90); display: inline-block; max-width: 100px; word-wrap: break-word; white-space: normal; text-align: left; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language input[type="checkbox"] + ul > li span:hover { color: #737373; } #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language input[type="checkbox"] + ul > li:before, #pix-fe .cp-615f028d12011537987428 .lang-curr .form-language input[type="checkbox"] + ul > li:after { content: ''; clear: both; display: block; } #pix-fe .cp-615f028d12011537987428 .currency-switcher { position: relative; display: inline-block; vertical-align: top; font-size: 10px; } #pix-fe .cp-615f028d12011537987428 .currency-switcher .zoey-styled-select { display: block; } #pix-fe .cp-615f028d12011537987428 .currency-switcher select { display: inline-block; padding: 5px 10px 5px 8px; color: rgb(83,87,90); background-color: transparent; font-weight: bold; text-transform: uppercase; } #pix-fe .cp-615f028d12011537987428 .currency-switcher .icon-down-arrow-slim { margin-left: -10px; color: rgba(79, 79, 79, 1); } #pix-fe .cp-615f028d12011537987428 .zoey-header-cart { padding-top: 1px; cursor: pointer; white-space: nowrap; } #pix-fe .cp-615f028d12011537987428 .zoey-header-cart a { display: inline-block; } #pix-fe .cp-615f028d12011537987428 .zoey-header-cart a:hover { text-decoration: none; } #pix-fe .cp-615f028d12011537987428 #header-cart-link, #pix-fe .cp-615f028d12011537987428 #header-cart-link-b2bquote { display: inline-block; color: rgb(83,87,90); font-size: 12px; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; } #pix-fe .cp-615f028d12011537987428 #header-cart-link:hover, #pix-fe .cp-615f028d12011537987428 #header-cart-link-b2bquote:hover { color: #6b6b6b; } #pix-fe .cp-615f028d12011537987428 .cart-i:before { margin-right: 4px; font-size: 12px; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .label-wrap { vertical-align: middle; display: inline-block; line-height: 1.4; } #pix-fe .cp-615f028d12011537987428 .label-wrap > * { display: block; } #pix-fe .cp-615f028d12011537987428 .icon-down-arrow-slim { vertical-align: middle; display: inline-block; margin-left: 3px; font-size: 8px; } #pix-fe .cp-615f028d12011537987428 .zoey-account-links { cursor: pointer; } #pix-fe .cp-615f028d12011537987428 .zoey-account-links a { display: inline-block; color: rgb(83,87,90); font-size: 14px; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; } #pix-fe .cp-615f028d12011537987428 .zoey-account-links a:hover { color: #000000; } #pix-fe .cp-615f028d12011537987428 .zoey-account-links a span { text-decoration: inherit; } #pix-fe .cp-615f028d12011537987428 .zoey-account-links a .account-icon { margin-right: 0; } #pix-fe .cp-615f028d12011537987428 .zoey-account-links a .account-icon:before { font-size: 30px; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .header-menu-container { background-color: rgba(83,87,90,1); border-style: solid; border-width: 0 0 0 0; border-color: #f0f0f0; } #pix-fe .cp-615f028d12011537987428 .header-menu-container nav { display: block; height: 100%; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li:hover { z-index: 9; } #pix-fe .cp-615f028d12011537987428 .header-menu-container a { text-decoration: none; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary { list-style: none; position: relative; text-align: left; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top { margin: 0 10px 0 10px; background-color: rgba(7,63,96,0); } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top > ul { position: absolute; z-index: 9999999; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top:not(.hidden) { display: inline-block; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top:not(:hover) ul.level0, #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top:not(:hover) .sub-menu-container { top: -10000000px; opacity: 0; transition: opacity 0.3s; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top:hover { background-color: rgba(83,87,90,0.9); } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top:hover > a { color: #dcee19; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top:hover > a > span { border-bottom-color: #dcee19; border-bottom-style: solid; border-bottom-width: 1px; transition: all 0.3s; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top > a { display: inline-block; vertical-align: middle; color: #ffffff; font-size: 15px; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; padding: 15px 5px; background: none; text-decoration: none; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top > a > span { transition: all 0.3s; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top > a > span i { margin-left: 10px; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary li.level-top.active > a { color: ; font-size: ; font-style: ; font-weight: ; text-transform: ; background-color: ; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary .sub-menu-container { position: absolute; z-index: 9999999; left: 0; width: 100%; padding: 20px; text-align: left; opacity: 1; transition: opacity 0.3s; border-top-style: solid; border-width: ; border-top-color: rgba(51, 51, 51, 0); background-color: #ffffff; -webkit-box-shadow: 0 4px 6px 0px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 4px 6px 0px rgba(51, 51, 51, 0.5); box-shadow: 0 4px 6px 0px rgba(51, 51, 51, 0.5); } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary .sub-menu-container:before, #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary .sub-menu-container:after { content: ''; clear: both; display: block; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary .sub-menu-container.has-promo-banner ul.level0 { float: left; width: 60%; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary .sub-menu-container.has-promo-banner .menu-promo { float: right; height: 100%; width: 35%; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary .sub-menu-container:not(.has-promo-banner) ul.level0 { width: 100%; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary .sub-menu-container:not(.has-promo-banner) .menu-promo { display: none; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary .sub-menu-content { margin: 0 auto; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 { margin: 0 auto; display: block; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level1 { text-align: left; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level1 .img-container { display: block; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level1 .img-container img { margin-top: 15px; padding: 10px; display: inline-block; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level1 ul { margin-bottom: 15px; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level1 > a { display: block; padding: 10px; color: rgb(83,87,90); font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; font-style: normal; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level1.active > a { color: ; font-size: ; font-weight: ; text-transform: ; text-decoration: ; font-style: ; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level1.active > a:hover, #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level1 > a:hover { color: #b3bc35; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level2 { text-align: left; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level2 ul { display: none; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level2 > a { display: block; padding: 5px 10px; text-decoration: none; color: rgb(83,87,90); font-size: 12px; font-weight: normal; text-transform: uppercase; text-decoration: none; font-style: normal; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level2.active > a { color: ; font-size: ; font-weight: ; text-transform: ; text-decoration: ; font-style: ; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level2.active > a:hover, #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0 li.level2 > a:hover { color: #616161; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0:before, #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary ul.level0:after { content: ''; clear: both; display: block; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary:before, #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary:after { content: ''; clear: both; display: block; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.nav-clickable li.level-top:not(.open) ul.level0, #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.nav-clickable li.level-top:not(.open) .sub-menu-container { top: -10000000px; opacity: 0; transition: opacity 0.3s; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.nav-clickable li.level-top.open { background-color: rgba(83,87,90,0.9); } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.nav-clickable li.level-top.open ul.level0, #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.nav-clickable li.level-top.open .sub-menu-container { top: initial; opacity: 1; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.nav-clickable li.level-top.open > a { color: #dcee19; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.nav-clickable li.level-top.open > a > span { border-bottom-color: #dcee19; border-bottom-style: solid; border-bottom-width: 1px; transition: all 0.3s; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.left-to-right .sub-menu-container.has-promo-banner li.level1 { float: left; width: 33.33%; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.left-to-right .sub-menu-container.has-promo-banner li.level1:nth-child(3n+1) { clear: left; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.left-to-right .sub-menu-container:not(.has-promo-banner) li.level1 { float: left; width: 20%; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-primary.left-to-right .sub-menu-container:not(.has-promo-banner) li.level1:nth-child(5n+1) { clear: left; } #pix-fe .cp-615f028d12011537987428 .header-menu-container .zoey-nav-wrap { height: 100%; } #pix-fe .cp-615f028d12011537987428 .header-menu-container.is-scrolling .zoey-nav-primary li.level-top > a { font-size: ; } #pix-fe .cp-615f028d12011537987428 .header-menu-container.is-scrolling .zoey-nav-primary li.level-top.active > a { font-size: ; } #pix-fe .cp-615f028d12011537987428 .header-menu-container.is-scrolling .zoey-nav-primary ul.level0 li.level1 > a { font-size: ; } #pix-fe .cp-615f028d12011537987428 .header-menu-container.is-scrolling .zoey-nav-primary ul.level0 li.level1.active > a { font-size: ; } #pix-fe .cp-615f028d12011537987428 .header-menu-container.is-scrolling .zoey-nav-primary ul.level0 li.level2 > a { font-size: ; } #pix-fe .cp-615f028d12011537987428 .header-menu-container.is-scrolling .zoey-nav-primary ul.level0 li.level2.active > a { font-size: ; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container { top: -100%; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling { transition: top 0.2s ease-out; background-color: #ffffff; border-color: #f0f0f0; border-width: 1px 0 1px 0; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling > .pix-grid { width: 100%; min-width: 100%; display: table; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container .pix-grid:before, #pix-fe .cp-615f028d12011537987428 .header-scroll-container .pix-grid:after { content: ''; clear: both; display: block; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container:not(.is-scrolling) .scroll-only { display: none; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container:not(.is-scrolling) .zoey-header-menu { width: 100%; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling { position: fixed; width: 100%; top: 0; left: 0; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .scroll-logo { width: 15%; display: table-cell; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .scroll-logo .logo { display: inline-block; padding: 4px 15px 4px 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .scroll-logo .logo img { max-height: 40px; max-width: 225px; width: auto; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-menu { display: table-cell; vertical-align: middle; width: 65%; padding: 0 10px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .scroll-extras { width: 20%; white-space: nowrap; height: 1em; display: table-cell; vertical-align: middle; text-align: right; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .scroll-extras .scroll-extra-item { display: inline-block; height: 100%; border-style: solid; border-width: 0 0 0 1px; border-color: #5f5f5f; width: 50%; max-width: 75px; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .scroll-extras .scroll-extra-item a { display: table; width: 100%; height: 100%; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .scroll-extras .scroll-extra-item a .scroll-extra-valign { display: table-cell; vertical-align: middle; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .scroll-extras.with-two-carts .scroll-extra-item { width: 33.3333%; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-search { cursor: pointer; text-align: center; font-size: 18px; color: rgb(83,87,90); } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-search:hover { color: #dcee19; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart { cursor: pointer; text-align: center; color: rgb(83,87,90); } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart:hover { color: #dcee19; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart:hover .count { background-color: #b3bc35; color: #000000; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-i { position: relative; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .count { position: absolute; transform: translateX(-50%); padding: 1px 5px 1px 5px; font-size: 10px; background-color: rgba(83,87,90,1); color: #b3bc35; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cart-thin .count { top: 0px; left: 14px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-purse .count { top: 10px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-bag-black .count { top: 8px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-bag-thin .count { top: 8px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-shopping-bag-round .count { top: 8px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-shopping-bag .count { top: 8px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-grocery .count { top: 10px; left: 16px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-shopping-bag-full .count { top: 11px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-basket .count { top: 11px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cart-black .count { top: -1px; left: 17px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cart-mesh .count { top: 3px; left: 18px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cart-thin .count { top: -1px; left: 14px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cart-thin-2 .count { top: -1px; left: 16px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-calculator .count { top: 5px; left: 14px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-calculator2 .count { top: 5px; left: 14px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cart .count { top: 2px; left: 16px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-shopping-cart .count { top: 2px; left: 17px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cart-full .count { top: 2px; left: 16px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cargo-truck .count { top: 2px; left: 9px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cargo-truck-round .count { top: 2px; left: 11px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cargo-truck-left .count { top: 2px; left: 20px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cargo-truck-fast .count { top: 2px; left: 10px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cargo-truck-outline-fast .count { top: 1px; left: 10px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .cart-icon-cargo-truck-thin-fast .count { top: 1px; left: 11px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .quote-icon-register .count { top: 10px; left: 14px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .quote-icon-calculator-buttons .count { top: 5px; left: 14px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .quote-icon-calculator .count { top: 9px; left: 14px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .quote-icon-accounting .count { top: 11px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .quote-icon-accounting-round .count { top: 7px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .quote-icon-calculator-square .count { top: 7px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .quote-icon-calculator-buttons-square-thin .count { top: 4px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .quote-icon-calculator-buttons-square .count { top: 4px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-header-scroll-cart .quote-icon-tag .count { top: 4px; left: 15px; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-nav-primary li.level-top { background-color: #ffffff; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-nav-primary li.level-top > a { color: rgb(83,87,90); } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-nav-primary li.level-top:hover { background-color: ; } #pix-fe .cp-615f028d12011537987428 .header-scroll-container.is-scrolling .zoey-nav-primary li.level-top:hover > a { color: #dcee19; } #pix-fe .cp-615f028d12011537987428 #zoey-header-scroll-container.is-scrolling { min-width: 100% !important; margin-left: 0 !important; } #pix-fe.media-t .cp-615f028d12011537987428 .zoey-account-links a { font-size: 12px; } #pix-fe.media-t .cp-615f028d12011537987428 .header-main-div { width: 50%; padding-top: 15px; } #pix-fe.media-t .cp-615f028d12011537987428 .extras-container { width: 50%; } #pix-fe.media-t .cp-615f028d12011537987428 .zoey-header-search-container { width: 100%; } #pix-fe.media-t .cp-615f028d12011537987428 #header-cart-link { font-size: 12px; } #pix-fe.media-m .cp-615f028d12011537987428 { display: none; } #pix-fe .mini-products-list .product-image { display: block; } #pix-fe .mini-products-list .product-image img { width: 80px; height: 80px; } #pix-fe .mini-products-list .product-details > div { margin-top: 5px; } #pix-fe .mini-products-list .product-details > .product-image-container { margin-top: 0; } #pix-fe .mini-products-list .product-details .product-name { margin: 0 0 6px 0; } #pix-fe .mini-products-list .product-details .item-options { font-size: 12px; } #pix-fe .mini-products-list .product-details .item-options dt { font-style: normal; margin: 3px 0; } #pix-fe .mini-products-list .product-details .item-options dd { margin: 3px 0; padding-left: 0; } #pix-fe .mini-products-list .product-details .item-options dd.downloadable-item { padding-right: 5px; } #pix-fe .mini-products-list li { margin-bottom: 10px; clear: both; } #pix-fe .mini-products-list li:after { content: ''; display: table; clear: both; } #pix-fe .zoey-minicart-content-container { position: absolute; z-index: 200; top: 40px; right: 0; width: 400px; background: white; } @media only screen and (min-width: 771px) { #pix-fe .zoey-minicart-content-container.skip-active { display: block; position: absolute; z-index: 200; top: 40px; right: 0; width: 320px; background: white; } } #pix-fe .zoey-minicart-content-container .minicart-wrapper { height: 100%; } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-cart-frame { height: 100%; } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-cart-content { height: 100%; display: grid; grid-template-rows: auto 1fr auto; } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-products-list { max-height: none; border-top: 0; } #pix-fe .zoey-minicart-content-container .info-wrapper { margin-bottom: 0.5em; } #pix-fe .zoey-minicart-content-container .info-wrapper th { text-transform: uppercase; padding-right: 10px; } #pix-fe .zoey-minicart-content-container .info-wrapper td { color: #000000; clear: right; } #pix-fe .zoey-minicart-content-container .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } #pix-fe .zoey-minicart-content-container .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 30px; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; margin-top: -1px; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button[disabled] { cursor: default; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button.visible { opacity: 1; } #pix-fe .zoey-minicart-content-container .jcarousel-control-prev, #pix-fe .zoey-minicart-content-container .jcarousel-control-next { display: none; } #pix-fe .minicart-wrapper.loading .minicart-loader { display: block; } #pix-fe .minicart-wrapper .minicart-loader { background-color: #fff; opacity: 0.9; z-index: 2; background-image: var(--loading-graphic-background-image-url); background-repeat: no-repeat; background-position: center; background-size: 50px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } #pix-fe .minicart-wrapper .minicart-loader .minicart-loader-text { position: absolute; bottom: 50%; left: 0; right: 0; width: 100%; margin-bottom: -60px; text-align: center; font-size: 12px; } #pix-fe .minicart-wrapper .block-subtitle { font-size: 12px; font-weight: bold; line-height: 1.4; padding: 8px 0 5px 10px; border-bottom: 1px solid #eee; margin-bottom: 0; min-height: 28px; position: relative; } #pix-fe .minicart-wrapper .block-subtitle .close { position: absolute; top: 8px; right: 10px; text-transform: lowercase; cursor: pointer; font-weight: normal; } #pix-fe .minicart-wrapper .mini-products-list { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #pix-fe .minicart-wrapper .mini-products-list > li { padding: 10px 35px 10px 10px; border-bottom: 1px solid #eee; position: relative; margin-bottom: 0; } #pix-fe .minicart-wrapper .mini-products-list > li.last { border: none; } #pix-fe .minicart-wrapper .mini-products-list > li .product-details { position: relative; } #pix-fe .minicart-wrapper .mini-products-list .btn-cancel { position: absolute; right: 10px; top: 15px; display: none; } #pix-fe .minicart-wrapper .mini-products-list .btn-cancel.ajax-remove, #pix-fe .minicart-wrapper .mini-products-list .btn-cancel.show { display: block; } #pix-fe .minicart-wrapper .mini-products-list .btn-edit { display: inline-block; margin-top: 10px; } #pix-fe .minicart-wrapper .subtotal { text-align: right; font-weight: 600; font-size: 16px; padding: 10px 35px 5px; } #pix-fe .minicart-wrapper .subtotal .label { color: #000; margin-right: 20px; } #pix-fe .minicart-wrapper .minicart-message { display: none; } #pix-fe .minicart-wrapper .minicart-message li { padding: 10px 10px 10px 45px; position: relative; min-height: 34px; } #pix-fe .minicart-wrapper .minicart-message li:before { position: absolute; left: 10px; top: 50%; margin-top: -10px; border-radius: 50%; width: 20px; height: 20px; } #pix-fe .minicart-wrapper .minicart-actions { padding: 0 20px; margin-top: 0; margin-bottom: 15px; overflow: hidden; position: relative; } #pix-fe .minicart-wrapper .minicart-actions .checkout-button { min-width: 145px; } #pix-fe .minicart-wrapper .minicart-actions .checkout-button.font-sm { font-size: 12px; } #pix-fe .minicart-wrapper .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } #pix-fe .minicart-wrapper .mini-cart-content .empty { padding: 50px 20px; text-align: center; } #pix-fe .minicart-wrapper .continue-shopping-block { text-align: center; padding: 10px 5px 30px; } #pix-fe .minicart-wrapper .continue-shopping-block a { cursor: pointer; } #pix-fe .ui-drawer-title .block-subtitle { margin-bottom: 0; } #pix-fe .ui-drawer-title .minicart-subtitle { display: inline-block; max-width: 100%; line-height: 1.3; } #pix-fe .ui-drawer-title .skip-link-close { display: none; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content { height: 100%; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .minicart-wrapper { height: 100%; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .minicart-wrapper .mini-cart-frame { height: 100%; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .minicart-wrapper .mini-cart-content { height: 100%; display: grid; grid-template-rows: auto 1fr auto; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .minicart-wrapper .mini-products-list { max-height: none; border-top: 0; } #pix-fe .ui-drawer-content .zoey-minicart-drawer-content .zoey-mini-cart-content-body { overflow: auto; } #pix-fe.checkout-cart-index .minicart-wrapper .mini-products-list .btn-cancel, #pix-fe.checkout-onepage-index .minicart-wrapper .mini-products-list .btn-cancel { display: block; } #pix-fe.checkout-cart-index .minicart-wrapper .mini-products-list .btn-cancel.ajax-remove, #pix-fe.checkout-onepage-index .minicart-wrapper .mini-products-list .btn-cancel.ajax-remove { display: none; } #pix-fe #header-cart-mobile { display: none; } #pix-fe #header-cart-mobile.active { display: block; } #pix-fe #header-cart-mobile .minicart-wrapper .minicart-loader { position: fixed; top: initial; } #pix-fe.zoey-has-mobile-header.media-m .zoey-header-mobile-cart #header-cart-mobile { color: #000; } #pix-fe.zoey-has-mobile-header.media-m .zoey-header-mobile-cart-b2bquote #header-cart-mobile-b2bquote { color: #000; } #pix-fe .zoey-header-cart .zoey-header-cart-trigger { text-decoration: none; } #pix-fe .zoey-minicart-content-container { position: absolute; z-index: 200; top: 40px; right: 0; width: 400px; background: white; } @media only screen and (min-width: 771px) { #pix-fe .zoey-minicart-content-container.skip-active { display: block; position: absolute; z-index: 200; top: 40px; right: 0; width: 320px; background: white; } } #pix-fe .zoey-minicart-content-container .minicart-wrapper { position: relative; clear: both; } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-cart-frame { height: 100%; overflow: auto; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .5); box-shadow: 0 2px 10px rgba(0, 0, 0, .5); } #pix-fe .zoey-minicart-content-container .minicart-wrapper .mini-products-list { max-height: 260px; overflow-y: auto; } #pix-fe .zoey-minicart-content-container .mini-cart-content .skip-link-close { position: absolute; top: 0; right: 0; } #pix-fe .zoey-minicart-content-container .info-wrapper { margin-bottom: 0.5em; } #pix-fe .zoey-minicart-content-container .info-wrapper th { text-transform: uppercase; padding-right: 10px; } #pix-fe .zoey-minicart-content-container .info-wrapper td { clear: right; } #pix-fe .zoey-minicart-content-container .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } #pix-fe .zoey-minicart-content-container .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 30px; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; margin-top: -1px; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button[disabled] { cursor: default; } #pix-fe .zoey-minicart-content-container .info-wrapper .quantity-button.visible { opacity: 1; } #pix-fe .zoey-minicart-content-container .jcarousel-control-prev, #pix-fe .zoey-minicart-content-container .jcarousel-control-next { display: none; } #pix-fe .minicart-wrapper.loading .minicart-loader { display: block; } #pix-fe .minicart-wrapper .minicart-loader { background-color: #fff; opacity: 0.9; z-index: 2; background-image: var(--loading-graphic-background-image-url); background-repeat: no-repeat; background-position: center; background-size: 50px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } #pix-fe .minicart-wrapper .minicart-loader .minicart-loader-text { position: absolute; bottom: 50%; left: 0; right: 0; width: 100%; margin-bottom: -60px; text-align: center; font-size: 12px; } #pix-fe .minicart-wrapper .block-subtitle { font-size: 12px; font-weight: bold; line-height: 1.4; padding: 8px 0 5px 10px; border-bottom: 1px solid #eee; margin-bottom: 0; min-height: 28px; position: relative; } #pix-fe .minicart-wrapper .block-subtitle .close { position: absolute; top: 8px; right: 10px; text-transform: lowercase; cursor: pointer; font-weight: normal; } #pix-fe .minicart-wrapper .block-subtitle .minicart-subtitle { max-width: 100%; padding-right: 50px; display: inline-block; } #pix-fe .minicart-wrapper .mini-products-list { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #pix-fe .minicart-wrapper .mini-products-list > li { padding: 10px 35px 10px 10px; border-top: 1px solid #eee; border-bottom: none; position: relative; margin-bottom: 0; } #pix-fe .minicart-wrapper .mini-products-list > li.first { border-top: none; border-bottom: none; } #pix-fe .minicart-wrapper .mini-products-list > li.parent-item { border-top: none; text-align: left; background: #f7f7f7; padding-left: 10px; font-weight: bold; width: 100%; } #pix-fe .minicart-wrapper .mini-products-list > li.parent-item .btn-cancel { position: absolute; top: 50%; right: 10px; margin-top: -6px; } #pix-fe .minicart-wrapper .mini-products-list > li.child-item { border-top: none; border-bottom: none; } #pix-fe .minicart-wrapper .mini-products-list > li.child-item.parent-product-type-configurable .product-name { display: none; } #pix-fe .minicart-wrapper .mini-products-list > li .product-details { position: relative; } #pix-fe .minicart-wrapper .mini-products-list .btn-cancel { position: absolute; right: 10px; top: 15px; display: none; } #pix-fe .minicart-wrapper .mini-products-list .btn-cancel.ajax-remove, #pix-fe .minicart-wrapper .mini-products-list .btn-cancel.show { display: block; } #pix-fe .minicart-wrapper .mini-products-list .btn-edit { display: inline-block; margin-top: 10px; } #pix-fe .minicart-wrapper .subtotal { text-align: right; font-weight: 600; font-size: 16px; padding: 10px 35px 5px; } #pix-fe .minicart-wrapper .subtotal .label { color: #000; margin-right: 20px; } #pix-fe .minicart-wrapper .minicart-message { display: none; } #pix-fe .minicart-wrapper .minicart-message li { padding: 10px 10px 10px 45px; position: relative; min-height: 34px; } #pix-fe .minicart-wrapper .minicart-message li:before { position: absolute; left: 10px; top: 50%; margin-top: -10px; border-radius: 50%; width: 20px; height: 20px; } #pix-fe .minicart-wrapper .minicart-actions { padding: 0 20px; margin-top: 0; margin-bottom: 15px; overflow: hidden; position: relative; } #pix-fe .minicart-wrapper .minicart-actions .checkout-button { min-width: 145px; } #pix-fe .minicart-wrapper .minicart-actions .checkout-button.font-sm { font-size: 12px; } #pix-fe .minicart-wrapper .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } #pix-fe .minicart-wrapper .mini-cart-content .empty { padding: 50px 20px; text-align: center; } #pix-fe .minicart-wrapper .continue-shopping-block { text-align: center; padding: 10px 5px 30px; } #pix-fe .minicart-wrapper .continue-shopping-block a { cursor: pointer; } #pix-fe .minicart-wrapper .checkout-types.minicart { text-align: center; } #pix-fe .minicart-wrapper .checkout-types.minicart li { margin-top: 10px; } #pix-fe .minicart-wrapper .checkout-types.minicart li .button { min-width: 50%; font-weight: bold; } #pix-fe .minicart-wrapper .checkout-types.minicart li.button-group .button { min-width: 100%; width: 100%; } #pix-fe .minicart-wrapper .checkout-types.minicart .paypal-logo a { display: block; } #pix-fe .minicart-wrapper .checkout-types.minicart .paypal-logo a img { display: inline-block; } #pix-fe .minicart-wrapper .checkout-types.minicart img { display: inline-block; } #pix-fe:not(.pix-designcenter-admin) .cp-615f028d12011537987428 .extras-container { min-height: 124.984px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_615f028d12011537987428 */ #pix-fe #cp-615f028d12011537987428.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-d #cp-615f028d12011537987428.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-tm #cp-615f028d12011537987428.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } #pix-fe.media-t #cp-615f028d12011537987428.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCSYl5ealFcIaugbFeMUhvLQA= Path: /js/zoeydev/components/banners/banner-03.scss Parent uid: cp_63e3fb3f3d117598455102 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/banners/banner-03.scss ================================================== **/ #pix-fe .cp-63e3fb3f3d117598455102 { min-width: 415px; width: 100%; height: 500px; } #pix-fe .cp-63e3fb3f3d117598455102 > .component-content { height: 100%; } #pix-fe .cp-63e3fb3f3d117598455102 .container { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); } #pix-fe .cp-63e3fb3f3d117598455102 .background-image { position: absolute; height: 100%; width: 100%; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; } #pix-fe .cp-63e3fb3f3d117598455102 .text-block { position: absolute; margin: auto; top: 60%; left: 0; right: 0; -webkit-transform: translate(0, -60%); -moz-transform: translate(0, -60%); -ms-transform: translate(0, -60%); -o-transform: translate(0, -60%); transform: translate(0, -60%); max-width: 600px; width: 100%; padding: 20px; text-align: center; } #pix-fe .cp-63e3fb3f3d117598455102 .text-block h2 { display: block; overflow: hidden; padding: 10px; background-color: rgba(35, 72, 92, 0.75); text-align: center; line-height: 120%; font-size: 34px; color: #ffffff; font-weight: bold; font-style: normal; text-transform: uppercase; } #pix-fe .cp-63e3fb3f3d117598455102 .text-block .button { overflow: hidden; padding: 10px 25px; background-color: #b3bc35; border-style: solid; border-width: ; border-color: rgba(255, 255, 255, 1); color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: normal; } #pix-fe .cp-63e3fb3f3d117598455102 .text-block .button:hover { background-color: #b3bc35; border-color: rgba(255, 255, 255, 1); color: #073f60; } #pix-fe.media-t .cp-63e3fb3f3d117598455102 .text-block h2 { font-size: 56px; } #pix-fe.media-t .cp-63e3fb3f3d117598455102 .text-block .button { font-size: 12px; } #pix-fe.media-m .cp-63e3fb3f3d117598455102 { min-width: 0; } #pix-fe.media-m .cp-63e3fb3f3d117598455102 .text-block h2 { font-size: 56px; } #pix-fe.media-m .cp-63e3fb3f3d117598455102 .text-block .button { font-size: 12px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63e3fb3f3d117598455102 */ #pix-fe #cp-63e3fb3f3d117598455102.pix-design-component { margin-left: -1100%; width: 100%; z-index: 2; margin-top: 214.5625px; clear: left; min-height: 0; height: 228.9757080078125px; } #pix-fe.media-d #cp-63e3fb3f3d117598455102.pix-design-component { margin-left: -1100%; width: 100%; z-index: 2; margin-top: 214.5625px; clear: left; min-height: 0; height: 228.9757080078125px; } #pix-fe.media-m #cp-63e3fb3f3d117598455102.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63e3fb3f3d117598455102.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCJakVJTH6xSWVOal6xSBNtQA= Path: /js/zoeydev/components/text/style.scss Parent uid: cp_65cd37539a43b866122418 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/text/style.scss ================================================== **/ #pix-fe .cp-65cd37539a43b866122418 li { font-family: var(--zoey-paragraph-font-family); font-size: var(--zoey-paragraph-font-size); font-weight: var(--zoey-paragraph-font-weight); font-style: var(--zoey-paragraph-font-style); line-height: var(--zoey-paragraph-line-height); letter-spacing: var(--zoey-paragraph-letter-spacing); text-transform: var(--zoey-paragraph-text-transform); margin-bottom: var(--zoey-paragraph-margin-bottom); } #pix-fe .cp-65cd37539a43b866122418 { width: 400px; max-width: 100%; min-height: 14px; } #pix-fe .cp-65cd37539a43b866122418 .pix-fe-ws-top-node.text-align-left { text-align: left; } #pix-fe .cp-65cd37539a43b866122418 .pix-fe-ws-top-node.text-align-center { text-align: center; } #pix-fe .cp-65cd37539a43b866122418 .pix-fe-ws-top-node.text-align-right { text-align: right; } #pix-fe .cp-65cd37539a43b866122418 a { font-size: inherit; font-weight: inherit; } #pix-fe .cp-65cd37539a43b866122418 [style*='color'] > a, #pix-fe .cp-65cd37539a43b866122418 [color] > a { color: inherit; } #pix-fe .cp-65cd37539a43b866122418 ul { list-style: disc outside; } #pix-fe .cp-65cd37539a43b866122418 ol { list-style: decimal outside; } #pix-fe .cp-65cd37539a43b866122418 li { color: #000000; margin-left: 2em; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_65cd37539a43b866122418 */ #pix-fe #cp-65cd37539a43b866122418.pix-design-component { width: 99.03004140899974%; margin-left: -1100%; margin-top: 11.484125000000006px; clear: left; z-index: 2; } #pix-fe.media-d #cp-65cd37539a43b866122418.pix-design-component { width: 99.03004140899974%; margin-left: -1100%; margin-top: 11.484125000000006px; clear: left; z-index: 2; } #pix-fe.media-t #cp-65cd37539a43b866122418.pix-design-component { margin-top: 8px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-65cd37539a43b866122418.pix-design-component { width: 100%; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); margin-top: 0px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP003PykxJzYvSTEvPyUoti9AuKUotTS3RN9IpBWmsB Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss Parent uid: cp_6810dd038bcd9800755231 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss ================================================== **/ #pix-fe .cp-6810dd038bcd9800755231 > .component-content { height: 100%; overflow: hidden; } #pix-fe .cp-6810dd038bcd9800755231 img { max-width: none; width: 100%; height: auto; display: block; } #pix-fe .cp-6810dd038bcd9800755231 { width: 500px; } #pix-fe .cp-6810dd038bcd9800755231 .component-content { padding: 0px; outline-width: 0px; outline-color: #f0f0f0; outline-offset: -0px; outline-style: solid; width: 100%; overflow: hidden; border-radius: 0px; background-color: transparent; } #pix-fe .cp-6810dd038bcd9800755231 .zoey-component-placement-height { padding-bottom: 45%; overflow: hidden; position: relative; } #pix-fe .cp-6810dd038bcd9800755231 .zoey-component-placement-height img { object-fit: contain; object-position: center; position: absolute; inset: 0; width: 100%; height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_6810dd038bcd9800755231 */ #pix-fe #cp-6810dd038bcd9800755231.pix-design-component { width: 18.57122956909361%; margin-left: -1089.006779346211%; z-index: 2; margin-top: 32.20315000000005px; clear: left; min-height: 0; } #pix-fe #cp-6810dd038bcd9800755231.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 43.19% } #pix-fe.media-d #cp-6810dd038bcd9800755231.pix-design-component { margin-left: -1089.006779346211%; width: 18.57122956909361%; z-index: 2; margin-top: 32.20315000000005px; clear: left; min-height: 0; } #pix-fe.media-d #cp-6810dd038bcd9800755231.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 43.19% } #pix-fe.media-m #cp-6810dd038bcd9800755231.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP003PykxJzYvSTEvPyUoti9AuKUotTS3RN9IpBWmsB Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss Parent uid: cp_69c56365f3354319377770 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss ================================================== **/ #pix-fe .cp-69c56365f3354319377770 > .component-content { height: 100%; overflow: hidden; } #pix-fe .cp-69c56365f3354319377770 img { max-width: none; width: 100%; height: auto; display: block; } #pix-fe .cp-69c56365f3354319377770 { width: 500px; } #pix-fe .cp-69c56365f3354319377770 .component-content { padding: 0px; outline-width: 0px; outline-color: #f0f0f0; outline-offset: -0px; outline-style: solid; width: 100%; overflow: hidden; border-radius: 0px; background-color: transparent; } #pix-fe .cp-69c56365f3354319377770 .zoey-component-placement-height { padding-bottom: 45%; overflow: hidden; position: relative; } #pix-fe .cp-69c56365f3354319377770 .zoey-component-placement-height img { object-fit: contain; object-position: center; position: absolute; inset: 0; width: 100%; height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_69c56365f3354319377770 */ #pix-fe #cp-69c56365f3354319377770.pix-design-component { width: 18.57122956909361%; margin-left: -1060.7018480683507%; z-index: 2; margin-top: 46.37502500000005px; clear: none; min-height: 0; } #pix-fe #cp-69c56365f3354319377770.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 31.865367529902418% } #pix-fe.media-d #cp-69c56365f3354319377770.pix-design-component { margin-left: -1060.7018480683507%; width: 18.57122956909361%; z-index: 2; margin-top: 46.37502500000005px; clear: none; min-height: 0; } #pix-fe.media-m #cp-69c56365f3354319377770.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP003PykxJzYvSTEvPyUoti9AuKUotTS3RN9IpBWmsB Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss Parent uid: cp_6a850c70ca948918743112 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss ================================================== **/ #pix-fe .cp-6a850c70ca948918743112 > .component-content { height: 100%; overflow: hidden; } #pix-fe .cp-6a850c70ca948918743112 img { max-width: none; width: 100%; height: auto; display: block; } #pix-fe .cp-6a850c70ca948918743112 { width: 500px; } #pix-fe .cp-6a850c70ca948918743112 .component-content { padding: 0px; outline-width: 0px; outline-color: #f0f0f0; outline-offset: -0px; outline-style: solid; width: 100%; overflow: hidden; border-radius: 0px; background-color: transparent; } #pix-fe .cp-6a850c70ca948918743112 .zoey-component-placement-height { padding-bottom: 45%; overflow: hidden; position: relative; } #pix-fe .cp-6a850c70ca948918743112 .zoey-component-placement-height img { object-fit: contain; object-position: center; position: absolute; inset: 0; width: 100%; height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_6a850c70ca948918743112 */ #pix-fe #cp-6a850c70ca948918743112.pix-design-component { width: 18.57122956909361%; margin-left: -1030.4583023774146%; z-index: 2; margin-top: 15.89065000000005px; clear: none; min-height: 0; } #pix-fe #cp-6a850c70ca948918743112.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 56.2498687664042% } #pix-fe.media-d #cp-6a850c70ca948918743112.pix-design-component { margin-left: -1030.4583023774146%; width: 18.57122956909361%; z-index: 2; margin-top: 15.89065000000005px; clear: none; min-height: 0; } #pix-fe.media-m #cp-6a850c70ca948918743112.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_67f6c0f415326046952399 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-67f6c0f415326046952399 { width: 100%; } #pix-fe .cp-67f6c0f415326046952399 a { text-decoration: none; } #pix-fe .cp-67f6c0f415326046952399 .container { background-color: rgba(255, 255, 255, 0); padding: 0 0 0 0; display: grid; gap: 0px; } #pix-fe .cp-67f6c0f415326046952399 .container::before, #pix-fe .cp-67f6c0f415326046952399 .container::after { display: none !important; } #pix-fe .cp-67f6c0f415326046952399 .img-container { width: 100%; } #pix-fe .cp-67f6c0f415326046952399 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-67f6c0f415326046952399 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-67f6c0f415326046952399 .image:before, #pix-fe .cp-67f6c0f415326046952399 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-67f6c0f415326046952399 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-67f6c0f415326046952399 .text-block p { line-height: 1; padding: 5px 5px 5px 5px; background-color: rgba(0,0,0,0.15); text-align: center; font-size: 28px; color: #073f60; text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-67f6c0f415326046952399 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-67f6c0f415326046952399 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-67f6c0f415326046952399 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-67f6c0f415326046952399 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-67f6c0f415326046952399 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-67f6c0f415326046952399 .container:before, #pix-fe .cp-67f6c0f415326046952399 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-67f6c0f415326046952399 .text-placement-top .text-block { top: 0; } #pix-fe .cp-67f6c0f415326046952399 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-67f6c0f415326046952399 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-67f6c0f415326046952399 .container { padding: ; gap: ; } #pix-fe.media-t .cp-67f6c0f415326046952399 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-67f6c0f415326046952399 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-67f6c0f415326046952399 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-67f6c0f415326046952399 .container { padding: ; gap: ; } #pix-fe.media-m .cp-67f6c0f415326046952399 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-67f6c0f415326046952399 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-67f6c0f415326046952399 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-67f6c0f415326046952399 { width: 100%; } #pix-fe .cp-67f6c0f415326046952399 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-67f6c0f415326046952399 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-67f6c0f415326046952399 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-67f6c0f415326046952399 .container .img-container:nth-child(1) { padding: 5px 5px 5px 5px; } #pix-fe .cp-67f6c0f415326046952399 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-67f6c0f415326046952399 .container .img-container:nth-child(2) { padding: 5px 5px 5px 5px; } #pix-fe .cp-67f6c0f415326046952399 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-67f6c0f415326046952399 .container .img-container:nth-child(3) { padding: 5px 5px 5px 5px; } #pix-fe .cp-67f6c0f415326046952399 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-67f6c0f415326046952399 .container .img-container:nth-child(4) { padding: 5px 5px 5px 5px; } #pix-fe .cp-67f6c0f415326046952399 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-67f6c0f415326046952399 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-67f6c0f415326046952399 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-67f6c0f415326046952399 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-67f6c0f415326046952399 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-67f6c0f415326046952399 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-67f6c0f415326046952399 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-67f6c0f415326046952399 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-67f6c0f415326046952399 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_67f6c0f415326046952399 */ #pix-fe #cp-67f6c0f415326046952399.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 41.98412499999995px; clear: left; min-height: 0; z-index: 2; } #pix-fe #cp-67f6c0f415326046952399.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-67f6c0f415326046952399.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 41.98412499999995px; clear: left; min-height: 0; z-index: 2; } #pix-fe.media-d #cp-67f6c0f415326046952399.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-67f6c0f415326046952399.pix-design-component { margin-top: 12.9375px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-67f6c0f415326046952399.pix-design-component { width: 100%; margin-top: 0px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_65cd37ba9a44c619814799 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-65cd37ba9a44c619814799 { width: 100%; } #pix-fe .cp-65cd37ba9a44c619814799 a { text-decoration: none; } #pix-fe .cp-65cd37ba9a44c619814799 .container { background-color: rgba(255, 255, 255, 0); padding: 0px; display: grid; gap: 0px; } #pix-fe .cp-65cd37ba9a44c619814799 .container::before, #pix-fe .cp-65cd37ba9a44c619814799 .container::after { display: none !important; } #pix-fe .cp-65cd37ba9a44c619814799 .img-container { width: 100%; } #pix-fe .cp-65cd37ba9a44c619814799 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-65cd37ba9a44c619814799 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-65cd37ba9a44c619814799 .image:before, #pix-fe .cp-65cd37ba9a44c619814799 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-65cd37ba9a44c619814799 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-65cd37ba9a44c619814799 .text-block p { line-height: 1; padding: 10px; background-color: rgba(83,87,90,1); text-align: center; font-size: 28px; color: #fff; text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-65cd37ba9a44c619814799 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-65cd37ba9a44c619814799 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-65cd37ba9a44c619814799 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-65cd37ba9a44c619814799 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-65cd37ba9a44c619814799 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-65cd37ba9a44c619814799 .container:before, #pix-fe .cp-65cd37ba9a44c619814799 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-65cd37ba9a44c619814799 .text-placement-top .text-block { top: 0; } #pix-fe .cp-65cd37ba9a44c619814799 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-65cd37ba9a44c619814799 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-65cd37ba9a44c619814799 .container { padding: ; gap: ; } #pix-fe.media-t .cp-65cd37ba9a44c619814799 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .container { padding: ; gap: ; } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-65cd37ba9a44c619814799 { width: 100%; } #pix-fe .cp-65cd37ba9a44c619814799 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-65cd37ba9a44c619814799 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-65cd37ba9a44c619814799 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-65cd37ba9a44c619814799 .container .img-container:nth-child(1) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd37ba9a44c619814799 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd37ba9a44c619814799 .container .img-container:nth-child(2) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd37ba9a44c619814799 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd37ba9a44c619814799 .container .img-container:nth-child(3) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd37ba9a44c619814799 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd37ba9a44c619814799 .container .img-container:nth-child(4) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd37ba9a44c619814799 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-65cd37ba9a44c619814799 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-65cd37ba9a44c619814799 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-65cd37ba9a44c619814799 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-65cd37ba9a44c619814799 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-65cd37ba9a44c619814799 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_65cd37ba9a44c619814799 */ #pix-fe #cp-65cd37ba9a44c619814799.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe #cp-65cd37ba9a44c619814799.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-65cd37ba9a44c619814799.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe.media-d #cp-65cd37ba9a44c619814799.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-65cd37ba9a44c619814799.pix-design-component { margin-top: 0px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-65cd37ba9a44c619814799.pix-design-component { width: 100%; margin-top: 0px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_65cd38069a45a405500371 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-65cd38069a45a405500371 { width: 100%; } #pix-fe .cp-65cd38069a45a405500371 a { text-decoration: none; } #pix-fe .cp-65cd38069a45a405500371 .container { background-color: rgba(255, 255, 255, 0); padding: 0px; display: grid; gap: 0px; } #pix-fe .cp-65cd38069a45a405500371 .container::before, #pix-fe .cp-65cd38069a45a405500371 .container::after { display: none !important; } #pix-fe .cp-65cd38069a45a405500371 .img-container { width: 100%; } #pix-fe .cp-65cd38069a45a405500371 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-65cd38069a45a405500371 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-65cd38069a45a405500371 .image:before, #pix-fe .cp-65cd38069a45a405500371 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-65cd38069a45a405500371 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-65cd38069a45a405500371 .text-block p { line-height: 1; padding: 10px; background-color: rgba(0, 0, 0, 1); text-align: center; font-size: 28px; color: #fff; text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-65cd38069a45a405500371 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-65cd38069a45a405500371 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-65cd38069a45a405500371 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-65cd38069a45a405500371 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-65cd38069a45a405500371 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-65cd38069a45a405500371 .container:before, #pix-fe .cp-65cd38069a45a405500371 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-65cd38069a45a405500371 .text-placement-top .text-block { top: 0; } #pix-fe .cp-65cd38069a45a405500371 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-65cd38069a45a405500371 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-65cd38069a45a405500371 .container { padding: ; gap: ; } #pix-fe.media-t .cp-65cd38069a45a405500371 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-65cd38069a45a405500371 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-65cd38069a45a405500371 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-65cd38069a45a405500371 .container { padding: ; gap: ; } #pix-fe.media-m .cp-65cd38069a45a405500371 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-65cd38069a45a405500371 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-65cd38069a45a405500371 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-65cd38069a45a405500371 { width: 100%; } #pix-fe .cp-65cd38069a45a405500371 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-65cd38069a45a405500371 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-65cd38069a45a405500371 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-65cd38069a45a405500371 .container .img-container:nth-child(1) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd38069a45a405500371 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd38069a45a405500371 .container .img-container:nth-child(2) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd38069a45a405500371 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd38069a45a405500371 .container .img-container:nth-child(3) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd38069a45a405500371 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd38069a45a405500371 .container .img-container:nth-child(4) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd38069a45a405500371 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-65cd38069a45a405500371 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-65cd38069a45a405500371 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-65cd38069a45a405500371 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-65cd38069a45a405500371 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-65cd38069a45a405500371 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-65cd38069a45a405500371 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-65cd38069a45a405500371 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-65cd38069a45a405500371 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_65cd38069a45a405500371 */ #pix-fe #cp-65cd38069a45a405500371.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 5.875px; clear: left; min-height: 0; z-index: 2; } #pix-fe #cp-65cd38069a45a405500371.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-65cd38069a45a405500371.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 5.875px; clear: left; min-height: 0; z-index: 2; } #pix-fe.media-d #cp-65cd38069a45a405500371.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-65cd38069a45a405500371.pix-design-component { margin-top: 74.21875px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-65cd38069a45a405500371.pix-design-component { width: 100%; margin-top: 712.125px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); min-height: 0; } #pix-fe.media-m #cp-65cd38069a45a405500371.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 44.76% } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_65cd381d9a461116465591 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-65cd381d9a461116465591 { width: 100%; } #pix-fe .cp-65cd381d9a461116465591 a { text-decoration: none; } #pix-fe .cp-65cd381d9a461116465591 .container { background-color: rgba(255, 255, 255, 0); padding: 0px; display: grid; gap: 0px; } #pix-fe .cp-65cd381d9a461116465591 .container::before, #pix-fe .cp-65cd381d9a461116465591 .container::after { display: none !important; } #pix-fe .cp-65cd381d9a461116465591 .img-container { width: 100%; } #pix-fe .cp-65cd381d9a461116465591 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-65cd381d9a461116465591 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-65cd381d9a461116465591 .image:before, #pix-fe .cp-65cd381d9a461116465591 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-65cd381d9a461116465591 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-65cd381d9a461116465591 .text-block p { line-height: 1; padding: 10px; background-color: rgba(0, 0, 0, 1); text-align: center; font-size: 28px; color: #fff; text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-65cd381d9a461116465591 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-65cd381d9a461116465591 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-65cd381d9a461116465591 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-65cd381d9a461116465591 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-65cd381d9a461116465591 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-65cd381d9a461116465591 .container:before, #pix-fe .cp-65cd381d9a461116465591 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-65cd381d9a461116465591 .text-placement-top .text-block { top: 0; } #pix-fe .cp-65cd381d9a461116465591 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-65cd381d9a461116465591 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-65cd381d9a461116465591 .container { padding: ; gap: ; } #pix-fe.media-t .cp-65cd381d9a461116465591 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-65cd381d9a461116465591 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-65cd381d9a461116465591 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-65cd381d9a461116465591 .container { padding: ; gap: ; } #pix-fe.media-m .cp-65cd381d9a461116465591 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-65cd381d9a461116465591 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-65cd381d9a461116465591 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-65cd381d9a461116465591 { width: 100%; } #pix-fe .cp-65cd381d9a461116465591 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-65cd381d9a461116465591 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-65cd381d9a461116465591 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-65cd381d9a461116465591 .container .img-container:nth-child(1) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd381d9a461116465591 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd381d9a461116465591 .container .img-container:nth-child(2) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd381d9a461116465591 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd381d9a461116465591 .container .img-container:nth-child(3) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd381d9a461116465591 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd381d9a461116465591 .container .img-container:nth-child(4) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd381d9a461116465591 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-65cd381d9a461116465591 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-65cd381d9a461116465591 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-65cd381d9a461116465591 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-65cd381d9a461116465591 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-65cd381d9a461116465591 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-65cd381d9a461116465591 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-65cd381d9a461116465591 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-65cd381d9a461116465591 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_65cd381d9a461116465591 */ #pix-fe #cp-65cd381d9a461116465591.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 5.296875px; clear: left; min-height: 0; z-index: 2; } #pix-fe #cp-65cd381d9a461116465591.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-65cd381d9a461116465591.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 5.296875px; clear: left; min-height: 0; z-index: 2; } #pix-fe.media-d #cp-65cd381d9a461116465591.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-65cd381d9a461116465591.pix-design-component { margin-top: 74.21875px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-65cd381d9a461116465591.pix-design-component { width: 100%; margin-top: 712.125px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); min-height: 0; } #pix-fe.media-m #cp-65cd381d9a461116465591.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 44.76% } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_65cd38449a468301029847 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-65cd38449a468301029847 { width: 100%; } #pix-fe .cp-65cd38449a468301029847 a { text-decoration: none; } #pix-fe .cp-65cd38449a468301029847 .container { background-color: rgba(255, 255, 255, 0); padding: 0px; display: grid; gap: 0px; } #pix-fe .cp-65cd38449a468301029847 .container::before, #pix-fe .cp-65cd38449a468301029847 .container::after { display: none !important; } #pix-fe .cp-65cd38449a468301029847 .img-container { width: 100%; } #pix-fe .cp-65cd38449a468301029847 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-65cd38449a468301029847 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-65cd38449a468301029847 .image:before, #pix-fe .cp-65cd38449a468301029847 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-65cd38449a468301029847 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-65cd38449a468301029847 .text-block p { line-height: 1; padding: 10px; background-color: rgba(0,0,0,0); text-align: center; font-size: 23px; color: rgb(235,14,14); text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-65cd38449a468301029847 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-65cd38449a468301029847 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-65cd38449a468301029847 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-65cd38449a468301029847 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-65cd38449a468301029847 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-65cd38449a468301029847 .container:before, #pix-fe .cp-65cd38449a468301029847 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-65cd38449a468301029847 .text-placement-top .text-block { top: 0; } #pix-fe .cp-65cd38449a468301029847 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-65cd38449a468301029847 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-65cd38449a468301029847 .container { padding: ; gap: ; } #pix-fe.media-t .cp-65cd38449a468301029847 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-65cd38449a468301029847 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-65cd38449a468301029847 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-65cd38449a468301029847 .container { padding: ; gap: ; } #pix-fe.media-m .cp-65cd38449a468301029847 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-65cd38449a468301029847 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-65cd38449a468301029847 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-65cd38449a468301029847 { width: 100%; } #pix-fe .cp-65cd38449a468301029847 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-65cd38449a468301029847 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-65cd38449a468301029847 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-65cd38449a468301029847 .container .img-container:nth-child(1) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd38449a468301029847 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd38449a468301029847 .container .img-container:nth-child(2) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd38449a468301029847 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd38449a468301029847 .container .img-container:nth-child(3) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd38449a468301029847 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-65cd38449a468301029847 .container .img-container:nth-child(4) { padding: 15px 15px 15px 15px; } #pix-fe .cp-65cd38449a468301029847 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-65cd38449a468301029847 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-65cd38449a468301029847 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-65cd38449a468301029847 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-65cd38449a468301029847 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-65cd38449a468301029847 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-65cd38449a468301029847 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-65cd38449a468301029847 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-65cd38449a468301029847 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_65cd38449a468301029847 */ #pix-fe #cp-65cd38449a468301029847.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe #cp-65cd38449a468301029847.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-65cd38449a468301029847.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe.media-d #cp-65cd38449a468301029847.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-65cd38449a468301029847.pix-design-component { margin-top: 74.21875px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-65cd38449a468301029847.pix-design-component { width: 100%; margin-top: 712.125px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); min-height: 0; } #pix-fe.media-m #cp-65cd38449a468301029847.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 44.76% } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCSYl5ealFcIaugbleMUhvLQA= Path: /js/zoeydev/components/banners/banner-07.scss Parent uid: cp_63dabe371c300532198441 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/banners/banner-07.scss ================================================== **/ #pix-fe .cp-63dabe371c300532198441 { width: 500px; min-width: 100px; background-color: #b3bc35; height: 450px; } #pix-fe .cp-63dabe371c300532198441 > .component-content { height: 100%; padding: 25px; overflow: hidden; } #pix-fe .cp-63dabe371c300532198441 .container { position: relative; width: 100%; height: 100%; display: block; } #pix-fe .cp-63dabe371c300532198441 .inner-block { position: absolute; width: 100%; height: 100%; outline-width: 3px; outline-color: #fff; outline-style: solid; } #pix-fe .cp-63dabe371c300532198441 .text-block { position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 10px; } #pix-fe .cp-63dabe371c300532198441 .text-block p { display: block; overflow: hidden; text-align: center; margin: 0; padding-bottom: 10px; } #pix-fe .cp-63dabe371c300532198441 .text-block .text-first-row { font-size: 47px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63dabe371c300532198441 .text-block .text-second-row { font-size: 46px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63dabe371c300532198441 .text-block .text-third-row { font-size: 26px; color: #ffffff; font-weight: normal; text-transform: none; font-style: normal; } #pix-fe.media-t .cp-63dabe371c300532198441 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-t .cp-63dabe371c300532198441 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-t .cp-63dabe371c300532198441 .text-block .text-third-row { font-size: 26px; } #pix-fe.media-m .cp-63dabe371c300532198441 { min-width: 0; } #pix-fe.media-m .cp-63dabe371c300532198441 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-m .cp-63dabe371c300532198441 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-m .cp-63dabe371c300532198441 .text-block .text-third-row { font-size: 26px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63dabe371c300532198441 */ #pix-fe #cp-63dabe371c300532198441.pix-design-component { margin-left: -1099.4801987510557%; width: 32.31694050622568%; z-index: 2; margin-top: 8.734375px; clear: left; min-height: 0; height: 392.0034484863281px; } #pix-fe.media-d #cp-63dabe371c300532198441.pix-design-component { margin-left: -1099.4801987510557%; width: 32.31694050622568%; z-index: 2; margin-top: 8.734375px; clear: left; min-height: 0; height: 392.0034484863281px; } #pix-fe.media-m #cp-63dabe371c300532198441.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63dabe371c300532198441.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCSYl5ealFcIaugbleMUhvLQA= Path: /js/zoeydev/components/banners/banner-07.scss Parent uid: cp_63dac3a51c35b462822529 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/banners/banner-07.scss ================================================== **/ #pix-fe .cp-63dac3a51c35b462822529 { width: 500px; min-width: 100px; background-color: #b3bc35; height: 450px; } #pix-fe .cp-63dac3a51c35b462822529 > .component-content { height: 100%; padding: 25px; overflow: hidden; } #pix-fe .cp-63dac3a51c35b462822529 .container { position: relative; width: 100%; height: 100%; display: block; } #pix-fe .cp-63dac3a51c35b462822529 .inner-block { position: absolute; width: 100%; height: 100%; outline-width: 3px; outline-color: #fff; outline-style: solid; } #pix-fe .cp-63dac3a51c35b462822529 .text-block { position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 10px; } #pix-fe .cp-63dac3a51c35b462822529 .text-block p { display: block; overflow: hidden; text-align: center; margin: 0; padding-bottom: 10px; } #pix-fe .cp-63dac3a51c35b462822529 .text-block .text-first-row { font-size: 51px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63dac3a51c35b462822529 .text-block .text-second-row { font-size: 46px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63dac3a51c35b462822529 .text-block .text-third-row { font-size: 26px; color: #ffffff; font-weight: normal; text-transform: none; font-style: normal; } #pix-fe.media-t .cp-63dac3a51c35b462822529 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-t .cp-63dac3a51c35b462822529 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-t .cp-63dac3a51c35b462822529 .text-block .text-third-row { font-size: 26px; } #pix-fe.media-m .cp-63dac3a51c35b462822529 { min-width: 0; } #pix-fe.media-m .cp-63dac3a51c35b462822529 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-m .cp-63dac3a51c35b462822529 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-m .cp-63dac3a51c35b462822529 .text-block .text-third-row { font-size: 26px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63dac3a51c35b462822529 */ #pix-fe #cp-63dac3a51c35b462822529.pix-design-component { margin-left: -1065.8618130620132%; width: 31.721033720415292%; z-index: 2; margin-top: 8.734375px; clear: none; min-height: 0; height: 392.0034484863281px; } #pix-fe.media-d #cp-63dac3a51c35b462822529.pix-design-component { margin-left: -1065.8618130620132%; width: 31.721033720415292%; z-index: 2; margin-top: 8.734375px; clear: none; min-height: 0; height: 392.0034484863281px; } #pix-fe.media-m #cp-63dac3a51c35b462822529.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63dac3a51c35b462822529.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCSYl5ealFcIaugbleMUhvLQA= Path: /js/zoeydev/components/banners/banner-07.scss Parent uid: cp_63dac04b1c322971468858 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/banners/banner-07.scss ================================================== **/ #pix-fe .cp-63dac04b1c322971468858 { width: 500px; min-width: 100px; background-color: #b3bc35; height: 450px; } #pix-fe .cp-63dac04b1c322971468858 > .component-content { height: 100%; padding: 25px; overflow: hidden; } #pix-fe .cp-63dac04b1c322971468858 .container { position: relative; width: 100%; height: 100%; display: block; } #pix-fe .cp-63dac04b1c322971468858 .inner-block { position: absolute; width: 100%; height: 100%; outline-width: 3px; outline-color: #fff; outline-style: solid; } #pix-fe .cp-63dac04b1c322971468858 .text-block { position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 10px; } #pix-fe .cp-63dac04b1c322971468858 .text-block p { display: block; overflow: hidden; text-align: center; margin: 0; padding-bottom: 10px; } #pix-fe .cp-63dac04b1c322971468858 .text-block .text-first-row { font-size: 44px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63dac04b1c322971468858 .text-block .text-second-row { font-size: 46px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63dac04b1c322971468858 .text-block .text-third-row { font-size: 26px; color: #ffffff; font-weight: normal; text-transform: none; font-style: normal; } #pix-fe.media-t .cp-63dac04b1c322971468858 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-t .cp-63dac04b1c322971468858 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-t .cp-63dac04b1c322971468858 .text-block .text-third-row { font-size: 26px; } #pix-fe.media-m .cp-63dac04b1c322971468858 { min-width: 0; } #pix-fe.media-m .cp-63dac04b1c322971468858 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-m .cp-63dac04b1c322971468858 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-m .cp-63dac04b1c322971468858 .text-block .text-third-row { font-size: 26px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63dac04b1c322971468858 */ #pix-fe #cp-63dac04b1c322971468858.pix-design-component { margin-left: -1032.2439397780715%; width: 31.392123792222392%; z-index: 2; margin-top: 8.734375px; clear: none; min-height: 0; height: 392.0034484863281px; } #pix-fe.media-d #cp-63dac04b1c322971468858.pix-design-component { margin-left: -1032.2439397780715%; width: 31.392123792222392%; z-index: 2; margin-top: 8.734375px; clear: none; min-height: 0; height: 392.0034484863281px; } #pix-fe.media-m #cp-63dac04b1c322971468858.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63dac04b1c322971468858.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCSYl5ealFcIaugbFeMUhvLQA= Path: /js/zoeydev/components/banners/banner-03.scss Parent uid: cp_63e3febc3d14d609183670 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/banners/banner-03.scss ================================================== **/ #pix-fe .cp-63e3febc3d14d609183670 { min-width: 415px; width: 100%; height: 500px; } #pix-fe .cp-63e3febc3d14d609183670 > .component-content { height: 100%; } #pix-fe .cp-63e3febc3d14d609183670 .container { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); } #pix-fe .cp-63e3febc3d14d609183670 .background-image { position: absolute; height: 100%; width: 100%; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; } #pix-fe .cp-63e3febc3d14d609183670 .text-block { position: absolute; margin: auto; top: 60%; left: 0; right: 0; -webkit-transform: translate(0, -60%); -moz-transform: translate(0, -60%); -ms-transform: translate(0, -60%); -o-transform: translate(0, -60%); transform: translate(0, -60%); max-width: 600px; width: 100%; padding: 20px; text-align: center; } #pix-fe .cp-63e3febc3d14d609183670 .text-block h2 { display: block; overflow: hidden; padding: 10px; background-color: rgba(35, 72, 92, 0.75); text-align: center; line-height: 120%; font-size: 38px; color: #ffffff; font-weight: bold; font-style: normal; text-transform: uppercase; } #pix-fe .cp-63e3febc3d14d609183670 .text-block .button { overflow: hidden; padding: 10px 25px; background-color: #b3bc35; border-style: solid; border-width: ; border-color: rgba(255, 255, 255, 1); color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: normal; } #pix-fe .cp-63e3febc3d14d609183670 .text-block .button:hover { background-color: #b3bc35; border-color: rgba(255, 255, 255, 1); color: #073f60; } #pix-fe.media-t .cp-63e3febc3d14d609183670 .text-block h2 { font-size: 56px; } #pix-fe.media-t .cp-63e3febc3d14d609183670 .text-block .button { font-size: 12px; } #pix-fe.media-m .cp-63e3febc3d14d609183670 { min-width: 0; } #pix-fe.media-m .cp-63e3febc3d14d609183670 .text-block h2 { font-size: 56px; } #pix-fe.media-m .cp-63e3febc3d14d609183670 .text-block .button { font-size: 12px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63e3febc3d14d609183670 */ #pix-fe #cp-63e3febc3d14d609183670.pix-design-component { margin-left: -1100%; width: 100%; z-index: 2; margin-top: 14.6875px; clear: left; min-height: 0; height: 209.98265075683594px; } #pix-fe.media-d #cp-63e3febc3d14d609183670.pix-design-component { margin-left: -1100%; width: 100%; z-index: 2; margin-top: 14.6875px; clear: left; min-height: 0; height: 209.98265075683594px; } #pix-fe.media-m #cp-63e3febc3d14d609183670.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63e3febc3d14d609183670.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCSYl5ealFcIaugbleMUhvLQA= Path: /js/zoeydev/components/banners/banner-07.scss Parent uid: cp_63e3fbc93d121924056082 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/banners/banner-07.scss ================================================== **/ #pix-fe .cp-63e3fbc93d121924056082 { width: 500px; min-width: 100px; background-color: #2da1b5; height: 450px; } #pix-fe .cp-63e3fbc93d121924056082 > .component-content { height: 100%; padding: 25px; overflow: hidden; } #pix-fe .cp-63e3fbc93d121924056082 .container { position: relative; width: 100%; height: 100%; display: block; } #pix-fe .cp-63e3fbc93d121924056082 .inner-block { position: absolute; width: 100%; height: 100%; outline-width: 3px; outline-color: #fff; outline-style: solid; } #pix-fe .cp-63e3fbc93d121924056082 .text-block { position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 10px; } #pix-fe .cp-63e3fbc93d121924056082 .text-block p { display: block; overflow: hidden; text-align: center; margin: 0; padding-bottom: 10px; } #pix-fe .cp-63e3fbc93d121924056082 .text-block .text-first-row { font-size: 53px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63e3fbc93d121924056082 .text-block .text-second-row { font-size: 46px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63e3fbc93d121924056082 .text-block .text-third-row { font-size: 26px; color: #ffffff; font-weight: normal; text-transform: none; font-style: normal; } #pix-fe.media-t .cp-63e3fbc93d121924056082 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-t .cp-63e3fbc93d121924056082 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-t .cp-63e3fbc93d121924056082 .text-block .text-third-row { font-size: 26px; } #pix-fe.media-m .cp-63e3fbc93d121924056082 { min-width: 0; } #pix-fe.media-m .cp-63e3fbc93d121924056082 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-m .cp-63e3fbc93d121924056082 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-m .cp-63e3fbc93d121924056082 .text-block .text-third-row { font-size: 26px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63e3fbc93d121924056082 */ #pix-fe #cp-63e3fbc93d121924056082.pix-design-component { margin-left: -1099.849090179398%; width: 23.77304106246611%; z-index: 2; margin-top: 13.968499999999949px; clear: left; min-height: 0; height: 306.0243225097656px; } #pix-fe.media-d #cp-63e3fbc93d121924056082.pix-design-component { margin-left: -1099.849090179398%; width: 23.77304106246611%; z-index: 2; margin-top: 13.968499999999949px; clear: left; min-height: 0; height: 306.0243225097656px; } #pix-fe.media-m #cp-63e3fbc93d121924056082.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63e3fbc93d121924056082.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCSYl5ealFcIaugbleMUhvLQA= Path: /js/zoeydev/components/banners/banner-07.scss Parent uid: cp_63e3fc433d12b605713322 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/banners/banner-07.scss ================================================== **/ #pix-fe .cp-63e3fc433d12b605713322 { width: 500px; min-width: 100px; background-color: #2da1b5; height: 450px; } #pix-fe .cp-63e3fc433d12b605713322 > .component-content { height: 100%; padding: 25px; overflow: hidden; } #pix-fe .cp-63e3fc433d12b605713322 .container { position: relative; width: 100%; height: 100%; display: block; } #pix-fe .cp-63e3fc433d12b605713322 .inner-block { position: absolute; width: 100%; height: 100%; outline-width: 3px; outline-color: #fff; outline-style: solid; } #pix-fe .cp-63e3fc433d12b605713322 .text-block { position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 10px; } #pix-fe .cp-63e3fc433d12b605713322 .text-block p { display: block; overflow: hidden; text-align: center; margin: 0; padding-bottom: 10px; } #pix-fe .cp-63e3fc433d12b605713322 .text-block .text-first-row { font-size: 49px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63e3fc433d12b605713322 .text-block .text-second-row { font-size: 46px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63e3fc433d12b605713322 .text-block .text-third-row { font-size: 26px; color: #ffffff; font-weight: normal; text-transform: none; font-style: normal; } #pix-fe.media-t .cp-63e3fc433d12b605713322 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-t .cp-63e3fc433d12b605713322 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-t .cp-63e3fc433d12b605713322 .text-block .text-third-row { font-size: 26px; } #pix-fe.media-m .cp-63e3fc433d12b605713322 { min-width: 0; } #pix-fe.media-m .cp-63e3fc433d12b605713322 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-m .cp-63e3fc433d12b605713322 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-m .cp-63e3fc433d12b605713322 .text-block .text-third-row { font-size: 26px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63e3fc433d12b605713322 */ #pix-fe #cp-63e3fc433d12b605713322.pix-design-component { margin-left: -1074.8547634787935%; width: 23.996181600306972%; z-index: 2; margin-top: 13.968499999999949px; clear: none; min-height: 0; height: 306.0069580078125px; } #pix-fe.media-d #cp-63e3fc433d12b605713322.pix-design-component { margin-left: -1074.8547634787935%; width: 23.996181600306972%; z-index: 2; margin-top: 13.968499999999949px; clear: none; min-height: 0; height: 306.0069580078125px; } #pix-fe.media-m #cp-63e3fc433d12b605713322.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63e3fc433d12b605713322.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCSYl5ealFcIaugbleMUhvLQA= Path: /js/zoeydev/components/banners/banner-07.scss Parent uid: cp_63e3fc703d12e176181597 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/banners/banner-07.scss ================================================== **/ #pix-fe .cp-63e3fc703d12e176181597 { width: 500px; min-width: 100px; background-color: #2da1b5; height: 450px; } #pix-fe .cp-63e3fc703d12e176181597 > .component-content { height: 100%; padding: 25px; overflow: hidden; } #pix-fe .cp-63e3fc703d12e176181597 .container { position: relative; width: 100%; height: 100%; display: block; } #pix-fe .cp-63e3fc703d12e176181597 .inner-block { position: absolute; width: 100%; height: 100%; outline-width: 3px; outline-color: #fff; outline-style: solid; } #pix-fe .cp-63e3fc703d12e176181597 .text-block { position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 10px; } #pix-fe .cp-63e3fc703d12e176181597 .text-block p { display: block; overflow: hidden; text-align: center; margin: 0; padding-bottom: 10px; } #pix-fe .cp-63e3fc703d12e176181597 .text-block .text-first-row { font-size: 46px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63e3fc703d12e176181597 .text-block .text-second-row { font-size: 46px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63e3fc703d12e176181597 .text-block .text-third-row { font-size: 26px; color: #ffffff; font-weight: normal; text-transform: none; font-style: normal; } #pix-fe.media-t .cp-63e3fc703d12e176181597 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-t .cp-63e3fc703d12e176181597 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-t .cp-63e3fc703d12e176181597 .text-block .text-third-row { font-size: 26px; } #pix-fe.media-m .cp-63e3fc703d12e176181597 { min-width: 0; } #pix-fe.media-m .cp-63e3fc703d12e176181597 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-m .cp-63e3fc703d12e176181597 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-m .cp-63e3fc703d12e176181597 .text-block .text-third-row { font-size: 26px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63e3fc703d12e176181597 */ #pix-fe #cp-63e3fc703d12e176181597.pix-design-component { margin-left: -1049.4038379210065%; width: 24.069703229909233%; z-index: 2; margin-top: 13.968499999999949px; clear: none; min-height: 0; height: 305px; } #pix-fe.media-d #cp-63e3fc703d12e176181597.pix-design-component { margin-left: -1049.4038379210065%; width: 24.069703229909233%; z-index: 2; margin-top: 13.968499999999949px; clear: none; min-height: 0; height: 305px; } #pix-fe.media-m #cp-63e3fc703d12e176181597.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63e3fc703d12e176181597.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCSYl5ealFcIaugbleMUhvLQA= Path: /js/zoeydev/components/banners/banner-07.scss Parent uid: cp_63e3fca23d134871900526 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/banners/banner-07.scss ================================================== **/ #pix-fe .cp-63e3fca23d134871900526 { width: 500px; min-width: 100px; background-color: #2da1b5; height: 450px; } #pix-fe .cp-63e3fca23d134871900526 > .component-content { height: 100%; padding: 25px; overflow: hidden; } #pix-fe .cp-63e3fca23d134871900526 .container { position: relative; width: 100%; height: 100%; display: block; } #pix-fe .cp-63e3fca23d134871900526 .inner-block { position: absolute; width: 100%; height: 100%; outline-width: 3px; outline-color: #fff; outline-style: solid; } #pix-fe .cp-63e3fca23d134871900526 .text-block { position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 10px; } #pix-fe .cp-63e3fca23d134871900526 .text-block p { display: block; overflow: hidden; text-align: center; margin: 0; padding-bottom: 10px; } #pix-fe .cp-63e3fca23d134871900526 .text-block .text-first-row { font-size: 56px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63e3fca23d134871900526 .text-block .text-second-row { font-size: 6px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-style: normal; } #pix-fe .cp-63e3fca23d134871900526 .text-block .text-third-row { font-size: 26px; color: #ffffff; font-weight: normal; text-transform: none; font-style: normal; } #pix-fe.media-t .cp-63e3fca23d134871900526 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-t .cp-63e3fca23d134871900526 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-t .cp-63e3fca23d134871900526 .text-block .text-third-row { font-size: 26px; } #pix-fe.media-m .cp-63e3fca23d134871900526 { min-width: 0; } #pix-fe.media-m .cp-63e3fca23d134871900526 .text-block .text-first-row { font-size: 100px; } #pix-fe.media-m .cp-63e3fca23d134871900526 .text-block .text-second-row { font-size: 46px; } #pix-fe.media-m .cp-63e3fca23d134871900526 .text-block .text-third-row { font-size: 26px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63e3fca23d134871900526 */ #pix-fe #cp-63e3fca23d134871900526.pix-design-component { margin-left: -1024.0715726877925%; width: 23.622129795117093%; z-index: 2; margin-top: 14.984124999999949px; clear: none; min-height: 0; height: 305px; } #pix-fe.media-d #cp-63e3fca23d134871900526.pix-design-component { margin-left: -1024.0715726877925%; width: 23.622129795117093%; z-index: 2; margin-top: 14.984124999999949px; clear: none; min-height: 0; height: 305px; } #pix-fe.media-m #cp-63e3fca23d134871900526.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63e3fca23d134871900526.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0i7Mz82L0U1KLM9PzklPzSlKLYvSr8lMrU1LLYvST83ML8vOAosVAhTmZydmolB7IrFoA Path: /skin/designcenter/zoeydev/components/slick/slick/slick.css Parent uid: cp_63e40b243d230038825724 */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0i7Mz82L0U1KLM9PzklPzSlKLYvSr8lMrU1LLYvST83ML8vOAosVAhTmZydmolG5JRmpuqh7IxFoA Path: /skin/designcenter/zoeydev/components/slick/slick/slick-theme.css Parent uid: cp_63e40b243d230038825724 */ @charset 'UTF-8';/* Slider */.slick-loading .slick-list{ background: #fff url("//foxrunwholesale.com//skin/designcenter/zoeydev/components/slick/slick/./ajax-loader.gif") center center no-repeat;}/* Icons */@font-face{ font-family: 'slick'; font-weight: normal; font-style: normal; src: url("//foxrunwholesale.com//skin/designcenter/zoeydev/components/slick/slick/./fonts/slick.eot"); src: url("//foxrunwholesale.com//skin/designcenter/zoeydev/components/slick/slick/./fonts/slick.eot?#iefix") format('embedded-opentype'), url("//foxrunwholesale.com//skin/designcenter/zoeydev/components/slick/slick/./fonts/slick.woff") format('woff'), url("//foxrunwholesale.com//skin/designcenter/zoeydev/components/slick/slick/./fonts/slick.ttf") format('truetype'), url("//foxrunwholesale.com//skin/designcenter/zoeydev/components/slick/slick/./fonts/slick.svg#slick") format('svg');}/* Arrows */.slick-prev,.slick-next{ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ color: transparent; outline: none; background: transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{ opacity: 1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{ opacity: .25;}.slick-prev:before,.slick-next:before{ font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.slick-prev{ left: -25px;}[dir='rtl'] .slick-prev{ right: -25px; left: auto;}.slick-prev:before{ content: '\2190'; /* need to use unicode character so it renders properly on the storefront */}[dir='rtl'] .slick-prev:before{ content: '\2192'; /* need to use unicode character so it renders properly on the storefront */}.slick-next{ right: -25px;}[dir='rtl'] .slick-next{ right: auto; left: -25px;}.slick-next:before{ content: '\2192'; /* need to use unicode character so it renders properly on the storefront */}[dir='rtl'] .slick-next:before{ content: '\2190'; /* need to use unicode character so it renders properly on the storefront */}/* Dots */.slick-dotted.slick-slider{ margin-bottom: 30px;}.slick-dots{ position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}.slick-dots li{ position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}.slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus{ outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{ opacity: 1;}.slick-dots li button:before{ font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; /* need to use unicode character so it renders properly on the storefront */ text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before{ opacity: .75; color: black;} /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlSEzdgqLU4tQSXUO9YpAxtQA= Path: /js/zoeydev/components/slideshow/slideshow-preset-1.scss Parent uid: cp_63e40b243d230038825724 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow/slideshow-preset-1.scss ================================================== **/ #pix-fe .cp-63e40b243d230038825724 { width: 600px; min-width: 300px; height: 300px; } #pix-fe .cp-63e40b243d230038825724 > .component-content { height: 100%; } #pix-fe .cp-63e40b243d230038825724 > .component-content > .slider { height: 100%; margin-bottom: 0; } #pix-fe .cp-63e40b243d230038825724 > .component-content > .slider > .slick-list { height: 100%; } #pix-fe .cp-63e40b243d230038825724 > .component-content > .slider > .slick-list > .slick-track { height: 100%; } #pix-fe .cp-63e40b243d230038825724 > .component-content > .slider > .slick-list > .slick-track > .slide { height: 100%; } #pix-fe .cp-63e40b243d230038825724 > .component-content > .slider > .slick-track { height: 100%; } #pix-fe .cp-63e40b243d230038825724 > .component-content > .slider > .slick-track > .slide { height: 100%; } #pix-fe .cp-63e40b243d230038825724 > .component-content > .slider > .slide { height: 100%; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col { display: block; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-product-list > li { float: left; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col > li { width: 48.88%; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col > li { width: 31.7%; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col > li { width: 23.33333%; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col > li { width: 18.22222%; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col > li { width: 14.81481%; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col > li:nth-child(even), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col > li:nth-child(3n), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col > li, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col > li:nth-child(even), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col > li:nth-child(3n), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col > li, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col > li:nth-child(even), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col > li:nth-child(3n), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col > li, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col > li:nth-child(even), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col > li:nth-child(3n), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col > li, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col > li:nth-child(even), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col > li:nth-child(3n), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col > li { margin-right: 2.22222%; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col > li:nth-child(odd), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col > li:nth-child(3n+1), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col > li:nth-child(odd), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col > li:nth-child(3n+1), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col > li:nth-child(odd), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col > li:nth-child(3n+1), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col > li:nth-child(odd), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col > li:nth-child(3n+1), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col > li:nth-child(odd), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col > li:nth-child(3n+1) { clear: none; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col > li:nth-child(2n+1), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col > li:nth-child(3n+1), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col > li:nth-child(4n+1), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col > li:nth-child(5n+1), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col > li:nth-child(6n+1) { clear: left; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col > li:nth-child(2n), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col > li:nth-child(3n), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col > li:nth-child(4n), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col > li:nth-child(5n), #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col > li:nth-child(6n) { margin-right: 0; margin-bottom: 20px; } #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-2-col > li:last-of-type, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-3-col > li:last-of-type, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-4-col > li:last-of-type, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-5-col > li:last-of-type, #pix-fe .cp-63e40b243d230038825724 .is-grid .zoey-products-grid--max-6-col > li:last-of-type { margin-bottom: 0; } #pix-fe .cp-63e40b243d230038825724 .slick-dots { bottom: 15px; } #pix-fe .cp-63e40b243d230038825724 .slick-dots li { width: auto; height: auto; vertical-align: middle; } #pix-fe .cp-63e40b243d230038825724 .slick-dots button { text-transform: none; padding: 0; text-decoration: none; background-color: transparent; color: transparent; font-size: 0; line-height: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: auto; height: auto; border: none; } #pix-fe .cp-63e40b243d230038825724 .slick-dots button:before { content: "\2022"; color: #f0f0f0; opacity: 1; font-size: 10px; line-height: 1; position: static; width: auto; height: auto; display: block; } #pix-fe .cp-63e40b243d230038825724 .slick-dots .slick-active button:before { color: #06152e; opacity: 1; font-size: 12px; } #pix-fe .cp-63e40b243d230038825724 .slick-arrow { text-transform: none; padding: 0; text-decoration: none; background-color: transparent; color: transparent; font-size: 1px; line-height: 0; border: none; letter-spacing: 0; } #pix-fe .cp-63e40b243d230038825724 .slick-arrow:hover { background: none; } #pix-fe .cp-63e40b243d230038825724 .slick-arrow:hover:before { opacity: 0.75; color: #000; } #pix-fe .cp-63e40b243d230038825724 .slick-arrow:before { font-size: 25px; opacity: 0.75; color: #06152e; } #pix-fe .cp-63e40b243d230038825724 .slick-arrow.slick-next { z-index: 999; right: -5px; opacity: 0; text-align: right; -webkit-transition: right ease 0.2s, opacity ease 0.2s; -moz-transition: right ease 0.2s, opacity ease 0.2s; -ms-transition: right ease 0.2s, opacity ease 0.2s; transition: right ease 0.2s, opacity ease 0.2s; } #pix-fe .cp-63e40b243d230038825724 .slick-arrow.slick-prev { z-index: 999; left: -5px; opacity: 0; text-align: left; -webkit-transition: left ease 0.2s, opacity ease 0.2s; -moz-transition: left ease 0.2s, opacity ease 0.2s; -ms-transition: left ease 0.2s, opacity ease 0.2s; transition: left ease 0.2s, opacity ease 0.2s; } #pix-fe .cp-63e40b243d230038825724:hover .slick-arrow.slick-next { opacity: 1; right: 8px; } #pix-fe .cp-63e40b243d230038825724:hover .slick-arrow.slick-prev { opacity: 1; left: 8px; } #pix-fe.media-m .cp-63e40b243d230038825724 { min-width: 0; } #pix-fe.media-m .cp-63e40b243d230038825724 .text-container.has-mobile-image { display: none; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_63e40b243d230038825724 */ #pix-fe #cp-63e40b243d230038825724.pix-design-component { margin-left: -1099.849090179398%; width: 99.774277011235%; z-index: 2; margin-top: 18.437124999999924px; clear: left; min-height: 0; height: 445.0000305175781px; } #pix-fe.media-d #cp-63e40b243d230038825724.pix-design-component { margin-left: -1099.849090179398%; width: 99.774277011235%; z-index: 2; margin-top: 18.437124999999924px; clear: left; min-height: 0; height: 445.0000305175781px; } #pix-fe.media-m #cp-63e40b243d230038825724.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #pix-fe #cp-63e40b243d230038825724.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCmXlp+UmJeXmpRchsXRO9YpAJtQA= Path: /js/zoeydev/components/infobanner/infobanner-4.scss Parent uid: cp_615f0679399d5208810597 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/infobanner/infobanner-4.scss ================================================== **/ #pix-fe .cp-615f0679399d5208810597 { min-width: 400px; width: 100%; min-height: 400px; height: 400px; } #pix-fe .cp-615f0679399d5208810597 > .component-content { height: 100%; } #pix-fe .cp-615f0679399d5208810597 .container { height: 100%; overflow: hidden; position: relative; display: block; text-decoration: none; } #pix-fe .cp-615f0679399d5208810597 .container:before, #pix-fe .cp-615f0679399d5208810597 .container:after { content: ''; clear: both; display: block; } #pix-fe .cp-615f0679399d5208810597 .container h2 { margin-bottom: 20px; font-size: 22px; color: rgb(83,87,90); font-weight: bold; font-style: normal; text-transform: uppercase; text-decoration: none; line-height: 24px; text-align: center; } #pix-fe .cp-615f0679399d5208810597 .container p { font-size: 14px; color: rgb(83,87,90); font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; line-height: 25px; text-align: center; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-image { width: 65%; height: 100%; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-image.right { float: right; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-image .image { height: 100%; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-text { position: absolute; top: 0; z-index: 1; width: 40%; height: 100%; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-text.left { left: 0; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-text.left .text-block { right: 0; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-text:not(.left) { right: 0; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-text:not(.left) .text-block { left: 0; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-text .text-block { position: absolute; top: 50%; transform: translate(0, -50%); padding: 25px; background-color: #ffffff; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-text .text-block .links { width: 100%; padding-top: 10px; text-align: center; font-size: 14px; color: rgb(83,87,90); font-weight: normal; font-style: normal; text-transform: none; text-decoration: underline; line-height: 25px; } #pix-fe .cp-615f0679399d5208810597 .container .zoey-infobanner-text .text-block .links:hover { color: #d65c5c; text-decoration: underline; font-weight: bold; } #pix-fe.media-m .cp-615f0679399d5208810597 { min-width: 0; } #pix-fe.media-m .cp-615f0679399d5208810597:has(.container.image-top-m), #pix-fe.media-m .cp-615f0679399d5208810597:has(.container.image-bottom-m) { height: auto; min-height: 0; } #pix-fe.media-m .cp-615f0679399d5208810597 .container .zoey-infobanner-text, #pix-fe.media-m .cp-615f0679399d5208810597 .container .zoey-infobanner-image { float: none; display: block; width: 100%; } #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-top-m, #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-bottom-m { display: flex; flex-direction: column; } #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-top-m::before, #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-bottom-m::before, #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-top-m::after, #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-bottom-m::after { display: none; } #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-top-m .zoey-infobanner-image, #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-bottom-m .zoey-infobanner-image { height: auto; position: relative; right: unset; top: unset; left: unset; } #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-top-m .zoey-infobanner-image .image, #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-bottom-m .zoey-infobanner-image .image { min-height: 200px; } #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-top-m .zoey-infobanner-text, #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-bottom-m .zoey-infobanner-text { position: relative; right: unset; top: unset; left: unset; } #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-top-m .zoey-infobanner-text .text-block, #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-bottom-m .zoey-infobanner-text .text-block { transform: unset; position: relative; right: unset; top: unset; left: unset; } #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-bottom-m .zoey-infobanner-image { order: 2; } #pix-fe.media-m .cp-615f0679399d5208810597 .container.image-bottom-m .zoey-infobanner-text { order: 1; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-height.html Parent uid: cp_615f0679399d5208810597 */ #pix-fe #cp-615f0679399d5208810597.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 11.984375px; clear: left; min-height: 0; height: 388px; } #pix-fe.media-d #cp-615f0679399d5208810597.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 11.984375px; clear: left; min-height: 0; height: 388px; } #pix-fe.media-t #cp-615f0679399d5208810597.pix-design-component { margin-top: 4.875px; width: 100%; margin-left: -1100%; min-height: 0; height: 586px; } #pix-fe.media-m #cp-615f0679399d5208810597.pix-design-component { width: 100%; margin-top: 11.5px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); min-height: 0; height: 500px; } #pix-fe #cp-615f0679399d5208810597.pix-design-component > .component-content { height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCJakVJTH6xSWVOal6xSBNtQA= Path: /js/zoeydev/components/text/style.scss Parent uid: cp_614366fa9df71656640595 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/text/style.scss ================================================== **/ #pix-fe .cp-614366fa9df71656640595 li { font-family: var(--zoey-paragraph-font-family); font-size: var(--zoey-paragraph-font-size); font-weight: var(--zoey-paragraph-font-weight); font-style: var(--zoey-paragraph-font-style); line-height: var(--zoey-paragraph-line-height); letter-spacing: var(--zoey-paragraph-letter-spacing); text-transform: var(--zoey-paragraph-text-transform); margin-bottom: var(--zoey-paragraph-margin-bottom); } #pix-fe .cp-614366fa9df71656640595 { width: 400px; max-width: 100%; min-height: 14px; } #pix-fe .cp-614366fa9df71656640595 .pix-fe-ws-top-node.text-align-left { text-align: left; } #pix-fe .cp-614366fa9df71656640595 .pix-fe-ws-top-node.text-align-center { text-align: center; } #pix-fe .cp-614366fa9df71656640595 .pix-fe-ws-top-node.text-align-right { text-align: right; } #pix-fe .cp-614366fa9df71656640595 a { font-size: inherit; font-weight: inherit; } #pix-fe .cp-614366fa9df71656640595 [style*='color'] > a, #pix-fe .cp-614366fa9df71656640595 [color] > a { color: inherit; } #pix-fe .cp-614366fa9df71656640595 ul { list-style: disc outside; } #pix-fe .cp-614366fa9df71656640595 ol { list-style: decimal outside; } #pix-fe .cp-614366fa9df71656640595 li { color: #000000; margin-left: 2em; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_614366fa9df71656640595 */ #pix-fe #cp-614366fa9df71656640595.pix-design-component { width: 99.02923891750707%; margin-left: -1100%; margin-top: 5.25px; clear: left; } #pix-fe.media-d #cp-614366fa9df71656640595.pix-design-component { width: 99.02923891750707%; margin-left: -1100%; margin-top: 5.25px; clear: left; } #pix-fe.media-t #cp-614366fa9df71656640595.pix-design-component { margin-top: 8px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-614366fa9df71656640595.pix-design-component { width: 100%; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); margin-top: 0px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP003PykxJzYvSTEvPyUoti9AuKUotTS3RN9IpBWmsB Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss Parent uid: cp_69c56411f3369237951914 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss ================================================== **/ #pix-fe .cp-69c56411f3369237951914 > .component-content { height: 100%; overflow: hidden; } #pix-fe .cp-69c56411f3369237951914 img { max-width: none; width: 100%; height: auto; display: block; } #pix-fe .cp-69c56411f3369237951914 { width: 500px; } #pix-fe .cp-69c56411f3369237951914 .component-content { padding: 0px; outline-width: 0px; outline-color: #f0f0f0; outline-offset: -0px; outline-style: solid; width: 100%; overflow: hidden; border-radius: 0px; background-color: transparent; } #pix-fe .cp-69c56411f3369237951914 .zoey-component-placement-height { padding-bottom: 45%; overflow: hidden; position: relative; } #pix-fe .cp-69c56411f3369237951914 .zoey-component-placement-height img { object-fit: contain; object-position: center; position: absolute; inset: 0; width: 100%; height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_69c56411f3369237951914 */ #pix-fe #cp-69c56411f3369237951914.pix-design-component { width: 18.572154102880358%; margin-left: -1083.9541929791976%; z-index: 2; margin-top: 94.609375px; clear: none; min-height: 0; } #pix-fe #cp-69c56411f3369237951914.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 43.19% } #pix-fe.media-d #cp-69c56411f3369237951914.pix-design-component { margin-left: -1083.9541929791976%; width: 18.572154102880358%; z-index: 2; margin-top: 94.609375px; clear: none; min-height: 0; } #pix-fe.media-d #cp-69c56411f3369237951914.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 43.19% } #pix-fe.media-m #cp-69c56411f3369237951914.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP003PykxJzYvSTEvPyUoti9AuKUotTS3RN9IpBWmsB Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss Parent uid: cp_69c56406f3362203333128 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss ================================================== **/ #pix-fe .cp-69c56406f3362203333128 > .component-content { height: 100%; overflow: hidden; } #pix-fe .cp-69c56406f3362203333128 img { max-width: none; width: 100%; height: auto; display: block; } #pix-fe .cp-69c56406f3362203333128 { width: 500px; } #pix-fe .cp-69c56406f3362203333128 .component-content { padding: 0px; outline-width: 0px; outline-color: #f0f0f0; outline-offset: -0px; outline-style: solid; width: 100%; overflow: hidden; border-radius: 0px; background-color: transparent; } #pix-fe .cp-69c56406f3362203333128 .zoey-component-placement-height { padding-bottom: 45%; overflow: hidden; position: relative; } #pix-fe .cp-69c56406f3362203333128 .zoey-component-placement-height img { object-fit: contain; object-position: center; position: absolute; inset: 0; width: 100%; height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_69c56406f3362203333128 */ #pix-fe #cp-69c56406f3362203333128.pix-design-component { width: 18.57122956909361%; margin-left: -1052.455191307578%; z-index: 2; margin-top: 108.765625px; clear: none; min-height: 0; } #pix-fe #cp-69c56406f3362203333128.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 31.865367529902418% } #pix-fe.media-d #cp-69c56406f3362203333128.pix-design-component { margin-left: -1052.455191307578%; width: 18.57122956909361%; z-index: 2; margin-top: 108.765625px; clear: none; min-height: 0; } #pix-fe.media-m #cp-69c56406f3362203333128.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcgoyKxLTKmP0k/NzC/LzUvNKimP003PykxJzYvSTEvPyUoti9AuKUotTS3RN9IpBWmsB Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss Parent uid: cp_6a850d8dca956752368331 */ /** ================================================== Zoey SCSS File File Path: skin/designcenter/pixafy/components/global/banner/preset-4.scss ================================================== **/ #pix-fe .cp-6a850d8dca956752368331 > .component-content { height: 100%; overflow: hidden; } #pix-fe .cp-6a850d8dca956752368331 img { max-width: none; width: 100%; height: auto; display: block; } #pix-fe .cp-6a850d8dca956752368331 { width: 500px; } #pix-fe .cp-6a850d8dca956752368331 .component-content { padding: 0px; outline-width: 0px; outline-color: #f0f0f0; outline-offset: -0px; outline-style: solid; width: 100%; overflow: hidden; border-radius: 0px; background-color: transparent; } #pix-fe .cp-6a850d8dca956752368331 .zoey-component-placement-height { padding-bottom: 45%; overflow: hidden; position: relative; } #pix-fe .cp-6a850d8dca956752368331 .zoey-component-placement-height img { object-fit: contain; object-position: center; position: absolute; inset: 0; width: 100%; height: 100%; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_6a850d8dca956752368331 */ #pix-fe #cp-6a850d8dca956752368331.pix-design-component { width: 18.57122956909361%; margin-left: -1026.0761051263003%; z-index: 2; margin-top: 78.288818359375px; clear: none; min-height: 0; } #pix-fe #cp-6a850d8dca956752368331.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 56.2498687664042% } #pix-fe.media-d #cp-6a850d8dca956752368331.pix-design-component { margin-left: -1026.0761051263003%; width: 18.57122956909361%; z-index: 2; margin-top: 78.288818359375px; clear: none; min-height: 0; } #pix-fe.media-m #cp-6a850d8dca956752368331.pix-design-component { width: 100%; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_615f075c399f0148436048 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-615f075c399f0148436048 { width: 100%; } #pix-fe .cp-615f075c399f0148436048 a { text-decoration: none; } #pix-fe .cp-615f075c399f0148436048 .container { background-color: rgba(255, 255, 255, 0); padding: 0 0 0 0; display: grid; gap: 0px; } #pix-fe .cp-615f075c399f0148436048 .container::before, #pix-fe .cp-615f075c399f0148436048 .container::after { display: none !important; } #pix-fe .cp-615f075c399f0148436048 .img-container { width: 100%; } #pix-fe .cp-615f075c399f0148436048 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-615f075c399f0148436048 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-615f075c399f0148436048 .image:before, #pix-fe .cp-615f075c399f0148436048 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-615f075c399f0148436048 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-615f075c399f0148436048 .text-block p { line-height: 1; padding: 5px 5px 5px 5px; background-color: rgba(0,0,0,0.15); text-align: center; font-size: 28px; color: #073f60; text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-615f075c399f0148436048 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-615f075c399f0148436048 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-615f075c399f0148436048 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-615f075c399f0148436048 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-615f075c399f0148436048 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-615f075c399f0148436048 .container:before, #pix-fe .cp-615f075c399f0148436048 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-615f075c399f0148436048 .text-placement-top .text-block { top: 0; } #pix-fe .cp-615f075c399f0148436048 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-615f075c399f0148436048 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-615f075c399f0148436048 .container { padding: ; gap: ; } #pix-fe.media-t .cp-615f075c399f0148436048 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-615f075c399f0148436048 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-615f075c399f0148436048 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-615f075c399f0148436048 .container { padding: ; gap: ; } #pix-fe.media-m .cp-615f075c399f0148436048 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-615f075c399f0148436048 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-615f075c399f0148436048 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-615f075c399f0148436048 { width: 100%; } #pix-fe .cp-615f075c399f0148436048 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-615f075c399f0148436048 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-615f075c399f0148436048 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-615f075c399f0148436048 .container .img-container:nth-child(1) { padding: 5px 5px 5px 5px; } #pix-fe .cp-615f075c399f0148436048 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-615f075c399f0148436048 .container .img-container:nth-child(2) { padding: 5px 5px 5px 5px; } #pix-fe .cp-615f075c399f0148436048 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-615f075c399f0148436048 .container .img-container:nth-child(3) { padding: 5px 5px 5px 5px; } #pix-fe .cp-615f075c399f0148436048 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-615f075c399f0148436048 .container .img-container:nth-child(4) { padding: 5px 5px 5px 5px; } #pix-fe .cp-615f075c399f0148436048 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-615f075c399f0148436048 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-615f075c399f0148436048 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-615f075c399f0148436048 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-615f075c399f0148436048 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-615f075c399f0148436048 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-615f075c399f0148436048 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-615f075c399f0148436048 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-615f075c399f0148436048 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_615f075c399f0148436048 */ #pix-fe #cp-615f075c399f0148436048.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 214.296875px; clear: none; min-height: 0; } #pix-fe #cp-615f075c399f0148436048.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-615f075c399f0148436048.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 214.296875px; clear: none; min-height: 0; } #pix-fe.media-d #cp-615f075c399f0148436048.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-615f075c399f0148436048.pix-design-component { margin-top: 12.9375px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-615f075c399f0148436048.pix-design-component { width: 100%; margin-top: 0px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_615f07ce39a14756760231 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-615f07ce39a14756760231 { width: 100%; } #pix-fe .cp-615f07ce39a14756760231 a { text-decoration: none; } #pix-fe .cp-615f07ce39a14756760231 .container { background-color: rgba(255, 255, 255, 0); padding: 0px; display: grid; gap: 0px; } #pix-fe .cp-615f07ce39a14756760231 .container::before, #pix-fe .cp-615f07ce39a14756760231 .container::after { display: none !important; } #pix-fe .cp-615f07ce39a14756760231 .img-container { width: 100%; } #pix-fe .cp-615f07ce39a14756760231 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-615f07ce39a14756760231 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-615f07ce39a14756760231 .image:before, #pix-fe .cp-615f07ce39a14756760231 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-615f07ce39a14756760231 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-615f07ce39a14756760231 .text-block p { line-height: 1; padding: 10px; background-color: rgba(83,87,90,1); text-align: center; font-size: 28px; color: #fff; text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-615f07ce39a14756760231 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-615f07ce39a14756760231 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-615f07ce39a14756760231 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-615f07ce39a14756760231 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-615f07ce39a14756760231 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-615f07ce39a14756760231 .container:before, #pix-fe .cp-615f07ce39a14756760231 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-615f07ce39a14756760231 .text-placement-top .text-block { top: 0; } #pix-fe .cp-615f07ce39a14756760231 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-615f07ce39a14756760231 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-615f07ce39a14756760231 .container { padding: ; gap: ; } #pix-fe.media-t .cp-615f07ce39a14756760231 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-615f07ce39a14756760231 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-615f07ce39a14756760231 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-615f07ce39a14756760231 .container { padding: ; gap: ; } #pix-fe.media-m .cp-615f07ce39a14756760231 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-615f07ce39a14756760231 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-615f07ce39a14756760231 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-615f07ce39a14756760231 { width: 100%; } #pix-fe .cp-615f07ce39a14756760231 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-615f07ce39a14756760231 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-615f07ce39a14756760231 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-615f07ce39a14756760231 .container .img-container:nth-child(1) { padding: 15px 15px 15px 15px; } #pix-fe .cp-615f07ce39a14756760231 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-615f07ce39a14756760231 .container .img-container:nth-child(2) { padding: 15px 15px 15px 15px; } #pix-fe .cp-615f07ce39a14756760231 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-615f07ce39a14756760231 .container .img-container:nth-child(3) { padding: 15px 15px 15px 15px; } #pix-fe .cp-615f07ce39a14756760231 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-615f07ce39a14756760231 .container .img-container:nth-child(4) { padding: 15px 15px 15px 15px; } #pix-fe .cp-615f07ce39a14756760231 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-615f07ce39a14756760231 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-615f07ce39a14756760231 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-615f07ce39a14756760231 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-615f07ce39a14756760231 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-615f07ce39a14756760231 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-615f07ce39a14756760231 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-615f07ce39a14756760231 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-615f07ce39a14756760231 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_615f07ce39a14756760231 */ #pix-fe #cp-615f07ce39a14756760231.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe #cp-615f07ce39a14756760231.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-615f07ce39a14756760231.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe.media-d #cp-615f07ce39a14756760231.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-615f07ce39a14756760231.pix-design-component { margin-top: 0px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-615f07ce39a14756760231.pix-design-component { width: 100%; margin-top: 0px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_615f07d339a1b736802910 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-615f07d339a1b736802910 { width: 100%; } #pix-fe .cp-615f07d339a1b736802910 a { text-decoration: none; } #pix-fe .cp-615f07d339a1b736802910 .container { background-color: rgba(255, 255, 255, 0); padding: 0px; display: grid; gap: 0px; } #pix-fe .cp-615f07d339a1b736802910 .container::before, #pix-fe .cp-615f07d339a1b736802910 .container::after { display: none !important; } #pix-fe .cp-615f07d339a1b736802910 .img-container { width: 100%; } #pix-fe .cp-615f07d339a1b736802910 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-615f07d339a1b736802910 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-615f07d339a1b736802910 .image:before, #pix-fe .cp-615f07d339a1b736802910 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-615f07d339a1b736802910 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-615f07d339a1b736802910 .text-block p { line-height: 1; padding: 10px; background-color: rgba(0, 0, 0, 1); text-align: center; font-size: 28px; color: #fff; text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-615f07d339a1b736802910 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-615f07d339a1b736802910 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-615f07d339a1b736802910 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-615f07d339a1b736802910 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-615f07d339a1b736802910 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-615f07d339a1b736802910 .container:before, #pix-fe .cp-615f07d339a1b736802910 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-615f07d339a1b736802910 .text-placement-top .text-block { top: 0; } #pix-fe .cp-615f07d339a1b736802910 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-615f07d339a1b736802910 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-615f07d339a1b736802910 .container { padding: ; gap: ; } #pix-fe.media-t .cp-615f07d339a1b736802910 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-615f07d339a1b736802910 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-615f07d339a1b736802910 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-615f07d339a1b736802910 .container { padding: ; gap: ; } #pix-fe.media-m .cp-615f07d339a1b736802910 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-615f07d339a1b736802910 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-615f07d339a1b736802910 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-615f07d339a1b736802910 { width: 100%; } #pix-fe .cp-615f07d339a1b736802910 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-615f07d339a1b736802910 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-615f07d339a1b736802910 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-615f07d339a1b736802910 .container .img-container:nth-child(1) { padding: 15px 15px 15px 15px; } #pix-fe .cp-615f07d339a1b736802910 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-615f07d339a1b736802910 .container .img-container:nth-child(2) { padding: 15px 15px 15px 15px; } #pix-fe .cp-615f07d339a1b736802910 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-615f07d339a1b736802910 .container .img-container:nth-child(3) { padding: 15px 15px 15px 15px; } #pix-fe .cp-615f07d339a1b736802910 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-615f07d339a1b736802910 .container .img-container:nth-child(4) { padding: 15px 15px 15px 15px; } #pix-fe .cp-615f07d339a1b736802910 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-615f07d339a1b736802910 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-615f07d339a1b736802910 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-615f07d339a1b736802910 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-615f07d339a1b736802910 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-615f07d339a1b736802910 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-615f07d339a1b736802910 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-615f07d339a1b736802910 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-615f07d339a1b736802910 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_615f07d339a1b736802910 */ #pix-fe #cp-615f07d339a1b736802910.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe #cp-615f07d339a1b736802910.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-615f07d339a1b736802910.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe.media-d #cp-615f07d339a1b736802910.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-615f07d339a1b736802910.pix-design-component { margin-top: 74.21875px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-615f07d339a1b736802910.pix-design-component { width: 100%; margin-top: 712.125px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); min-height: 0; } #pix-fe.media-m #cp-615f07d339a1b736802910.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 44.76% } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_61fc076fa7b82871755496 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-61fc076fa7b82871755496 { width: 100%; } #pix-fe .cp-61fc076fa7b82871755496 a { text-decoration: none; } #pix-fe .cp-61fc076fa7b82871755496 .container { background-color: rgba(255, 255, 255, 0); padding: 0px; display: grid; gap: 0px; } #pix-fe .cp-61fc076fa7b82871755496 .container::before, #pix-fe .cp-61fc076fa7b82871755496 .container::after { display: none !important; } #pix-fe .cp-61fc076fa7b82871755496 .img-container { width: 100%; } #pix-fe .cp-61fc076fa7b82871755496 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-61fc076fa7b82871755496 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-61fc076fa7b82871755496 .image:before, #pix-fe .cp-61fc076fa7b82871755496 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-61fc076fa7b82871755496 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-61fc076fa7b82871755496 .text-block p { line-height: 1; padding: 10px; background-color: rgba(0, 0, 0, 1); text-align: center; font-size: 28px; color: #fff; text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-61fc076fa7b82871755496 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-61fc076fa7b82871755496 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-61fc076fa7b82871755496 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-61fc076fa7b82871755496 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-61fc076fa7b82871755496 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-61fc076fa7b82871755496 .container:before, #pix-fe .cp-61fc076fa7b82871755496 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-61fc076fa7b82871755496 .text-placement-top .text-block { top: 0; } #pix-fe .cp-61fc076fa7b82871755496 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-61fc076fa7b82871755496 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-61fc076fa7b82871755496 .container { padding: ; gap: ; } #pix-fe.media-t .cp-61fc076fa7b82871755496 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-61fc076fa7b82871755496 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-61fc076fa7b82871755496 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-61fc076fa7b82871755496 .container { padding: ; gap: ; } #pix-fe.media-m .cp-61fc076fa7b82871755496 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-61fc076fa7b82871755496 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-61fc076fa7b82871755496 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-61fc076fa7b82871755496 { width: 100%; } #pix-fe .cp-61fc076fa7b82871755496 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-61fc076fa7b82871755496 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-61fc076fa7b82871755496 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-61fc076fa7b82871755496 .container .img-container:nth-child(1) { padding: 15px 15px 15px 15px; } #pix-fe .cp-61fc076fa7b82871755496 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-61fc076fa7b82871755496 .container .img-container:nth-child(2) { padding: 15px 15px 15px 15px; } #pix-fe .cp-61fc076fa7b82871755496 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-61fc076fa7b82871755496 .container .img-container:nth-child(3) { padding: 15px 15px 15px 15px; } #pix-fe .cp-61fc076fa7b82871755496 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-61fc076fa7b82871755496 .container .img-container:nth-child(4) { padding: 15px 15px 15px 15px; } #pix-fe .cp-61fc076fa7b82871755496 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-61fc076fa7b82871755496 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-61fc076fa7b82871755496 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-61fc076fa7b82871755496 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-61fc076fa7b82871755496 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-61fc076fa7b82871755496 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-61fc076fa7b82871755496 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-61fc076fa7b82871755496 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-61fc076fa7b82871755496 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_61fc076fa7b82871755496 */ #pix-fe #cp-61fc076fa7b82871755496.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe #cp-61fc076fa7b82871755496.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-61fc076fa7b82871755496.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe.media-d #cp-61fc076fa7b82871755496.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-61fc076fa7b82871755496.pix-design-component { margin-top: 74.21875px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-61fc076fa7b82871755496.pix-design-component { width: 100%; margin-top: 712.125px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); min-height: 0; } #pix-fe.media-m #cp-61fc076fa7b82871755496.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 44.76% } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCC6Yk5OalFlXCGrqleMUhvLQA= Path: /js/zoeydev/components/gallery/gallery-5.scss Parent uid: cp_620429bfd2205128291296 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/gallery/gallery-5.scss ================================================== **/ #pix-fe .cp-620429bfd2205128291296 { width: 100%; } #pix-fe .cp-620429bfd2205128291296 a { text-decoration: none; } #pix-fe .cp-620429bfd2205128291296 .container { background-color: rgba(255, 255, 255, 0); padding: 0px; display: grid; gap: 0px; } #pix-fe .cp-620429bfd2205128291296 .container::before, #pix-fe .cp-620429bfd2205128291296 .container::after { display: none !important; } #pix-fe .cp-620429bfd2205128291296 .img-container { width: 100%; } #pix-fe .cp-620429bfd2205128291296 .image { width: 100%; height: 100%; display: block; } #pix-fe .cp-620429bfd2205128291296 .image .width-fix-container { float: left; width: 50%; } #pix-fe .cp-620429bfd2205128291296 .image:before, #pix-fe .cp-620429bfd2205128291296 .image:after { content: ''; clear: both; display: block; } #pix-fe .cp-620429bfd2205128291296 .text-block { width: 100%; z-index: 1; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #pix-fe .cp-620429bfd2205128291296 .text-block p { line-height: 1; padding: 10px; background-color: rgba(0,0,0,0); text-align: center; font-size: 23px; color: rgb(235,14,14); text-transform: uppercase; font-weight: bold; font-style: normal; } #pix-fe .cp-620429bfd2205128291296 .container.hover-effect .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } #pix-fe .cp-620429bfd2205128291296 .container.hover-effect .text-block { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } #pix-fe .cp-620429bfd2205128291296 .container.hover-effect .img-container { overflow: hidden; } #pix-fe .cp-620429bfd2205128291296 .container.hover-effect .img-container:hover .image { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #pix-fe .cp-620429bfd2205128291296 .container.hover-effect .img-container:hover .text-block { opacity: 1; } #pix-fe .cp-620429bfd2205128291296 .container:before, #pix-fe .cp-620429bfd2205128291296 .container:after { content: " "; display: block; clear: both; } #pix-fe .cp-620429bfd2205128291296 .text-placement-top .text-block { top: 0; } #pix-fe .cp-620429bfd2205128291296 .text-placement-middle .text-block { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pix-fe .cp-620429bfd2205128291296 .text-placement-bottom .text-block { bottom: 0; } #pix-fe.media-t .cp-620429bfd2205128291296 .container { padding: ; gap: ; } #pix-fe.media-t .cp-620429bfd2205128291296 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 24px; } #pix-fe.media-m .cp-620429bfd2205128291296 .container.respond-on-mobile { grid-template-columns: 1fr; } #pix-fe.media-m .cp-620429bfd2205128291296 .container.respond-on-mobile .width-fix-container + .width-fix-container { display: none; } #pix-fe.media-m .cp-620429bfd2205128291296 .container { padding: ; gap: ; } #pix-fe.media-m .cp-620429bfd2205128291296 .container .text-block p { line-height: 1; padding: 10px; text-align: center; font-size: 18px; } #pix-fe.media-m .cp-620429bfd2205128291296 .container.hover-effect .img-container .image { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pix-fe.media-m .cp-620429bfd2205128291296 .container.hover-effect .img-container .text-block { opacity: 1; } #pix-fe .cp-620429bfd2205128291296 { width: 100%; } #pix-fe .cp-620429bfd2205128291296 .zoey-component-placement-height { padding-bottom: 90%; } #pix-fe .cp-620429bfd2205128291296 .container { grid-template-columns: repeat(4, 1fr); } #pix-fe .cp-620429bfd2205128291296 .container .overflow { overflow: hidden; position: relative; display: block; } #pix-fe .cp-620429bfd2205128291296 .container .img-container:nth-child(1) { padding: 15px 15px 15px 15px; } #pix-fe .cp-620429bfd2205128291296 .container .img-container:nth-child(1) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-620429bfd2205128291296 .container .img-container:nth-child(2) { padding: 15px 15px 15px 15px; } #pix-fe .cp-620429bfd2205128291296 .container .img-container:nth-child(2) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-620429bfd2205128291296 .container .img-container:nth-child(3) { padding: 15px 15px 15px 15px; } #pix-fe .cp-620429bfd2205128291296 .container .img-container:nth-child(3) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe .cp-620429bfd2205128291296 .container .img-container:nth-child(4) { padding: 15px 15px 15px 15px; } #pix-fe .cp-620429bfd2205128291296 .container .img-container:nth-child(4) .image { width: 100%; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } #pix-fe.media-t .cp-620429bfd2205128291296 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-t .cp-620429bfd2205128291296 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-t .cp-620429bfd2205128291296 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-t .cp-620429bfd2205128291296 .img-container:nth-child(4) { padding: 5px; } #pix-fe.media-m .cp-620429bfd2205128291296 .img-container:nth-child(1) { padding: 5px; } #pix-fe.media-m .cp-620429bfd2205128291296 .img-container:nth-child(2) { padding: 5px; } #pix-fe.media-m .cp-620429bfd2205128291296 .img-container:nth-child(3) { padding: 5px; } #pix-fe.media-m .cp-620429bfd2205128291296 .img-container:nth-child(4) { padding: 5px; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement-padding.html Parent uid: cp_620429bfd2205128291296 */ #pix-fe #cp-620429bfd2205128291296.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe #cp-620429bfd2205128291296.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-d #cp-620429bfd2205128291296.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0px; clear: left; min-height: 0; z-index: 2; } #pix-fe.media-d #cp-620429bfd2205128291296.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 35.16% } #pix-fe.media-t #cp-620429bfd2205128291296.pix-design-component { margin-top: 74.21875px; width: 100%; margin-left: -1100%; } #pix-fe.media-m #cp-620429bfd2205128291296.pix-design-component { width: 100%; margin-top: 712.125px; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); min-height: 0; } #pix-fe.media-m #cp-620429bfd2205128291296.pix-design-component > .component-content .zoey-component-placement-height { padding-bottom: 44.76% } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCafn5JalFrsXFQG5mYg4WEV1DvWKQabUA Path: /js/zoeydev/components/footerEssentials/footerEssentials-1.scss Parent uid: cp_614366fa9c4a3516324929 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/footerEssentials/footerEssentials-1.scss ================================================== **/ #pix-fe .cp-614366fa9c4a3516324929 { width: 100%; } #pix-fe .cp-614366fa9c4a3516324929.zoey-core-footer-essentials { min-width: 100% !important; } #pix-fe .cp-614366fa9c4a3516324929 > .component-content > .group-background-image-container { background-color: rgba(83,87,90,1); background-image: ; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer { margin-top: ; border-top-style: solid; border-top-width: 1px; border-top-color: #ccc; padding: 0 0 30px 0; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links { background: rgba(83,87,90,1); padding: 20px 0 20px 0; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links > .full-width-content-element { overflow-x: hidden; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links .link.level-top { display: inline-block; padding: 10px 50px 10px 40px; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links .link.level-top > div.label { padding: 10px 10px 10px 10px; border-style: solid; border-bottom-width: 0px; border-color: rgba(240,240,240,0); color: #ffffff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; font-style: normal; text-align: left; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links .link.level-top > div.label a { color: #ffffff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; font-style: normal; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links .link.level-top > div.label a:hover { color: #d65c5c; text-decoration: none; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links .link ul { padding: 0 0 0 0; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links .link ul li { padding: 8px 10px 5px 10px; color: #ffffff; font-size: 12px; font-weight: normal; text-transform: uppercase; text-decoration: none; font-style: normal; text-align: left; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links .link ul li a { color: #ffffff; font-size: 12px; font-weight: normal; text-transform: uppercase; text-decoration: none; font-style: normal; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-footer-links .link ul li a:hover { color: #d65c5c; text-transform: none; } #pix-fe .cp-614366fa9c4a3516324929 .row { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #pix-fe .cp-614366fa9c4a3516324929 .row[class*="grid-"] { display: grid; } #pix-fe .cp-614366fa9c4a3516324929 .row[class*="grid-"]:before, #pix-fe .cp-614366fa9c4a3516324929 .row[class*="grid-"]:after { display: none; } #pix-fe .cp-614366fa9c4a3516324929 [class*="col-xs-"] { float: none; padding: 0; } #pix-fe .cp-614366fa9c4a3516324929 [class*="col-xs-"].float-right { order: 999; } #pix-fe .cp-614366fa9c4a3516324929 ul.row > li { padding: 0 20px; box-sizing: border-box; } #pix-fe .cp-614366fa9c4a3516324929 ul.row > li:last-child { margin-right: 0; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe { margin: 0 30px 10px 0; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe .zoey-newsletter-subscribe-form-container { width: 100%; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form { position: relative; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form .newsletter-wrapper { --zoey-form-element-padding: 10px 10px 10px 10px; --zoey-form-element-font-size: 12px; --zoey-form-element-text-color: #333333; --zoey-form-element-placeholder-color: #ffffff; overflow: hidden; display: flex; border-style: solid; border-radius: var(--zoey-form-element-border-radius); border-width: 1px; border-color: #cccccc; background-color: transparent; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form .newsletter-wrapper:focus-within { box-shadow: 0 0 0 2px rgba(var(--zoey-color-focus-rgb), 0.75); } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form .newsletter-wrapper input { width: 100%; flex-grow: 1; border: none; background-color: transparent; color: inherit; box-shadow: none; border-radius: 0; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form .newsletter-wrapper input:focus-visible { box-shadow: none; outline: none; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form button { --zoey-btn-text-color: #d65c5c; --zoey-btn-font-family: unset; --zoey-btn-font-size: unset; --zoey-btn-line-height: unset; --zoey-btn-letter-spacing: unset; --zoey-btn-font-weight: unset; --zoey-btn-font-weight-hover: var(--zoey-btn-font-weight); --zoey-btn-font-weight-active: var(--zoey-btn-font-weight); --zoey-btn-font-style: unset; --zoey-btn-text-transform: unset; --zoey-btn-text-decoration: unset; --zoey-btn-text-decoration-hover: var(--zoey-btn-text-decoration); --zoey-btn-text-decoration-active: var(--zoey-btn-text-decoration); --zoey-btn-padding: var(--zoey-form-element-padding); --zoey-btn-bg-color: transparent; --zoey-btn-bg-color-hover: transparent; --zoey-btn-bg-color-active: transparent; --zoey-btn-text-color-hover: #cccccc; --zoey-btn-text-color-active: #cccccc; --zoey-btn-border-color: transparent; --zoey-btn-border-color-hover: transparent; --zoey-btn-border-color-active: transparent; --zoey-btn-font-size: 1.2em; --zoey-btn-line-height: 1; --zoey-btn-letter-spacing: 0; --zoey-btn-font-weight: normal !important; --zoey-btn-font-weight-hover: normal !important; --zoey-btn-font-weight-active: normal !important; --zoey-btn-font-style: normal !important; --zoey-btn-text-transform: none !important; --zoey-btn-text-decoration: none !important; --zoey-btn-text-decoration-hover: none !important; --zoey-btn-text-decoration-active: none !important; --zoey-btn-border-size: 0px; --zoey-btn-border-radius: 0px; aspect-ratio: 1; backface-visibility: hidden; display: flex; align-items: center; justify-content: center; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form button:focus-visible { box-shadow: none; outline: none; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form button::before { display: none !important; } #pix-fe .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form button i { display: flex; align-items: center; justify-content: center; line-height: 1; } #pix-fe .cp-614366fa9c4a3516324929 .social-links { margin: 40px 30px 40px 0; text-align: right; } #pix-fe .cp-614366fa9c4a3516324929 .social-links:empty { display: none; } #pix-fe .cp-614366fa9c4a3516324929 .social-links li { display: inline-block; vertical-align: middle; width: 30px; margin-right: 10px; } #pix-fe .cp-614366fa9c4a3516324929 .social-links li:last-child { margin-right: 0; } #pix-fe .cp-614366fa9c4a3516324929 .social-links a { display: block; } #pix-fe .cp-614366fa9c4a3516324929 .social-links div { background-size: contain; padding-bottom: 100%; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-614366fa9c4a3516324929 .trust-badges { margin: 20px 30px 20px 0px; text-align: left; display: inline-block; } #pix-fe .cp-614366fa9c4a3516324929 .trust-badges:empty { display: none; } #pix-fe .cp-614366fa9c4a3516324929 .trust-badges li { display: inline-block; vertical-align: middle; width: 80px; margin-right: 20px; } #pix-fe .cp-614366fa9c4a3516324929 .trust-badges li:last-child { margin-right: 0; } #pix-fe .cp-614366fa9c4a3516324929 .trust-badges a { display: block; } #pix-fe .cp-614366fa9c4a3516324929 .trust-badges div { background-size: contain; padding-bottom: 100%; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-614366fa9c4a3516324929 .credit-card-logos { margin: ; text-align: left; display: inline-flex; gap: 3px; } #pix-fe .cp-614366fa9c4a3516324929 .credit-card-logos:empty { display: none; } #pix-fe .cp-614366fa9c4a3516324929 .credit-card-logos li { display: inline-block; vertical-align: middle; width: 53px; } #pix-fe .cp-614366fa9c4a3516324929 .credit-card-logos a { display: block; } #pix-fe .cp-614366fa9c4a3516324929 .credit-card-logos div { background-size: contain; padding-bottom: 100%; background-repeat: no-repeat; background-position: 50% 50%; } #pix-fe .cp-614366fa9c4a3516324929 .copyright { line-height: 1.4em; color: #ffffff; font-size: 11px; text-align: left; font-weight: bold; font-style: normal; text-transform: uppercase; text-decoration: none; margin: 10px 0 10px 30px; } #pix-fe.media-t .cp-614366fa9c4a3516324929 .zoey-footer { padding: 0 0 20px 0; } #pix-fe.media-t .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe .zoey-newsletter-subscribe-form-container .heading { font-size: 16px; } #pix-fe.media-t .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form input { font-size: 10px; } #pix-fe.media-t .cp-614366fa9c4a3516324929 .social-links li { width: 30px; margin-right: 10px; } #pix-fe.media-t .cp-614366fa9c4a3516324929 .credit-card-logos { text-align: left; } #pix-fe.media-t .cp-614366fa9c4a3516324929 .credit-card-logos li { width: 30px; margin-right: 10px; } #pix-fe.media-t .cp-614366fa9c4a3516324929 .copyright { font-size: 9px; margin: 10px 0 10px 0; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .zoey-footer { padding: 0 0 20px 0; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .zoey-footer [class*="col-xs-"] { width: 100%; text-align: center; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .trust-badges { margin: 20px 30px 20px 0; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe { margin: 0 20px 20px 20px; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe .zoey-newsletter-subscribe-form-container .heading { font-size: 16px; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .zoey-newsletter-subscribe form input { font-size: 10px; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .social-links { margin: 20px 0 20px 0; text-align: center; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .social-links li { width: 30px; margin-right: 10px; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .credit-card-logos { text-align: left; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .credit-card-logos li { width: 30px; margin-right: 10px; } #pix-fe.media-m .cp-614366fa9c4a3516324929 .copyright { font-size: 9px; text-align: center; margin: 10px 0 10px 0; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_614366fa9c4a3516324929 */ #pix-fe #cp-614366fa9c4a3516324929.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0.4375px; clear: left; } #pix-fe.media-d #cp-614366fa9c4a3516324929.pix-design-component { width: 100%; margin-left: -1100%; margin-top: 0.4375px; clear: left; } #pix-fe.media-m #cp-614366fa9c4a3516324929.pix-design-component { width: 100%; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); clear: left; margin-top: 0; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlumAWhoBuQVFqcWqJrrFeMcjIWgA= Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-3.scss Parent uid: cp_63e40b243d22f268073076 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-3.scss ================================================== **/ #pix-fe .cp-63e40b243d22f268073076 { width: 100%; height: 100%; overflow: hidden; } #pix-fe .cp-63e40b243d22f268073076 > .component-content { height: 100%; } #pix-fe .cp-63e40b243d22f268073076 .slide_content { height: 100%; background-position: center; background-size: cover; } #pix-fe .cp-63e40b243d22f268073076 .slide_content { display: block; text-decoration: none; } #pix-fe .cp-63e40b243d22f268073076 .text-container { float: right; width: 40%; height: 100%; background-color: rgba(35, 72, 92, 1); } #pix-fe .cp-63e40b243d22f268073076 .image-container { float: left; width: 60%; height: 100%; background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe .cp-63e40b243d22f268073076 .text-block { position: absolute; width: 40%; top: 50%; transform: translate(0, -50%); padding: 20px; text-align: center; } #pix-fe .cp-63e40b243d22f268073076 .text-block h2 { display: block; overflow: hidden; padding: 10px; text-align: center; line-height: 120%; font-size: 56px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63e40b243d22f268073076 .text-block h3 { display: block; overflow: hidden; padding: 10px; background-color: ; text-align: center; line-height: 120%; font-size: 18px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63e40b243d22f268073076 .text-block .button { overflow: hidden; white-space: normal; padding: 10px 25px; background-color: rgba(255, 255, 255, 0.2); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); text-transform: none; font-size: ; font-weight: normal; } #pix-fe .cp-63e40b243d22f268073076 .text-block .button:hover { background-color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); } #pix-fe.media-t .cp-63e40b243d22f268073076 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-t .cp-63e40b243d22f268073076 .text-block h2 { font-size: 28px; } #pix-fe.media-t .cp-63e40b243d22f268073076 .text-block .button { font-size: ; } #pix-fe.media-m .cp-63e40b243d22f268073076 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-m .cp-63e40b243d22f268073076 .text-block h2 { font-size: ; } #pix-fe.media-m .cp-63e40b243d22f268073076 .text-block h3 { font-size: ; } #pix-fe.media-m .cp-63e40b243d22f268073076 .text-block .button { font-size: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_63e40b243d22f268073076 */ #pix-fe.media-m #cp-63e40b243d22f268073076.pix-design-component { width: 100%; clear: left; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlumAWhoBuQVFqcWqJrpFeMcjIWgA= Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-2.scss Parent uid: cp_63e40b243d22d234854933 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-2.scss ================================================== **/ #pix-fe .cp-63e40b243d22d234854933 { width: 100%; height: 100%; overflow: hidden; } #pix-fe .cp-63e40b243d22d234854933 > .component-content { height: 100%; } #pix-fe .cp-63e40b243d22d234854933 .slide_content { height: 100%; background-position: center; background-size: cover; } #pix-fe .cp-63e40b243d22d234854933 .slide_content { display: block; text-decoration: none; background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe .cp-63e40b243d22d234854933 .text-block { position: absolute; margin: auto; top: 60%; left: 0; right: 0; transform: translate(0, -60%); max-width: 600px; width: 100%; padding: 20px; text-align: center; } #pix-fe .cp-63e40b243d22d234854933 .text-block h2 { display: block; overflow: hidden; padding: 10px; background-color: rgba(35, 72, 92, 0.75); text-align: center; line-height: 120%; font-size: 56px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63e40b243d22d234854933 .text-block h3 { display: block; overflow: hidden; padding: 10px; background-color: ; text-align: center; line-height: 120%; font-size: 18px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63e40b243d22d234854933 .text-block .button { overflow: hidden; white-space: normal; padding: 10px 25px; background-color: rgba(255, 255, 255, 0.2); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); text-transform: none; font-size: ; font-weight: normal; } #pix-fe .cp-63e40b243d22d234854933 .text-block .button:hover { background-color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); } #pix-fe.media-t .cp-63e40b243d22d234854933 .slide_content { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-t .cp-63e40b243d22d234854933 .text-block h2 { font-size: 28px; } #pix-fe.media-t .cp-63e40b243d22d234854933 .text-block .button { font-size: ; } #pix-fe.media-m .cp-63e40b243d22d234854933 .slide_content { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-m .cp-63e40b243d22d234854933 .text-block h2 { font-size: ; } #pix-fe.media-m .cp-63e40b243d22d234854933 .text-block h3 { font-size: ; } #pix-fe.media-m .cp-63e40b243d22d234854933 .text-block .button { font-size: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoey.core 1.0.0 asset componentPlacementCss Path: skin/designcenter/component-placement.html Parent uid: cp_63e40b243d22d234854933 */ #pix-fe.media-m #cp-63e40b243d22d234854933.pix-design-component { width: 100%; clear: left; margin-top: 0; margin-left: -1100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlumAWhoBuQVFqcWqJroleMcjIWgA= Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-4.scss Parent uid: cp_63ed3620a94eb621689212 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-4.scss ================================================== **/ #pix-fe .cp-63ed3620a94eb621689212 { width: 100%; height: 100%; overflow: hidden; } #pix-fe .cp-63ed3620a94eb621689212 > .component-content { height: 100%; } #pix-fe .cp-63ed3620a94eb621689212 .slide_content { height: 100%; background-position: center; background-size: cover; } #pix-fe .cp-63ed3620a94eb621689212 .text-container { float: left; width: 40%; height: 100%; background-color: rgba(255, 255, 255, 0.75); } #pix-fe .cp-63ed3620a94eb621689212 .image-container { width: 100%; height: 100%; background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe .cp-63ed3620a94eb621689212 .text-block { position: absolute; width: 40%; top: 50%; transform: translate(0, -50%); padding: 20px; text-align: center; } #pix-fe .cp-63ed3620a94eb621689212 .text-block h2 { display: block; overflow: hidden; padding: 10px; text-align: center; line-height: 120%; font-size: 56px; color: rgba(102, 102, 102, 1); font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed3620a94eb621689212 .text-block h3 { display: block; overflow: hidden; padding: 10px; background-color: ; text-align: center; line-height: 120%; font-size: 18px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed3620a94eb621689212 .text-block .button { overflow: hidden; white-space: normal; padding: 10px 25px; background-color: rgba(102, 102, 102, 1); border-style: solid; border-width: 1px; border-color: rgba(102, 102, 102, 1); color: rgba(255, 255, 255, 1); text-transform: none; font-size: ; font-weight: normal; } #pix-fe .cp-63ed3620a94eb621689212 .text-block .button:hover { background-color: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); color: rgba(255, 255, 255, 1); } #pix-fe.media-t .cp-63ed3620a94eb621689212 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-t .cp-63ed3620a94eb621689212 .text-block h2 { font-size: 28px; } #pix-fe.media-t .cp-63ed3620a94eb621689212 .text-block .button { font-size: ; } #pix-fe.media-m .cp-63ed3620a94eb621689212 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-m .cp-63ed3620a94eb621689212 .text-block h2 { font-size: ; } #pix-fe.media-m .cp-63ed3620a94eb621689212 .text-block h3 { font-size: ; } #pix-fe.media-m .cp-63ed3620a94eb621689212 .text-block .button { font-size: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlumAWhoBuQVFqcWqJrrFeMcjIWgA= Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-3.scss Parent uid: cp_63ed3be3a9624165101354 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-3.scss ================================================== **/ #pix-fe .cp-63ed3be3a9624165101354 { width: 100%; height: 100%; overflow: hidden; } #pix-fe .cp-63ed3be3a9624165101354 > .component-content { height: 100%; } #pix-fe .cp-63ed3be3a9624165101354 .slide_content { height: 100%; background-position: center; background-size: cover; } #pix-fe .cp-63ed3be3a9624165101354 .slide_content { display: block; text-decoration: none; } #pix-fe .cp-63ed3be3a9624165101354 .text-container { float: right; width: 40%; height: 100%; background-color: rgba(35, 72, 92, 1); } #pix-fe .cp-63ed3be3a9624165101354 .image-container { float: left; width: 60%; height: 100%; background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe .cp-63ed3be3a9624165101354 .text-block { position: absolute; width: 40%; top: 50%; transform: translate(0, -50%); padding: 20px; text-align: center; } #pix-fe .cp-63ed3be3a9624165101354 .text-block h2 { display: block; overflow: hidden; padding: 10px; text-align: center; line-height: 120%; font-size: 56px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed3be3a9624165101354 .text-block h3 { display: block; overflow: hidden; padding: 10px; background-color: ; text-align: center; line-height: 120%; font-size: 18px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed3be3a9624165101354 .text-block .button { overflow: hidden; white-space: normal; padding: 10px 25px; background-color: rgba(255, 255, 255, 0.2); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); text-transform: none; font-size: ; font-weight: normal; } #pix-fe .cp-63ed3be3a9624165101354 .text-block .button:hover { background-color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); } #pix-fe.media-t .cp-63ed3be3a9624165101354 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-t .cp-63ed3be3a9624165101354 .text-block h2 { font-size: 28px; } #pix-fe.media-t .cp-63ed3be3a9624165101354 .text-block .button { font-size: ; } #pix-fe.media-m .cp-63ed3be3a9624165101354 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-m .cp-63ed3be3a9624165101354 .text-block h2 { font-size: ; } #pix-fe.media-m .cp-63ed3be3a9624165101354 .text-block h3 { font-size: ; } #pix-fe.media-m .cp-63ed3be3a9624165101354 .text-block .button { font-size: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlumAWhoBuQVFqcWqJrpFeMcjIWgA= Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-2.scss Parent uid: cp_63e40bb33d254654444299 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-2.scss ================================================== **/ #pix-fe .cp-63e40bb33d254654444299 { width: 100%; height: 100%; overflow: hidden; } #pix-fe .cp-63e40bb33d254654444299 > .component-content { height: 100%; } #pix-fe .cp-63e40bb33d254654444299 .slide_content { height: 100%; background-position: center; background-size: cover; } #pix-fe .cp-63e40bb33d254654444299 .slide_content { display: block; text-decoration: none; background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe .cp-63e40bb33d254654444299 .text-block { position: absolute; margin: auto; top: 60%; left: 0; right: 0; transform: translate(0, -60%); max-width: 600px; width: 100%; padding: 20px; text-align: center; } #pix-fe .cp-63e40bb33d254654444299 .text-block h2 { display: block; overflow: hidden; padding: 10px; background-color: rgba(35, 72, 92, 0.75); text-align: center; line-height: 120%; font-size: 56px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63e40bb33d254654444299 .text-block h3 { display: block; overflow: hidden; padding: 10px; background-color: ; text-align: center; line-height: 120%; font-size: 18px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63e40bb33d254654444299 .text-block .button { overflow: hidden; white-space: normal; padding: 10px 25px; background-color: rgba(255, 255, 255, 0.2); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); text-transform: none; font-size: ; font-weight: normal; } #pix-fe .cp-63e40bb33d254654444299 .text-block .button:hover { background-color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); } #pix-fe.media-t .cp-63e40bb33d254654444299 .slide_content { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-t .cp-63e40bb33d254654444299 .text-block h2 { font-size: 28px; } #pix-fe.media-t .cp-63e40bb33d254654444299 .text-block .button { font-size: ; } #pix-fe.media-m .cp-63e40bb33d254654444299 .slide_content { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-m .cp-63e40bb33d254654444299 .text-block h2 { font-size: ; } #pix-fe.media-m .cp-63e40bb33d254654444299 .text-block h3 { font-size: ; } #pix-fe.media-m .cp-63e40bb33d254654444299 .text-block .button { font-size: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlumAWhoBuQVFqcWqJroleMcjIWgA= Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-4.scss Parent uid: cp_63ed39aaa95eb267976548 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-4.scss ================================================== **/ #pix-fe .cp-63ed39aaa95eb267976548 { width: 100%; height: 100%; overflow: hidden; } #pix-fe .cp-63ed39aaa95eb267976548 > .component-content { height: 100%; } #pix-fe .cp-63ed39aaa95eb267976548 .slide_content { height: 100%; background-position: center; background-size: cover; } #pix-fe .cp-63ed39aaa95eb267976548 .text-container { float: left; width: 40%; height: 100%; background-color: rgba(255, 255, 255, 0.75); } #pix-fe .cp-63ed39aaa95eb267976548 .image-container { width: 100%; height: 100%; background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe .cp-63ed39aaa95eb267976548 .text-block { position: absolute; width: 40%; top: 50%; transform: translate(0, -50%); padding: 20px; text-align: center; } #pix-fe .cp-63ed39aaa95eb267976548 .text-block h2 { display: block; overflow: hidden; padding: 10px; text-align: center; line-height: 120%; font-size: 56px; color: rgba(102, 102, 102, 1); font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed39aaa95eb267976548 .text-block h3 { display: block; overflow: hidden; padding: 10px; background-color: ; text-align: center; line-height: 120%; font-size: 18px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed39aaa95eb267976548 .text-block .button { overflow: hidden; white-space: normal; padding: 10px 25px; background-color: rgba(102, 102, 102, 1); border-style: solid; border-width: 1px; border-color: rgba(102, 102, 102, 1); color: rgba(255, 255, 255, 1); text-transform: none; font-size: ; font-weight: normal; } #pix-fe .cp-63ed39aaa95eb267976548 .text-block .button:hover { background-color: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, 1); color: rgba(255, 255, 255, 1); } #pix-fe.media-t .cp-63ed39aaa95eb267976548 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-t .cp-63ed39aaa95eb267976548 .text-block h2 { font-size: 28px; } #pix-fe.media-t .cp-63ed39aaa95eb267976548 .text-block .button { font-size: ; } #pix-fe.media-m .cp-63ed39aaa95eb267976548 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-m .cp-63ed39aaa95eb267976548 .text-block h2 { font-size: ; } #pix-fe.media-m .cp-63ed39aaa95eb267976548 .text-block h3 { font-size: ; } #pix-fe.media-m .cp-63ed39aaa95eb267976548 .text-block .button { font-size: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlumAWhoBuQVFqcWqJrrFeMcjIWgA= Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-3.scss Parent uid: cp_63ed391aa95ce917508295 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-3.scss ================================================== **/ #pix-fe .cp-63ed391aa95ce917508295 { width: 100%; height: 100%; overflow: hidden; } #pix-fe .cp-63ed391aa95ce917508295 > .component-content { height: 100%; } #pix-fe .cp-63ed391aa95ce917508295 .slide_content { height: 100%; background-position: center; background-size: cover; } #pix-fe .cp-63ed391aa95ce917508295 .slide_content { display: block; text-decoration: none; } #pix-fe .cp-63ed391aa95ce917508295 .text-container { float: right; width: 40%; height: 100%; background-color: rgba(35, 72, 92, 1); } #pix-fe .cp-63ed391aa95ce917508295 .image-container { float: left; width: 60%; height: 100%; background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe .cp-63ed391aa95ce917508295 .text-block { position: absolute; width: 40%; top: 50%; transform: translate(0, -50%); padding: 20px; text-align: center; } #pix-fe .cp-63ed391aa95ce917508295 .text-block h2 { display: block; overflow: hidden; padding: 10px; text-align: center; line-height: 120%; font-size: 56px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed391aa95ce917508295 .text-block h3 { display: block; overflow: hidden; padding: 10px; background-color: ; text-align: center; line-height: 120%; font-size: 18px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed391aa95ce917508295 .text-block .button { overflow: hidden; white-space: normal; padding: 10px 25px; background-color: rgba(255, 255, 255, 0.2); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); text-transform: none; font-size: ; font-weight: normal; } #pix-fe .cp-63ed391aa95ce917508295 .text-block .button:hover { background-color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); } #pix-fe.media-t .cp-63ed391aa95ce917508295 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-t .cp-63ed391aa95ce917508295 .text-block h2 { font-size: 28px; } #pix-fe.media-t .cp-63ed391aa95ce917508295 .text-block .button { font-size: ; } #pix-fe.media-m .cp-63ed391aa95ce917508295 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-m .cp-63ed391aa95ce917508295 .text-block h2 { font-size: ; } #pix-fe.media-m .cp-63ed391aa95ce917508295 .text-block h3 { font-size: ; } #pix-fe.media-m .cp-63ed391aa95ce917508295 .text-block .button { font-size: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlumAWhoBuQVFqcWqJrpFeMcjIWgA= Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-2.scss Parent uid: cp_63ed3e9ca96a9925200195 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-2.scss ================================================== **/ #pix-fe .cp-63ed3e9ca96a9925200195 { width: 100%; height: 100%; overflow: hidden; } #pix-fe .cp-63ed3e9ca96a9925200195 > .component-content { height: 100%; } #pix-fe .cp-63ed3e9ca96a9925200195 .slide_content { height: 100%; background-position: center; background-size: cover; } #pix-fe .cp-63ed3e9ca96a9925200195 .slide_content { display: block; text-decoration: none; background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe .cp-63ed3e9ca96a9925200195 .text-block { position: absolute; margin: auto; top: 60%; left: 0; right: 0; transform: translate(0, -60%); max-width: 600px; width: 100%; padding: 20px; text-align: center; } #pix-fe .cp-63ed3e9ca96a9925200195 .text-block h2 { display: block; overflow: hidden; padding: 10px; background-color: rgba(35, 72, 92, 0.75); text-align: center; line-height: 120%; font-size: 56px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed3e9ca96a9925200195 .text-block h3 { display: block; overflow: hidden; padding: 10px; background-color: ; text-align: center; line-height: 120%; font-size: 18px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed3e9ca96a9925200195 .text-block .button { overflow: hidden; white-space: normal; padding: 10px 25px; background-color: rgba(255, 255, 255, 0.2); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); text-transform: none; font-size: ; font-weight: normal; } #pix-fe .cp-63ed3e9ca96a9925200195 .text-block .button:hover { background-color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); } #pix-fe.media-t .cp-63ed3e9ca96a9925200195 .slide_content { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-t .cp-63ed3e9ca96a9925200195 .text-block h2 { font-size: 28px; } #pix-fe.media-t .cp-63ed3e9ca96a9925200195 .text-block .button { font-size: ; } #pix-fe.media-m .cp-63ed3e9ca96a9925200195 .slide_content { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-m .cp-63ed3e9ca96a9925200195 .text-block h2 { font-size: ; } #pix-fe.media-m .cp-63ed3e9ca96a9925200195 .text-block h3 { font-size: ; } #pix-fe.media-m .cp-63ed3e9ca96a9925200195 .text-block .button { font-size: ; } /* ZOEY DESIGN CENTER COMPONENT ASSET Identifier: zoeydev 1.0.0 asset static_asset_q1ZSKaksSFWyUkouLlbSUVIpLkoGcmL0s4pj9KvyUytTUsti9JPzcwvy81LzSoCCxTmZKanFGfnlumAWhoBuQVFqcWqJrrFeMcjIWgA= Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-3.scss Parent uid: cp_63ed3d61a9675191008319 */ /** ================================================== Zoey SCSS File File Path: /js/zoeydev/components/slideshow-slide/slideshow-slide-preset-3.scss ================================================== **/ #pix-fe .cp-63ed3d61a9675191008319 { width: 100%; height: 100%; overflow: hidden; } #pix-fe .cp-63ed3d61a9675191008319 > .component-content { height: 100%; } #pix-fe .cp-63ed3d61a9675191008319 .slide_content { height: 100%; background-position: center; background-size: cover; } #pix-fe .cp-63ed3d61a9675191008319 .slide_content { display: block; text-decoration: none; } #pix-fe .cp-63ed3d61a9675191008319 .text-container { float: right; width: 40%; height: 100%; background-color: rgba(35, 72, 92, 1); } #pix-fe .cp-63ed3d61a9675191008319 .image-container { float: left; width: 60%; height: 100%; background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe .cp-63ed3d61a9675191008319 .text-block { position: absolute; width: 40%; top: 50%; transform: translate(0, -50%); padding: 20px; text-align: center; } #pix-fe .cp-63ed3d61a9675191008319 .text-block h2 { display: block; overflow: hidden; padding: 10px; text-align: center; line-height: 120%; font-size: 56px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed3d61a9675191008319 .text-block h3 { display: block; overflow: hidden; padding: 10px; background-color: ; text-align: center; line-height: 120%; font-size: 18px; color: #fff; font-weight: bold; font-style: normal; text-transform: uppercase; margin-bottom: ; } #pix-fe .cp-63ed3d61a9675191008319 .text-block .button { overflow: hidden; white-space: normal; padding: 10px 25px; background-color: rgba(255, 255, 255, 0.2); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); text-transform: none; font-size: ; font-weight: normal; } #pix-fe .cp-63ed3d61a9675191008319 .text-block .button:hover { background-color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); } #pix-fe.media-t .cp-63ed3d61a9675191008319 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-t .cp-63ed3d61a9675191008319 .text-block h2 { font-size: 28px; } #pix-fe.media-t .cp-63ed3d61a9675191008319 .text-block .button { font-size: ; } #pix-fe.media-m .cp-63ed3d61a9675191008319 .image-container { background-color: rgba(35, 72, 92, 1); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #pix-fe.media-m .cp-63ed3d61a9675191008319 .text-block h2 { font-size: ; } #pix-fe.media-m .cp-63ed3d61a9675191008319 .text-block h3 { font-size: ; } #pix-fe.media-m .cp-63ed3d61a9675191008319 .text-block .button { font-size: ; }