`.
* Sits in the search `.control` next to the input (the popup's positioning
* context). Same 16x11 ajaxload GIF + same hide class the live KO widget uses,
* so it shows while the autocomplete request is in flight, then hides on render.
* Positioned just inside the (RTL) right edge so it does NOT reflow the header.
*/
.block-search .control .amasty-xsearch-loader {
position: absolute;
top: 50%;
right: 44px;
width: 16px;
height: 11px;
margin-top: -6px;
z-index: 1001;
background: url("data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA") no-repeat center center;
pointer-events: none;
}
.block-search .control .amasty-xsearch-loader.amasty-xsearch-hide {
display: none;
}
/* The loader is absolutely positioned inside .control; make it the anchor.
This does not change the header's width or position. */
.block-search .control {
position: relative;
}
#search_autocomplete .amsearch-results {
display: block;
width: 100%;
/* Match live: the inner results panel carries the subtle drop shadow
(the outer #search_autocomplete stays shadowless). Live computes
box-shadow: rgba(0,0,0,.25) 0 0 3px and border-radius: 0 0 6px 6px on
.amsearch-results, so the dropdown reads as a floating card exactly
like baytonia.com. */
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 0 0 6px 6px;
background: #fff;
}
/* Section that holds the product grid — enable Amasty's flex layout. */
#search_autocomplete .amsearch-products-section {
display: block;
width: 100%;
border-top: 0;
padding: 0;
}
/* Block header ("منتجات قد تبحث عنها"). Live renders it as a plain title:
transparent background, no border, right-aligned, 15px padding. (Amasty 1.27
default gives it a grey bar + flex layout for its count/view-all controls,
which live never shows — those controls are hidden further below.) */
#search_autocomplete .amsearch-block-header,
#search_autocomplete .amasty-xsearch-block-header {
display: block;
margin: 0;
padding: 15px;
font-weight: 700;
background: transparent;
border-bottom: 0;
text-align: right;
}
#search_autocomplete .amsearch-link.-view-all {
font-size: 12px;
font-weight: 400;
white-space: nowrap;
}
/* The product list as a single vertical, scrollable column of compact rows. */
#search_autocomplete .amsearch-product-list {
display: block;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
/* Each result: image on the (RTL) right, details beside it.
Padding/row height matched to live (desktop 5px 15px → ~169px rows). */
#search_autocomplete .amsearch-item.product-item {
display: flex;
flex-direction: row;
/* Live top-aligns the details column with the image (align-items:normal). */
align-items: flex-start;
gap: 15px;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 5px 15px;
/* QA #6.1: live has NO horizontal separator line between results. Removed the
previous 1px #ececec border-top. */
border: 0;
background: #fff;
cursor: pointer;
}
#search_autocomplete .amsearch-item.product-item:hover,
#search_autocomplete .amsearch-item.product-item.selected {
background: #f3f3f3;
}
/* Thumbnail — sized to match live (mobile 127px, desktop 148px).
Base is mobile 127px (live mobile = 126.8px); the desktop media query bumps
it to 148px. !important on the link width beats Amasty's own .amsearch-image
clamp (it forced the link to 125px so the 148px inner image was clipped). */
#search_autocomplete .amsearch-item .amsearch-image {
flex: 0 0 127px !important;
width: 127px !important;
max-width: 127px !important;
height: 127px;
display: block;
position: relative;
overflow: hidden;
}
/* Amasty emits inline width:320px + padding-bottom:100% aspect boxes; pin to size. */
#search_autocomplete .amsearch-item .amsearch-product-image-container,
#search_autocomplete .amsearch-item .product-image-wrapper {
width: 127px !important;
height: 127px !important;
padding-bottom: 0 !important;
display: block;
position: relative;
overflow: hidden;
}
/* Scope to the PRODUCT photo only (inside the image container/wrapper) — NOT a
blanket `img`, which also caught the small `.amasty-label-image` promo badge
and blew it up to full size, overflowing the thumbnail (the badge must stay
its natural ~38x19 like live). */
#search_autocomplete .amsearch-item .amsearch-product-image-container > img,
#search_autocomplete .amsearch-item .product-image-wrapper > img,
#search_autocomplete .amsearch-item .product-image-photo {
position: absolute;
top: 0;
left: 0;
width: 127px !important;
height: 127px !important;
max-width: 127px;
max-height: 127px;
/* Match live: object-fit:fill (live stretches to box; Amasty default is contain). */
object-fit: fill;
display: block;
margin: 0;
}
/* Promo label badge ("Premium" / "هدية 1000") — keep it natural-sized and
contained over the thumbnail like live (live badge ~44x22 desktop / 38x19
mobile), NOT stretched to the thumbnail size by the photo rule above. */
#search_autocomplete .amsearch-item .amasty-label-image {
position: static;
width: 100% !important;
height: auto !important;
max-width: 100%;
max-height: none;
}
/* Details column (name + price + actions) */
#search_autocomplete .amsearch-item .product-item-details,
#search_autocomplete .amsearch-item .amsearch-description {
flex: 1 1 auto;
min-width: 0;
display: block;
}
#search_autocomplete .amsearch-item .product-item-link {
display: block;
font-size: 13px;
font-weight: 400;
/* Match live: 24px line-height, pure black (Amasty default 1.35/#222). */
line-height: 24px;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
}
/* Price — match live EXACTLY (computed-style measured, desktop + mobile).
*
* LIVE renders the price-box as a plain BLOCK that shrinks to its content and
* sits right-aligned under the product name (block child of the flex
* `.amsearch-wrapper-inner` row, so it sizes to content, NOT full width):
* .price-box -> display:block; margin:0 10px 0 0; width auto/content
* .old-price -> inline-block; 13px/400; #a7a7a7; line-height:24px;
* margin:0 2.79px 0 0 (the only gap between the two prices)
* .special-price -> inline-block; 13px/400; #000; line-height:24px; no margin
* .special .price -> 20px/600/#000 .old .price -> 12.8px/600/#808080 line-through
* In the RTL inline flow this puts the big black SPECIAL price first (right) and
* the small grey strikethrough OLD price tucked tight to its left — one line.
*
* QA #6.3 root cause: `.amsearch-wrapper-inner` (the name/price row) is
* `display:flex`. A `display:block; width:auto` price-box is a flex ITEM and so
* STRETCHES to the flex line's full cross size (measured 310px) — the inline
* special+old prices then sit at the line's start (visually far LEFT in RTL),
* shoved away from the product name on the right. That is exactly the "shifted
* too far left" QA flagged. Fix: make the price-box `inline-block` + shrink to
* content (`width:fit-content`) so it no longer stretches and tucks tight under
* the name on the (RTL) right — discounted + crossed-out prices sit side by side
* on one line, matching live. */
/* QA (re-fix): the price-box was still stretching to the full details-column
* width (~312px) in the dropdown, so the special + old prices were flung to
* opposite ends. Two rules leak in and beat the plain (non-important) declaration
* here: Porto's admin "Custom CSS" (media/porto/configed_css/settings_default.css)
* `.catalogsearch-result-index .price-box{display:flex!important;justify-content:
* space-between!important;flex-wrap:nowrap!important;max-width:100%!important}` and
* Amasty's `.amsearch-products-section .product-item [data-role="priceBox"]{display:
* flex;flex-basis:100%}`. We can't edit the admin file (regenerated), so we win with
* an id-scoped `!important` override: force inline-block + content width so the box
* shrinks to its content and the special + crossed-out old price sit tight together
* on one line (right-aligned in RTL), exactly like live's compact ~98px price. */
#search_autocomplete .amsearch-item .price-box {
display: inline-block !important;
justify-content: flex-start !important;
flex-basis: auto !important;
flex-wrap: nowrap !important;
width: -moz-fit-content !important;
width: fit-content !important;
max-width: 100%;
margin: 0 10px 0 0;
padding: 0;
}
/* Children: inline-block so they sit on one line in the RTL flow (special first
= right, old tucked left), content-sized. Override any inherited flex/weight.
line-height:24px + font-weight:400 match live's measured span values. */
#search_autocomplete .amsearch-item .price-box .special-price,
#search_autocomplete .amsearch-item .price-box .old-price {
display: inline-block !important;
width: auto !important;
flex: 0 0 auto !important;
vertical-align: baseline;
font-size: 13px;
font-weight: 400;
line-height: 24px;
padding: 0;
}
#search_autocomplete .amsearch-item .price-box .price-container,
#search_autocomplete .amsearch-item .price-box .price-wrapper {
display: inline !important;
width: auto !important;
flex: 0 0 auto !important;
}
/* Special / current price: live = 20px, 600, black; no margin. */
#search_autocomplete .amsearch-item .special-price {
margin: 0;
color: #000;
}
#search_autocomplete .amsearch-item .special-price .price {
display: inline;
font-size: 20px;
font-weight: 600;
color: #000;
text-decoration: none;
}
/* Regular / old strikethrough price: live = 12.8px, 600, grey, line-through;
the 2.79px right margin is the only space between old and special (matches live). */
#search_autocomplete .amsearch-item .old-price {
margin: 0 2.7859px 0 0;
color: #a7a7a7;
}
#search_autocomplete .amsearch-item .old-price .price {
display: inline;
font-size: 12.8px;
color: #808080;
font-weight: 600;
text-decoration: line-through;
}
/* Hide the textual price labels ("السعر العادي" / "سعر خاص") live never shows
in the suggest row — Amasty emits them inside .price-label. */
#search_autocomplete .amsearch-item .price-box .price-label {
display: none;
}
/* Search-parity: the ATC/wishlist/compare actions must sit UNDER the product
details (name + price), matching live. Amasty renders price + `.product-item-actions`
inside `.amsearch-wrapper-inner` as a flex ROW; on live's narrow (~164px) result
column the actions wrap to the next line (below the price), but the upgrade's
wider (~323px) header column keeps them on the same row (icons/أضف beside the
price). Force the wrapper to a COLUMN so the price is on its own line and the
[compare][heart][أضف] actions row sits below it — the live layout — regardless of
the column width. */
#search_autocomplete .amsearch-item .amsearch-wrapper-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
}
/* Actions row — live renders `.product-item-actions` as a horizontal flex
holding `.actions-secondary` (compare + wishlist icons) next to
`.actions-primary` (the add-to-cart). On the (RTL) row the icons sit to the
LEFT of the "أضف" button, matching live's [compare][wishlist][أضف] order. */
#search_autocomplete .amsearch-item .product-item-actions {
margin-top: 4px;
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
}
/* Add-to-cart button — match live EXACTLY. Live keeps the full server-rendered
label "أضف إلى السلة" in the DOM but renders the button as a 40x40 square with
`overflow:hidden` + `white-space:normal`, so the label wraps and only the first
word "أضف" is visible (the rest is clipped below the 40px box). Matching live's
`white-space:normal` (not nowrap) makes the clip land on the word boundary
("أضف") instead of mid-word ("أضف إل"). bg #a88144 / #fff / radius 2px / 700. */
/* Add-to-cart button — scope to the PRIMARY action only (NOT the bare
`.amsearch-button`, which also classes the wishlist/compare icon links).
Force static flow (Amasty defaults it to position:absolute) so it sits inline
in the flex actions row beside the [compare][heart] icons on BOTH viewports. */
#search_autocomplete .amsearch-item .product-item-actions .tocart,
#search_autocomplete .amsearch-item .actions-primary .amsearch-button,
#search_autocomplete .amsearch-item button.action.tocart {
/* Static flow so it sits inline in the flex actions row (Amasty defaults to
absolute). Force inline-block (Amasty sets inline-flex+align-items:center,
which vertically centers the 3-line wrapped label and reveals the 2nd line
"إلى"). inline-block top-aligns the span so the first line "أضف" shows and
overflow:hidden clips the rest — exactly how LIVE renders it. */
position: static !important;
display: inline-block !important;
text-align: center;
width: 40px;
min-width: 40px;
max-width: 40px;
font-size: 15.7px;
font-weight: 700;
padding: 0;
height: 40px;
line-height: 40px;
overflow: hidden;
white-space: normal;
}
/* The button's label span: inline-block + top-aligned (matching live) so the
wrapped 3-line text clips to its first word "أضف". */
#search_autocomplete .amsearch-item .product-item-actions .tocart > span,
#search_autocomplete .amsearch-item .actions-primary .amsearch-button > span,
#search_autocomplete .amsearch-item button.action.tocart > span {
display: inline-block;
vertical-align: top;
line-height: 40px;
}
/* The actions-primary / form wrappers hold only the (now static) button — let
them shrink to content so the flex row packs [أضف] tight beside the icons. */
#search_autocomplete .amsearch-item .product-item-actions .actions-primary,
#search_autocomplete .amsearch-item .product-item-actions form.amasty-xsearch-form {
display: inline-block;
position: static;
width: auto;
margin: 0;
}
/* Wishlist + compare (`.actions-secondary`). Per client spec these show on BOTH
desktop AND mobile (intentional deviation from live, which hides them on
mobile). Lay them out as a horizontal icon row [compare][heart] next to the
"أضف" button. */
#search_autocomplete .amsearch-item .product-item-actions .actions-secondary,
#search_autocomplete .amsearch-item .actions-secondary {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
}
/* The two icon links — compact 32x32 icon buttons. */
#search_autocomplete .amsearch-item .actions-secondary > a,
#search_autocomplete .amsearch-item .actions-secondary .towishlist,
#search_autocomplete .amsearch-item .actions-secondary .tocompare,
#search_autocomplete .amsearch-item .actions-secondary .amsearch-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
min-width: 32px;
max-width: 32px;
padding: 0;
background: none;
border: 0;
}
/*
* CONSISTENT ICON DESIGN (QA): render the wishlist heart + compare icons with
* the SAME glyphs LIVE uses — the Porto icon font (`porto-icons`): heart \e889,
* compare \f83b, 18px, colour #333. The upgrade's Amasty Xsearch markup
* (`.amsearch-button.-wishlist.-icon` / `.-compare.-icon`) ships its OWN icon
* (SVG background mask) that looks different from live's heart. We suppress
* Amasty's icon background and draw live's exact porto glyph via ::before so the
* icon is identical on desktop AND mobile. The
is empty server-side, so the
* ::before is the only visible content.
*/
#search_autocomplete .amsearch-item .actions-secondary .amsearch-button.-wishlist,
#search_autocomplete .amsearch-item .actions-secondary .amsearch-button.-compare,
#search_autocomplete .amsearch-item .actions-secondary .towishlist,
#search_autocomplete .amsearch-item .actions-secondary .tocompare {
background-image: none !important;
-webkit-mask-image: none !important;
mask-image: none !important;
color: #333;
}
#search_autocomplete .amsearch-item .actions-secondary .amsearch-button.-wishlist::before,
#search_autocomplete .amsearch-item .actions-secondary .towishlist::before {
font-family: 'porto-icons';
content: '\e889';
font-size: 18px;
line-height: 1;
color: #333;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
}
#search_autocomplete .amsearch-item .actions-secondary .amsearch-button.-compare::before,
#search_autocomplete .amsearch-item .actions-secondary .tocompare::before {
font-family: 'porto-icons';
content: '\f83b';
font-size: 18px;
line-height: 1;
color: #333;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
}
/* Suppress any inner SVG/img Amasty might inject so only our porto glyph shows. */
#search_autocomplete .amsearch-item .actions-secondary .amsearch-button.-icon > svg,
#search_autocomplete .amsearch-item .actions-secondary .amsearch-button.-icon > img,
#search_autocomplete .amsearch-item .actions-secondary .amsearch-button.-icon .amsearch-icon {
display: none;
}
/* Amasty product labels can overflow the thumbnail; keep them contained. */
#search_autocomplete .amsearch-item .amasty-label-container,
#search_autocomplete .amsearch-item .amasty-label-image {
max-width: 120px;
max-height: 120px;
}
/* Desktop: match live's larger 148px thumbnails / bigger rows. */
@media only screen and (min-width: 768px) {
#search_autocomplete {
min-width: 360px;
}
#search_autocomplete .amsearch-item .amsearch-image {
flex: 0 0 148px !important;
width: 148px !important;
max-width: 148px !important;
height: 148px;
}
#search_autocomplete .amsearch-item .amsearch-product-image-container,
#search_autocomplete .amsearch-item .product-image-wrapper {
width: 148px !important;
height: 148px !important;
}
/* PRODUCT photo only (not the label badge img) — match live's 148px. */
#search_autocomplete .amsearch-item .amsearch-product-image-container > img,
#search_autocomplete .amsearch-item .product-image-wrapper > img,
#search_autocomplete .amsearch-item .product-image-photo {
width: 148px !important;
height: 148px !important;
max-width: 148px;
max-height: 148px;
}
/* Label badge stays natural size, contained over the 148px thumb. */
#search_autocomplete .amsearch-item .amasty-label-image {
max-width: 100%;
max-height: none;
}
}
/*
* Mobile (<=767px). Per the client spec the mobile rows MIRROR desktop:
* image + name + price + [compare][heart][أضف]. (This intentionally deviates
* from live, which hides compare/wishlist on mobile.) So we do NOT hide
* `.actions-secondary` here; instead we lay the whole actions out as a flex row
* and take the "أضف" button out of Amasty's absolute positioning so it flows
* inline beside the icons instead of escaping the (RTL) left edge of the popup.
*
* Root cause of the earlier mobile button clip (measured): Amasty's module CSS
* renders `.tocart` as position:absolute anchored to the right of its (width-0)
* form, so it landed at the popup's left edge clipped to "إلى". Forcing static
* flow inside the flex actions row fixes it and keeps the price visible.
*/
@media only screen and (max-width: 767px) {
#search_autocomplete .amsearch-item .product-item-actions {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
margin-top: 6px;
}
#search_autocomplete .amsearch-item .product-item-actions .actions-primary,
#search_autocomplete .amsearch-item .product-item-actions form.amasty-xsearch-form {
display: block;
position: static;
width: auto;
margin: 0;
}
/* Add-to-cart: take it out of absolute flow so it sits inline in the row.
inline-block (not flex) so the label clips to "أضف" (see base rule). */
#search_autocomplete .amsearch-item .product-item-actions .tocart,
#search_autocomplete .amsearch-item .actions-primary .amsearch-button,
#search_autocomplete .amsearch-item button.action.tocart {
position: static !important;
display: inline-block !important;
}
/* Show compare + wishlist on mobile too (client spec). */
#search_autocomplete .amsearch-item .product-item-actions .actions-secondary,
#search_autocomplete .amsearch-item .actions-secondary {
display: flex !important;
flex-direction: row;
align-items: center;
gap: 6px;
}
/* Keep the details column from collapsing so name/price/actions stay laid
out within it. */
#search_autocomplete .amsearch-item .product-item-details,
#search_autocomplete .amsearch-item .amsearch-description {
flex: 1 1 auto;
min-width: 0;
}
}
/* No-result notice — mirror live's `.amsearch-products.-waste` message
("Your search returned no products.") so the dropdown matches live instead
of staying hidden. Scoped to #search_autocomplete. */
#search_autocomplete .amsearch-products.-waste {
display: block;
padding: 20px 15px;
font-size: 13px;
color: #222;
text-align: center;
}
/* T14: Match live — the live Xsearch dropdown heading is title-only.
The upgraded Xsearch 1.27 header.phtml adds a result-count span (e.g. "(1197)")
and a "View All (1182+)" link that live never shows. Hide them so the
autocomplete heading matches live exactly. Scoped to #search_autocomplete so
the full search-results page header (if any) is unaffected. */
#search_autocomplete .amsearch-block-header .amsearch-count,
#search_autocomplete .amsearch-title .amsearch-count {
display: none !important;
}
/* Hide the view-all WHILE it is still inside the block header (top). The JS
(_amMoveViewAllToFooter) relocates it to a bottom `.-footer` row, which the rule
below shows + styles to match live's bottom "شاهد الكل (count)". */
#search_autocomplete .amsearch-block-header .amsearch-link.-view-all {
display: none !important;
}
/* Item 4: desktop "View All" footer link at the BOTTOM of the header dropdown,
matching live EXACTLY (measured on baytonia.com: `.amsearch-more-results >
a.amsearch-link` — black #000, 13px, weight 400, NO underline, centered, with
~30px of breathing room above). Live shows "شاهد الكل (3543)"; the JS puts the
count in parentheses. Scoped to #search_autocomplete + the relocated `.-footer`
so the in-header copy stays hidden. */
#search_autocomplete .amsearch-results > .amsearch-link.-view-all.-footer {
display: block;
width: 100%;
box-sizing: border-box;
padding: 30px 15px 15px;
text-align: center;
font-size: 13px;
font-weight: 400;
color: #000;
text-decoration: none;
background: #fff;
cursor: pointer;
white-space: nowrap;
}
#search_autocomplete .amsearch-results > .amsearch-link.-view-all.-footer .amsearch-count {
display: inline;
margin-right: 4px;
font-weight: 400;
}
/*
* T14 (re-fix): HEADING TITLE "منتجات قد تبحث عنها" size.
*
* QA rejection root cause: Amasty Xsearch 1.27 renders the popup heading as
*
* and its bundled stylesheet sets .amsearch-title to ~1.8rem => 28.8px.
* Live's OLDER Xsearch markup is a bare ; no extra box. */
padding: 0;
margin: 0;
}
/* =========================================================================
* MOBILE-MENU search autocomplete (`#search_menu_autocomplete`).
*
* The in-menu search reuses the SAME standard mini-search + amasty-rich-suggest
* mixin as the header, so it must get the SAME flat product-list styling. We
* re-apply every header rule to the menu container, then anchor the popup under
* the in-menu input (absolute, full-width inside the menu) so it never renders
* as a floating overlay jumbled on top of the open menu panel — matching live.
* ========================================================================= */
#search_menu_autocomplete {
background: #fff;
/* QA #7.2: live shows NO border around the in-menu results container. */
border: 0;
max-height: 70vh;
overflow-x: hidden;
overflow-y: auto;
/* QA #7.4: track-less thin scrollbar (Firefox). */
scrollbar-width: thin;
scrollbar-color: #c1c1c1 transparent;
/* Match live: no drop shadow. */
box-shadow: none;
z-index: 1000;
box-sizing: border-box;
text-align: right;
direction: rtl;
padding: 2px 0;
/* Anchor under the in-menu input (the .control is the positioning context,
set position:relative in mobile-menu-search-styles.phtml). Horizontal
inset/width is governed by the `.ninjamenus-mobile-wrapper .search-autocomplete`
rules in mobile-menu-search-styles.phtml so both stay in sync. */
position: absolute;
top: 100%;
margin-top: 4px;
border-radius: 4px;
}
/* QA #7.4: WebKit/Blink track-less thin scrollbar for the in-menu results. */
#search_menu_autocomplete::-webkit-scrollbar {
width: 6px;
}
#search_menu_autocomplete::-webkit-scrollbar-track {
background: transparent;
border: 0;
box-shadow: none;
}
#search_menu_autocomplete::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 6px;
border: 0;
}
#search_menu_autocomplete .amsearch-results {
display: block;
width: 100%;
}
#search_menu_autocomplete .amsearch-products-section {
display: block;
width: 100%;
border-top: 0;
padding: 0;
}
#search_menu_autocomplete .amsearch-block-header,
#search_menu_autocomplete .amasty-xsearch-block-header,
#search_menu_autocomplete .amsearch-collapsible-title {
display: block;
margin: 0;
padding: 15px;
font-size: 13px;
font-weight: 700;
line-height: 24px;
color: #000;
background: transparent;
border-bottom: 0;
text-align: right;
}
#search_menu_autocomplete .amsearch-block-header .amsearch-title,
#search_menu_autocomplete .amsearch-collapsible-title .amsearch-title,
#search_menu_autocomplete .amsearch-title {
font-size: 13px;
font-weight: 700;
line-height: 24px;
color: #000;
padding: 0;
margin: 0;
}
/* Hide the title's inline result-count (live never shows it) and the view-all
link WHILE it still sits inside the block header. The JS relocates the view-all
to a bottom `.-footer` row (QA #7.5), which the rule below styles + shows. */
#search_menu_autocomplete .amsearch-block-header .amsearch-count,
#search_menu_autocomplete .amsearch-title .amsearch-count,
#search_menu_autocomplete .amsearch-block-header .amsearch-link.-view-all {
display: none !important;
}
/* Item 7: "View All" footer link at the BOTTOM of the in-menu results, matching
live ("شاهد الكل (count)"). Live styles it as a plain centered link — black #000,
13px, weight 400, NO underline (same as the desktop footer; measured on
baytonia.com). Full-width + tappable; links to the full search-results page via
Amasty's real href. (Was previously gold/700/underline — restyled to match live.) */
#search_menu_autocomplete .amsearch-results > .amsearch-link.-view-all.-footer {
display: block;
width: 100%;
box-sizing: border-box;
padding: 20px 15px;
text-align: center;
font-size: 13px;
font-weight: 400;
color: #000;
text-decoration: none;
background: #fff;
cursor: pointer;
}
#search_menu_autocomplete .amsearch-results > .amsearch-link.-view-all.-footer .amsearch-count {
display: inline;
margin-right: 4px;
font-weight: 400;
}
#search_menu_autocomplete .amsearch-product-list {
display: block;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
#search_menu_autocomplete .amsearch-item.product-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 15px;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 5px 15px;
/* QA #7.3: live has NO horizontal separator between in-menu results. */
border: 0;
background: #fff;
cursor: pointer;
}
#search_menu_autocomplete .amsearch-item.product-item:hover,
#search_menu_autocomplete .amsearch-item.product-item.selected {
background: #f3f3f3;
}
#search_menu_autocomplete .amsearch-item .amsearch-image {
flex: 0 0 100px;
width: 100px;
height: 100px;
display: block;
position: relative;
overflow: hidden;
}
#search_menu_autocomplete .amsearch-item .amsearch-product-image-container,
#search_menu_autocomplete .amsearch-item .product-image-wrapper {
width: 100px !important;
height: 100px !important;
padding-bottom: 0 !important;
display: block;
position: relative;
overflow: hidden;
}
#search_menu_autocomplete .amsearch-item img,
#search_menu_autocomplete .amsearch-item .product-image-photo {
position: absolute;
top: 0;
left: 0;
width: 100px !important;
height: 100px !important;
max-width: 100px;
max-height: 100px;
object-fit: fill;
display: block;
margin: 0;
}
#search_menu_autocomplete .amsearch-item .product-item-details,
#search_menu_autocomplete .amsearch-item .amsearch-description {
flex: 1 1 auto;
min-width: 0;
display: block;
}
#search_menu_autocomplete .amsearch-item .product-item-link {
display: -webkit-box;
font-size: 13px;
font-weight: 400;
line-height: 24px;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
}
/* Price — same live-matched block/inline-block layout as the header (see the
header block above for the full measured rationale: block price-box that
shrinks to content + right-aligns under the name; special 20px/600/#000 first
in RTL, old 12.8px/600/#808080 line-through tucked 2.79px to its left). */
#search_menu_autocomplete .amsearch-item .price-box {
display: block;
width: auto;
margin: 0 10px 0 0;
padding: 0;
}
#search_menu_autocomplete .amsearch-item .price-box .special-price,
#search_menu_autocomplete .amsearch-item .price-box .old-price {
display: inline-block !important;
width: auto !important;
flex: 0 0 auto !important;
vertical-align: baseline;
font-size: 13px;
font-weight: 400;
line-height: 24px;
padding: 0;
}
#search_menu_autocomplete .amsearch-item .price-box .price-container,
#search_menu_autocomplete .amsearch-item .price-box .price-wrapper {
display: inline !important;
width: auto !important;
flex: 0 0 auto !important;
}
#search_menu_autocomplete .amsearch-item .special-price {
margin: 0;
color: #000;
}
#search_menu_autocomplete .amsearch-item .special-price .price {
display: inline;
font-size: 20px;
font-weight: 600;
color: #000;
text-decoration: none;
}
#search_menu_autocomplete .amsearch-item .old-price {
margin: 0 2.7859px 0 0;
color: #a7a7a7;
}
#search_menu_autocomplete .amsearch-item .old-price .price {
display: inline;
font-size: 12.8px;
color: #808080;
font-weight: 600;
text-decoration: line-through;
}
#search_menu_autocomplete .amsearch-item .price-box .price-label {
display: none;
}
/* The in-menu popup is mobile-only. Mirror the header mobile row: lay the actions
out as a flex row [compare][heart][أضف], taking the absolutely-positioned "أضف"
button out of absolute flow so it stays inside the row instead of escaping the
(RTL) left edge. (Client spec: show compare/wishlist on mobile too.) */
#search_menu_autocomplete .amsearch-item .product-item-actions {
display: flex !important;
flex-direction: row;
align-items: center;
gap: 6px;
margin-top: 6px;
flex-wrap: wrap;
}
#search_menu_autocomplete .amsearch-item .product-item-actions .actions-primary,
#search_menu_autocomplete .amsearch-item .product-item-actions form.amasty-xsearch-form {
display: inline-block;
position: static;
width: auto;
margin: 0;
}
#search_menu_autocomplete .amsearch-item .product-item-actions .tocart > span,
#search_menu_autocomplete .amsearch-item .actions-primary .amsearch-button > span,
#search_menu_autocomplete .amsearch-item button.action.tocart > span {
display: inline-block;
vertical-align: top;
line-height: 40px;
}
#search_menu_autocomplete .amsearch-item .product-item-details,
#search_menu_autocomplete .amsearch-item .amsearch-description {
flex: 1 1 auto;
min-width: 0;
/* Stack name / price / actions vertically in the narrow in-menu column so the
أضف button + icon row sit on their own line BELOW the price (not overlapping
it). */
display: flex;
flex-direction: column;
align-items: flex-start;
}
/* price-box on its own line (block, content-width) then the actions row below —
matches live's block price-box; must NOT be flex or it stretches full-width. */
#search_menu_autocomplete .amsearch-item .amsearch-description .price-box,
#search_menu_autocomplete .amsearch-item .product-item-details .price-box {
display: block;
width: auto;
}
/* Add-to-cart button — compact 40x40 "أضف". Scope to PRIMARY action so the bare
`.amsearch-button` icon links are not forced to 40x40. */
#search_menu_autocomplete .amsearch-item .product-item-actions .tocart,
#search_menu_autocomplete .amsearch-item .actions-primary .amsearch-button,
#search_menu_autocomplete .amsearch-item button.action.tocart {
position: static !important;
display: inline-block !important;
text-align: center;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
font-size: 15.7px;
font-weight: 700;
padding: 0 !important;
height: 40px !important;
line-height: 40px;
overflow: hidden;
white-space: normal;
}
/* QA #10 / #14: the in-menu (mobile hamburger) search view must NOT show the
wishlist heart NOR the compare icon — live hides BOTH in this menu-search view
(only the image + name + price + "أضف" add-to-cart remain, plus the bottom
"View All" footer link). Scoped to #search_menu_autocomplete only, so the
header search (#search_autocomplete) keeps its wishlist + compare icons.
We hide the whole `.actions-secondary` container (not just the two links) so
no empty 32x32 icon slot / gap is left in the actions row. */
#search_menu_autocomplete .amsearch-item .actions-secondary,
#search_menu_autocomplete .amsearch-item .product-item-actions .actions-secondary,
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button.-wishlist,
#search_menu_autocomplete .amsearch-item .actions-secondary .towishlist,
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button.-compare,
#search_menu_autocomplete .amsearch-item .actions-secondary .tocompare {
display: none !important;
}
#search_menu_autocomplete .amsearch-item .actions-secondary > a,
#search_menu_autocomplete .amsearch-item .actions-secondary .towishlist,
#search_menu_autocomplete .amsearch-item .actions-secondary .tocompare,
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
min-width: 32px;
max-width: 32px;
padding: 0;
background: none;
border: 0;
}
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button.-wishlist,
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button.-compare,
#search_menu_autocomplete .amsearch-item .actions-secondary .towishlist,
#search_menu_autocomplete .amsearch-item .actions-secondary .tocompare {
background-image: none !important;
-webkit-mask-image: none !important;
mask-image: none !important;
color: #333;
}
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button.-wishlist::before,
#search_menu_autocomplete .amsearch-item .actions-secondary .towishlist::before {
font-family: 'porto-icons';
content: '\e889';
font-size: 18px;
line-height: 1;
color: #333;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
}
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button.-compare::before,
#search_menu_autocomplete .amsearch-item .actions-secondary .tocompare::before {
font-family: 'porto-icons';
content: '\f83b';
font-size: 18px;
line-height: 1;
color: #333;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
}
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button.-icon > svg,
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button.-icon > img,
#search_menu_autocomplete .amsearch-item .actions-secondary .amsearch-button.-icon .amsearch-icon {
display: none;
}
/* Search-parity #8.1: the promo image label ("هدية" / discount badge) must render
at its natural small size (~33x17 on live), NOT be stretched to fill the whole
thumbnail. The blanket thumbnail rule `#search_menu_autocomplete .amsearch-item img`
above sets width/height:100px !important, which also catches this `.amasty-label-image`
![]()
and blows the badge up to 100x100 (covering the product photo) — the "labels too
large" the tester flagged. Override with higher specificity + !important so the badge
keeps its intrinsic size like live (the header dropdown scopes the thumbnail rule to
the product photo only, which is why it never had this bug). */
#search_menu_autocomplete .amsearch-item .amasty-label-container {
max-width: 100%;
max-height: 100%;
}
#search_menu_autocomplete .amsearch-item .amasty-label-image {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: none !important;
}
#search_menu_autocomplete .amsearch-products.-waste {
display: block;
padding: 20px 15px;
font-size: 13px;
color: #222;
text-align: center;
}
/* QA (mobile menu search): the ☰-menu autocomplete renders in #search_menu_autocomplete,
a DIFFERENT container than the header #search_autocomplete, so the header wrapper-column
rule never reached it and the أضف button stayed beside the price. Mirror the header layout
here: price on its own line, [compare][heart][أضف] actions row below it. — MENU-SEARCH أضف below price */
#search_menu_autocomplete .amsearch-item .amsearch-wrapper-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#search_menu_autocomplete .amsearch-item .product-item-actions {
margin-top: 4px;
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
}
/** css related to Uppy **/
.uppy-Dashboard-progressindicators,
.uppy-Dashboard-close,
.uppy-Dashboard-dropFilesHereHint,
.uppy-Dashboard-inner{
display:none;
}
.image.image-placeholder #fileUploader{
border:500px solid transparent;
bottom:0;
cursor:pointer;
font-size:10em;
height:100%;
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
width:100%;
z-index:3
}
.tooltipster-base{position:absolute;display:flex;pointer-events:none}.tooltipster-box{flex:1 1 auto}.tooltipster-content{overflow:auto;box-sizing:border-box;max-width:100%;max-height:100%}.tooltipster-ruler{position:fixed;top:0;right:0;bottom:0;left:0;visibility:hidden;overflow:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{transition-property:transform;transform:scale(0,0);-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}.tooltipster-swing{opacity:0;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);transform:rotateZ(4deg)}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-ms-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0)}.tooltipster-fall{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-webkit-transition-property:top;-moz-transition-property:top;-ms-transition-property:top;-o-transition-property:top;transition-property:top}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{top:0!important;opacity:0;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all}.tooltipster-slide{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-webkit-transition-property:left;-moz-transition-property:left;-ms-transition-property:left;-o-transition-property:left;transition-property:left}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{left:0!important;opacity:0;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{border:2px solid #000;border-radius:4px;background:#565656}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{padding:6px 14px;line-height:18px}.tooltipster-sidetip .tooltipster-arrow{position:absolute;overflow:hidden}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{top:0;margin-left:-10px;width:20px;height:10px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{top:0;right:0;margin-top:-10px;width:10px;height:20px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{top:0;left:0;margin-top:-10px;width:10px;height:20px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;margin-left:-10px;width:20px;height:10px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{position:absolute;width:0;height:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{top:3px;left:0;border-bottom-color:#565656}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{top:0;left:-3px;border-left-color:#565656}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{top:0;left:3px;border-right-color:#565656}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{top:-3px;left:0;border-top-color:#565656}.tooltipster-sidetip .tooltipster-arrow-border{top:-4px;left:2px;width:8px;height:8px;background:#000;transform:rotate(45deg)}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{margin-left:-6px;width:12px;height:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{margin-top:-6px;margin-left:0;width:6px;height:12px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{top:8px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{top:-4px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/**
* Checkout.com
* Authorized and regulated as an electronic money institution
* by the UK Financial Conduct Authority (FCA) under number 900816.
*
* PHP version 7
*
* @category Magento2
* @package Checkout.com
* @author Platforms Development Team
* @copyright 2010-present Checkout.com all rights reserved
* @license https://opensource.org/licenses/mit-license.html MIT License
* @link https://docs.checkout.com/
*/
@supports (-webkit-appearance: -apple-pay-button) {
.apple-pay-button {
display: inline-block;
-webkit-appearance: -apple-pay-button;
}
.apple-pay-button-black {
-apple-pay-button-style: black;
}
.apple-pay-button-white {
-apple-pay-button-style: white;
}
.apple-pay-button-white-with-line {
-apple-pay-button-style: white-outline;
}
}
@supports not (-webkit-appearance: -apple-pay-button) {
.apple-pay-button {
display: inline-block;
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 5px;
padding: 0px;
box-sizing: border-box;
min-width: 200px;
min-height: 32px;
max-height: 64px;
}
.apple-pay-button-black {
background-image: -webkit-named-image(apple-pay-logo-white);
background-color: black;
}
.apple-pay-button-white {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
}
.apple-pay-button-white-with-line {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
border: .5px solid black;
}
}
/* make ApplePay button larger*/
.ap-checkout {
width: 138px !important;
height: 52px !important;
}
.ap-cart {
width: 100% !important;
height: 52px !important;
--apple-pay-button-height: 52px;
}
/* For mobile */
@media only screen and (max-width: 600px) {
#ckoApplePayButton {
width: 100% !important;
}
}
/* ===== BANNER ===== */
.baytonia-cookie-bar {
position: fixed;
bottom: 0;
left: 96px;
right: 96px;
z-index: 9999;
background: #fff;
box-shadow: 0 -2px 16px rgba(0,0,0,0.12);
direction: rtl;
font-family: inherit;
}
.baytonia-cookie-bar__inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
gap: 24px;
}
.baytonia-cookie-bar__content {
display: flex;
align-items: center;
flex: 1;
gap: 10px;
}
.baytonia-cookie-bar__icon {
flex-shrink: 0;
width: 32px;
height: 32px;
}
.baytonia-cookie-bar__text {
font-size: 14px;
color: #333;
margin: 0;
line-height: 1.6;
}
.baytonia-cookie-bar__link {
color: #000 !important;
text-decoration: underline;
font-weight: 600;
}
.baytonia-cookie-bar__actions {
display: flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
}
.baytonia-cookie-bar__btn {
padding: 10px 28px;
border-radius: 4px !important;
font-size: 12px;
font-weight: 500;
cursor: pointer;
border: 1px solid #1a1a1a !important;
transition: all 0.2s ease;
}
.baytonia-cookie-bar__btn.-accept {
background: #1a1a1a;
color: #fff;
border-color: #1a1a1a;
}
.baytonia-cookie-bar__btn.-accept:hover {
background: #333;
border-color: #333;
}
.baytonia-cookie-bar__btn.-settings {
background: #fff;
color: #1a1a1a;
border-color: #1a1a1a;
}
.baytonia-cookie-bar__btn.-settings:hover {
background: #f5f5f5;
}
/* ===== MODAL ===== */
.baytonia-cookie-modal {
direction: rtl;
font-family: inherit;
}
.baytonia-cookie-modal__inner {
padding: 8px 0;
}
.baytonia-cookie-modal__title {
font-size: 18px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 20px;
padding-bottom: 16px;
border-bottom: 1px solid #e5e5e5;
}
.baytonia-cookie-modal__groups {
display: flex;
flex-direction: column;
gap: 0;
}
.baytonia-cookie-modal__group {
padding-bottom: 10px;
}
.baytonia-cookie-modal__group-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
flex-direction: row-reverse;
}
.baytonia-cookie-modal__group-info {
flex: 1;
}
.baytonia-cookie-modal__group-name {
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
margin: 0;
}
.baytonia-cookie-modal__group-desc {
font-size: 12px;
color: #000;
margin: 0;
line-height: 1.5;
}
/* Toggle switch */
.baytonia-cookie-modal__toggle {
flex-shrink: 0;
margin-top: 0 !important;
display: flex;
align-items: center;
height: 32px;
}
.baytonia-cookie-modal__checkbox {
display: none;
}
.baytonia-cookie-modal__toggle-label {
display: block;
cursor: pointer;
}
.baytonia-cookie-modal__toggle.is-essential .baytonia-cookie-modal__toggle-label {
cursor: not-allowed;
opacity: 0.6;
}
.baytonia-cookie-modal__toggle-track {
display: block;
width: 25px;
height: 25px;
background: #fff;
border: 2px solid #ccc;
border-radius: 0;
position: relative;
transition: background 0.2s ease, border-color 0.2s ease;
}
.baytonia-cookie-modal__toggle-track::after {
content: '';
position: absolute;
top: 1px;
left: 7px;
width: 7px;
height: 14px;
border: 2px solid #fff;
border-top: none;
border-left: none;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.2s ease;
}
.baytonia-cookie-modal__checkbox:checked + .baytonia-cookie-modal__toggle-label .baytonia-cookie-modal__toggle-track {
background: #1a1a1a;
border-color: #1a1a1a;
}
.baytonia-cookie-modal__checkbox:checked + .baytonia-cookie-modal__toggle-label .baytonia-cookie-modal__toggle-track::after {
opacity: 1;
}
.baytonia-cookie-modal__toggle.is-essential .baytonia-cookie-modal__toggle-track {
background: #999;
border-color: #999;
}
.baytonia-cookie-modal__toggle.is-essential .baytonia-cookie-modal__toggle-track::after {
opacity: 1;
}
.baytonia-cookie-modal__footer {
padding: 20px 0;
text-align: end;
}
.gdpr-cookie-modal_gdpr-cookie-settings-modal._show{
overflow: hidden;
}
.gdpr-cookie-modal_gdpr-cookie-settings-modal._show{
overflow: hidden;
}
.baytonia-cookie-modal-wrapper.modal-popup .modal-header {
margin: 15px 0;
padding-bottom: 0;;
}
.baytonia-cookie-modal-wrapper.modal-popup .action-close {
right: auto !important;
color: #000 !important;
top: 10px !important;
margin-top: -5px;
}
.baytonia-cookie-modal-wrapper.modal-popup .action-close:before {
color: #000 !important;
}
.baytonia-cookie-modal-wrapper.modal-popup .amgdprcookie-description {
font-weight: 600;
font-size: 14px;
color: #000;
margin-bottom: 0;
}
.baytonia-cookie-modal__save {
width: 100px;
padding: 12px !important;
background: #000 !important;
color: #fff !important;
border: none !important;
border-radius: 4px !important;
font-size: 12px;
font-weight: 600;
cursor: pointer;
font-family: inherit;
transition: background .2s ease;
height: 35px !important;
}
.baytonia-cookie-modal__save:hover {
background: #333;
}
.baytonia-cookie-modal-wrapper .action-close:focus {
outline: none;
box-shadow: none;
}
.gdpr-cookie-modal_gdpr-cookie-settings-modal._show .modal-content,
.gdpr-cookie-modal_gdpr-cookie-settings-modal._show .modal-header{
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.baytonia-cookie-bar__btn.-accept,
.baytonia-cookie-bar__btn.-settings{
width: 100px !important;
height: 30px !important;
line-height: 12px !important;
}
/* Tajawal font */
.baytonia-cookie-bar,
.baytonia-cookie-bar__btn,
.baytonia-cookie-modal,
.baytonia-cookie-modal__save,
.amgdprcookie-groups-modal .modal-title,
.amgdprcookie-description {
font-family: 'Tajawal', sans-serif !important;
}
.amgdprcookie-groups-modal.modal-popup._show {
top: auto !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
}
/* AFTER */
.amgdprcookie-groups-modal.modal-popup._show .modal-inner-wrap {
width: 40%;
margin: 0 auto !important;
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
top: auto !important;
animation: baytoniaSlideUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes baytoniaSlideUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
/* Mobile */
@media (max-width: 768px) {
.gdpr-cookie-modal_gdpr-cookie-settings-modal._show .modal-content,
.gdpr-cookie-modal_gdpr-cookie-settings-modal._show .modal-header {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.amgdprcookie-groups-modal.modal-popup._show .modal-inner-wrap {
width: 85%;
}
.baytonia-cookie-bar__text{
font-size: 12px;
}
.baytonia-cookie-bar__btn.-accept,
.baytonia-cookie-bar__btn.-settings {
font-size: 10px;
width: 80px !important;
}
.baytonia-cookie-bar {
left: 0;
right: 0;
}
.baytonia-cookie-bar__inner {
flex-direction: column;
align-items: flex-start;
padding: 16px;
gap: 16px;
}
.baytonia-cookie-bar__actions {
width: 100%;
justify-content: flex-end;
}
.baytonia-cookie-bar__btn {
padding: 10px 28px;
}
.baytonia-cookie-modal__save{
width: 35%;
}
.baytonia-cookie-bar__icon {
width: 25px;
height: 25px;
}
}
.navigation {
font-weight: normal !important;
}
.navigation > .ninjamenus.ninjamenus-desktop {
margin: 0 20px;
}
.nav-item {
position: relative;
}
.nav-item.active > a {
color: #f55856;
}
.nav-item > a {
-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
color: #333;
font-weight: 400;
line-height: 35px;
text-decoration: none;
display: block;
position: relative;
padding: 0 15px;
}
.nav-item > a:hover {
color: #f55856;
}
.nav-item > a:hover .title-wrapper .label {
background-color: #555;
}
.nav-item > a:hover .title-wrapper .label:before {
border-top-color: #555;
}
.nav-item > a > .opener {
width: 35px;
height: 35px;
}
.nav-item > a .label {
-webkit-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out;
-moz-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out;
-ms-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out;
-o-transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out;
padding: 2px 4px;
font-size: 10px;
font-weight: 400;
line-height: 18px;
background-color: #ed143d;
color: #fff;
position: absolute;
left: 4px;
top: -6px;
}
@media screen and (min-width: 392px) and (max-width: 991px) {
.navigation a{
padding-right: 30px;
}
}
@media (max-width: 991px) {
.nav-sections .header.links li a,.nav-sections .header.links span{
color: #000;
}
.nav-sections{
background-color: #fff !important;
}
.nav-sections .title{
font-size: 16px !important;
}
.navigation .level0{
border: 0px !important;
}
.nav-sections,.navigation {
background: #fff !important;
}
.nav-item > a .label {
left: initial;
top: -1px;
}
}
.nav-item > a .item-icon {
line-height: inherit;
}
.nav-item > a .item-icon + span,
.nav-item > a span + .item-icon {
margin-left: 2px;
}
.nav-item > a span.title {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1rem;
font-weight: inherit;
}
.nav-item > a > span {
display: inline-block;
}
.nav-item .caret {
line-height: inherit;
border: 0;
height: auto;
}
.nav-item .item-submenu {
position: absolute;
display: none;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
z-index: 11;
width: 100%;
height: auto;
}
.nav-item.ninjamenus-hover > .item-submenu {
display: block;
}
.magezon-builder > .nav-item > a {
line-height: 50px;
font-weight: 600;
}
.magezon-builder > .nav-item > .opener {
height: 50px;
width: 50px;
}
.subtitle {
display: block !important;
font-size: 11px;
line-height: 13px;
font-weight: 400;
color: #999;
white-space: normal;
margin-top: -10px;
}
.label-top_left > a .label {
position: absolute;
top: -10px;
left: 10px;
}
.label-top_left > a .label:before {
-webkit-transition: border-color 450ms ease-in-out;
-moz-transition: border-color 450ms ease-in-out;
-ms-transition: border-color 450ms ease-in-out;
-o-transition: border-color 450ms ease-in-out;
position: absolute;
left: 6px;
top: 22px;
width: 0;
height: 0;
content: "";
border-style: solid;
border-width: 4px;
border-color: transparent;
border-top-color: #ed143d;
}
.label-top_right > a .label {
position: absolute;
top: -10px;
right: 10px;
}
.label-top_right > a .label:before {
-webkit-transition: border-color 450ms ease-in-out;
-moz-transition: border-color 450ms ease-in-out;
-ms-transition: border-color 450ms ease-in-out;
-o-transition: border-color 450ms ease-in-out;
position: absolute;
right: 6px;
top: 22px;
width: 0;
height: 0;
content: "";
border-style: solid;
border-width: 4px;
border-color: transparent;
border-top-color: #ed143d;
}
.ninjamenus-hamburger-trigger {
line-height: 50px;
background: #f2f2f2;
display: none;
}
.ninjamenus-hamburger-trigger .trigger-icon {
display: inline-block;
vertical-align: middle;
width: 20px;
margin-right: 5px;
}
.ninjamenus-hamburger-trigger .trigger-icon .menu-trigger-inner {
-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.ninjamenus-hamburger-trigger .trigger-icon .line {
display: block;
background-color: #333333;
height: 3px;
margin-bottom: 2px;
}
.ninjamenus-hamburger-trigger .menu-trigger-inner {
display: inline-block;
padding: 0 15px;
cursor: pointer;
}
.ninjamenus-hamburger-trigger .menu-trigger-inner:hover {
background-color: #f55856;
color: #ffffff;
}
.ninjamenus-hamburger-trigger .menu-trigger-inner:hover .line {
background: #FFF;
}
.ninjamenus {
position: relative;
}
.ninjamenus:before,
.ninjamenus:after {
content: " ";
display: table;
clear: both;
}
.ninjamenus .ninjamenus-toggle-active > .opener:before {
content: '\e60d';
}
.ninjamenus .level0 > a > span.title {
font-weight: inherit;
}
.ninjamenus .level0 > a > span.title-wrapper .title {
font-weight: inherit;
}
.ninjamenus .opener {
position: absolute;
top: 0;
cursor: pointer;
text-align: center;
font-size: 20px;
font-weight: 100;
display: none;
}
.ninjamenus .opener:before {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
font-family: 'Magezon-Icons' !important;
speak: none;
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;
content: '\e61c';
}
.ninjamenus .drilldown-opener {
position: absolute;
left: 0;
top: 0;
cursor: pointer;
text-align: center;
font-size: 20px;
font-weight: 100;
display: none;
}
.ninjamenus .drilldown-opener:before {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
position: absolute;
top: 50%;
left: 50%;
font-family: 'Magezon-Icons' !important;
speak: none;
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;
content: '\e61c';
}
.ninjamenus .item-submenu {
padding: 10px;
}
.ninjamenus .nav-item > .drilldown-opener:before {
content: '\e60a';
}
.ninjamenus .ninjamenus-drilldown-back > .drilldown-opener:before {
content: '\e617';
}
.ninjamenus .links {
margin: 0;
padding: 10px 15px;
border-bottom: 1px solid #EEE;
}
.ninjamenus .links li {
position: relative;
margin: 0;
display: inline-block;
}
.ninjamenus .links li > a {
line-height: 35px;
padding-left: 15px;
padding-right: 15px;
display: block;
}
.ninjamenus .links li > a:hover {
background: #f55856;
text-decoration: none;
color: #fff;
}
.ninjamenus a {
color: #333;
font-weight: 400;
}
.ninjamenus .block.tabspro-block {
margin: 0;
}
.ninjamenus .form.contact {
width: 100% !important;
}
.ninjamenus.ninjamenus-vertical > .magezon-builder > .nav-item > a .caret {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
float: right;
line-height: inherit;
}
.ninjamenus.ninjamenus-vertical > .magezon-builder > .nav-item > a .label {
right: auto;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal > .magezon-builder > .nav-item {
float: left;
margin: 0;
}
.ninjamenus.ninjamenus-desktop .ninjamenus-right {
float: right !important;
}
.ninjamenus.ninjamenus-desktop .item-submenu {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
width: 200px;
}
.ninjamenus.ninjamenus-desktop .item-submenu:before,
.ninjamenus.ninjamenus-desktop .item-submenu:after {
content: " ";
display: table;
clear: both;
}
.ninjamenus.ninjamenus-desktop .mega > .item-submenu {
background: #FFF;
}
.ninjamenus.ninjamenus-desktop .ninjamenus-hide-desktop {
display: none;
}
.ninjamenus.ninjamenus-desktop .left_edge_menu_bar,
.ninjamenus.ninjamenus-desktop .right_edge_menu_bar,
.ninjamenus.ninjamenus-desktop .left_vertical_full_height,
.ninjamenus.ninjamenus-desktop .right_vertical_full_height {
position: static;
}
.ninjamenus.ninjamenus-desktop .left_edge_menu_bar > .item-submenu {
left: 0;
}
.ninjamenus.ninjamenus-desktop .right_edge_menu_bar > .item-submenu {
right: 0;
}
.ninjamenus.ninjamenus-desktop .left_vertical_full_height > .item-submenu {
right: 100%;
top: 0;
}
.ninjamenus.ninjamenus-desktop .right_vertical_full_height > .item-submenu {
left: 100%;
top: 0;
}
.ninjamenus.ninjamenus-desktop .left_edge_parent_item > .item-submenu {
left: 0;
}
.ninjamenus.ninjamenus-desktop .right_edge_parent_item > .item-submenu {
right: 0;
}
.ninjamenus.ninjamenus-desktop .level0 .left_edge_parent_item > .item-submenu {
left: 80%;
top: 0;
}
.ninjamenus.ninjamenus-desktop .level0 .right_edge_parent_item > .item-submenu {
right: 80%;
top: 0;
}
.ninjamenus.ninjamenus-desktop .stack > a .caret {
display: none;
}
.ninjamenus.ninjamenus-desktop .stack > .item-submenu {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: static;
display: block;
width: 100%;
padding: 0;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown {
width: 100%;
max-width: 100%;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion.label-top_right > a .label,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown.label-top_right > a .label {
right: auto;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .level0,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .level0 {
border-bottom: 1px solid #e6e6e6;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .level0 > a:hover,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .level0 > a:hover {
background: transparent;
color: #333;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .nav-item,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .nav-item {
position: relative !important;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .item-submenu,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .item-submenu {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: static;
width: 100%;
max-width: 100%;
padding: 0;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .caret,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .caret {
display: none;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .mega > .opener,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .mega > .opener {
display: block;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .nav-item > a,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .nav-item > a {
line-height: 50px;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-accordion .nav-item > .opener,
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .nav-item > .opener {
height: 50px;
width: 50px;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown {
overflow: hidden;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .drilldown-opener {
display: block;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-drilldown .stack > .drilldown-opener {
display: none;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0:hover > a,
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0:hover > a {
background-color: #f55856;
color: #FFF;
}
.ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0.active > a,
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0.active > a {
background-color: #333;
color: #FFF;
}
.ninjamenus.ninjamenus-mobile {
overflow-x: hidden;
padding: 0 0px;
}
.ninjamenus.ninjamenus-mobile.ninjamenus-hamburger-menu,
.ninjamenus.ninjamenus-mobile .ninjamenus-hide-mobile {
display: none;
}
.ninjamenus.ninjamenus-mobile .opener {
display: block;
}
.ninjamenus.ninjamenus-mobile .caret {
display: none;
}
.ninjamenus.ninjamenus-mobile .item-submenu {
max-width: 100% !important;
position: relative;
}
.ninjamenus.ninjamenus-mobile .nav-item > a {
line-height: 50px;
}
.ninjamenus.ninjamenus-mobile .nav-item > .opener {
height: 50px;
width: 50px;
}
.ninjamenus.ninjamenus-mobile .level0.label-top_right > a .label {
right: auto;
}
.ninjamenus.ninjamenus-mobile .level0 > a .title {
margin: 0 !important;
}
.ninjamenus-hamburger-active .menu-trigger-inner {
background-color: #f55856;
color: #ffffff;
}
.ninjamenus-hamburger-active .menu-trigger-inner .line {
background: #FFF;
}
.ninjamenus-hamburger-active .ninjamenus-hamburger-menu {
display: block !important;
}
.ninjamenus-widget .ninjamenus-vertical,
.ninjamenus-widget .ninjamenus-accordion,
.ninjamenus-widget .ninjamenus-drilldown {
border: 1px solid #6e716e;
}
.cms-content .block.ninjamenus-widget > .block-title,
.block.ninjamenus-widget > .block-title {
text-transform: uppercase;
padding: 10px;
background: #6e716e;
color: #fff;
margin: 0;
border: 1px solid #6e716e;
}
.cms-content .block.ninjamenus-widget > .block-title > strong,
.block.ninjamenus-widget > .block-title > strong {
display: block;
}
.cms-content .block.ninjamenus-widget > .ninjamenus,
.block.ninjamenus-widget > .ninjamenus {
background: #f8f8f8;
}
.cms-content .block.ninjamenus-widget > .ninjamenus.ninjamenus-drilldown,
.block.ninjamenus-widget > .ninjamenus.ninjamenus-drilldown {
border: 1px solid #6e716e;
}
.scroll-to-fixed-fixed .magezon-builder > .nav-item.label-top_left > a .label,
.scroll-to-fixed-fixed .magezon-builder > .nav-item.label-top_right > a .label {
display: none;
}
.scroll-to-fixed-fixed .ninjamenus-hide-sticky {
display: none !important;
}
.ninjamenus-lazy-blur {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transition: 0.3s filter linear;
-moz-transition: 0.3s filter linear;
-ms-transition: 0.3s filter linear;
-o-transition: 0.3s filter linear;
-webkit-filter: blur(5px);
filter: blur(5px);
}
.ninjamenus-lazy-blur .ninjamenus-lazy-loaded {
-webkit-filter: blur(0px);
filter: blur(0px);
image-rendering: initial;
}
.ninjamenus-drilldown-back {
line-height: 50px;
text-align: center;
background: #f0f0f0;
border-bottom: 1px solid #e6e6e6;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
display: none;
}
.ninjamenus-drilldown-back > .drilldown-opener {
height: 36px;
width: 50px;
left: 0;
display: block;
}
.drilldown-root > div > .ninjamenus-drilldown-back {
display: block;
}
.ninjamenus-tablet {
position: static !important;
}
.ninjamenus-tablet .item-submenu {
left: 0 !important;
max-width: 100%;
}
.ninjamenus-desktop.ninjamenus-top .level0 {
margin: 0;
display: inline-block;
}
.item-autolist .nav-item.stack > a{
font-weight: 900;
}
.ninjamenus-desktop .item-autolist > .item-submenu > .nav-item{
float: left;
}
.ninjamenus-desktop .item-autolist-col2 > .item-submenu > .nav-item{
width: 50%;
}
.ninjamenus-desktop .item-autolist-col3 > .item-submenu > .nav-item{
width: 33.33333333%;
}
.ninjamenus-desktop .item-autolist-col4 > .item-submenu > .nav-item{
width: 25%;
}
.ninjamenus-desktop .item-autolist-col5 > .item-submenu > .nav-item{
width: 20%;
}
.ninjamenus-desktop .item-autolist-col6 > .item-submenu > .nav-item{
width: 16.66666667%;
}
.ninjamenus-desktop .item-autolist-col2 > .item-submenu > .nav-item:nth-child(2n+1),
.ninjamenus-desktop .item-autolist-col3 > .item-submenu > .nav-item:nth-child(3n+1),
.ninjamenus-desktop .item-autolist-col4 > .item-submenu > .nav-item:nth-child(4n+1),
.ninjamenus-desktop .item-autolist-col4 > .item-submenu > .nav-item:nth-child(5n+1),
.ninjamenus-desktop .item-autolist-col3 > .item-submenu > .nav-item:nth-child(6n+1) {
clear: left;
}
.nav-item-static {
position: static !important;
}
.nav-item.nav-item-static > .item-submenu{
width: 100vw !important;
}
.ninjamenus.ninjamenus-mobile .nav-item-static{
position: relative !important;
}
.ninjamenus.ninjamenus-mobile .nav-item.nav-item-static > .item-submenu{
width: 100% !important;
}
.ninjamenus-top-overlay {
position: absolute;
left: 0;
width: 100%;
background: #0e0e0eb0;
height: 100%;
z-index: 10;
display: none;
}
.nav-toggle{
line-height: 25px;
}
.nav-toggle:before{
font-size: 30px !important;
}
/**
* Mageplaza
*
* NOTICE OF LICENSE
*
* This source file is subject to the Mageplaza.com license that is
* available through the world-wide-web at this URL:
* https://www.mageplaza.com/LICENSE.txt
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this extension to newer
* version in the future.
*
* @category Mageplaza
* @package Mageplaza_ShareCart
* @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/)
* @license https://www.mageplaza.com/LICENSE.txt
*/
.actions .primary.sharecart {
margin: 0 10px 15px;
}
button, a.action.primary {
margin: 2px;
}
button.action.primary.sharecart {
display: block;
width: 100%;
line-height: 2.2rem;
padding: 14px 17px;
font-size: 1.8rem;
margin: unset;
}
.mp-sharecart-popup .modal-title {
border: none;
padding-bottom: 25px;
}
.mp-sharecart-popup .modal-inner-wrap {
width: 600px;
}
.mp-popup-cart {
display: none;
}
#mp_show_download_share {
display: inline-block;
}
.mp-tooltipped {
position: relative;
}
.mp-tooltipped:before {
position: absolute;
z-index: 1000001;
display: none;
width: 0;
height: 0;
color: rgba(0, 0, 0, .8);
pointer-events: none;
content: "";
border: 5px solid transparent;
top: auto;
right: 50%;
bottom: -5px;
margin-right: -5px;
border-bottom-color: rgba(0, 0, 0, .8)
}
.mp-tooltipped:after {
position: absolute;
z-index: 1000000;
display: none;
padding: 5px 8px;
font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
color: #fff;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-wrap: break-word;
white-space: pre;
pointer-events: none;
content: attr(aria-label);
background: rgba(0, 0, 0, .8);
border-radius: 3px;
-webkit-font-smoothing: subpixel-antialiased;
top: 100%;
right: 50%;
margin-top: 5px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.mp-tooltipped:hover:before, .mp-tooltipped:active:before, .mp-tooltipped:focus:before,
.mp-tooltipped:hover:after, .mp-tooltipped:active:after, .mp-tooltipped:focus:after {
display: inline-block;
text-decoration: none
}
.contact-footer{
display: flex;
justify-content: space-evenly;
font-size:12px;
}
.business-information {
font-size: 16px;
padding-left: 20px;
}
.pdf-details {
display: flex !important;
justify-content: flex-start;
}
/* Excel CSS */
.mp-excel-password-popup {
padding: 20px;
margin: 0 auto;
}
.mp-excel-password-popup h2 {
font-size: 24px;
margin-bottom: 15px;
text-align: center;
}
.mp-excel-password-popup p {
font-size: 16px;
margin-bottom: 20px;
text-align: center;
}
.mp-excel-password-popup .input-container {
margin-bottom: 20px;
}
.mp-excel-password-popup input[type="password"] {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
}
.mp-excel-password-popup .error-message {
color: #ff0000;
font-size: 14px;
margin-top: 5px;
display: none;
text-align: center;
}
.mp-excel-password-popup button {
width: 100%;
line-height: normal;
padding: 10px;
font-size: 16px;
background-color: #000;
color: #ffffff;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.modal-popup.mp-excel-password-popup .action-close {
text-align: right;
right: -20px;
top: 5px;
}
.modal-popup.mp-excel-password-popup.modal-slide h1#modal-title-1 {
font-size: 24px;
text-align: left;
}
.modal-popup.mp-excel-password-popup .action-close:before,
.modal-popup.mp-excel-password-popup .action-close:after
{
color: #000;
}
/* Mobile responsiveness */
@media screen and (max-width: 480px) {
.mp-excel-password-popup.modal-slide {
left: 0;
}
.mp-excel-password-popup {
padding: 15px;
}
.mp-excel-password-popup h2 {
font-size: 20px;
}
.mp-excel-password-popup p {
font-size: 14px;
}
.mp-excel-password-popup input[type="password"],
.mp-excel-password-popup button {
font-size: 14px;
}
}
/*!
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
/*!
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.mgz-fa,
.fas,
.far,
.fal,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
/* makes the font 33% larger relative to the icon container */
.mgz-fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -0.0667em;
}
.mgz-fa-xs {
font-size: 0.75em;
}
.mgz-fa-sm {
font-size: 0.875em;
}
.mgz-fa-1x {
font-size: 1em;
}
.mgz-fa-2x {
font-size: 2em;
}
.mgz-fa-3x {
font-size: 3em;
}
.mgz-fa-4x {
font-size: 4em;
}
.mgz-fa-5x {
font-size: 5em;
}
.mgz-fa-6x {
font-size: 6em;
}
.mgz-fa-7x {
font-size: 7em;
}
.mgz-fa-8x {
font-size: 8em;
}
.mgz-fa-9x {
font-size: 9em;
}
.mgz-fa-10x {
font-size: 10em;
}
.mgz-fa-fw {
text-align: center;
width: 1.25em;
}
.mgz-fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.mgz-fa-ul > li {
position: relative;
}
.mgz-fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.mgz-fa-border {
border-radius: 0.1em;
border: solid 0.08em #eee;
padding: 0.2em 0.25em 0.15em;
}
.mgz-fa-pull-left {
float: left;
}
.mgz-fa-pull-right {
float: right;
}
.mgz-fa.mgz-fa-pull-left,
.fas.mgz-fa-pull-left,
.far.mgz-fa-pull-left,
.fal.mgz-fa-pull-left,
.fab.mgz-fa-pull-left {
margin-right: 0.3em;
}
.mgz-fa.mgz-fa-pull-right,
.fas.mgz-fa-pull-right,
.far.mgz-fa-pull-right,
.fal.mgz-fa-pull-right,
.fab.mgz-fa-pull-right {
margin-left: 0.3em;
}
.mgz-fa-spin {
animation: fa-spin 2s infinite linear;
}
.mgz-fa-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.mgz-fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
}
.mgz-fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg);
}
.mgz-fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg);
}
.mgz-fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scale(-1, 1);
}
.mgz-fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(1, -1);
}
.mgz-fa-flip-both,
.mgz-fa-flip-horizontal.mgz-fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(-1, -1);
}
:root .mgz-fa-rotate-90,
:root .mgz-fa-rotate-180,
:root .mgz-fa-rotate-270,
:root .mgz-fa-flip-horizontal,
:root .mgz-fa-flip-vertical,
:root .mgz-fa-flip-both {
filter: none;
}
.mgz-fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2em;
}
.mgz-fa-stack-1x,
.mgz-fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.mgz-fa-stack-1x {
line-height: inherit;
}
.mgz-fa-stack-2x {
font-size: 2em;
}
.mgz-fa-inverse {
color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.mgz-fa-500px:before {
content: "\f26e";
}
.mgz-fa-accessible-icon:before {
content: "\f368";
}
.mgz-fa-accusoft:before {
content: "\f369";
}
.mgz-fa-acquisitions-incorporated:before {
content: "\f6af";
}
.mgz-fa-ad:before {
content: "\f641";
}
.mgz-fa-address-book:before {
content: "\f2b9";
}
.mgz-fa-address-card:before {
content: "\f2bb";
}
.mgz-fa-adjust:before {
content: "\f042";
}
.mgz-fa-adn:before {
content: "\f170";
}
.mgz-fa-adobe:before {
content: "\f778";
}
.mgz-fa-adversal:before {
content: "\f36a";
}
.mgz-fa-affiliatetheme:before {
content: "\f36b";
}
.mgz-fa-air-freshener:before {
content: "\f5d0";
}
.mgz-fa-airbnb:before {
content: "\f834";
}
.mgz-fa-algolia:before {
content: "\f36c";
}
.mgz-fa-align-center:before {
content: "\f037";
}
.mgz-fa-align-justify:before {
content: "\f039";
}
.mgz-fa-align-left:before {
content: "\f036";
}
.mgz-fa-align-right:before {
content: "\f038";
}
.mgz-fa-alipay:before {
content: "\f642";
}
.mgz-fa-allergies:before {
content: "\f461";
}
.mgz-fa-amazon:before {
content: "\f270";
}
.mgz-fa-amazon-pay:before {
content: "\f42c";
}
.mgz-fa-ambulance:before {
content: "\f0f9";
}
.mgz-fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.mgz-fa-amilia:before {
content: "\f36d";
}
.mgz-fa-anchor:before {
content: "\f13d";
}
.mgz-fa-android:before {
content: "\f17b";
}
.mgz-fa-angellist:before {
content: "\f209";
}
.mgz-fa-angle-double-down:before {
content: "\f103";
}
.mgz-fa-angle-double-left:before {
content: "\f100";
}
.mgz-fa-angle-double-right:before {
content: "\f101";
}
.mgz-fa-angle-double-up:before {
content: "\f102";
}
.mgz-fa-angle-down:before {
content: "\f107";
}
.mgz-fa-angle-left:before {
content: "\f104";
}
.mgz-fa-angle-right:before {
content: "\f105";
}
.mgz-fa-angle-up:before {
content: "\f106";
}
.mgz-fa-angry:before {
content: "\f556";
}
.mgz-fa-angrycreative:before {
content: "\f36e";
}
.mgz-fa-angular:before {
content: "\f420";
}
.mgz-fa-ankh:before {
content: "\f644";
}
.mgz-fa-app-store:before {
content: "\f36f";
}
.mgz-fa-app-store-ios:before {
content: "\f370";
}
.mgz-fa-apper:before {
content: "\f371";
}
.mgz-fa-apple:before {
content: "\f179";
}
.mgz-fa-apple-alt:before {
content: "\f5d1";
}
.mgz-fa-apple-pay:before {
content: "\f415";
}
.mgz-fa-archive:before {
content: "\f187";
}
.mgz-fa-archway:before {
content: "\f557";
}
.mgz-fa-arrow-alt-circle-down:before {
content: "\f358";
}
.mgz-fa-arrow-alt-circle-left:before {
content: "\f359";
}
.mgz-fa-arrow-alt-circle-right:before {
content: "\f35a";
}
.mgz-fa-arrow-alt-circle-up:before {
content: "\f35b";
}
.mgz-fa-arrow-circle-down:before {
content: "\f0ab";
}
.mgz-fa-arrow-circle-left:before {
content: "\f0a8";
}
.mgz-fa-arrow-circle-right:before {
content: "\f0a9";
}
.mgz-fa-arrow-circle-up:before {
content: "\f0aa";
}
.mgz-fa-arrow-down:before {
content: "\f063";
}
.mgz-fa-arrow-left:before {
content: "\f060";
}
.mgz-fa-arrow-right:before {
content: "\f061";
}
.mgz-fa-arrow-up:before {
content: "\f062";
}
.mgz-fa-arrows-alt:before {
content: "\f0b2";
}
.mgz-fa-arrows-alt-h:before {
content: "\f337";
}
.mgz-fa-arrows-alt-v:before {
content: "\f338";
}
.mgz-fa-artstation:before {
content: "\f77a";
}
.mgz-fa-assistive-listening-systems:before {
content: "\f2a2";
}
.mgz-fa-asterisk:before {
content: "\f069";
}
.mgz-fa-asymmetrik:before {
content: "\f372";
}
.mgz-fa-at:before {
content: "\f1fa";
}
.mgz-fa-atlas:before {
content: "\f558";
}
.mgz-fa-atlassian:before {
content: "\f77b";
}
.mgz-fa-atom:before {
content: "\f5d2";
}
.mgz-fa-audible:before {
content: "\f373";
}
.mgz-fa-audio-description:before {
content: "\f29e";
}
.mgz-fa-autoprefixer:before {
content: "\f41c";
}
.mgz-fa-avianex:before {
content: "\f374";
}
.mgz-fa-aviato:before {
content: "\f421";
}
.mgz-fa-award:before {
content: "\f559";
}
.mgz-fa-aws:before {
content: "\f375";
}
.mgz-fa-baby:before {
content: "\f77c";
}
.mgz-fa-baby-carriage:before {
content: "\f77d";
}
.mgz-fa-backspace:before {
content: "\f55a";
}
.mgz-fa-backward:before {
content: "\f04a";
}
.mgz-fa-bacon:before {
content: "\f7e5";
}
.mgz-fa-balance-scale:before {
content: "\f24e";
}
.mgz-fa-ban:before {
content: "\f05e";
}
.mgz-fa-band-aid:before {
content: "\f462";
}
.mgz-fa-bandcamp:before {
content: "\f2d5";
}
.mgz-fa-barcode:before {
content: "\f02a";
}
.mgz-fa-bars:before {
content: "\f0c9";
}
.mgz-fa-baseball-ball:before {
content: "\f433";
}
.mgz-fa-basketball-ball:before {
content: "\f434";
}
.mgz-fa-bath:before {
content: "\f2cd";
}
.mgz-fa-battery-empty:before {
content: "\f244";
}
.mgz-fa-battery-full:before {
content: "\f240";
}
.mgz-fa-battery-half:before {
content: "\f242";
}
.mgz-fa-battery-quarter:before {
content: "\f243";
}
.mgz-fa-battery-three-quarters:before {
content: "\f241";
}
.mgz-fa-battle-net:before {
content: "\f835";
}
.mgz-fa-bed:before {
content: "\f236";
}
.mgz-fa-beer:before {
content: "\f0fc";
}
.mgz-fa-behance:before {
content: "\f1b4";
}
.mgz-fa-behance-square:before {
content: "\f1b5";
}
.mgz-fa-bell:before {
content: "\f0f3";
}
.mgz-fa-bell-slash:before {
content: "\f1f6";
}
.mgz-fa-bezier-curve:before {
content: "\f55b";
}
.mgz-fa-bible:before {
content: "\f647";
}
.mgz-fa-bicycle:before {
content: "\f206";
}
.mgz-fa-bimobject:before {
content: "\f378";
}
.mgz-fa-binoculars:before {
content: "\f1e5";
}
.mgz-fa-biohazard:before {
content: "\f780";
}
.mgz-fa-birthday-cake:before {
content: "\f1fd";
}
.mgz-fa-bitbucket:before {
content: "\f171";
}
.mgz-fa-bitcoin:before {
content: "\f379";
}
.mgz-fa-bity:before {
content: "\f37a";
}
.mgz-fa-black-tie:before {
content: "\f27e";
}
.mgz-fa-blackberry:before {
content: "\f37b";
}
.mgz-fa-blender:before {
content: "\f517";
}
.mgz-fa-blender-phone:before {
content: "\f6b6";
}
.mgz-fa-blind:before {
content: "\f29d";
}
.mgz-fa-blog:before {
content: "\f781";
}
.mgz-fa-blogger:before {
content: "\f37c";
}
.mgz-fa-blogger-b:before {
content: "\f37d";
}
.mgz-fa-bluetooth:before {
content: "\f293";
}
.mgz-fa-bluetooth-b:before {
content: "\f294";
}
.mgz-fa-bold:before {
content: "\f032";
}
.mgz-fa-bolt:before {
content: "\f0e7";
}
.mgz-fa-bomb:before {
content: "\f1e2";
}
.mgz-fa-bone:before {
content: "\f5d7";
}
.mgz-fa-bong:before {
content: "\f55c";
}
.mgz-fa-book:before {
content: "\f02d";
}
.mgz-fa-book-dead:before {
content: "\f6b7";
}
.mgz-fa-book-medical:before {
content: "\f7e6";
}
.mgz-fa-book-open:before {
content: "\f518";
}
.mgz-fa-book-reader:before {
content: "\f5da";
}
.mgz-fa-bookmark:before {
content: "\f02e";
}
.mgz-fa-bootstrap:before {
content: "\f836";
}
.mgz-fa-bowling-ball:before {
content: "\f436";
}
.mgz-fa-box:before {
content: "\f466";
}
.mgz-fa-box-open:before {
content: "\f49e";
}
.mgz-fa-boxes:before {
content: "\f468";
}
.mgz-fa-braille:before {
content: "\f2a1";
}
.mgz-fa-brain:before {
content: "\f5dc";
}
.mgz-fa-bread-slice:before {
content: "\f7ec";
}
.mgz-fa-briefcase:before {
content: "\f0b1";
}
.mgz-fa-briefcase-medical:before {
content: "\f469";
}
.mgz-fa-broadcast-tower:before {
content: "\f519";
}
.mgz-fa-broom:before {
content: "\f51a";
}
.mgz-fa-brush:before {
content: "\f55d";
}
.mgz-fa-btc:before {
content: "\f15a";
}
.mgz-fa-buffer:before {
content: "\f837";
}
.mgz-fa-bug:before {
content: "\f188";
}
.mgz-fa-building:before {
content: "\f1ad";
}
.mgz-fa-bullhorn:before {
content: "\f0a1";
}
.mgz-fa-bullseye:before {
content: "\f140";
}
.mgz-fa-burn:before {
content: "\f46a";
}
.mgz-fa-buromobelexperte:before {
content: "\f37f";
}
.mgz-fa-bus:before {
content: "\f207";
}
.mgz-fa-bus-alt:before {
content: "\f55e";
}
.mgz-fa-business-time:before {
content: "\f64a";
}
.mgz-fa-buysellads:before {
content: "\f20d";
}
.mgz-fa-calculator:before {
content: "\f1ec";
}
.mgz-fa-calendar:before {
content: "\f133";
}
.mgz-fa-calendar-alt:before {
content: "\f073";
}
.mgz-fa-calendar-check:before {
content: "\f274";
}
.mgz-fa-calendar-day:before {
content: "\f783";
}
.mgz-fa-calendar-minus:before {
content: "\f272";
}
.mgz-fa-calendar-plus:before {
content: "\f271";
}
.mgz-fa-calendar-times:before {
content: "\f273";
}
.mgz-fa-calendar-week:before {
content: "\f784";
}
.mgz-fa-camera:before {
content: "\f030";
}
.mgz-fa-camera-retro:before {
content: "\f083";
}
.mgz-fa-campground:before {
content: "\f6bb";
}
.mgz-fa-canadian-maple-leaf:before {
content: "\f785";
}
.mgz-fa-candy-cane:before {
content: "\f786";
}
.mgz-fa-cannabis:before {
content: "\f55f";
}
.mgz-fa-capsules:before {
content: "\f46b";
}
.mgz-fa-car:before {
content: "\f1b9";
}
.mgz-fa-car-alt:before {
content: "\f5de";
}
.mgz-fa-car-battery:before {
content: "\f5df";
}
.mgz-fa-car-crash:before {
content: "\f5e1";
}
.mgz-fa-car-side:before {
content: "\f5e4";
}
.mgz-fa-caret-down:before {
content: "\f0d7";
}
.mgz-fa-caret-left:before {
content: "\f0d9";
}
.mgz-fa-caret-right:before {
content: "\f0da";
}
.mgz-fa-caret-square-down:before {
content: "\f150";
}
.mgz-fa-caret-square-left:before {
content: "\f191";
}
.mgz-fa-caret-square-right:before {
content: "\f152";
}
.mgz-fa-caret-square-up:before {
content: "\f151";
}
.mgz-fa-caret-up:before {
content: "\f0d8";
}
.mgz-fa-carrot:before {
content: "\f787";
}
.mgz-fa-cart-arrow-down:before {
content: "\f218";
}
.mgz-fa-cart-plus:before {
content: "\f217";
}
.mgz-fa-cash-register:before {
content: "\f788";
}
.mgz-fa-cat:before {
content: "\f6be";
}
.mgz-fa-cc-amazon-pay:before {
content: "\f42d";
}
.mgz-fa-cc-amex:before {
content: "\f1f3";
}
.mgz-fa-cc-apple-pay:before {
content: "\f416";
}
.mgz-fa-cc-diners-club:before {
content: "\f24c";
}
.mgz-fa-cc-discover:before {
content: "\f1f2";
}
.mgz-fa-cc-jcb:before {
content: "\f24b";
}
.mgz-fa-cc-mastercard:before {
content: "\f1f1";
}
.mgz-fa-cc-paypal:before {
content: "\f1f4";
}
.mgz-fa-cc-stripe:before {
content: "\f1f5";
}
.mgz-fa-cc-visa:before {
content: "\f1f0";
}
.mgz-fa-centercode:before {
content: "\f380";
}
.mgz-fa-centos:before {
content: "\f789";
}
.mgz-fa-certificate:before {
content: "\f0a3";
}
.mgz-fa-chair:before {
content: "\f6c0";
}
.mgz-fa-chalkboard:before {
content: "\f51b";
}
.mgz-fa-chalkboard-teacher:before {
content: "\f51c";
}
.mgz-fa-charging-station:before {
content: "\f5e7";
}
.mgz-fa-chart-area:before {
content: "\f1fe";
}
.mgz-fa-chart-bar:before {
content: "\f080";
}
.mgz-fa-chart-line:before {
content: "\f201";
}
.mgz-fa-chart-pie:before {
content: "\f200";
}
.mgz-fa-check:before {
content: "\f00c";
}
.mgz-fa-check-circle:before {
content: "\f058";
}
.mgz-fa-check-double:before {
content: "\f560";
}
.mgz-fa-check-square:before {
content: "\f14a";
}
.mgz-fa-cheese:before {
content: "\f7ef";
}
.mgz-fa-chess:before {
content: "\f439";
}
.mgz-fa-chess-bishop:before {
content: "\f43a";
}
.mgz-fa-chess-board:before {
content: "\f43c";
}
.mgz-fa-chess-king:before {
content: "\f43f";
}
.mgz-fa-chess-knight:before {
content: "\f441";
}
.mgz-fa-chess-pawn:before {
content: "\f443";
}
.mgz-fa-chess-queen:before {
content: "\f445";
}
.mgz-fa-chess-rook:before {
content: "\f447";
}
.mgz-fa-chevron-circle-down:before {
content: "\f13a";
}
.mgz-fa-chevron-circle-left:before {
content: "\f137";
}
.mgz-fa-chevron-circle-right:before {
content: "\f138";
}
.mgz-fa-chevron-circle-up:before {
content: "\f139";
}
.mgz-fa-chevron-down:before {
content: "\f078";
}
.mgz-fa-chevron-left:before {
content: "\f053";
}
.mgz-fa-chevron-right:before {
content: "\f054";
}
.mgz-fa-chevron-up:before {
content: "\f077";
}
.mgz-fa-child:before {
content: "\f1ae";
}
.mgz-fa-chrome:before {
content: "\f268";
}
.mgz-fa-chromecast:before {
content: "\f838";
}
.mgz-fa-church:before {
content: "\f51d";
}
.mgz-fa-circle:before {
content: "\f111";
}
.mgz-fa-circle-notch:before {
content: "\f1ce";
}
.mgz-fa-city:before {
content: "\f64f";
}
.mgz-fa-clinic-medical:before {
content: "\f7f2";
}
.mgz-fa-clipboard:before {
content: "\f328";
}
.mgz-fa-clipboard-check:before {
content: "\f46c";
}
.mgz-fa-clipboard-list:before {
content: "\f46d";
}
.mgz-fa-clock:before {
content: "\f017";
}
.mgz-fa-clone:before {
content: "\f24d";
}
.mgz-fa-closed-captioning:before {
content: "\f20a";
}
.mgz-fa-cloud:before {
content: "\f0c2";
}
.mgz-fa-cloud-download-alt:before {
content: "\f381";
}
.mgz-fa-cloud-meatball:before {
content: "\f73b";
}
.mgz-fa-cloud-moon:before {
content: "\f6c3";
}
.mgz-fa-cloud-moon-rain:before {
content: "\f73c";
}
.mgz-fa-cloud-rain:before {
content: "\f73d";
}
.mgz-fa-cloud-showers-heavy:before {
content: "\f740";
}
.mgz-fa-cloud-sun:before {
content: "\f6c4";
}
.mgz-fa-cloud-sun-rain:before {
content: "\f743";
}
.mgz-fa-cloud-upload-alt:before {
content: "\f382";
}
.mgz-fa-cloudscale:before {
content: "\f383";
}
.mgz-fa-cloudsmith:before {
content: "\f384";
}
.mgz-fa-cloudversify:before {
content: "\f385";
}
.mgz-fa-cocktail:before {
content: "\f561";
}
.mgz-fa-code:before {
content: "\f121";
}
.mgz-fa-code-branch:before {
content: "\f126";
}
.mgz-fa-codepen:before {
content: "\f1cb";
}
.mgz-fa-codiepie:before {
content: "\f284";
}
.mgz-fa-coffee:before {
content: "\f0f4";
}
.mgz-fa-cog:before {
content: "\f013";
}
.mgz-fa-cogs:before {
content: "\f085";
}
.mgz-fa-coins:before {
content: "\f51e";
}
.mgz-fa-columns:before {
content: "\f0db";
}
.mgz-fa-comment:before {
content: "\f075";
}
.mgz-fa-comment-alt:before {
content: "\f27a";
}
.mgz-fa-comment-dollar:before {
content: "\f651";
}
.mgz-fa-comment-dots:before {
content: "\f4ad";
}
.mgz-fa-comment-medical:before {
content: "\f7f5";
}
.mgz-fa-comment-slash:before {
content: "\f4b3";
}
.mgz-fa-comments:before {
content: "\f086";
}
.mgz-fa-comments-dollar:before {
content: "\f653";
}
.mgz-fa-compact-disc:before {
content: "\f51f";
}
.mgz-fa-compass:before {
content: "\f14e";
}
.mgz-fa-compress:before {
content: "\f066";
}
.mgz-fa-compress-arrows-alt:before {
content: "\f78c";
}
.mgz-fa-concierge-bell:before {
content: "\f562";
}
.mgz-fa-confluence:before {
content: "\f78d";
}
.mgz-fa-connectdevelop:before {
content: "\f20e";
}
.mgz-fa-contao:before {
content: "\f26d";
}
.mgz-fa-cookie:before {
content: "\f563";
}
.mgz-fa-cookie-bite:before {
content: "\f564";
}
.mgz-fa-copy:before {
content: "\f0c5";
}
.mgz-fa-copyright:before {
content: "\f1f9";
}
.mgz-fa-couch:before {
content: "\f4b8";
}
.mgz-fa-cpanel:before {
content: "\f388";
}
.mgz-fa-creative-commons:before {
content: "\f25e";
}
.mgz-fa-creative-commons-by:before {
content: "\f4e7";
}
.mgz-fa-creative-commons-nc:before {
content: "\f4e8";
}
.mgz-fa-creative-commons-nc-eu:before {
content: "\f4e9";
}
.mgz-fa-creative-commons-nc-jp:before {
content: "\f4ea";
}
.mgz-fa-creative-commons-nd:before {
content: "\f4eb";
}
.mgz-fa-creative-commons-pd:before {
content: "\f4ec";
}
.mgz-fa-creative-commons-pd-alt:before {
content: "\f4ed";
}
.mgz-fa-creative-commons-remix:before {
content: "\f4ee";
}
.mgz-fa-creative-commons-sa:before {
content: "\f4ef";
}
.mgz-fa-creative-commons-sampling:before {
content: "\f4f0";
}
.mgz-fa-creative-commons-sampling-plus:before {
content: "\f4f1";
}
.mgz-fa-creative-commons-share:before {
content: "\f4f2";
}
.mgz-fa-creative-commons-zero:before {
content: "\f4f3";
}
.mgz-fa-credit-card:before {
content: "\f09d";
}
.mgz-fa-critical-role:before {
content: "\f6c9";
}
.mgz-fa-crop:before {
content: "\f125";
}
.mgz-fa-crop-alt:before {
content: "\f565";
}
.mgz-fa-cross:before {
content: "\f654";
}
.mgz-fa-crosshairs:before {
content: "\f05b";
}
.mgz-fa-crow:before {
content: "\f520";
}
.mgz-fa-crown:before {
content: "\f521";
}
.mgz-fa-crutch:before {
content: "\f7f7";
}
.mgz-fa-css3:before {
content: "\f13c";
}
.mgz-fa-css3-alt:before {
content: "\f38b";
}
.mgz-fa-cube:before {
content: "\f1b2";
}
.mgz-fa-cubes:before {
content: "\f1b3";
}
.mgz-fa-cut:before {
content: "\f0c4";
}
.mgz-fa-cuttlefish:before {
content: "\f38c";
}
.mgz-fa-d-and-d:before {
content: "\f38d";
}
.mgz-fa-d-and-d-beyond:before {
content: "\f6ca";
}
.mgz-fa-dashcube:before {
content: "\f210";
}
.mgz-fa-database:before {
content: "\f1c0";
}
.mgz-fa-deaf:before {
content: "\f2a4";
}
.mgz-fa-delicious:before {
content: "\f1a5";
}
.mgz-fa-democrat:before {
content: "\f747";
}
.mgz-fa-deploydog:before {
content: "\f38e";
}
.mgz-fa-deskpro:before {
content: "\f38f";
}
.mgz-fa-desktop:before {
content: "\f108";
}
.mgz-fa-dev:before {
content: "\f6cc";
}
.mgz-fa-deviantart:before {
content: "\f1bd";
}
.mgz-fa-dharmachakra:before {
content: "\f655";
}
.mgz-fa-dhl:before {
content: "\f790";
}
.mgz-fa-diagnoses:before {
content: "\f470";
}
.mgz-fa-diaspora:before {
content: "\f791";
}
.mgz-fa-dice:before {
content: "\f522";
}
.mgz-fa-dice-d20:before {
content: "\f6cf";
}
.mgz-fa-dice-d6:before {
content: "\f6d1";
}
.mgz-fa-dice-five:before {
content: "\f523";
}
.mgz-fa-dice-four:before {
content: "\f524";
}
.mgz-fa-dice-one:before {
content: "\f525";
}
.mgz-fa-dice-six:before {
content: "\f526";
}
.mgz-fa-dice-three:before {
content: "\f527";
}
.mgz-fa-dice-two:before {
content: "\f528";
}
.mgz-fa-digg:before {
content: "\f1a6";
}
.mgz-fa-digital-ocean:before {
content: "\f391";
}
.mgz-fa-digital-tachograph:before {
content: "\f566";
}
.mgz-fa-directions:before {
content: "\f5eb";
}
.mgz-fa-discord:before {
content: "\f392";
}
.mgz-fa-discourse:before {
content: "\f393";
}
.mgz-fa-divide:before {
content: "\f529";
}
.mgz-fa-dizzy:before {
content: "\f567";
}
.mgz-fa-dna:before {
content: "\f471";
}
.mgz-fa-dochub:before {
content: "\f394";
}
.mgz-fa-docker:before {
content: "\f395";
}
.mgz-fa-dog:before {
content: "\f6d3";
}
.mgz-fa-dollar-sign:before {
content: "\f155";
}
.mgz-fa-dolly:before {
content: "\f472";
}
.mgz-fa-dolly-flatbed:before {
content: "\f474";
}
.mgz-fa-donate:before {
content: "\f4b9";
}
.mgz-fa-door-closed:before {
content: "\f52a";
}
.mgz-fa-door-open:before {
content: "\f52b";
}
.mgz-fa-dot-circle:before {
content: "\f192";
}
.mgz-fa-dove:before {
content: "\f4ba";
}
.mgz-fa-download:before {
content: "\f019";
}
.mgz-fa-draft2digital:before {
content: "\f396";
}
.mgz-fa-drafting-compass:before {
content: "\f568";
}
.mgz-fa-dragon:before {
content: "\f6d5";
}
.mgz-fa-draw-polygon:before {
content: "\f5ee";
}
.mgz-fa-dribbble:before {
content: "\f17d";
}
.mgz-fa-dribbble-square:before {
content: "\f397";
}
.mgz-fa-dropbox:before {
content: "\f16b";
}
.mgz-fa-drum:before {
content: "\f569";
}
.mgz-fa-drum-steelpan:before {
content: "\f56a";
}
.mgz-fa-drumstick-bite:before {
content: "\f6d7";
}
.mgz-fa-drupal:before {
content: "\f1a9";
}
.mgz-fa-dumbbell:before {
content: "\f44b";
}
.mgz-fa-dumpster:before {
content: "\f793";
}
.mgz-fa-dumpster-fire:before {
content: "\f794";
}
.mgz-fa-dungeon:before {
content: "\f6d9";
}
.mgz-fa-dyalog:before {
content: "\f399";
}
.mgz-fa-earlybirds:before {
content: "\f39a";
}
.mgz-fa-ebay:before {
content: "\f4f4";
}
.mgz-fa-edge:before {
content: "\f282";
}
.mgz-fa-edit:before {
content: "\f044";
}
.mgz-fa-egg:before {
content: "\f7fb";
}
.mgz-fa-eject:before {
content: "\f052";
}
.mgz-fa-elementor:before {
content: "\f430";
}
.mgz-fa-ellipsis-h:before {
content: "\f141";
}
.mgz-fa-ellipsis-v:before {
content: "\f142";
}
.mgz-fa-ello:before {
content: "\f5f1";
}
.mgz-fa-ember:before {
content: "\f423";
}
.mgz-fa-empire:before {
content: "\f1d1";
}
.mgz-fa-envelope:before {
content: "\f0e0";
}
.mgz-fa-envelope-open:before {
content: "\f2b6";
}
.mgz-fa-envelope-open-text:before {
content: "\f658";
}
.mgz-fa-envelope-square:before {
content: "\f199";
}
.mgz-fa-envira:before {
content: "\f299";
}
.mgz-fa-equals:before {
content: "\f52c";
}
.mgz-fa-eraser:before {
content: "\f12d";
}
.mgz-fa-erlang:before {
content: "\f39d";
}
.mgz-fa-ethereum:before {
content: "\f42e";
}
.mgz-fa-ethernet:before {
content: "\f796";
}
.mgz-fa-etsy:before {
content: "\f2d7";
}
.mgz-fa-euro-sign:before {
content: "\f153";
}
.mgz-fa-evernote:before {
content: "\f839";
}
.mgz-fa-exchange-alt:before {
content: "\f362";
}
.mgz-fa-exclamation:before {
content: "\f12a";
}
.mgz-fa-exclamation-circle:before {
content: "\f06a";
}
.mgz-fa-exclamation-triangle:before {
content: "\f071";
}
.mgz-fa-expand:before {
content: "\f065";
}
.mgz-fa-expand-arrows-alt:before {
content: "\f31e";
}
.mgz-fa-expeditedssl:before {
content: "\f23e";
}
.mgz-fa-external-link-alt:before {
content: "\f35d";
}
.mgz-fa-external-link-square-alt:before {
content: "\f360";
}
.mgz-fa-eye:before {
content: "\f06e";
}
.mgz-fa-eye-dropper:before {
content: "\f1fb";
}
.mgz-fa-eye-slash:before {
content: "\f070";
}
.mgz-fa-facebook:before {
content: "\f09a";
}
.mgz-fa-facebook-f:before {
content: "\f39e";
}
.mgz-fa-facebook-messenger:before {
content: "\f39f";
}
.mgz-fa-facebook-square:before {
content: "\f082";
}
.mgz-fa-fantasy-flight-games:before {
content: "\f6dc";
}
.mgz-fa-fast-backward:before {
content: "\f049";
}
.mgz-fa-fast-forward:before {
content: "\f050";
}
.mgz-fa-fax:before {
content: "\f1ac";
}
.mgz-fa-feather:before {
content: "\f52d";
}
.mgz-fa-feather-alt:before {
content: "\f56b";
}
.mgz-fa-fedex:before {
content: "\f797";
}
.mgz-fa-fedora:before {
content: "\f798";
}
.mgz-fa-female:before {
content: "\f182";
}
.mgz-fa-fighter-jet:before {
content: "\f0fb";
}
.mgz-fa-figma:before {
content: "\f799";
}
.mgz-fa-file:before {
content: "\f15b";
}
.mgz-fa-file-alt:before {
content: "\f15c";
}
.mgz-fa-file-archive:before {
content: "\f1c6";
}
.mgz-fa-file-audio:before {
content: "\f1c7";
}
.mgz-fa-file-code:before {
content: "\f1c9";
}
.mgz-fa-file-contract:before {
content: "\f56c";
}
.mgz-fa-file-csv:before {
content: "\f6dd";
}
.mgz-fa-file-download:before {
content: "\f56d";
}
.mgz-fa-file-excel:before {
content: "\f1c3";
}
.mgz-fa-file-export:before {
content: "\f56e";
}
.mgz-fa-file-image:before {
content: "\f1c5";
}
.mgz-fa-file-import:before {
content: "\f56f";
}
.mgz-fa-file-invoice:before {
content: "\f570";
}
.mgz-fa-file-invoice-dollar:before {
content: "\f571";
}
.mgz-fa-file-medical:before {
content: "\f477";
}
.mgz-fa-file-medical-alt:before {
content: "\f478";
}
.mgz-fa-file-pdf:before {
content: "\f1c1";
}
.mgz-fa-file-powerpoint:before {
content: "\f1c4";
}
.mgz-fa-file-prescription:before {
content: "\f572";
}
.mgz-fa-file-signature:before {
content: "\f573";
}
.mgz-fa-file-upload:before {
content: "\f574";
}
.mgz-fa-file-video:before {
content: "\f1c8";
}
.mgz-fa-file-word:before {
content: "\f1c2";
}
.mgz-fa-fill:before {
content: "\f575";
}
.mgz-fa-fill-drip:before {
content: "\f576";
}
.mgz-fa-film:before {
content: "\f008";
}
.mgz-fa-filter:before {
content: "\f0b0";
}
.mgz-fa-fingerprint:before {
content: "\f577";
}
.mgz-fa-fire:before {
content: "\f06d";
}
.mgz-fa-fire-alt:before {
content: "\f7e4";
}
.mgz-fa-fire-extinguisher:before {
content: "\f134";
}
.mgz-fa-firefox:before {
content: "\f269";
}
.mgz-fa-first-aid:before {
content: "\f479";
}
.mgz-fa-first-order:before {
content: "\f2b0";
}
.mgz-fa-first-order-alt:before {
content: "\f50a";
}
.mgz-fa-firstdraft:before {
content: "\f3a1";
}
.mgz-fa-fish:before {
content: "\f578";
}
.mgz-fa-fist-raised:before {
content: "\f6de";
}
.mgz-fa-flag:before {
content: "\f024";
}
.mgz-fa-flag-checkered:before {
content: "\f11e";
}
.mgz-fa-flag-usa:before {
content: "\f74d";
}
.mgz-fa-flask:before {
content: "\f0c3";
}
.mgz-fa-flickr:before {
content: "\f16e";
}
.mgz-fa-flipboard:before {
content: "\f44d";
}
.mgz-fa-flushed:before {
content: "\f579";
}
.mgz-fa-fly:before {
content: "\f417";
}
.mgz-fa-folder:before {
content: "\f07b";
}
.mgz-fa-folder-minus:before {
content: "\f65d";
}
.mgz-fa-folder-open:before {
content: "\f07c";
}
.mgz-fa-folder-plus:before {
content: "\f65e";
}
.mgz-fa-font:before {
content: "\f031";
}
.mgz-fa-font-awesome:before {
content: "\f2b4";
}
.mgz-fa-font-awesome-alt:before {
content: "\f35c";
}
.mgz-fa-font-awesome-flag:before {
content: "\f425";
}
.mgz-fa-font-awesome-logo-full:before {
content: "\f4e6";
}
.mgz-fa-fonticons:before {
content: "\f280";
}
.mgz-fa-fonticons-fi:before {
content: "\f3a2";
}
.mgz-fa-football-ball:before {
content: "\f44e";
}
.mgz-fa-fort-awesome:before {
content: "\f286";
}
.mgz-fa-fort-awesome-alt:before {
content: "\f3a3";
}
.mgz-fa-forumbee:before {
content: "\f211";
}
.mgz-fa-forward:before {
content: "\f04e";
}
.mgz-fa-foursquare:before {
content: "\f180";
}
.mgz-fa-free-code-camp:before {
content: "\f2c5";
}
.mgz-fa-freebsd:before {
content: "\f3a4";
}
.mgz-fa-frog:before {
content: "\f52e";
}
.mgz-fa-frown:before {
content: "\f119";
}
.mgz-fa-frown-open:before {
content: "\f57a";
}
.mgz-fa-fulcrum:before {
content: "\f50b";
}
.mgz-fa-funnel-dollar:before {
content: "\f662";
}
.mgz-fa-futbol:before {
content: "\f1e3";
}
.mgz-fa-galactic-republic:before {
content: "\f50c";
}
.mgz-fa-galactic-senate:before {
content: "\f50d";
}
.mgz-fa-gamepad:before {
content: "\f11b";
}
.mgz-fa-gas-pump:before {
content: "\f52f";
}
.mgz-fa-gavel:before {
content: "\f0e3";
}
.mgz-fa-gem:before {
content: "\f3a5";
}
.mgz-fa-genderless:before {
content: "\f22d";
}
.mgz-fa-get-pocket:before {
content: "\f265";
}
.mgz-fa-gg:before {
content: "\f260";
}
.mgz-fa-gg-circle:before {
content: "\f261";
}
.mgz-fa-ghost:before {
content: "\f6e2";
}
.mgz-fa-gift:before {
content: "\f06b";
}
.mgz-fa-gifts:before {
content: "\f79c";
}
.mgz-fa-git:before {
content: "\f1d3";
}
.mgz-fa-git-square:before {
content: "\f1d2";
}
.mgz-fa-github:before {
content: "\f09b";
}
.mgz-fa-github-alt:before {
content: "\f113";
}
.mgz-fa-github-square:before {
content: "\f092";
}
.mgz-fa-gitkraken:before {
content: "\f3a6";
}
.mgz-fa-gitlab:before {
content: "\f296";
}
.mgz-fa-gitter:before {
content: "\f426";
}
.mgz-fa-glass-cheers:before {
content: "\f79f";
}
.mgz-fa-glass-martini:before {
content: "\f000";
}
.mgz-fa-glass-martini-alt:before {
content: "\f57b";
}
.mgz-fa-glass-whiskey:before {
content: "\f7a0";
}
.mgz-fa-glasses:before {
content: "\f530";
}
.mgz-fa-glide:before {
content: "\f2a5";
}
.mgz-fa-glide-g:before {
content: "\f2a6";
}
.mgz-fa-globe:before {
content: "\f0ac";
}
.mgz-fa-globe-africa:before {
content: "\f57c";
}
.mgz-fa-globe-americas:before {
content: "\f57d";
}
.mgz-fa-globe-asia:before {
content: "\f57e";
}
.mgz-fa-globe-europe:before {
content: "\f7a2";
}
.mgz-fa-gofore:before {
content: "\f3a7";
}
.mgz-fa-golf-ball:before {
content: "\f450";
}
.mgz-fa-goodreads:before {
content: "\f3a8";
}
.mgz-fa-goodreads-g:before {
content: "\f3a9";
}
.mgz-fa-google:before {
content: "\f1a0";
}
.mgz-fa-google-drive:before {
content: "\f3aa";
}
.mgz-fa-google-play:before {
content: "\f3ab";
}
.mgz-fa-google-plus:before {
content: "\f2b3";
}
.mgz-fa-google-plus-g:before {
content: "\f0d5";
}
.mgz-fa-google-plus-square:before {
content: "\f0d4";
}
.mgz-fa-google-wallet:before {
content: "\f1ee";
}
.mgz-fa-gopuram:before {
content: "\f664";
}
.mgz-fa-graduation-cap:before {
content: "\f19d";
}
.mgz-fa-gratipay:before {
content: "\f184";
}
.mgz-fa-grav:before {
content: "\f2d6";
}
.mgz-fa-greater-than:before {
content: "\f531";
}
.mgz-fa-greater-than-equal:before {
content: "\f532";
}
.mgz-fa-grimace:before {
content: "\f57f";
}
.mgz-fa-grin:before {
content: "\f580";
}
.mgz-fa-grin-alt:before {
content: "\f581";
}
.mgz-fa-grin-beam:before {
content: "\f582";
}
.mgz-fa-grin-beam-sweat:before {
content: "\f583";
}
.mgz-fa-grin-hearts:before {
content: "\f584";
}
.mgz-fa-grin-squint:before {
content: "\f585";
}
.mgz-fa-grin-squint-tears:before {
content: "\f586";
}
.mgz-fa-grin-stars:before {
content: "\f587";
}
.mgz-fa-grin-tears:before {
content: "\f588";
}
.mgz-fa-grin-tongue:before {
content: "\f589";
}
.mgz-fa-grin-tongue-squint:before {
content: "\f58a";
}
.mgz-fa-grin-tongue-wink:before {
content: "\f58b";
}
.mgz-fa-grin-wink:before {
content: "\f58c";
}
.mgz-fa-grip-horizontal:before {
content: "\f58d";
}
.mgz-fa-grip-lines:before {
content: "\f7a4";
}
.mgz-fa-grip-lines-vertical:before {
content: "\f7a5";
}
.mgz-fa-grip-vertical:before {
content: "\f58e";
}
.mgz-fa-gripfire:before {
content: "\f3ac";
}
.mgz-fa-grunt:before {
content: "\f3ad";
}
.mgz-fa-guitar:before {
content: "\f7a6";
}
.mgz-fa-gulp:before {
content: "\f3ae";
}
.mgz-fa-h-square:before {
content: "\f0fd";
}
.mgz-fa-hacker-news:before {
content: "\f1d4";
}
.mgz-fa-hacker-news-square:before {
content: "\f3af";
}
.mgz-fa-hackerrank:before {
content: "\f5f7";
}
.mgz-fa-hamburger:before {
content: "\f805";
}
.mgz-fa-hammer:before {
content: "\f6e3";
}
.mgz-fa-hamsa:before {
content: "\f665";
}
.mgz-fa-hand-holding:before {
content: "\f4bd";
}
.mgz-fa-hand-holding-heart:before {
content: "\f4be";
}
.mgz-fa-hand-holding-usd:before {
content: "\f4c0";
}
.mgz-fa-hand-lizard:before {
content: "\f258";
}
.mgz-fa-hand-middle-finger:before {
content: "\f806";
}
.mgz-fa-hand-paper:before {
content: "\f256";
}
.mgz-fa-hand-peace:before {
content: "\f25b";
}
.mgz-fa-hand-point-down:before {
content: "\f0a7";
}
.mgz-fa-hand-point-left:before {
content: "\f0a5";
}
.mgz-fa-hand-point-right:before {
content: "\f0a4";
}
.mgz-fa-hand-point-up:before {
content: "\f0a6";
}
.mgz-fa-hand-pointer:before {
content: "\f25a";
}
.mgz-fa-hand-rock:before {
content: "\f255";
}
.mgz-fa-hand-scissors:before {
content: "\f257";
}
.mgz-fa-hand-spock:before {
content: "\f259";
}
.mgz-fa-hands:before {
content: "\f4c2";
}
.mgz-fa-hands-helping:before {
content: "\f4c4";
}
.mgz-fa-handshake:before {
content: "\f2b5";
}
.mgz-fa-hanukiah:before {
content: "\f6e6";
}
.mgz-fa-hard-hat:before {
content: "\f807";
}
.mgz-fa-hashtag:before {
content: "\f292";
}
.mgz-fa-hat-wizard:before {
content: "\f6e8";
}
.mgz-fa-haykal:before {
content: "\f666";
}
.mgz-fa-hdd:before {
content: "\f0a0";
}
.mgz-fa-heading:before {
content: "\f1dc";
}
.mgz-fa-headphones:before {
content: "\f025";
}
.mgz-fa-headphones-alt:before {
content: "\f58f";
}
.mgz-fa-headset:before {
content: "\f590";
}
.mgz-fa-heart:before {
content: "\f004";
}
.mgz-fa-heart-broken:before {
content: "\f7a9";
}
.mgz-fa-heartbeat:before {
content: "\f21e";
}
.mgz-fa-helicopter:before {
content: "\f533";
}
.mgz-fa-highlighter:before {
content: "\f591";
}
.mgz-fa-hiking:before {
content: "\f6ec";
}
.mgz-fa-hippo:before {
content: "\f6ed";
}
.mgz-fa-hips:before {
content: "\f452";
}
.mgz-fa-hire-a-helper:before {
content: "\f3b0";
}
.mgz-fa-history:before {
content: "\f1da";
}
.mgz-fa-hockey-puck:before {
content: "\f453";
}
.mgz-fa-holly-berry:before {
content: "\f7aa";
}
.mgz-fa-home:before {
content: "\f015";
}
.mgz-fa-hooli:before {
content: "\f427";
}
.mgz-fa-hornbill:before {
content: "\f592";
}
.mgz-fa-horse:before {
content: "\f6f0";
}
.mgz-fa-horse-head:before {
content: "\f7ab";
}
.mgz-fa-hospital:before {
content: "\f0f8";
}
.mgz-fa-hospital-alt:before {
content: "\f47d";
}
.mgz-fa-hospital-symbol:before {
content: "\f47e";
}
.mgz-fa-hot-tub:before {
content: "\f593";
}
.mgz-fa-hotdog:before {
content: "\f80f";
}
.mgz-fa-hotel:before {
content: "\f594";
}
.mgz-fa-hotjar:before {
content: "\f3b1";
}
.mgz-fa-hourglass:before {
content: "\f254";
}
.mgz-fa-hourglass-end:before {
content: "\f253";
}
.mgz-fa-hourglass-half:before {
content: "\f252";
}
.mgz-fa-hourglass-start:before {
content: "\f251";
}
.mgz-fa-house-damage:before {
content: "\f6f1";
}
.mgz-fa-houzz:before {
content: "\f27c";
}
.mgz-fa-hryvnia:before {
content: "\f6f2";
}
.mgz-fa-html5:before {
content: "\f13b";
}
.mgz-fa-hubspot:before {
content: "\f3b2";
}
.mgz-fa-i-cursor:before {
content: "\f246";
}
.mgz-fa-ice-cream:before {
content: "\f810";
}
.mgz-fa-icicles:before {
content: "\f7ad";
}
.mgz-fa-id-badge:before {
content: "\f2c1";
}
.mgz-fa-id-card:before {
content: "\f2c2";
}
.mgz-fa-id-card-alt:before {
content: "\f47f";
}
.mgz-fa-igloo:before {
content: "\f7ae";
}
.mgz-fa-image:before {
content: "\f03e";
}
.mgz-fa-images:before {
content: "\f302";
}
.mgz-fa-imdb:before {
content: "\f2d8";
}
.mgz-fa-inbox:before {
content: "\f01c";
}
.mgz-fa-indent:before {
content: "\f03c";
}
.mgz-fa-industry:before {
content: "\f275";
}
.mgz-fa-infinity:before {
content: "\f534";
}
.mgz-fa-info:before {
content: "\f129";
}
.mgz-fa-info-circle:before {
content: "\f05a";
}
.mgz-fa-instagram:before {
content: "\f16d";
}
.mgz-fa-intercom:before {
content: "\f7af";
}
.mgz-fa-internet-explorer:before {
content: "\f26b";
}
.mgz-fa-invision:before {
content: "\f7b0";
}
.mgz-fa-ioxhost:before {
content: "\f208";
}
.mgz-fa-italic:before {
content: "\f033";
}
.mgz-fa-itch-io:before {
content: "\f83a";
}
.mgz-fa-itunes:before {
content: "\f3b4";
}
.mgz-fa-itunes-note:before {
content: "\f3b5";
}
.mgz-fa-java:before {
content: "\f4e4";
}
.mgz-fa-jedi:before {
content: "\f669";
}
.mgz-fa-jedi-order:before {
content: "\f50e";
}
.mgz-fa-jenkins:before {
content: "\f3b6";
}
.mgz-fa-jira:before {
content: "\f7b1";
}
.mgz-fa-joget:before {
content: "\f3b7";
}
.mgz-fa-joint:before {
content: "\f595";
}
.mgz-fa-joomla:before {
content: "\f1aa";
}
.mgz-fa-journal-whills:before {
content: "\f66a";
}
.mgz-fa-js:before {
content: "\f3b8";
}
.mgz-fa-js-square:before {
content: "\f3b9";
}
.mgz-fa-jsfiddle:before {
content: "\f1cc";
}
.mgz-fa-kaaba:before {
content: "\f66b";
}
.mgz-fa-kaggle:before {
content: "\f5fa";
}
.mgz-fa-key:before {
content: "\f084";
}
.mgz-fa-keybase:before {
content: "\f4f5";
}
.mgz-fa-keyboard:before {
content: "\f11c";
}
.mgz-fa-keycdn:before {
content: "\f3ba";
}
.mgz-fa-khanda:before {
content: "\f66d";
}
.mgz-fa-kickstarter:before {
content: "\f3bb";
}
.mgz-fa-kickstarter-k:before {
content: "\f3bc";
}
.mgz-fa-kiss:before {
content: "\f596";
}
.mgz-fa-kiss-beam:before {
content: "\f597";
}
.mgz-fa-kiss-wink-heart:before {
content: "\f598";
}
.mgz-fa-kiwi-bird:before {
content: "\f535";
}
.mgz-fa-korvue:before {
content: "\f42f";
}
.mgz-fa-landmark:before {
content: "\f66f";
}
.mgz-fa-language:before {
content: "\f1ab";
}
.mgz-fa-laptop:before {
content: "\f109";
}
.mgz-fa-laptop-code:before {
content: "\f5fc";
}
.mgz-fa-laptop-medical:before {
content: "\f812";
}
.mgz-fa-laravel:before {
content: "\f3bd";
}
.mgz-fa-lastfm:before {
content: "\f202";
}
.mgz-fa-lastfm-square:before {
content: "\f203";
}
.mgz-fa-laugh:before {
content: "\f599";
}
.mgz-fa-laugh-beam:before {
content: "\f59a";
}
.mgz-fa-laugh-squint:before {
content: "\f59b";
}
.mgz-fa-laugh-wink:before {
content: "\f59c";
}
.mgz-fa-layer-group:before {
content: "\f5fd";
}
.mgz-fa-leaf:before {
content: "\f06c";
}
.mgz-fa-leanpub:before {
content: "\f212";
}
.mgz-fa-lemon:before {
content: "\f094";
}
.mgz-fa-less:before {
content: "\f41d";
}
.mgz-fa-less-than:before {
content: "\f536";
}
.mgz-fa-less-than-equal:before {
content: "\f537";
}
.mgz-fa-level-down-alt:before {
content: "\f3be";
}
.mgz-fa-level-up-alt:before {
content: "\f3bf";
}
.mgz-fa-life-ring:before {
content: "\f1cd";
}
.mgz-fa-lightbulb:before {
content: "\f0eb";
}
.mgz-fa-line:before {
content: "\f3c0";
}
.mgz-fa-link:before {
content: "\f0c1";
}
.mgz-fa-linkedin:before {
content: "\f08c";
}
.mgz-fa-linkedin-in:before {
content: "\f0e1";
}
.mgz-fa-linode:before {
content: "\f2b8";
}
.mgz-fa-linux:before {
content: "\f17c";
}
.mgz-fa-lira-sign:before {
content: "\f195";
}
.mgz-fa-list:before {
content: "\f03a";
}
.mgz-fa-list-alt:before {
content: "\f022";
}
.mgz-fa-list-ol:before {
content: "\f0cb";
}
.mgz-fa-list-ul:before {
content: "\f0ca";
}
.mgz-fa-location-arrow:before {
content: "\f124";
}
.mgz-fa-lock:before {
content: "\f023";
}
.mgz-fa-lock-open:before {
content: "\f3c1";
}
.mgz-fa-long-arrow-alt-down:before {
content: "\f309";
}
.mgz-fa-long-arrow-alt-left:before {
content: "\f30a";
}
.mgz-fa-long-arrow-alt-right:before {
content: "\f30b";
}
.mgz-fa-long-arrow-alt-up:before {
content: "\f30c";
}
.mgz-fa-low-vision:before {
content: "\f2a8";
}
.mgz-fa-luggage-cart:before {
content: "\f59d";
}
.mgz-fa-lyft:before {
content: "\f3c3";
}
.mgz-fa-magento:before {
content: "\f3c4";
}
.mgz-fa-magic:before {
content: "\f0d0";
}
.mgz-fa-magnet:before {
content: "\f076";
}
.mgz-fa-mail-bulk:before {
content: "\f674";
}
.mgz-fa-mailchimp:before {
content: "\f59e";
}
.mgz-fa-male:before {
content: "\f183";
}
.mgz-fa-mandalorian:before {
content: "\f50f";
}
.mgz-fa-map:before {
content: "\f279";
}
.mgz-fa-map-marked:before {
content: "\f59f";
}
.mgz-fa-map-marked-alt:before {
content: "\f5a0";
}
.mgz-fa-map-marker:before {
content: "\f041";
}
.mgz-fa-map-marker-alt:before {
content: "\f3c5";
}
.mgz-fa-map-pin:before {
content: "\f276";
}
.mgz-fa-map-signs:before {
content: "\f277";
}
.mgz-fa-markdown:before {
content: "\f60f";
}
.mgz-fa-marker:before {
content: "\f5a1";
}
.mgz-fa-mars:before {
content: "\f222";
}
.mgz-fa-mars-double:before {
content: "\f227";
}
.mgz-fa-mars-stroke:before {
content: "\f229";
}
.mgz-fa-mars-stroke-h:before {
content: "\f22b";
}
.mgz-fa-mars-stroke-v:before {
content: "\f22a";
}
.mgz-fa-mask:before {
content: "\f6fa";
}
.mgz-fa-mastodon:before {
content: "\f4f6";
}
.mgz-fa-maxcdn:before {
content: "\f136";
}
.mgz-fa-medal:before {
content: "\f5a2";
}
.mgz-fa-medapps:before {
content: "\f3c6";
}
.mgz-fa-medium:before {
content: "\f23a";
}
.mgz-fa-medium-m:before {
content: "\f3c7";
}
.mgz-fa-medkit:before {
content: "\f0fa";
}
.mgz-fa-medrt:before {
content: "\f3c8";
}
.mgz-fa-meetup:before {
content: "\f2e0";
}
.mgz-fa-megaport:before {
content: "\f5a3";
}
.mgz-fa-meh:before {
content: "\f11a";
}
.mgz-fa-meh-blank:before {
content: "\f5a4";
}
.mgz-fa-meh-rolling-eyes:before {
content: "\f5a5";
}
.mgz-fa-memory:before {
content: "\f538";
}
.mgz-fa-mendeley:before {
content: "\f7b3";
}
.mgz-fa-menorah:before {
content: "\f676";
}
.mgz-fa-mercury:before {
content: "\f223";
}
.mgz-fa-meteor:before {
content: "\f753";
}
.mgz-fa-microchip:before {
content: "\f2db";
}
.mgz-fa-microphone:before {
content: "\f130";
}
.mgz-fa-microphone-alt:before {
content: "\f3c9";
}
.mgz-fa-microphone-alt-slash:before {
content: "\f539";
}
.mgz-fa-microphone-slash:before {
content: "\f131";
}
.mgz-fa-microscope:before {
content: "\f610";
}
.mgz-fa-microsoft:before {
content: "\f3ca";
}
.mgz-fa-minus:before {
content: "\f068";
}
.mgz-fa-minus-circle:before {
content: "\f056";
}
.mgz-fa-minus-square:before {
content: "\f146";
}
.mgz-fa-mitten:before {
content: "\f7b5";
}
.mgz-fa-mix:before {
content: "\f3cb";
}
.mgz-fa-mixcloud:before {
content: "\f289";
}
.mgz-fa-mizuni:before {
content: "\f3cc";
}
.mgz-fa-mobile:before {
content: "\f10b";
}
.mgz-fa-mobile-alt:before {
content: "\f3cd";
}
.mgz-fa-modx:before {
content: "\f285";
}
.mgz-fa-monero:before {
content: "\f3d0";
}
.mgz-fa-money-bill:before {
content: "\f0d6";
}
.mgz-fa-money-bill-alt:before {
content: "\f3d1";
}
.mgz-fa-money-bill-wave:before {
content: "\f53a";
}
.mgz-fa-money-bill-wave-alt:before {
content: "\f53b";
}
.mgz-fa-money-check:before {
content: "\f53c";
}
.mgz-fa-money-check-alt:before {
content: "\f53d";
}
.mgz-fa-monument:before {
content: "\f5a6";
}
.mgz-fa-moon:before {
content: "\f186";
}
.mgz-fa-mortar-pestle:before {
content: "\f5a7";
}
.mgz-fa-mosque:before {
content: "\f678";
}
.mgz-fa-motorcycle:before {
content: "\f21c";
}
.mgz-fa-mountain:before {
content: "\f6fc";
}
.mgz-fa-mouse-pointer:before {
content: "\f245";
}
.mgz-fa-mug-hot:before {
content: "\f7b6";
}
.mgz-fa-music:before {
content: "\f001";
}
.mgz-fa-napster:before {
content: "\f3d2";
}
.mgz-fa-neos:before {
content: "\f612";
}
.mgz-fa-network-wired:before {
content: "\f6ff";
}
.mgz-fa-neuter:before {
content: "\f22c";
}
.mgz-fa-newspaper:before {
content: "\f1ea";
}
.mgz-fa-nimblr:before {
content: "\f5a8";
}
.mgz-fa-nintendo-switch:before {
content: "\f418";
}
.mgz-fa-node:before {
content: "\f419";
}
.mgz-fa-node-js:before {
content: "\f3d3";
}
.mgz-fa-not-equal:before {
content: "\f53e";
}
.mgz-fa-notes-medical:before {
content: "\f481";
}
.mgz-fa-npm:before {
content: "\f3d4";
}
.mgz-fa-ns8:before {
content: "\f3d5";
}
.mgz-fa-nutritionix:before {
content: "\f3d6";
}
.mgz-fa-object-group:before {
content: "\f247";
}
.mgz-fa-object-ungroup:before {
content: "\f248";
}
.mgz-fa-odnoklassniki:before {
content: "\f263";
}
.mgz-fa-odnoklassniki-square:before {
content: "\f264";
}
.mgz-fa-oil-can:before {
content: "\f613";
}
.mgz-fa-old-republic:before {
content: "\f510";
}
.mgz-fa-om:before {
content: "\f679";
}
.mgz-fa-opencart:before {
content: "\f23d";
}
.mgz-fa-openid:before {
content: "\f19b";
}
.mgz-fa-opera:before {
content: "\f26a";
}
.mgz-fa-optin-monster:before {
content: "\f23c";
}
.mgz-fa-osi:before {
content: "\f41a";
}
.mgz-fa-otter:before {
content: "\f700";
}
.mgz-fa-outdent:before {
content: "\f03b";
}
.mgz-fa-page4:before {
content: "\f3d7";
}
.mgz-fa-pagelines:before {
content: "\f18c";
}
.mgz-fa-pager:before {
content: "\f815";
}
.mgz-fa-paint-brush:before {
content: "\f1fc";
}
.mgz-fa-paint-roller:before {
content: "\f5aa";
}
.mgz-fa-palette:before {
content: "\f53f";
}
.mgz-fa-palfed:before {
content: "\f3d8";
}
.mgz-fa-pallet:before {
content: "\f482";
}
.mgz-fa-paper-plane:before {
content: "\f1d8";
}
.mgz-fa-paperclip:before {
content: "\f0c6";
}
.mgz-fa-parachute-box:before {
content: "\f4cd";
}
.mgz-fa-paragraph:before {
content: "\f1dd";
}
.mgz-fa-parking:before {
content: "\f540";
}
.mgz-fa-passport:before {
content: "\f5ab";
}
.mgz-fa-pastafarianism:before {
content: "\f67b";
}
.mgz-fa-paste:before {
content: "\f0ea";
}
.mgz-fa-patreon:before {
content: "\f3d9";
}
.mgz-fa-pause:before {
content: "\f04c";
}
.mgz-fa-pause-circle:before {
content: "\f28b";
}
.mgz-fa-paw:before {
content: "\f1b0";
}
.mgz-fa-paypal:before {
content: "\f1ed";
}
.mgz-fa-peace:before {
content: "\f67c";
}
.mgz-fa-pen:before {
content: "\f304";
}
.mgz-fa-pen-alt:before {
content: "\f305";
}
.mgz-fa-pen-fancy:before {
content: "\f5ac";
}
.mgz-fa-pen-nib:before {
content: "\f5ad";
}
.mgz-fa-pen-square:before {
content: "\f14b";
}
.mgz-fa-pencil-alt:before {
content: "\f303";
}
.mgz-fa-pencil-ruler:before {
content: "\f5ae";
}
.mgz-fa-penny-arcade:before {
content: "\f704";
}
.mgz-fa-people-carry:before {
content: "\f4ce";
}
.mgz-fa-pepper-hot:before {
content: "\f816";
}
.mgz-fa-percent:before {
content: "\f295";
}
.mgz-fa-percentage:before {
content: "\f541";
}
.mgz-fa-periscope:before {
content: "\f3da";
}
.mgz-fa-person-booth:before {
content: "\f756";
}
.mgz-fa-phabricator:before {
content: "\f3db";
}
.mgz-fa-phoenix-framework:before {
content: "\f3dc";
}
.mgz-fa-phoenix-squadron:before {
content: "\f511";
}
.mgz-fa-phone:before {
content: "\f095";
}
.mgz-fa-phone-slash:before {
content: "\f3dd";
}
.mgz-fa-phone-square:before {
content: "\f098";
}
.mgz-fa-phone-volume:before {
content: "\f2a0";
}
.mgz-fa-php:before {
content: "\f457";
}
.mgz-fa-pied-piper:before {
content: "\f2ae";
}
.mgz-fa-pied-piper-alt:before {
content: "\f1a8";
}
.mgz-fa-pied-piper-hat:before {
content: "\f4e5";
}
.mgz-fa-pied-piper-pp:before {
content: "\f1a7";
}
.mgz-fa-piggy-bank:before {
content: "\f4d3";
}
.mgz-fa-pills:before {
content: "\f484";
}
.mgz-fa-pinterest:before {
content: "\f0d2";
}
.mgz-fa-pinterest-p:before {
content: "\f231";
}
.mgz-fa-pinterest-square:before {
content: "\f0d3";
}
.mgz-fa-pizza-slice:before {
content: "\f818";
}
.mgz-fa-place-of-worship:before {
content: "\f67f";
}
.mgz-fa-plane:before {
content: "\f072";
}
.mgz-fa-plane-arrival:before {
content: "\f5af";
}
.mgz-fa-plane-departure:before {
content: "\f5b0";
}
.mgz-fa-play:before {
content: "\f04b";
}
.mgz-fa-play-circle:before {
content: "\f144";
}
.mgz-fa-playstation:before {
content: "\f3df";
}
.mgz-fa-plug:before {
content: "\f1e6";
}
.mgz-fa-plus:before {
content: "\f067";
}
.mgz-fa-plus-circle:before {
content: "\f055";
}
.mgz-fa-plus-square:before {
content: "\f0fe";
}
.mgz-fa-podcast:before {
content: "\f2ce";
}
.mgz-fa-poll:before {
content: "\f681";
}
.mgz-fa-poll-h:before {
content: "\f682";
}
.mgz-fa-poo:before {
content: "\f2fe";
}
.mgz-fa-poo-storm:before {
content: "\f75a";
}
.mgz-fa-poop:before {
content: "\f619";
}
.mgz-fa-portrait:before {
content: "\f3e0";
}
.mgz-fa-pound-sign:before {
content: "\f154";
}
.mgz-fa-power-off:before {
content: "\f011";
}
.mgz-fa-pray:before {
content: "\f683";
}
.mgz-fa-praying-hands:before {
content: "\f684";
}
.mgz-fa-prescription:before {
content: "\f5b1";
}
.mgz-fa-prescription-bottle:before {
content: "\f485";
}
.mgz-fa-prescription-bottle-alt:before {
content: "\f486";
}
.mgz-fa-print:before {
content: "\f02f";
}
.mgz-fa-procedures:before {
content: "\f487";
}
.mgz-fa-product-hunt:before {
content: "\f288";
}
.mgz-fa-project-diagram:before {
content: "\f542";
}
.mgz-fa-pushed:before {
content: "\f3e1";
}
.mgz-fa-puzzle-piece:before {
content: "\f12e";
}
.mgz-fa-python:before {
content: "\f3e2";
}
.mgz-fa-qq:before {
content: "\f1d6";
}
.mgz-fa-qrcode:before {
content: "\f029";
}
.mgz-fa-question:before {
content: "\f128";
}
.mgz-fa-question-circle:before {
content: "\f059";
}
.mgz-fa-quidditch:before {
content: "\f458";
}
.mgz-fa-quinscape:before {
content: "\f459";
}
.mgz-fa-quora:before {
content: "\f2c4";
}
.mgz-fa-quote-left:before {
content: "\f10d";
}
.mgz-fa-quote-right:before {
content: "\f10e";
}
.mgz-fa-quran:before {
content: "\f687";
}
.mgz-fa-r-project:before {
content: "\f4f7";
}
.mgz-fa-radiation:before {
content: "\f7b9";
}
.mgz-fa-radiation-alt:before {
content: "\f7ba";
}
.mgz-fa-rainbow:before {
content: "\f75b";
}
.mgz-fa-random:before {
content: "\f074";
}
.mgz-fa-raspberry-pi:before {
content: "\f7bb";
}
.mgz-fa-ravelry:before {
content: "\f2d9";
}
.mgz-fa-react:before {
content: "\f41b";
}
.mgz-fa-reacteurope:before {
content: "\f75d";
}
.mgz-fa-readme:before {
content: "\f4d5";
}
.mgz-fa-rebel:before {
content: "\f1d0";
}
.mgz-fa-receipt:before {
content: "\f543";
}
.mgz-fa-recycle:before {
content: "\f1b8";
}
.mgz-fa-red-river:before {
content: "\f3e3";
}
.mgz-fa-reddit:before {
content: "\f1a1";
}
.mgz-fa-reddit-alien:before {
content: "\f281";
}
.mgz-fa-reddit-square:before {
content: "\f1a2";
}
.mgz-fa-redhat:before {
content: "\f7bc";
}
.mgz-fa-redo:before {
content: "\f01e";
}
.mgz-fa-redo-alt:before {
content: "\f2f9";
}
.mgz-fa-registered:before {
content: "\f25d";
}
.mgz-fa-renren:before {
content: "\f18b";
}
.mgz-fa-reply:before {
content: "\f3e5";
}
.mgz-fa-reply-all:before {
content: "\f122";
}
.mgz-fa-replyd:before {
content: "\f3e6";
}
.mgz-fa-republican:before {
content: "\f75e";
}
.mgz-fa-researchgate:before {
content: "\f4f8";
}
.mgz-fa-resolving:before {
content: "\f3e7";
}
.mgz-fa-restroom:before {
content: "\f7bd";
}
.mgz-fa-retweet:before {
content: "\f079";
}
.mgz-fa-rev:before {
content: "\f5b2";
}
.mgz-fa-ribbon:before {
content: "\f4d6";
}
.mgz-fa-ring:before {
content: "\f70b";
}
.mgz-fa-road:before {
content: "\f018";
}
.mgz-fa-robot:before {
content: "\f544";
}
.mgz-fa-rocket:before {
content: "\f135";
}
.mgz-fa-rocketchat:before {
content: "\f3e8";
}
.mgz-fa-rockrms:before {
content: "\f3e9";
}
.mgz-fa-route:before {
content: "\f4d7";
}
.mgz-fa-rss:before {
content: "\f09e";
}
.mgz-fa-rss-square:before {
content: "\f143";
}
.mgz-fa-ruble-sign:before {
content: "\f158";
}
.mgz-fa-ruler:before {
content: "\f545";
}
.mgz-fa-ruler-combined:before {
content: "\f546";
}
.mgz-fa-ruler-horizontal:before {
content: "\f547";
}
.mgz-fa-ruler-vertical:before {
content: "\f548";
}
.mgz-fa-running:before {
content: "\f70c";
}
.mgz-fa-rupee-sign:before {
content: "\f156";
}
.mgz-fa-sad-cry:before {
content: "\f5b3";
}
.mgz-fa-sad-tear:before {
content: "\f5b4";
}
.mgz-fa-safari:before {
content: "\f267";
}
.mgz-fa-salesforce:before {
content: "\f83b";
}
.mgz-fa-sass:before {
content: "\f41e";
}
.mgz-fa-satellite:before {
content: "\f7bf";
}
.mgz-fa-satellite-dish:before {
content: "\f7c0";
}
.mgz-fa-save:before {
content: "\f0c7";
}
.mgz-fa-schlix:before {
content: "\f3ea";
}
.mgz-fa-school:before {
content: "\f549";
}
.mgz-fa-screwdriver:before {
content: "\f54a";
}
.mgz-fa-scribd:before {
content: "\f28a";
}
.mgz-fa-scroll:before {
content: "\f70e";
}
.mgz-fa-sd-card:before {
content: "\f7c2";
}
.mgz-fa-search:before {
content: "\f002";
}
.mgz-fa-search-dollar:before {
content: "\f688";
}
.mgz-fa-search-location:before {
content: "\f689";
}
.mgz-fa-search-minus:before {
content: "\f010";
}
.mgz-fa-search-plus:before {
content: "\f00e";
}
.mgz-fa-searchengin:before {
content: "\f3eb";
}
.mgz-fa-seedling:before {
content: "\f4d8";
}
.mgz-fa-sellcast:before {
content: "\f2da";
}
.mgz-fa-sellsy:before {
content: "\f213";
}
.mgz-fa-server:before {
content: "\f233";
}
.mgz-fa-servicestack:before {
content: "\f3ec";
}
.mgz-fa-shapes:before {
content: "\f61f";
}
.mgz-fa-share:before {
content: "\f064";
}
.mgz-fa-share-alt:before {
content: "\f1e0";
}
.mgz-fa-share-alt-square:before {
content: "\f1e1";
}
.mgz-fa-share-square:before {
content: "\f14d";
}
.mgz-fa-shekel-sign:before {
content: "\f20b";
}
.mgz-fa-shield-alt:before {
content: "\f3ed";
}
.mgz-fa-ship:before {
content: "\f21a";
}
.mgz-fa-shipping-fast:before {
content: "\f48b";
}
.mgz-fa-shirtsinbulk:before {
content: "\f214";
}
.mgz-fa-shoe-prints:before {
content: "\f54b";
}
.mgz-fa-shopping-bag:before {
content: "\f290";
}
.mgz-fa-shopping-basket:before {
content: "\f291";
}
.mgz-fa-shopping-cart:before {
content: "\f07a";
}
.mgz-fa-shopware:before {
content: "\f5b5";
}
.mgz-fa-shower:before {
content: "\f2cc";
}
.mgz-fa-shuttle-van:before {
content: "\f5b6";
}
.mgz-fa-sign:before {
content: "\f4d9";
}
.mgz-fa-sign-in-alt:before {
content: "\f2f6";
}
.mgz-fa-sign-language:before {
content: "\f2a7";
}
.mgz-fa-sign-out-alt:before {
content: "\f2f5";
}
.mgz-fa-signal:before {
content: "\f012";
}
.mgz-fa-signature:before {
content: "\f5b7";
}
.mgz-fa-sim-card:before {
content: "\f7c4";
}
.mgz-fa-simplybuilt:before {
content: "\f215";
}
.mgz-fa-sistrix:before {
content: "\f3ee";
}
.mgz-fa-sitemap:before {
content: "\f0e8";
}
.mgz-fa-sith:before {
content: "\f512";
}
.mgz-fa-skating:before {
content: "\f7c5";
}
.mgz-fa-sketch:before {
content: "\f7c6";
}
.mgz-fa-skiing:before {
content: "\f7c9";
}
.mgz-fa-skiing-nordic:before {
content: "\f7ca";
}
.mgz-fa-skull:before {
content: "\f54c";
}
.mgz-fa-skull-crossbones:before {
content: "\f714";
}
.mgz-fa-skyatlas:before {
content: "\f216";
}
.mgz-fa-skype:before {
content: "\f17e";
}
.mgz-fa-slack:before {
content: "\f198";
}
.mgz-fa-slack-hash:before {
content: "\f3ef";
}
.mgz-fa-slash:before {
content: "\f715";
}
.mgz-fa-sleigh:before {
content: "\f7cc";
}
.mgz-fa-sliders-h:before {
content: "\f1de";
}
.mgz-fa-slideshare:before {
content: "\f1e7";
}
.mgz-fa-smile:before {
content: "\f118";
}
.mgz-fa-smile-beam:before {
content: "\f5b8";
}
.mgz-fa-smile-wink:before {
content: "\f4da";
}
.mgz-fa-smog:before {
content: "\f75f";
}
.mgz-fa-smoking:before {
content: "\f48d";
}
.mgz-fa-smoking-ban:before {
content: "\f54d";
}
.mgz-fa-sms:before {
content: "\f7cd";
}
.mgz-fa-snapchat:before {
content: "\f2ab";
}
.mgz-fa-snapchat-ghost:before {
content: "\f2ac";
}
.mgz-fa-snapchat-square:before {
content: "\f2ad";
}
.mgz-fa-snowboarding:before {
content: "\f7ce";
}
.mgz-fa-snowflake:before {
content: "\f2dc";
}
.mgz-fa-snowman:before {
content: "\f7d0";
}
.mgz-fa-snowplow:before {
content: "\f7d2";
}
.mgz-fa-socks:before {
content: "\f696";
}
.mgz-fa-solar-panel:before {
content: "\f5ba";
}
.mgz-fa-sort:before {
content: "\f0dc";
}
.mgz-fa-sort-alpha-down:before {
content: "\f15d";
}
.mgz-fa-sort-alpha-up:before {
content: "\f15e";
}
.mgz-fa-sort-amount-down:before {
content: "\f160";
}
.mgz-fa-sort-amount-up:before {
content: "\f161";
}
.mgz-fa-sort-down:before {
content: "\f0dd";
}
.mgz-fa-sort-numeric-down:before {
content: "\f162";
}
.mgz-fa-sort-numeric-up:before {
content: "\f163";
}
.mgz-fa-sort-up:before {
content: "\f0de";
}
.mgz-fa-soundcloud:before {
content: "\f1be";
}
.mgz-fa-sourcetree:before {
content: "\f7d3";
}
.mgz-fa-spa:before {
content: "\f5bb";
}
.mgz-fa-space-shuttle:before {
content: "\f197";
}
.mgz-fa-speakap:before {
content: "\f3f3";
}
.mgz-fa-speaker-deck:before {
content: "\f83c";
}
.mgz-fa-spider:before {
content: "\f717";
}
.mgz-fa-spinner:before {
content: "\f110";
}
.mgz-fa-splotch:before {
content: "\f5bc";
}
.mgz-fa-spotify:before {
content: "\f1bc";
}
.mgz-fa-spray-can:before {
content: "\f5bd";
}
.mgz-fa-square:before {
content: "\f0c8";
}
.mgz-fa-square-full:before {
content: "\f45c";
}
.mgz-fa-square-root-alt:before {
content: "\f698";
}
.mgz-fa-squarespace:before {
content: "\f5be";
}
.mgz-fa-stack-exchange:before {
content: "\f18d";
}
.mgz-fa-stack-overflow:before {
content: "\f16c";
}
.mgz-fa-stamp:before {
content: "\f5bf";
}
.mgz-fa-star:before {
content: "\f005";
}
.mgz-fa-star-and-crescent:before {
content: "\f699";
}
.mgz-fa-star-half:before {
content: "\f089";
}
.mgz-fa-star-half-alt:before {
content: "\f5c0";
}
.mgz-fa-star-of-david:before {
content: "\f69a";
}
.mgz-fa-star-of-life:before {
content: "\f621";
}
.mgz-fa-staylinked:before {
content: "\f3f5";
}
.mgz-fa-steam:before {
content: "\f1b6";
}
.mgz-fa-steam-square:before {
content: "\f1b7";
}
.mgz-fa-steam-symbol:before {
content: "\f3f6";
}
.mgz-fa-step-backward:before {
content: "\f048";
}
.mgz-fa-step-forward:before {
content: "\f051";
}
.mgz-fa-stethoscope:before {
content: "\f0f1";
}
.mgz-fa-sticker-mule:before {
content: "\f3f7";
}
.mgz-fa-sticky-note:before {
content: "\f249";
}
.mgz-fa-stop:before {
content: "\f04d";
}
.mgz-fa-stop-circle:before {
content: "\f28d";
}
.mgz-fa-stopwatch:before {
content: "\f2f2";
}
.mgz-fa-store:before {
content: "\f54e";
}
.mgz-fa-store-alt:before {
content: "\f54f";
}
.mgz-fa-strava:before {
content: "\f428";
}
.mgz-fa-stream:before {
content: "\f550";
}
.mgz-fa-street-view:before {
content: "\f21d";
}
.mgz-fa-strikethrough:before {
content: "\f0cc";
}
.mgz-fa-stripe:before {
content: "\f429";
}
.mgz-fa-stripe-s:before {
content: "\f42a";
}
.mgz-fa-stroopwafel:before {
content: "\f551";
}
.mgz-fa-studiovinari:before {
content: "\f3f8";
}
.mgz-fa-stumbleupon:before {
content: "\f1a4";
}
.mgz-fa-stumbleupon-circle:before {
content: "\f1a3";
}
.mgz-fa-subscript:before {
content: "\f12c";
}
.mgz-fa-subway:before {
content: "\f239";
}
.mgz-fa-suitcase:before {
content: "\f0f2";
}
.mgz-fa-suitcase-rolling:before {
content: "\f5c1";
}
.mgz-fa-sun:before {
content: "\f185";
}
.mgz-fa-superpowers:before {
content: "\f2dd";
}
.mgz-fa-superscript:before {
content: "\f12b";
}
.mgz-fa-supple:before {
content: "\f3f9";
}
.mgz-fa-surprise:before {
content: "\f5c2";
}
.mgz-fa-suse:before {
content: "\f7d6";
}
.mgz-fa-swatchbook:before {
content: "\f5c3";
}
.mgz-fa-swimmer:before {
content: "\f5c4";
}
.mgz-fa-swimming-pool:before {
content: "\f5c5";
}
.mgz-fa-symfony:before {
content: "\f83d";
}
.mgz-fa-synagogue:before {
content: "\f69b";
}
.mgz-fa-sync:before {
content: "\f021";
}
.mgz-fa-sync-alt:before {
content: "\f2f1";
}
.mgz-fa-syringe:before {
content: "\f48e";
}
.mgz-fa-table:before {
content: "\f0ce";
}
.mgz-fa-table-tennis:before {
content: "\f45d";
}
.mgz-fa-tablet:before {
content: "\f10a";
}
.mgz-fa-tablet-alt:before {
content: "\f3fa";
}
.mgz-fa-tablets:before {
content: "\f490";
}
.mgz-fa-tachometer-alt:before {
content: "\f3fd";
}
.mgz-fa-tag:before {
content: "\f02b";
}
.mgz-fa-tags:before {
content: "\f02c";
}
.mgz-fa-tape:before {
content: "\f4db";
}
.mgz-fa-tasks:before {
content: "\f0ae";
}
.mgz-fa-taxi:before {
content: "\f1ba";
}
.mgz-fa-teamspeak:before {
content: "\f4f9";
}
.mgz-fa-teeth:before {
content: "\f62e";
}
.mgz-fa-teeth-open:before {
content: "\f62f";
}
.mgz-fa-telegram:before {
content: "\f2c6";
}
.mgz-fa-telegram-plane:before {
content: "\f3fe";
}
.mgz-fa-temperature-high:before {
content: "\f769";
}
.mgz-fa-temperature-low:before {
content: "\f76b";
}
.mgz-fa-tencent-weibo:before {
content: "\f1d5";
}
.mgz-fa-tenge:before {
content: "\f7d7";
}
.mgz-fa-terminal:before {
content: "\f120";
}
.mgz-fa-text-height:before {
content: "\f034";
}
.mgz-fa-text-width:before {
content: "\f035";
}
.mgz-fa-th:before {
content: "\f00a";
}
.mgz-fa-th-large:before {
content: "\f009";
}
.mgz-fa-th-list:before {
content: "\f00b";
}
.mgz-fa-the-red-yeti:before {
content: "\f69d";
}
.mgz-fa-theater-masks:before {
content: "\f630";
}
.mgz-fa-themeco:before {
content: "\f5c6";
}
.mgz-fa-themeisle:before {
content: "\f2b2";
}
.mgz-fa-thermometer:before {
content: "\f491";
}
.mgz-fa-thermometer-empty:before {
content: "\f2cb";
}
.mgz-fa-thermometer-full:before {
content: "\f2c7";
}
.mgz-fa-thermometer-half:before {
content: "\f2c9";
}
.mgz-fa-thermometer-quarter:before {
content: "\f2ca";
}
.mgz-fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.mgz-fa-think-peaks:before {
content: "\f731";
}
.mgz-fa-thumbs-down:before {
content: "\f165";
}
.mgz-fa-thumbs-up:before {
content: "\f164";
}
.mgz-fa-thumbtack:before {
content: "\f08d";
}
.mgz-fa-ticket-alt:before {
content: "\f3ff";
}
.mgz-fa-times:before {
content: "\f00d";
}
.mgz-fa-times-circle:before {
content: "\f057";
}
.mgz-fa-tint:before {
content: "\f043";
}
.mgz-fa-tint-slash:before {
content: "\f5c7";
}
.mgz-fa-tired:before {
content: "\f5c8";
}
.mgz-fa-toggle-off:before {
content: "\f204";
}
.mgz-fa-toggle-on:before {
content: "\f205";
}
.mgz-fa-toilet:before {
content: "\f7d8";
}
.mgz-fa-toilet-paper:before {
content: "\f71e";
}
.mgz-fa-toolbox:before {
content: "\f552";
}
.mgz-fa-tools:before {
content: "\f7d9";
}
.mgz-fa-tooth:before {
content: "\f5c9";
}
.mgz-fa-torah:before {
content: "\f6a0";
}
.mgz-fa-torii-gate:before {
content: "\f6a1";
}
.mgz-fa-tractor:before {
content: "\f722";
}
.mgz-fa-trade-federation:before {
content: "\f513";
}
.mgz-fa-trademark:before {
content: "\f25c";
}
.mgz-fa-traffic-light:before {
content: "\f637";
}
.mgz-fa-train:before {
content: "\f238";
}
.mgz-fa-tram:before {
content: "\f7da";
}
.mgz-fa-transgender:before {
content: "\f224";
}
.mgz-fa-transgender-alt:before {
content: "\f225";
}
.mgz-fa-trash:before {
content: "\f1f8";
}
.mgz-fa-trash-alt:before {
content: "\f2ed";
}
.mgz-fa-trash-restore:before {
content: "\f829";
}
.mgz-fa-trash-restore-alt:before {
content: "\f82a";
}
.mgz-fa-tree:before {
content: "\f1bb";
}
.mgz-fa-trello:before {
content: "\f181";
}
.mgz-fa-tripadvisor:before {
content: "\f262";
}
.mgz-fa-trophy:before {
content: "\f091";
}
.mgz-fa-truck:before {
content: "\f0d1";
}
.mgz-fa-truck-loading:before {
content: "\f4de";
}
.mgz-fa-truck-monster:before {
content: "\f63b";
}
.mgz-fa-truck-moving:before {
content: "\f4df";
}
.mgz-fa-truck-pickup:before {
content: "\f63c";
}
.mgz-fa-tshirt:before {
content: "\f553";
}
.mgz-fa-tty:before {
content: "\f1e4";
}
.mgz-fa-tumblr:before {
content: "\f173";
}
.mgz-fa-tumblr-square:before {
content: "\f174";
}
.mgz-fa-tv:before {
content: "\f26c";
}
.mgz-fa-twitch:before {
content: "\f1e8";
}
.mgz-fa-twitter:before {
content: "\f099";
}
.mgz-fa-twitter-square:before {
content: "\f081";
}
.mgz-fa-typo3:before {
content: "\f42b";
}
.mgz-fa-uber:before {
content: "\f402";
}
.mgz-fa-ubuntu:before {
content: "\f7df";
}
.mgz-fa-uikit:before {
content: "\f403";
}
.mgz-fa-umbrella:before {
content: "\f0e9";
}
.mgz-fa-umbrella-beach:before {
content: "\f5ca";
}
.mgz-fa-underline:before {
content: "\f0cd";
}
.mgz-fa-undo:before {
content: "\f0e2";
}
.mgz-fa-undo-alt:before {
content: "\f2ea";
}
.mgz-fa-uniregistry:before {
content: "\f404";
}
.mgz-fa-universal-access:before {
content: "\f29a";
}
.mgz-fa-university:before {
content: "\f19c";
}
.mgz-fa-unlink:before {
content: "\f127";
}
.mgz-fa-unlock:before {
content: "\f09c";
}
.mgz-fa-unlock-alt:before {
content: "\f13e";
}
.mgz-fa-untappd:before {
content: "\f405";
}
.mgz-fa-upload:before {
content: "\f093";
}
.mgz-fa-ups:before {
content: "\f7e0";
}
.mgz-fa-usb:before {
content: "\f287";
}
.mgz-fa-user:before {
content: "\f007";
}
.mgz-fa-user-alt:before {
content: "\f406";
}
.mgz-fa-user-alt-slash:before {
content: "\f4fa";
}
.mgz-fa-user-astronaut:before {
content: "\f4fb";
}
.mgz-fa-user-check:before {
content: "\f4fc";
}
.mgz-fa-user-circle:before {
content: "\f2bd";
}
.mgz-fa-user-clock:before {
content: "\f4fd";
}
.mgz-fa-user-cog:before {
content: "\f4fe";
}
.mgz-fa-user-edit:before {
content: "\f4ff";
}
.mgz-fa-user-friends:before {
content: "\f500";
}
.mgz-fa-user-graduate:before {
content: "\f501";
}
.mgz-fa-user-injured:before {
content: "\f728";
}
.mgz-fa-user-lock:before {
content: "\f502";
}
.mgz-fa-user-md:before {
content: "\f0f0";
}
.mgz-fa-user-minus:before {
content: "\f503";
}
.mgz-fa-user-ninja:before {
content: "\f504";
}
.mgz-fa-user-nurse:before {
content: "\f82f";
}
.mgz-fa-user-plus:before {
content: "\f234";
}
.mgz-fa-user-secret:before {
content: "\f21b";
}
.mgz-fa-user-shield:before {
content: "\f505";
}
.mgz-fa-user-slash:before {
content: "\f506";
}
.mgz-fa-user-tag:before {
content: "\f507";
}
.mgz-fa-user-tie:before {
content: "\f508";
}
.mgz-fa-user-times:before {
content: "\f235";
}
.mgz-fa-users:before {
content: "\f0c0";
}
.mgz-fa-users-cog:before {
content: "\f509";
}
.mgz-fa-usps:before {
content: "\f7e1";
}
.mgz-fa-ussunnah:before {
content: "\f407";
}
.mgz-fa-utensil-spoon:before {
content: "\f2e5";
}
.mgz-fa-utensils:before {
content: "\f2e7";
}
.mgz-fa-vaadin:before {
content: "\f408";
}
.mgz-fa-vector-square:before {
content: "\f5cb";
}
.mgz-fa-venus:before {
content: "\f221";
}
.mgz-fa-venus-double:before {
content: "\f226";
}
.mgz-fa-venus-mars:before {
content: "\f228";
}
.mgz-fa-viacoin:before {
content: "\f237";
}
.mgz-fa-viadeo:before {
content: "\f2a9";
}
.mgz-fa-viadeo-square:before {
content: "\f2aa";
}
.mgz-fa-vial:before {
content: "\f492";
}
.mgz-fa-vials:before {
content: "\f493";
}
.mgz-fa-viber:before {
content: "\f409";
}
.mgz-fa-video:before {
content: "\f03d";
}
.mgz-fa-video-slash:before {
content: "\f4e2";
}
.mgz-fa-vihara:before {
content: "\f6a7";
}
.mgz-fa-vimeo:before {
content: "\f40a";
}
.mgz-fa-vimeo-square:before {
content: "\f194";
}
.mgz-fa-vimeo-v:before {
content: "\f27d";
}
.mgz-fa-vine:before {
content: "\f1ca";
}
.mgz-fa-vk:before {
content: "\f189";
}
.mgz-fa-vnv:before {
content: "\f40b";
}
.mgz-fa-volleyball-ball:before {
content: "\f45f";
}
.mgz-fa-volume-down:before {
content: "\f027";
}
.mgz-fa-volume-mute:before {
content: "\f6a9";
}
.mgz-fa-volume-off:before {
content: "\f026";
}
.mgz-fa-volume-up:before {
content: "\f028";
}
.mgz-fa-vote-yea:before {
content: "\f772";
}
.mgz-fa-vr-cardboard:before {
content: "\f729";
}
.mgz-fa-vuejs:before {
content: "\f41f";
}
.mgz-fa-walking:before {
content: "\f554";
}
.mgz-fa-wallet:before {
content: "\f555";
}
.mgz-fa-warehouse:before {
content: "\f494";
}
.mgz-fa-water:before {
content: "\f773";
}
.mgz-fa-wave-square:before {
content: "\f83e";
}
.mgz-fa-waze:before {
content: "\f83f";
}
.mgz-fa-weebly:before {
content: "\f5cc";
}
.mgz-fa-weibo:before {
content: "\f18a";
}
.mgz-fa-weight:before {
content: "\f496";
}
.mgz-fa-weight-hanging:before {
content: "\f5cd";
}
.mgz-fa-weixin:before {
content: "\f1d7";
}
.mgz-fa-whatsapp:before {
content: "\f232";
}
.mgz-fa-whatsapp-square:before {
content: "\f40c";
}
.mgz-fa-wheelchair:before {
content: "\f193";
}
.mgz-fa-whmcs:before {
content: "\f40d";
}
.mgz-fa-wifi:before {
content: "\f1eb";
}
.mgz-fa-wikipedia-w:before {
content: "\f266";
}
.mgz-fa-wind:before {
content: "\f72e";
}
.mgz-fa-window-close:before {
content: "\f410";
}
.mgz-fa-window-maximize:before {
content: "\f2d0";
}
.mgz-fa-window-minimize:before {
content: "\f2d1";
}
.mgz-fa-window-restore:before {
content: "\f2d2";
}
.mgz-fa-windows:before {
content: "\f17a";
}
.mgz-fa-wine-bottle:before {
content: "\f72f";
}
.mgz-fa-wine-glass:before {
content: "\f4e3";
}
.mgz-fa-wine-glass-alt:before {
content: "\f5ce";
}
.mgz-fa-wix:before {
content: "\f5cf";
}
.mgz-fa-wizards-of-the-coast:before {
content: "\f730";
}
.mgz-fa-wolf-pack-battalion:before {
content: "\f514";
}
.mgz-fa-won-sign:before {
content: "\f159";
}
.mgz-fa-wordpress:before {
content: "\f19a";
}
.mgz-fa-wordpress-simple:before {
content: "\f411";
}
.mgz-fa-wpbeginner:before {
content: "\f297";
}
.mgz-fa-wpexplorer:before {
content: "\f2de";
}
.mgz-fa-wpforms:before {
content: "\f298";
}
.mgz-fa-wpressr:before {
content: "\f3e4";
}
.mgz-fa-wrench:before {
content: "\f0ad";
}
.mgz-fa-x-ray:before {
content: "\f497";
}
.mgz-fa-xbox:before {
content: "\f412";
}
.mgz-fa-xing:before {
content: "\f168";
}
.mgz-fa-xing-square:before {
content: "\f169";
}
.mgz-fa-y-combinator:before {
content: "\f23b";
}
.mgz-fa-yahoo:before {
content: "\f19e";
}
.mgz-fa-yammer:before {
content: "\f840";
}
.mgz-fa-yandex:before {
content: "\f413";
}
.mgz-fa-yandex-international:before {
content: "\f414";
}
.mgz-fa-yarn:before {
content: "\f7e3";
}
.mgz-fa-yelp:before {
content: "\f1e9";
}
.mgz-fa-yen-sign:before {
content: "\f157";
}
.mgz-fa-yin-yang:before {
content: "\f6ad";
}
.mgz-fa-yoast:before {
content: "\f2b1";
}
.mgz-fa-youtube:before {
content: "\f167";
}
.mgz-fa-youtube-square:before {
content: "\f431";
}
.mgz-fa-zhihu:before {
content: "\f63f";
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*!
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-solid-900.eot');
src: url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-solid-900.woff2') format('woff2'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-solid-900.woff') format('woff'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-solid-900.ttf') format('truetype'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-solid-900.svg#fontawesome') format('svg');
}
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
/*!
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-regular-400.eot');
src: url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-regular-400.woff2') format('woff2'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-regular-400.woff') format('woff'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-regular-400.ttf') format('truetype'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-regular-400.svg#fontawesome') format('svg');
}
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
/*!
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-brands-400.eot');
src: url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-brands-400.woff2') format('woff2'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-brands-400.woff') format('woff'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-brands-400.ttf') format('truetype'), url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/webfonts/fa-brands-400.svg#fontawesome') format('svg');
}
.fab {
font-family: 'Font Awesome 5 Brands';
}
@font-face {
font-family: 'Magezon-Icons';
src: url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/css/fonts/mgz_icons.eot?lbpphw#iefix') format('embedded-opentype'),
url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/fonts/mgz_icons.ttf?lbpphw') format('truetype'),
url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/fonts/mgz_icons.woff?lbpphw') format('woff'),
url('../../frontend/Smartwave/portortl_child/ar_SA/Magezon_Core/fonts/mgz_icons.svg?lbpphw#mgz_icons') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.mgz-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'Magezon-Icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mgz-icon:before {
font-family: inherit;
}
.mgz-icon-search:before {
content: "\e8b6";
}
.mgz-icon-close:before {
content: "\e62f";
}
.mgz-icon-add:before {
content: "\e90d";
}
.mgz-icon-fullscreen:before {
content: "\e915";
}
.mgz-icon-dragndrop:before {
content: "\e913";
}
.mgz-icon-edit:before {
content: "\e91d";
}
.mgz-icon-delete:before {
content: "\e912";
}
.mgz-icon-clone:before {
content: "\e911";
}
.mgz-icon-arrow_drop_right:before {
content: "\e916";
}
.mgz-icon-arrow_drop_down:before {
content: "\e5c5";
}
.mgz-icon-arrow_drop_up:before {
content: "\e5c7";
}
.mgz-icon-1-1:before {
content: "\e900";
}
.mgz-icon-1-2_1-2:before {
content: "\e901";
}
.mgz-icon-1-3_1-3_1-3:before {
content: "\e902";
}
.mgz-icon-1-4_1-2_1-4:before {
content: "\e904";
}
.mgz-icon-1-4_1-4_1-4_1-4:before {
content: "\e905";
}
.mgz-icon-1-4_3-4:before {
content: "\e906";
}
.mgz-icon-1-6_1-6_1-6_1-2:before {
content: "\e907";
}
.mgz-icon-1-6_1-6_1-6_1-6_1-6_1-6:before {
content: "\e908";
}
.mgz-icon-l_15_15_15_15_15:before {
content: "\e909";
}
.mgz-icon-1-6_2-3_1-6:before {
content: "\e90a";
}
.mgz-icon-2-3_1-3:before {
content: "\e90b";
}
.mgz-icon-5-6_1-6:before {
content: "\e90c";
}
.mgz-icon-1-6_4-6_1-6:before {
content: "\e90e";
}
.mgz-icon-row:before {
content: "\e91e";
}
.mgz-icon-fullscreen:before {
content: "\e915";
}
.mgz-icon-fullscreen_exit:before {
content: "\e914";
}
.mgz-icon-check-mage:before {
content: "\e62d";
}
.mgz-icon-plus:before {
content: "\e61c";
}
.mgz-icon-minus:before {
content: "\e60f";
}
.mgz-icon-remove:before {
content: "\e604";
}
.mgz-icon-up:before {
content: "\e621";
}
.mgz-icon-down:before {
content: "\e622";
}
.mgz-icon-product:before {
content: "\e608";
}
.mgz-icon-tabs:before {
content: "\e879";
}
.mgz-icon-divider:before {
content: "\e822";
font-weight: bold;
}
.mgz-icon-spacer:before {
content: "\e877";
font-weight: bold;
}
.mgz-settings-icon:before{
content: "\e910";
}
.mgz-icon-play:before {
content: "\e939";
}
.mgz-icon-cms:before {
content: "\e602";
}
.mgz-icon-testimonial:before {
content: "\e920";
}
.mgz-icon-social-icons:before {
content: "\e876";
}
.mgz-icon-pricing-table:before {
content: "\e859";
}
.mgz-icon-accordion:before {
content: "\e806";
}
.mgz-icon-number-counter:before {
content: "\e921";
}
.mgz-icon-favorite:before {
content: "\e895";
}
.mgz-icon-toggle:before {
content: "\e887";
}
.mgz-icon-slideshow:before {
content: "\e875";
}
.mgz-icon-icon-list:before {
content: "\e893";
}
.mgz-icon-flip-box:before {
content: "\e903";
}
.mgz-icon-code:before {
content: "\e894";
}
.mgz-icon-countdown:before {
content: "\e818";
}
.mgz-icon-magezon-pagebuilder:before {
content: "\e922";
}
.mgz-icon-checkbox:before {
content: "\e816";
}
.mgz-icon-number-field:before {
content: "\e846";
}
.mgz-icon-menu-toggle:before {
content: "\e943";
}
.mgz-icon-button:before {
content: "\e812";
}
.mgz-icon-text-field:before {
content: "\e882";
}
.mgz-icon-delete2:before {
content: "\e630";
}
.mgz-icon-check:before {
content: "\e5ca";
}
.mgz-icon-tablet-landscape:before {
content: "\1f4bb";
}
.mgz-icon-mobile-portrait:before {
content: "\1f4f1";
}
.mgz-icon-mobile-landscape:before {
content: "\1f4f2";
}
.mgz-icon-desktop:before {
content: "\1f4fa";
}
.mgz-icon-tablet-portrait:before {
content: "\1f5b3";
}
.mgz-icon-arrow_downward:before {
content: "\e5dc";
}
.mgz-icon-stores:before {
content: "\e60e";
}
.mgz-icon-sales:before {
content: "\e60b";
}
.mgz-icon-layers:before {
content: "\1f5d7";
}
.mgz-icon-column:before {
content: "\23f8";
}
.mgz-icon-minimize:before {
content: "\e91c";
}[class*='mgz-col-'] {
width: 100%;
float: left;
}
.mgz-col-xs-1, .mgz-col-sm-1, .mgz-col-md-1, .mgz-col-lg-1, .mgz-col-xs-2, .mgz-col-sm-2, .mgz-col-md-2, .mgz-col-lg-2, .mgz-col-xs-3, .mgz-col-sm-3, .mgz-col-md-3, .mgz-col-lg-3, .mgz-col-xs-4, .mgz-col-sm-4, .mgz-col-md-4, .mgz-col-lg-4, .mgz-col-xs-5, .mgz-col-sm-5, .mgz-col-md-5, .mgz-col-lg-5, .mgz-col-xs-6, .mgz-col-sm-6, .mgz-col-md-6, .mgz-col-lg-6, .mgz-col-xs-7, .mgz-col-sm-7, .mgz-col-md-7, .mgz-col-lg-7, .mgz-col-xs-8, .mgz-col-sm-8, .mgz-col-md-8, .mgz-col-lg-8, .mgz-col-xs-9, .mgz-col-sm-9, .mgz-col-md-9, .mgz-col-lg-9, .mgz-col-xs-10, .mgz-col-sm-10, .mgz-col-md-10, .mgz-col-lg-10, .mgz-col-xs-11, .mgz-col-sm-11, .mgz-col-md-11, .mgz-col-lg-11, .mgz-col-xs-12, .mgz-col-sm-12, .mgz-col-md-12, .mgz-col-lg-12, .mgz-col-xs-15, .mgz-col-sm-15, .mgz-col-md-15, .mgz-col-lg-15, .mgz-col-xs-25, .mgz-col-sm-25, .mgz-col-md-25, .mgz-col-lg-25, .mgz-col-xs-35, .mgz-col-sm-35, .mgz-col-md-35, .mgz-col-lg-35, .mgz-col-xs-45, .mgz-col-sm-45, .mgz-col-md-45, .mgz-col-lg-45 {
position: relative;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mgz-col-xs-1, .mgz-col-xs-2, .mgz-col-xs-3, .mgz-col-xs-4, .mgz-col-xs-5, .mgz-col-xs-6, .mgz-col-xs-7, .mgz-col-xs-8, .mgz-col-xs-9, .mgz-col-xs-10, .mgz-col-xs-11, .mgz-col-xs-12, .mgz-col-xs-15, .mgz-col-xs-25, .mgz-col-xs-35, .mgz-col-xs-45 {
float: left;
}
.mgz-col-xs-12 {
width: 100%;
}
.mgz-col-xs-11 {
width: 91.66666667%;
}
.mgz-col-xs-10 {
width: 83.33333333%;
}
.mgz-col-xs-9 {
width: 75%;
}
.mgz-col-xs-8 {
width: 66.66666667%;
}
.mgz-col-xs-7 {
width: 58.33333333%;
}
.mgz-col-xs-6 {
width: 50%;
}
.mgz-col-xs-5 {
width: 41.66666667%;
}
.mgz-col-xs-4 {
width: 33.33333333%;
}
.mgz-col-xs-3 {
width: 25%;
}
.mgz-col-xs-15 {
width: 20%;
}
.mgz-col-xs-25 {
width: 40%;
}
.mgz-col-xs-35 {
width: 60%;
}
.mgz-col-xs-45 {
width: 80%;
}
.mgz-col-xs-2 {
width: 16.66666667%;
}
.mgz-col-xs-1 {
width: 8.33333333%;
}
.mgz-col-xs-pull-12 {
right: 100%;
}
.mgz-col-xs-pull-11 {
right: 91.66666667%;
}
.mgz-col-xs-pull-10 {
right: 83.33333333%;
}
.mgz-col-xs-pull-9 {
right: 75%;
}
.mgz-col-xs-pull-8 {
right: 66.66666667%;
}
.mgz-col-xs-pull-7 {
right: 58.33333333%;
}
.mgz-col-xs-pull-6 {
right: 50%;
}
.mgz-col-xs-pull-5 {
right: 41.66666667%;
}
.mgz-col-xs-pull-4 {
right: 33.33333333%;
}
.mgz-col-xs-pull-3 {
right: 25%;
}
.mgz-col-xs-pull-15 {
right: 20%;
}
.mgz-col-xs-pull-25 {
right: 40%;
}
.mgz-col-xs-pull-35 {
right: 60%;
}
.mgz-col-xs-pull-45 {
right: 80%;
}
.mgz-col-xs-pull-2 {
right: 16.66666667%;
}
.mgz-col-xs-pull-1 {
right: 8.33333333%;
}
.mgz-col-xs-pull-0 {
right: auto;
}
.mgz-col-xs-push-12 {
left: 100%;
}
.mgz-col-xs-push-11 {
left: 91.66666667%;
}
.mgz-col-xs-push-10 {
left: 83.33333333%;
}
.mgz-col-xs-push-9 {
left: 75%;
}
.mgz-col-xs-push-8 {
left: 66.66666667%;
}
.mgz-col-xs-push-7 {
left: 58.33333333%;
}
.mgz-col-xs-push-6 {
left: 50%;
}
.mgz-col-xs-push-5 {
left: 41.66666667%;
}
.mgz-col-xs-push-4 {
left: 33.33333333%;
}
.mgz-col-xs-push-3 {
left: 25%;
}
.mgz-col-xs-push-15 {
left: 20%;
}
.mgz-col-xs-push-25 {
left: 40%;
}
.mgz-col-xs-push-35 {
left: 60%;
}
.mgz-col-xs-push-45 {
left: 80%;
}
.mgz-col-xs-push-2 {
left: 16.66666667%;
}
.mgz-col-xs-push-1 {
left: 8.33333333%;
}
.mgz-col-xs-push-0 {
left: auto;
}
.mgz-col-xs-offset-12 {
margin-left: 100%;
}
.mgz-col-xs-offset-11 {
margin-left: 91.66666667%;
}
.mgz-col-xs-offset-10 {
margin-left: 83.33333333%;
}
.mgz-col-xs-offset-9 {
margin-left: 75%;
}
.mgz-col-xs-offset-8 {
margin-left: 66.66666667%;
}
.mgz-col-xs-offset-7 {
margin-left: 58.33333333%;
}
.mgz-col-xs-offset-6 {
margin-left: 50%;
}
.mgz-col-xs-offset-5 {
margin-left: 41.66666667%;
}
.mgz-col-xs-offset-4 {
margin-left: 33.33333333%;
}
.mgz-col-xs-offset-3 {
margin-left: 25%;
}
.mgz-col-xs-offset-15 {
margin-left: 20%;
}
.mgz-col-xs-offset-25 {
margin-left: 40%;
}
.mgz-col-xs-offset-35 {
margin-left: 60%;
}
.mgz-col-xs-offset-45 {
margin-left: 80%;
}
.mgz-col-xs-offset-2 {
margin-left: 16.66666667%;
}
.mgz-col-xs-offset-1 {
margin-left: 8.33333333%;
}
.mgz-col-xs-offset-0 {
margin-left: 0%;
}
.mgz-container {
width: 1280px;
max-width: 100%;
margin: 0 auto;
}
.mgz-row:before,
.mgz-row:after {
content: " ";
display: table;
}
.mgz-row:after {
clear: both;
}
.mgz-text-left {
text-align: left
}
.mgz-text-right {
text-align: right
}
.mgz-text-center {
text-align: center
}
.mgz-text-justify {
text-align: justify
}
.f-right {
float: right;
width: auto;
}
.f-left {
float: left;
width: auto;
}
.f-none {
float: none;
width: auto;
}
@media (min-width: 576px) {
.mgz-col-sm-1, .mgz-col-sm-2, .mgz-col-sm-3, .mgz-col-sm-4, .mgz-col-sm-5, .mgz-col-sm-6, .mgz-col-sm-7, .mgz-col-sm-8, .mgz-col-sm-9, .mgz-col-sm-10, .mgz-col-sm-11, .mgz-col-sm-12, .mgz-col-sm-15, .mgz-col-sm-25, .mgz-col-sm-35, .mgz-col-sm-45 {
float: left;
}
.mgz-col-sm-12 {
width: 100%;
}
.mgz-col-sm-11 {
width: 91.66666667%;
}
.mgz-col-sm-10 {
width: 83.33333333%;
}
.mgz-col-sm-9 {
width: 75%;
}
.mgz-col-sm-8 {
width: 66.66666667%;
}
.mgz-col-sm-7 {
width: 58.33333333%;
}
.mgz-col-sm-6 {
width: 50%;
}
.mgz-col-sm-5 {
width: 41.66666667%;
}
.mgz-col-sm-4 {
width: 33.33333333%;
}
.mgz-col-sm-3 {
width: 25%;
}
.mgz-col-sm-15 {
width: 20%;
}
.mgz-col-sm-25 {
width: 40%;
}
.mgz-col-sm-35 {
width: 60%;
}
.mgz-col-sm-45 {
width: 80%;
}
.mgz-col-sm-2 {
width: 16.66666667%;
}
.mgz-col-sm-1 {
width: 8.33333333%;
}
.mgz-col-sm-pull-12 {
right: 100%;
}
.mgz-col-sm-pull-11 {
right: 91.66666667%;
}
.mgz-col-sm-pull-10 {
right: 83.33333333%;
}
.mgz-col-sm-pull-9 {
right: 75%;
}
.mgz-col-sm-pull-8 {
right: 66.66666667%;
}
.mgz-col-sm-pull-7 {
right: 58.33333333%;
}
.mgz-col-sm-pull-6 {
right: 50%;
}
.mgz-col-sm-pull-5 {
right: 41.66666667%;
}
.mgz-col-sm-pull-4 {
right: 33.33333333%;
}
.mgz-col-sm-pull-3 {
right: 25%;
}
.mgz-col-sm-pull-15 {
right: 20%;
}
.mgz-col-sm-pull-25 {
right: 40%;
}
.mgz-col-sm-pull-35 {
right: 60%;
}
.mgz-col-sm-pull-45 {
right: 80%;
}
.mgz-col-sm-pull-2 {
right: 16.66666667%;
}
.mgz-col-sm-pull-1 {
right: 8.33333333%;
}
.mgz-col-sm-pull-0 {
right: auto;
}
.mgz-col-sm-push-12 {
left: 100%;
}
.mgz-col-sm-push-11 {
left: 91.66666667%;
}
.mgz-col-sm-push-10 {
left: 83.33333333%;
}
.mgz-col-sm-push-9 {
left: 75%;
}
.mgz-col-sm-push-8 {
left: 66.66666667%;
}
.mgz-col-sm-push-7 {
left: 58.33333333%;
}
.mgz-col-sm-push-6 {
left: 50%;
}
.mgz-col-sm-push-5 {
left: 41.66666667%;
}
.mgz-col-sm-push-4 {
left: 33.33333333%;
}
.mgz-col-sm-push-3 {
left: 25%;
}
.mgz-col-sm-push-15 {
left: 20%;
}
.mgz-col-sm-push-25 {
left: 40%;
}
.mgz-col-sm-push-35 {
left: 60%;
}
.mgz-col-sm-push-45 {
left: 80%;
}
.mgz-col-sm-push-2 {
left: 16.66666667%;
}
.mgz-col-sm-push-1 {
left: 8.33333333%;
}
.mgz-col-sm-push-0 {
left: auto;
}
.mgz-col-sm-offset-12 {
margin-left: 100%;
}
.mgz-col-sm-offset-11 {
margin-left: 91.66666667%;
}
.mgz-col-sm-offset-10 {
margin-left: 83.33333333%;
}
.mgz-col-sm-offset-9 {
margin-left: 75%;
}
.mgz-col-sm-offset-8 {
margin-left: 66.66666667%;
}
.mgz-col-sm-offset-7 {
margin-left: 58.33333333%;
}
.mgz-col-sm-offset-6 {
margin-left: 50%;
}
.mgz-col-sm-offset-5 {
margin-left: 41.66666667%;
}
.mgz-col-sm-offset-4 {
margin-left: 33.33333333%;
}
.mgz-col-sm-offset-3 {
margin-left: 25%;
}
.mgz-col-sm-offset-15 {
margin-left: 20%;
}
.mgz-col-sm-offset-25 {
margin-left: 40%;
}
.mgz-col-sm-offset-35 {
margin-left: 60%;
}
.mgz-col-sm-offset-45 {
margin-left: 80%;
}
.mgz-col-sm-offset-2 {
margin-left: 16.66666667%;
}
.mgz-col-sm-offset-1 {
margin-left: 8.33333333%;
}
.mgz-col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 768px) {
.mgz-col-md-1, .mgz-col-md-2, .mgz-col-md-3, .mgz-col-md-4, .mgz-col-md-5, .mgz-col-md-6, .mgz-col-md-7, .mgz-col-md-8, .mgz-col-md-9, .mgz-col-md-10, .mgz-col-md-11, .mgz-col-md-12, .mgz-col-md-15, .mgz-col-md-25, .mgz-col-md-35, .mgz-col-md-45 {
float: left;
}
.mgz-col-md-12 {
width: 100%;
}
.mgz-col-md-11 {
width: 91.66666667%;
}
.mgz-col-md-10 {
width: 83.33333333%;
}
.mgz-col-md-9 {
width: 75%;
}
.mgz-col-md-8 {
width: 66.66666667%;
}
.mgz-col-md-7 {
width: 58.33333333%;
}
.mgz-col-md-6 {
width: 50%;
}
.mgz-col-md-5 {
width: 41.66666667%;
}
.mgz-col-md-4 {
width: 33.33333333%;
}
.mgz-col-md-3 {
width: 25%;
}
.mgz-col-md-15 {
width: 20%;
}
.mgz-col-md-25 {
width: 40%;
}
.mgz-col-md-35 {
width: 60%;
}
.mgz-col-md-45 {
width: 80%;
}
.mgz-col-md-2 {
width: 16.66666667%;
}
.mgz-col-md-1 {
width: 8.33333333%;
}
.mgz-col-md-pull-12 {
right: 100%;
}
.mgz-col-md-pull-11 {
right: 91.66666667%;
}
.mgz-col-md-pull-10 {
right: 83.33333333%;
}
.mgz-col-md-pull-9 {
right: 75%;
}
.mgz-col-md-pull-8 {
right: 66.66666667%;
}
.mgz-col-md-pull-7 {
right: 58.33333333%;
}
.mgz-col-md-pull-6 {
right: 50%;
}
.mgz-col-md-pull-5 {
right: 41.66666667%;
}
.mgz-col-md-pull-4 {
right: 33.33333333%;
}
.mgz-col-md-pull-3 {
right: 25%;
}
.mgz-col-md-pull-15 {
right: 20%;
}
.mgz-col-md-pull-25 {
right: 40%;
}
.mgz-col-md-pull-35 {
right: 60%;
}
.mgz-col-md-pull-45 {
right: 80%;
}
.mgz-col-md-pull-2 {
right: 16.66666667%;
}
.mgz-col-md-pull-1 {
right: 8.33333333%;
}
.mgz-col-md-pull-0 {
right: auto;
}
.mgz-col-md-push-12 {
left: 100%;
}
.mgz-col-md-push-11 {
left: 91.66666667%;
}
.mgz-col-md-push-10 {
left: 83.33333333%;
}
.mgz-col-md-push-9 {
left: 75%;
}
.mgz-col-md-push-8 {
left: 66.66666667%;
}
.mgz-col-md-push-7 {
left: 58.33333333%;
}
.mgz-col-md-push-6 {
left: 50%;
}
.mgz-col-md-push-5 {
left: 41.66666667%;
}
.mgz-col-md-push-4 {
left: 33.33333333%;
}
.mgz-col-md-push-3 {
left: 25%;
}
.mgz-col-md-push-15 {
left: 20%;
}
.mgz-col-md-push-25 {
left: 40%;
}
.mgz-col-md-push-35 {
left: 60%;
}
.mgz-col-md-push-45 {
left: 80%;
}
.mgz-col-md-push-2 {
left: 16.66666667%;
}
.mgz-col-md-push-1 {
left: 8.33333333%;
}
.mgz-col-md-push-0 {
left: auto;
}
.mgz-col-md-offset-12 {
margin-left: 100%;
}
.mgz-col-md-offset-11 {
margin-left: 91.66666667%;
}
.mgz-col-md-offset-10 {
margin-left: 83.33333333%;
}
.mgz-col-md-offset-9 {
margin-left: 75%;
}
.mgz-col-md-offset-8 {
margin-left: 66.66666667%;
}
.mgz-col-md-offset-7 {
margin-left: 58.33333333%;
}
.mgz-col-md-offset-6 {
margin-left: 50%;
}
.mgz-col-md-offset-5 {
margin-left: 41.66666667%;
}
.mgz-col-md-offset-4 {
margin-left: 33.33333333%;
}
.mgz-col-md-offset-3 {
margin-left: 25%;
}
.mgz-col-md-offset-15 {
margin-left: 20%;
}
.mgz-col-md-offset-25 {
margin-left: 40%;
}
.mgz-col-md-offset-35 {
margin-left: 60%;
}
.mgz-col-md-offset-45 {
margin-left: 80%;
}
.mgz-col-md-offset-2 {
margin-left: 16.66666667%;
}
.mgz-col-md-offset-1 {
margin-left: 8.33333333%;
}
.mgz-col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.mgz-col-lg-1, .mgz-col-lg-2, .mgz-col-lg-3, .mgz-col-lg-4, .mgz-col-lg-5, .mgz-col-lg-6, .mgz-col-lg-7, .mgz-col-lg-8, .mgz-col-lg-9, .mgz-col-lg-10, .mgz-col-lg-11, .mgz-col-lg-12, .mgz-col-lg-15, .mgz-col-lg-25, .mgz-col-lg-35, .mgz-col-lg-45 {
float: left;
}
.mgz-col-lg-12 {
width: 100%;
}
.mgz-col-lg-11 {
width: 91.66666667%;
}
.mgz-col-lg-10 {
width: 83.33333333%;
}
.mgz-col-lg-9 {
width: 75%;
}
.mgz-col-lg-8 {
width: 66.66666667%;
}
.mgz-col-lg-7 {
width: 58.33333333%;
}
.mgz-col-lg-6 {
width: 50%;
}
.mgz-col-lg-5 {
width: 41.66666667%;
}
.mgz-col-lg-4 {
width: 33.33333333%;
}
.mgz-col-lg-3 {
width: 25%;
}
.mgz-col-lg-15 {
width: 20%;
}
.mgz-col-lg-25 {
width: 40%;
}
.mgz-col-lg-35 {
width: 60%;
}
.mgz-col-lg-45 {
width: 80%;
}
.mgz-col-lg-2 {
width: 16.66666667%;
}
.mgz-col-lg-1 {
width: 8.33333333%;
}
.mgz-col-lg-pull-12 {
right: 100%;
}
.mgz-col-lg-pull-11 {
right: 91.66666667%;
}
.mgz-col-lg-pull-10 {
right: 83.33333333%;
}
.mgz-col-lg-pull-9 {
right: 75%;
}
.mgz-col-lg-pull-8 {
right: 66.66666667%;
}
.mgz-col-lg-pull-7 {
right: 58.33333333%;
}
.mgz-col-lg-pull-6 {
right: 50%;
}
.mgz-col-lg-pull-5 {
right: 41.66666667%;
}
.mgz-col-lg-pull-4 {
right: 33.33333333%;
}
.mgz-col-lg-pull-3 {
right: 25%;
}
.mgz-col-lg-pull-15 {
right: 20%;
}
.mgz-col-lg-pull-25 {
right: 40%;
}
.mgz-col-lg-pull-35 {
right: 60%;
}
.mgz-col-lg-pull-45 {
right: 80%;
}
.mgz-col-lg-pull-2 {
right: 16.66666667%;
}
.mgz-col-lg-pull-1 {
right: 8.33333333%;
}
.mgz-col-lg-pull-0 {
right: auto;
}
.mgz-col-lg-push-12 {
left: 100%;
}
.mgz-col-lg-push-11 {
left: 91.66666667%;
}
.mgz-col-lg-push-10 {
left: 83.33333333%;
}
.mgz-col-lg-push-9 {
left: 75%;
}
.mgz-col-lg-push-8 {
left: 66.66666667%;
}
.mgz-col-lg-push-7 {
left: 58.33333333%;
}
.mgz-col-lg-push-6 {
left: 50%;
}
.mgz-col-lg-push-5 {
left: 41.66666667%;
}
.mgz-col-lg-push-4 {
left: 33.33333333%;
}
.mgz-col-lg-push-3 {
left: 25%;
}
.mgz-col-lg-push-15 {
left: 20%;
}
.mgz-col-lg-push-25 {
left: 40%;
}
.mgz-col-lg-push-35 {
left: 60%;
}
.mgz-col-lg-push-45 {
left: 80%;
}
.mgz-col-lg-push-2 {
left: 16.66666667%;
}
.mgz-col-lg-push-1 {
left: 8.33333333%;
}
.mgz-col-lg-push-0 {
left: auto;
}
.mgz-col-lg-offset-12 {
margin-left: 100%;
}
.mgz-col-lg-offset-11 {
margin-left: 91.66666667%;
}
.mgz-col-lg-offset-10 {
margin-left: 83.33333333%;
}
.mgz-col-lg-offset-9 {
margin-left: 75%;
}
.mgz-col-lg-offset-8 {
margin-left: 66.66666667%;
}
.mgz-col-lg-offset-7 {
margin-left: 58.33333333%;
}
.mgz-col-lg-offset-6 {
margin-left: 50%;
}
.mgz-col-lg-offset-5 {
margin-left: 41.66666667%;
}
.mgz-col-lg-offset-4 {
margin-left: 33.33333333%;
}
.mgz-col-lg-offset-3 {
margin-left: 25%;
}
.mgz-col-lg-offset-15 {
margin-left: 20%;
}
.mgz-col-lg-offset-25 {
margin-left: 40%;
}
.mgz-col-lg-offset-35 {
margin-left: 60%;
}
.mgz-col-lg-offset-45 {
margin-left: 80%;
}
.mgz-col-lg-offset-2 {
margin-left: 16.66666667%;
}
.mgz-col-lg-offset-1 {
margin-left: 8.33333333%;
}
.mgz-col-lg-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.mgz-col-xl-1, .mgz-col-xl-2, .mgz-col-xl-3, .mgz-col-xl-4, .mgz-col-xl-5, .mgz-col-xl-6, .mgz-col-xl-7, .mgz-col-xl-8, .mgz-col-xl-9, .mgz-col-xl-10, .mgz-col-xl-11, .mgz-col-xl-12, .mgz-col-xl-15, .mgz-col-xl-25, .mgz-col-xl-35, .mgz-col-xl-45 {
float: left;
}
.mgz-col-xl-12 {
width: 100%;
}
.mgz-col-xl-11 {
width: 91.66666667%;
}
.mgz-col-xl-10 {
width: 83.33333333%;
}
.mgz-col-xl-9 {
width: 75%;
}
.mgz-col-xl-8 {
width: 66.66666667%;
}
.mgz-col-xl-7 {
width: 58.33333333%;
}
.mgz-col-xl-6 {
width: 50%;
}
.mgz-col-xl-5 {
width: 41.66666667%;
}
.mgz-col-xl-4 {
width: 33.33333333%;
}
.mgz-col-xl-3 {
width: 25%;
}
.mgz-col-xl-15 {
width: 20%;
}
.mgz-col-xl-25 {
width: 40%;
}
.mgz-col-xl-35 {
width: 60%;
}
.mgz-col-xl-45 {
width: 80%;
}
.mgz-col-xl-2 {
width: 16.66666667%;
}
.mgz-col-xl-1 {
width: 8.33333333%;
}
.mgz-col-xl-pull-12 {
right: 100%;
}
.mgz-col-xl-pull-11 {
right: 91.66666667%;
}
.mgz-col-xl-pull-10 {
right: 83.33333333%;
}
.mgz-col-xl-pull-9 {
right: 75%;
}
.mgz-col-xl-pull-8 {
right: 66.66666667%;
}
.mgz-col-xl-pull-7 {
right: 58.33333333%;
}
.mgz-col-xl-pull-6 {
right: 50%;
}
.mgz-col-xl-pull-5 {
right: 41.66666667%;
}
.mgz-col-xl-pull-4 {
right: 33.33333333%;
}
.mgz-col-xl-pull-3 {
right: 25%;
}
.mgz-col-xl-pull-15 {
right: 20%;
}
.mgz-col-xl-pull-25 {
right: 40%;
}
.mgz-col-xl-pull-35 {
right: 60%;
}
.mgz-col-xl-pull-45 {
right: 80%;
}
.mgz-col-xl-pull-2 {
right: 16.66666667%;
}
.mgz-col-xl-pull-1 {
right: 8.33333333%;
}
.mgz-col-xl-pull-0 {
right: auto;
}
.mgz-col-xl-push-12 {
left: 100%;
}
.mgz-col-xl-push-11 {
left: 91.66666667%;
}
.mgz-col-xl-push-10 {
left: 83.33333333%;
}
.mgz-col-xl-push-9 {
left: 75%;
}
.mgz-col-xl-push-8 {
left: 66.66666667%;
}
.mgz-col-xl-push-7 {
left: 58.33333333%;
}
.mgz-col-xl-push-6 {
left: 50%;
}
.mgz-col-xl-push-5 {
left: 41.66666667%;
}
.mgz-col-xl-push-4 {
left: 33.33333333%;
}
.mgz-col-xl-push-3 {
left: 25%;
}
.mgz-col-xl-push-15 {
left: 20%;
}
.mgz-col-xl-push-25 {
left: 40%;
}
.mgz-col-xl-push-35 {
left: 60%;
}
.mgz-col-xl-push-45 {
left: 80%;
}
.mgz-col-xl-push-2 {
left: 16.66666667%;
}
.mgz-col-xl-push-1 {
left: 8.33333333%;
}
.mgz-col-xl-push-0 {
left: auto;
}
.mgz-col-xl-offset-12 {
margin-left: 100%;
}
.mgz-col-xl-offset-11 {
margin-left: 91.66666667%;
}
.mgz-col-xl-offset-10 {
margin-left: 83.33333333%;
}
.mgz-col-xl-offset-9 {
margin-left: 75%;
}
.mgz-col-xl-offset-8 {
margin-left: 66.66666667%;
}
.mgz-col-xl-offset-7 {
margin-left: 58.33333333%;
}
.mgz-col-xl-offset-6 {
margin-left: 50%;
}
.mgz-col-xl-offset-5 {
margin-left: 41.66666667%;
}
.mgz-col-xl-offset-4 {
margin-left: 33.33333333%;
}
.mgz-col-xl-offset-3 {
margin-left: 25%;
}
.mgz-col-xl-offset-15 {
margin-left: 20%;
}
.mgz-col-xl-offset-25 {
margin-left: 40%;
}
.mgz-col-xl-offset-35 {
margin-left: 60%;
}
.mgz-col-xl-offset-45 {
margin-left: 80%;
}
.mgz-col-xl-offset-2 {
margin-left: 16.66666667%;
}
.mgz-col-xl-offset-1 {
margin-left: 8.33333333%;
}
.mgz-col-xl-offset-0 {
margin-left: 0%;
}
}
@media (max-width: 575px) {
.mgz-grid-col-xs-6 > div:nth-child(6n+1),
.mgz-grid-col-xs-3 > div:nth-child(3n+1),
.mgz-grid-col-xs-4 > div:nth-child(4n+1),
.mgz-grid-col-xs-15 > div:nth-child(5n+1),
.mgz-grid-col-xs-2 > div:nth-child(2n+1) {
clear: left;
}
.mgz-grid-col-xs-6> div,
.mgz-grid-col-xs-3 > div,
.mgz-grid-col-xs-4 > div,
.mgz-grid-col-xs-15 > div,
.mgz-grid-col-xs-2 > div {
float: left;
}
.mgz-grid-col-xs-6 > div {
width: 16.66666667%;
}
.mgz-grid-col-xs-3 > div {
width: 33.33333333%;
}
.mgz-grid-col-xs-4 > div {
width: 25%;
}
.mgz-grid-col-xs-15 > div {
width: 20%;
}
.mgz-grid-col-xs-2 > div {
width: 50%;
}
.mgz-hidden-xs {
display: none !important;
}
.xs_left {
text-align: left;
}
.xs_center {
text-align: center;
}
.xs_right {
text-align: right;
}
.xs_f-right {
float: right;
}
.xs_f-left {
float: left;
}
.xs_f-none {
float: none;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.mgz-grid-col-xs-12 > div:nth-child(12n+1),
.mgz-grid-col-xs-6 > div:nth-child(6n+1),
.mgz-grid-col-xs-5 > div:nth-child(5n+1),
.mgz-grid-col-xs-4 > div:nth-child(4n+1),
.mgz-grid-col-xs-3 > div:nth-child(3n+1),
.mgz-grid-col-xs-2 > div:nth-child(2n+1),
.mgz-grid-col-xs-1 > div:nth-child(1n+1) {
clear: left;
}
.mgz-grid-col-xs-12 > div,
.mgz-grid-col-xs-6 > div,
.mgz-grid-col-xs-5 > div,
.mgz-grid-col-xs-4 > div,
.mgz-grid-col-xs-3 > div,
.mgz-grid-col-xs-2 > div,
.mgz-grid-col-xs-1 > div {
float: left;
}
.mgz-grid-col-xs-12 > div {
width: 8.33333333%;
}
.mgz-grid-col-xs-6 > div {
width: 16.66666667%;
}
.mgz-grid-col-xs-5 > div {
width: 20%;
}
.mgz-grid-col-xs-4 > div {
width: 25%;
}
.mgz-grid-col-xs-3 > div {
width: 33.33333333%;
}
.mgz-grid-col-xs-2 > div {
width: 50%;
}
.mgz-grid-col-xs-1 > div {
width: 100%;
}
.mgz-hidden-sm {
display: none !important;
}
.sm_left {
text-align: left;
}
.sm_center {
text-align: center;
}
.sm_right {
text-align: right;
}
.sm_f-right {
float: right;
}
.sm_f-left {
float: left;
}
.sm_f-none {
float: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.mgz-grid-col-md-12 > div:nth-child(12n+1),
.mgz-grid-col-md-6 > div:nth-child(6n+1),
.mgz-grid-col-md-5 > div:nth-child(5n+1),
.mgz-grid-col-md-4 > div:nth-child(4n+1),
.mgz-grid-col-md-3 > div:nth-child(3n+1),
.mgz-grid-col-md-2 > div:nth-child(2n+1),
.mgz-grid-col-md-1 > div:nth-child(1n+1) {
clear: left;
}
.mgz-grid-col-md-12 > div,
.mgz-grid-col-md-6 > div,
.mgz-grid-col-md-5 > div,
.mgz-grid-col-md-4 > div,
.mgz-grid-col-md-3 > div,
.mgz-grid-col-md-2 > div,
.mgz-grid-col-md-1 > div {
float: left;
}
.mgz-grid-col-md-12 > div {
width: 8.33333333%;
}
.mgz-grid-col-md-6 > div {
width: 16.66666667%;
}
.mgz-grid-col-md-5 > div {
width: 20%;
}
.mgz-grid-col-md-4 > div {
width: 25%;
}
.mgz-grid-col-md-3 > div {
width: 33.33333333%;
}
.mgz-grid-col-md-2 > div {
width: 50%;
}
.mgz-grid-col-md-1 > div {
width: 100%;
}
.mgz-hidden-md {
display: none !important;
}
.md_left {
text-align: left;
}
.md_center {
text-align: center;
}
.md_right {
text-align: right;
}
.md_f-right {
float: right;
}
.md_f-left {
float: left;
}
.md_f-none {
float: none;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.mgz-grid-col-lg-12 > div:nth-child(12n+1),
.mgz-grid-col-lg-6 > div:nth-child(6n+1),
.mgz-grid-col-lg-5 > div:nth-child(5n+1),
.mgz-grid-col-lg-4 > div:nth-child(4n+1),
.mgz-grid-col-lg-3 > div:nth-child(3n+1),
.mgz-grid-col-lg-2 > div:nth-child(2n+1),
.mgz-grid-col-lg-1 > div:nth-child(1n+1) {
clear: left;
}
.mgz-grid-col-lg-12 > div,
.mgz-grid-col-lg-6 > div,
.mgz-grid-col-lg-5 > div,
.mgz-grid-col-lg-4 > div,
.mgz-grid-col-lg-3 > div,
.mgz-grid-col-lg-2 > div,
.mgz-grid-col-lg-1 > div {
float: left;
}
.mgz-grid-col-lg-12 > div {
width: 8.33333333%;
}
.mgz-grid-col-lg-6 > div {
width: 16.66666667%;
}
.mgz-grid-col-lg-5 > div {
width: 20%;
}
.mgz-grid-col-lg-4 > div {
width: 25%;
}
.mgz-grid-col-lg-3 > div {
width: 33.33333333%;
}
.mgz-grid-col-lg-2 > div {
width: 50%;
}
.mgz-grid-col-lg-1 > div {
width: 100%;
}
.mgz-hidden-lg {
display: none !important;
}
.lg_left {
text-align: left;
}
.lg_center {
text-align: center;
}
.lg_right {
text-align: right;
}
.lg_f-right {
float: right;
}
.lg_f-left {
float: left;
}
.lg_f-none {
float: none;
}
}
@media (min-width: 1200px) {
.mgz-grid-col-xl-12 > div:nth-child(12n+1),
.mgz-grid-col-xl-6 > div:nth-child(6n+1),
.mgz-grid-col-xl-5 > div:nth-child(5n+1),
.mgz-grid-col-xl-4 > div:nth-child(4n+1),
.mgz-grid-col-xl-3 > div:nth-child(3n+1),
.mgz-grid-col-xl-2 > div:nth-child(2n+1),
.mgz-grid-col-xl-1 > div:nth-child(1n+1) {
clear: left;
}
.mgz-grid-col-xl-12 > div,
.mgz-grid-col-xl-6 > div,
.mgz-grid-col-xl-5 > div,
.mgz-grid-col-xl-4 > div,
.mgz-grid-col-xl-3 > div,
.mgz-grid-col-xl-2 > div,
.mgz-grid-col-xl-1 > div {
float: left;
}
.mgz-grid-col-xl-12 > div {
width: 8.33333333%;
}
.mgz-grid-col-xl-6 > div {
width: 16.66666667%;
}
.mgz-grid-col-xl-5 > div {
width: 20%;
}
.mgz-grid-col-xl-4 > div {
width: 25%;
}
.mgz-grid-col-xl-3 > div {
width: 33.33333333%;
}
.mgz-grid-col-xl-2 > div {
width: 50%;
}
.mgz-grid-col-xl-1 > div {
width: 100%;
}
.mgz-hidden-xl {
display: none !important;
}
.xl_left {
text-align: left;
}
.xl_center {
text-align: center;
}
.xl_right {
text-align: right;
}
.xl_f-right {
float: right;
}
.xl_f-left {
float: left;
}
.xl_f-none {
float: none;
}
}
.mgz-pull-right {
float: right !important;
}
.mgz-pull-left {
float: left !important;
}.baytonia-visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
h3.product.name.product-item-name {
margin: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
h2.apptrian-subcategories-heading {
margin: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.apptrian-subcategories-category-name .apptrian-subcategories-item-title {
margin: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.page-title-wrapper .page-subtitle {
margin: 8px 0 0;
font-size: 1.4rem;
line-height: 1.2;
}
.product.data.items > #additional.item.content {
padding-left: 0 !important;
padding-right: 0 !important;
}
.additional-attributes-wrapper {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
}
.additional-attributes-list {
display: grid !important;
grid-template-columns: 1fr 2fr !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.additional-attributes-label {
margin: 0 !important;
padding: 12px 15px !important;
box-sizing: border-box !important;
}
.additional-attributes-value {
margin: 0 !important;
padding: 12px 200px !important;
text-align: right !important;
box-sizing: border-box !important;
}
.additional-attributes-label {
font-weight: 600 !important;
color: #777;
}
/* Zebra striping for 2-column grid */
.additional-attributes-label:nth-child(4n-3),
.additional-attributes-value:nth-child(4n-2) {
background-color: #f5f5f5 !important;
}
.landing-footer-title,
.landing-footer-original {
font-weight: 600;
}
.baytonia-product-attributes-title {
display: none;
}
@media (max-width: 767px) {
.baytonia-product-attributes-title {
display: block !important;
font-size: 20px !important;
font-weight: 100 !important;
margin: 0 0 5px 0 !important;
color: #272525 !important;
border-bottom: none !important;
text-decoration: none !important;
}
.additional-attributes-label:nth-child(4n-3),
.additional-attributes-label:nth-child(4n-2) {
background-color: #f5f5f5 !important;
}
.additional-attributes-label {
padding-bottom: 5px !important;
font-weight: 13.75 !important;
}
.additional-attributes-value {
text-align:center !important;
padding: 5px 0px 15px 0px !important;
}
}
.fotorama-stretch,
.fotorama-focus-overlay:after,
.fotorama__stage__shaft,
.fotorama__stage__frame,
.fotorama__html,
.fotorama__video iframe {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.fotorama-grab-cursor,
.fotorama__wrap .fotorama__grab {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.fotorama-grabbing-cursor,
.fotorama__grabbing * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.fotorama-gpu,
.fotorama--fullscreen,
.fotorama__caption,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__stage__frame,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__stage:before,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__nav:after,
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full {
transform: translateZ(0);
}
.fotorama-focus,
.fotorama__nav__frame,
.fotorama__fullscreen-icon:focus,
.fotorama__zoom-out:focus,
.fotorama__zoom-in:focus {
outline: 0;
}
.fotorama-focus-overlay:after {
background-color: #006bb4;
border-radius: inherit;
content: '';
}
.fotorama-transform-disabled,
.fotorama__wrap--video .fotorama__stage__shaft,
.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html {
transform: none !important;
}
.fotorama-transition-for-slide,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
transition-duration: 0ms;
transition-property: transform, width;
transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
}
.fotorama-no-select,
.fotorama__wrap,
.fotorama__no-select,
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close {
user-select: none;
}
.fotorama-select,
.fotorama__select {
user-select: text;
}
.fotorama-empty-bg {
background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=);
}
.fotorama-auto-margin,
.fotorama__nav,
.fotorama__nav__frame {
margin: auto;
padding: 0;
}
.fotorama-inline-block,
.fotorama__nav__shaft,
.fotorama__nav__frame,
.fotorama__caption__wrap {
*display: inline;
*zoom: 1;
-moz-box-orient: vertical;
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
}
.fotorama-content-box,
.fotorama__nav__frame {
box-sizing: content-box;
}
.fotorama-border-box,
.fotorama__thumb-border,
.fotorama__caption__wrap,
.fotorama__arr {
box-sizing: border-box;
}
.fotorama-hidden,
.fotorama--hidden,
.fotorama__load {
left: -99999px;
position: absolute;
top: -99999px;
z-index: -1000;
}
.fotorama-visible {
left: auto;
opacity: 1;
position: relative;
top: auto;
z-index: auto;
}
.fotorama-no-tap,
.fotorama__stage__shaft,
.fotorama__stage__frame,
.fotorama__nav,
.fotorama__nav__shaft,
.fotorama__nav__frame,
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.transitionDuration {
transition-duration: 333ms;
}
.transitionDurationZero {
transition-duration: 0ms;
}
.fotorama-sprite,
.fotorama__fullscreen .fotorama__zoom-out,
.fotorama__fullscreen .fotorama__zoom-in,
.fotorama__arr .fotorama__arr__arr,
.fotorama__fullscreen-icon,
.fotorama__video-play,
.fotorama__thumb--icon,
.fotorama__video-close {
background-image: url('../../frontend/Smartwave/portortl_child/ar_SA/mage/gallery/gallery.png');
background-repeat: no-repeat;
}
@media print {
.fotorama-print-background,
.fotorama-sprite,
.fotorama__thumb-border,
.fotorama__fullscreen .fotorama__zoom-out,
.fotorama__fullscreen .fotorama__zoom-in,
.fotorama__arr .fotorama__arr__arr,
.fotorama__fullscreen-icon,
.fotorama__video-play,
.fotorama__thumb--icon,
.fotorama__video-close {
background: none !important;
}
}
.fotorama__fullscreen-icon:focus,
.fotorama__zoom-out:focus,
.fotorama__zoom-in:focus,
.fotorama__arr:focus,
.fotorama__stage__shaft:focus,
.fotorama__nav__frame--thumb:focus .fotorama__thumb,
.fotorama__nav__frame--dot:focus .fotorama__dot {
box-shadow: none;
}
.fotorama__fullscreen-icon:focus:after,
.fotorama__zoom-out:focus:after,
.fotorama__zoom-in:focus:after,
.fotorama__arr:focus:after,
.fotorama__stage__shaft:focus:after,
.fotorama__nav__frame--thumb:focus .fotorama__thumb:after,
.fotorama__nav__frame--dot:focus .fotorama__dot:after {
border-radius: inherit;
bottom: 3px;
box-shadow: 0 0 3px 1px #68a8e0;
content: '';
left: 3px;
position: absolute;
right: 3px;
top: 3px;
z-index: 1000;
}
.fotorama__nav__frame--thumb:focus .fotorama__thumb:after,
.fotorama__nav__frame--dot:focus .fotorama__thumb:after,
.fotorama__nav__frame--thumb:focus .fotorama__dot:after,
.fotorama__nav__frame--dot:focus .fotorama__dot:after {
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.fotorama__nav__frame--thumb:focus .fotorama__thumb.fotorama_vertical_ratio:after,
.fotorama__nav__frame--dot:focus .fotorama__thumb.fotorama_vertical_ratio:after {
left: 2px;
right: 2px;
}
.fotorama__nav__frame--thumb:focus .fotorama__thumb,
.fotorama__nav__frame--dot:focus .fotorama__thumb {
overflow: inherit;
}
.fotorama__nav__frame:nth-child(2):focus .fotorama__thumb:after {
left: 1px;
}
.fotorama__nav__frame:nth-child(2):focus .fotorama__thumb.fotorama_vertical_ratio:after {
top: 1px;
}
.fotorama__nav__frame:last-child:focus .fotorama__thumb:after {
right: 1px;
}
.fotorama__nav__frame:last-child:focus .fotorama__thumb.fotorama_vertical_ratio:after {
bottom: 1px;
}
.fotorama__thumb__arr {
box-shadow: none;
}
.fotorama--fullscreen {
background: #fff;
bottom: 0 !important;
float: none !important;
left: 0 !important;
margin: 0 !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 100% !important;
z-index: 1000 !important;
}
.fotorama--fullscreen .fotorama__wrap {
max-width: 100% !important;
}
.fotorama__fullscreen {
overflow: hidden;
position: relative;
}
.fotorama__fullscreen .fotorama__zoom-in,
.fotorama__fullscreen .fotorama__zoom-out {
cursor: pointer;
display: block;
height: 80px;
overflow: hidden;
position: absolute;
width: 80px;
}
.fotorama__fullscreen .fotorama__zoom-out {
background-position: 0 -80px !important;
top: 80px;
}
.fotorama__fullscreen .fotorama__zoom-out.fotorama__zoom-out--disabled {
display: none;
}
.fotorama__fullscreen .fotorama__zoom-in {
background-position: 0 0 !important;
top: 0;
}
.fotorama__fullscreen .fotorama__zoom-in.fotorama__zoom-in--disabled {
display: none;
}
.fotorama__fullscreen .fotorama__video-close {
display: none;
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img {
display: none;
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
display: block;
}
.fotorama__zoom-in,
.fotorama__zoom-out {
display: none;
}
.fotorama {
min-width: 1px;
overflow: hidden;
}
.fotorama__wrap {
-webkit-text-size-adjust: 100%;
direction: ltr;
position: relative;
z-index: 0;
}
.fotorama__wrap--rtl .fotorama__stage__frame {
direction: rtl;
}
.fotorama__stage,
.fotorama__nav {
max-width: 100%;
overflow: hidden;
position: relative;
}
.fotorama__wrap--pan-y {
-ms-touch-action: pan-y;
}
.fotorama__stage__shaft {
position: relative;
}
.fotorama__wrap .fotorama__pointer {
cursor: pointer;
}
.fotorama__wrap--slide .fotorama__stage__frame {
opacity: 1 !important;
}
.fotorama__stage__frame {
overflow: hidden;
}
.fotorama__stage__frame.fotorama__active {
z-index: 8;
}
.fotorama__wrap--fade .fotorama__stage__frame {
display: none;
}
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active,
.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear {
display: block;
left: 0;
top: 0;
}
.fotorama__wrap--fade .fotorama__fade-front {
z-index: 8;
}
.fotorama__wrap--fade .fotorama__fade-rear {
z-index: 7;
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
z-index: 9;
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
display: none;
}
.fotorama__img {
border: none !important;
max-width: inherit;
opacity: 0;
}
.fotorama__loaded .fotorama__img,
.fotorama__error .fotorama__img {
opacity: 1;
}
.fotorama__img--full {
display: none;
}
.fotorama__nav {
display: none;
font-size: 0;
line-height: 0;
white-space: nowrap;
z-index: 5;
}
.fotorama__nav__shaft {
left: 0;
position: relative;
text-align: left;
top: 0;
}
.fotorama__nav__frame {
position: relative;
}
.fotorama__nav--dots {
display: block;
text-align: center;
}
.fotorama__nav--dots .fotorama__nav__frame {
height: 30px;
width: 18px;
}
.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
display: none;
}
.fotorama__nav--thumbs {
display: block;
}
.fotorama__nav--thumbs .fotorama__nav__frame {
padding-left: 0 !important;
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
padding-right: 0 !important;
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {
display: none;
}
.fotorama__active .fotorama__dot {
background-color: #ff5501;
border-color: #ff5501;
}
.fotorama__nav__frame.fotorama__active .fotorama__nav__frame {
border-width: 3px;
height: 0;
width: 0;
}
.fotorama__nav__frame.fotorama__active .fotorama__nav__frame:after {
left: -3px;
padding: 3px;
top: -3px;
}
.fotorama__nav__frame:focus {
box-shadow: none;
}
.fotorama__nav__frame:focus :after {
left: -1px;
padding: 1px;
top: -1px;
}
.fotorama__dot {
border-radius: 6px;
border: 1px solid #858585;
display: block;
height: 4px;
left: 6px;
position: relative;
top: 12px;
width: 4px;
}
.fotorama__thumb {
background-color: #ebebeb;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.fotorama__nav__frame:focus .fotorama__thumb {
z-index: 2;
}
.fotorama__thumb-border {
backface-visibility: hidden;
background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
border: 1px solid #ff5501;
left: 0;
position: absolute;
top: 0;
z-index: 9;
}
.fotorama__caption {
bottom: 0;
color: #000;
font-size: 14px;
left: 0;
line-height: 1.5;
position: absolute;
right: 0;
z-index: 12;
}
.fotorama__caption a {
border-bottom: 1px solid;
border-color: rgba(0, 0, 0, 0.005);
color: #000;
text-decoration: none;
}
.fotorama__caption a:hover {
border-color: rgba(0, 0, 0, 0.005);
color: #000;
}
.fotorama__wrap--rtl .fotorama__caption {
left: auto;
right: 0;
}
.fotorama__wrap--video .fotorama__caption,
.fotorama__wrap--no-captions .fotorama__caption {
display: none;
}
.fotorama__caption__wrap {
background-color: #fff;
padding: 5px 10px;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.fotorama__spinner {
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
position: absolute;
top: 50%;
}
.fotorama__wrap--css3 .fotorama__spinner {
animation: spinner 24s infinite linear;
}
.fotorama__wrap--css3 .fotorama__html {
transition-duration: 0.3s;
transition-property: opacity;
transition-timing-function: linear;
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html {
opacity: 0;
}
.fotorama__select {
cursor: auto;
}
.fotorama__video {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 32px;
z-index: 10;
}
@-moz-document url-prefix() {
.fotorama__active {
box-shadow: 0 0 0 transparent;
}
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close {
cursor: pointer;
position: absolute;
}
.fotorama__arr {
z-index: 900;
}
.fotorama__fullscreen-icon,
.fotorama__zoom-out,
.fotorama__zoom-in,
.fotorama__video-close {
z-index: 1000;
}
.fotorama__arr {
bottom: 0;
position: absolute;
top: 0;
width: 80px;
}
._block-content-loading .fotorama__arr {
opacity: 0;
}
.fotorama__arr .fotorama__arr__arr {
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
position: absolute;
top: 50%;
height: 80px;
width: 80px;
}
.fotorama__arr--prev {
left: 0;
}
.fotorama__arr--prev .fotorama__arr__arr {
background-position: -80px -80px;
}
.fotorama__arr--next {
right: 0;
}
.fotorama__arr--next .fotorama__arr__arr {
background-position: -160px -80px;
}
.fotorama__arr--disabled {
cursor: default;
opacity: 0;
pointer-events: none;
}
.fotorama__fullscreen-icon {
background-position: 0 0;
display: none;
height: 80px;
right: 0;
top: 0;
width: 80px;
z-index: 1000;
}
.fotorama--fullscreen-icons .fotorama__fullscreen-icon {
display: none;
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
background-position: -80px 0;
display: inline-block;
}
.fotorama__video-play {
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
position: absolute;
top: 50%;
background-position: -80px -160px;
height: 160px;
width: 160px;
}
.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
display: none;
}
.fotorama__loaded .fotorama__video-play,
.fotorama__error .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
display: block;
opacity: 1;
}
.fotorama__nav__frame .fotorama__video-play {
background-position: 0 -240px;
height: 80px;
width: 80px;
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
opacity: 0;
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
opacity: 1;
}
.fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close {
display: none;
}
.fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close {
opacity: 1;
right: 93px;
top: 97px;
}
.fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close {
display: none;
}
.fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close {
opacity: 1;
right: 93px;
top: 97px;
}
.fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close {
display: none;
}
.fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close {
opacity: 1;
right: 93px;
top: 97px;
}
.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
opacity: 0 !important;
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
display: none;
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
display: block;
}
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
display: none !important;
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
-webkit-transform: translate3d(80px, -80px, 0);
-ms-transform: translate3d(80px, -80px, 0);
-o-transform: translate3d(80px, -80px, 0);
transform: translate3d(80px, -80px, 0);
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
-webkit-transform: translate3d(-120px, 0, 0);
-ms-transform: translate3d(-120px, 0, 0);
-o-transform: translate3d(-120px, 0, 0);
transform: translate3d(-120px, 0, 0);
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
-webkit-transform: translate3d(120px, 0, 0);
-ms-transform: translate3d(120px, 0, 0);
-o-transform: translate3d(120px, 0, 0);
transform: translate3d(120px, 0, 0);
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
-webkit-transform: translate3d(80px, -80px, 0) !important;
-ms-transform: translate3d(80px, -80px, 0) !important;
-o-transform: translate3d(80px, -80px, 0) !important;
transform: translate3d(80px, -80px, 0) !important;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
-webkit-transform: translate3d(-120px, 0, 0) !important;
-ms-transform: translate3d(-120px, 0, 0) !important;
-o-transform: translate3d(-120px, 0, 0) !important;
transform: translate3d(-120px, 0, 0) !important;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
-webkit-transform: translate3d(120px, 0, 0) !important;
-ms-transform: translate3d(120px, 0, 0) !important;
-o-transform: translate3d(120px, 0, 0) !important;
transform: translate3d(120px, 0, 0) !important;
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus) {
transition-duration: 0.3s;
transition-property: transform, opacity, background-color;
}
.fotorama__stage:before,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__nav:after {
background-repeat: no-repeat;
content: '';
display: block;
pointer-events: none;
position: absolute;
text-decoration: none;
z-index: 10;
}
.fotorama__stage:before,
.fotorama__nav:before {
left: -10px;
top: -10px;
}
.fotorama__stage:after,
.fotorama__nav:after {
right: -10px;
bottom: -10px;
}
.fotorama__stage.fotorama__shadows--left:before,
.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--right:after,
.fotorama__nav.fotorama__shadows--right:after {
background-size: 1px 100%, 5px 100%;
bottom: 0;
height: auto;
top: 0;
width: 10px;
}
.fotorama__stage.fotorama__shadows--top:before,
.fotorama__nav.fotorama__shadows--top:before,
.fotorama__stage.fotorama__shadows--bottom:after,
.fotorama__nav.fotorama__shadows--bottom:after {
background-size: 100% 1px, 100% 5px ;
height: 10px;
left: 0;
right: 0;
width: auto;
}
.fotorama__stage.fotorama__shadows--left:before,
.fotorama__nav.fotorama__shadows--left:before {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
background-position: 0 0, 0 0;
left: 0;
}
.fotorama__stage.fotorama__shadows--right:after,
.fotorama__nav.fotorama__shadows--right:after {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
background-position: 100% 0, 100% 0;
right: 0;
}
.fotorama__stage.fotorama__shadows--top:before,
.fotorama__nav.fotorama__shadows--top:before {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.4), transparent);
background-position: 0 0, 0 0;
top: 0;
}
.fotorama__stage.fotorama__shadows--bottom:after,
.fotorama__nav.fotorama__shadows--bottom:after {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4), transparent);
background-position: 0 100%, 0 100%;
bottom: 0;
}
.fotorama--fullscreen .fotorama__stage:before,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--fade .fotorama__stage:after {
display: none;
}
.fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
position: absolute;
top: 50%;
width: 100%;
}
.fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translateY(-50%, -50%);
-o-transform: translateY(-50%, -50%);
transform: translateY(-50%, -50%);
top: 50%;
left: 50%;
position: absolute;
width: auto;
}
.magnifier-thumb-wrapper {
display: block;
left: 0;
position: relative;
top: 0;
}
.magnifier-lens {
border: solid 1px #bbb;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: 800;
}
.magnify-lens {
background: rgba(255, 255, 255, 0.5);
border: solid 1px #bbb;
color: #fff;
left: 0;
position: absolute;
text-align: center;
top: 0;
z-index: 1000;
overflow: hidden;
}
.magnify-lens .magnifier-large {
width: auto;
height: auto;
max-height: none;
max-width: none;
border: none;
position: absolute;
z-index: 100;
}
.magnifier-loader-text {
margin-top: 10px;
}
.magnifier-preview {
bottom: 0;
left: 58%;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 2;
top: 215px;
}
.magnifier-preview:not(.hidden) {
background-color: #fff;
}
.magnifier-preview img {
left: 0;
max-width: inherit;
max-height: inherit;
position: absolute;
top: 0;
object-fit: scale-down;
}
.fotorama__stage__frame {
text-align: center;
}
.fotorama__stage__frame .fotorama__img {
height: auto;
left: 50%;
max-height: 100%;
max-width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
transition-duration: 0.3s;
transition-property: width, height, top, left;
vertical-align: middle;
width: auto;
}
@media all and (min-width: 768px) {
.fotorama__stage__frame .fotorama__img {
top: 49.5%;
}
}
.magnify-opaque {
opacity: 0.5;
}
.magnify-hidden {
display: none;
}
.fotorama__nav-wrap--vertical.fotorama__nav-wrap {
display: inline-block;
left: 0;
position: absolute;
top: 0;
}
.fotorama__nav-wrap--vertical .fotorama__nav__shaft {
background-color: white;
width: 100%;
}
.fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb {
display: block;
padding-bottom: inherit !important;
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img {
display: none;
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img,
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full {
bottom: 0;
left: 0;
margin: auto;
max-height: inherit;
max-width: inherit;
position: absolute;
right: 0;
top: 0;
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full {
cursor: default;
display: block;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
top: 0;
transition: 0.3s linear;
vertical-align: middle;
width: auto;
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--zoommable {
cursor: pointer;
max-height: none;
max-width: none;
transition-property: width, height, bottom, right, top, left;
}
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--draggable {
cursor: move;
transition-property: none;
}
.fotorama--fullscreen .fotorama__stage__frame iframe {
left: 80px;
width: calc(100% - 80px * 2);
}
.fotorama__nav-wrap--horizontal.fotorama__nav-wrap {
min-height: 30px;
}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left,
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right {
bottom: 0;
cursor: pointer;
position: absolute;
top: 0;
width: 30px;
z-index: 1000;
}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon,
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon {
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
left: 50%;
position: absolute;
top: 50%;
width: 100%;
}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left {
left: 0;
}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right {
right: 0;
}
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--left,
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--right {
cursor: pointer;
height: 30px;
left: 0;
position: absolute;
right: 0;
z-index: 1000;
}
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon,
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin: auto;
width: 30px;
}
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--left {
top: 0;
}
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--right {
bottom: 0;
}
.fotorama__wrap--only-active .fotorama__stage,
.fotorama__wrap--only-active .fotorama__nav {
max-width: 99999px !important;
}
.fotorama__wrap--only-active .fotorama__stage__frame {
visibility: hidden;
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
visibility: visible;
}
.fotorama__thumb--icon {
font-size: 0.001px;
padding-bottom: 30px;
}
.fotorama__thumb__arr--left .fotorama__thumb--icon {
background-position: -25px -265px;
}
.fotorama__thumb__arr--right .fotorama__thumb--icon {
background-position: -25px -350px;
}
.magnify-fullimage {
display: none;
}
.fotorama__arr,
.fotorama__thumb__arr {
background-color: rgba(255, 255, 255, 0.3);
transition: background-color 0.3s ease-in-out;
}
.fotorama__arr:hover,
.fotorama__thumb__arr:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.fotorama__arr:active,
.fotorama__thumb__arr:active {
background-color: rgba(213, 213, 213, 0.5);
}
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon,
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out,
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in {
background-color: rgba(255, 255, 255, 0.3);
transition: background-color 0.3s ease-in-out;
}
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:hover,
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:hover,
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:active,
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:active,
.fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:active {
background-color: rgba(213, 213, 213, 0.5);
}
.fotorama__video-close {
background-position: -80px 0;
height: 80px;
opacity: 0;
right: 0;
top: 0;
transform: translate3d(80px, -80px, 0);
transition: opacity 0.3s ease-in-out;
width: 80px;
}
@media all and (max-width: 768px) {
.fotorama__video-close {
background-position: -100px -20px;
top: 10px;
height: 40px;
width: 40px;
}
}
.fotorama__video-close.fotorama-show-control {
opacity: 1;
transform: translate3d(0, -10px, 0);
}
.gallery-placeholder__image {
display: block;
margin: auto;
}
.fotorama__spinner {
background-image: url('../../frontend/Smartwave/portortl_child/ar_SA/images/loader-1.gif');
bottom: 0;
display: none;
height: 64px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 64px;
z-index: 100;
}
.fotorama__spinner.fotorama__spinner--show {
display: block;
}
.fotorama__product-video--loaded .fotorama__img,
.fotorama__product-video--loaded .fotorama__img--full {
display: none !important;
}
.fotorama__stage .fotorama__arr--shown {
display: block !important;
}
.fotorama__stage .fotorama__arr--hidden {
display: none !important;
}
._block-content-loading .fotorama-item {
position: absolute !important;
z-index: -1;
top: 0;
width: 100%;
}
.gallery-placeholder:not(._block-content-loading) .gallery-placeholder__image {
display: none;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%5C%2Fstatic%5C%2Ffrontend%5C%2FSmartwave%5C%2Fportortl_child%5C%2Far_SA%5C%2Fmage%5C%2Fgallery%5C%2Fmodule%5C%2F_extends.less%22%2C%22%5C%2Fstatic%5C%2Ffrontend%5C%2FSmartwave%5C%2Fportortl_child%5C%2Far_SA%5C%2Fmage%5C%2Fgallery%5C%2Fgallery.less%22%2C%22%5C%2Fstatic%5C%2Ffrontend%5C%2FSmartwave%5C%2Fportortl_child%5C%2Far_SA%5C%2Fmage%5C%2Fgallery%5C%2Fmodule%5C%2F_fullscreen.less%22%2C%22%5C%2Fstatic%5C%2Ffrontend%5C%2FSmartwave%5C%2Fportortl_child%5C%2Far_SA%5C%2Fmage%5C%2Fgallery%5C%2Fmodule%5C%2F_mixins.less%22%2C%22%5C%2Fstatic%5C%2Ffrontend%5C%2FSmartwave%5C%2Fportortl_child%5C%2Far_SA%5C%2Fmage%5C%2Fgallery%5C%2Fmodule%5C%2F_focus.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAKA%3BAAqCI%2CuBAAC%3BACOL%3BAA0BA%3BAAgDA%3BAAsOA%2CgBAOI%3BEDlWA%2CSAAA%3BEACA%2CYAAA%3BEACA%2COAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEACA%2CMAAA%3BEACA%2CWAAA%3B%3BAAGJ%3BACwCA%2CeAKI%3BED5CA%2CYAAA%3BEACA%2CoBAAA%3BEACA%2CiBAAA%3BEACA%2CeAAA%3BEACA%2CgBAAA%3BEACA%2CYAAA%3B%3BAAGJ%3BAC%2BCA%2CmBAAoB%3BED9ChB%2CYAAA%3BEACA%2CwBAAA%3BEACA%2CqBAAA%3BEACA%2CmBAAA%3BEACA%2CoBAAA%3BEACA%2CgBAAA%3B%3BAAGJ%3BAE5BA%3BADiPA%3BAAwDA%2CqBAMI%3BAANJ%2CqBAUI%3BAAVJ%2CqBAWI%3BAAXJ%2CqBAYI%3BAAZJ%2CqBAeI%3BAAySA%2CgBAAC%3BAAAD%2CcAAC%3BAACD%2CgBAAC%3BAAAD%2CcAAC%3BAA8ML%2CqBACI%2CwBAeI%3BEDnyBJ%2CWAAW%2CaAAX%3B%3BAAGJ%3BAC6GA%3BAAgTI%2C0BAAC%3BAAAD%2CmBAAC%3BAAAD%2CkBAAC%3BED5ZD%2CUAAA%3B%3BAAIA%2CuBAAC%3BEAEG%2CyBAAA%3BEACA%2CsBAAA%3BEACA%2CSAAS%2CEAAT%3B%3BAAIR%3BACmRA%2CsBACI%3BAADJ%2CsBAEI%3BAAFJ%2CsBAGI%3BAAHJ%2CsBAMI%2C%2BBACI%3BAAPR%2CsBAMI%2C%2BBAEI%3BED1RJ%2C0BAAA%3B%3BAAGJ%3BACwPA%2CqBACI%3BAADJ%2CqBAEI%3BAAFJ%2CqBAGI%3BED1PA%2CwBAAA%3BEACA%2CqCAAA%3BEACA%2C4BAA4B%2C6BAA5B%3B%3BAAGJ%3BACpCA%3BAAiUA%3BAA0BA%3BAACA%3BAACA%3BEDxTI%2CiBAAA%3B%3BAAGJ%3BACoRA%3BEDnRI%2CiBAAA%3B%3BAAGJ%3BEACI%2C2EAAA%3B%3BAAGJ%3BACuDA%3BAAmBA%3BEDzEI%2CYAAA%3BEACA%2CUAAA%3B%3BAAGJ%3BAC4DA%3BAASA%3BAAoIA%3BEE1OI%2CgBAAA%3BEACA%2CQAAA%3BEACA%2CyBAAA%3BEACA%2CwBAAA%3BEACA%2CqBAAA%3BEACA%2CsBAAA%3B%3BAHgCJ%3BACiEA%3BEDhEI%2CuBAAA%3B%3BAAGJ%3BACqJA%3BAA4CA%3BAAiHA%3BEDjTI%2CsBAAA%3B%3BAAGJ%3BACoMA%3BAAgEA%3BEDnQI%2CcAAA%3BEACA%2CkBAAA%3BEACA%2CaAAA%3BEACA%2CcAAA%3B%3BAAGJ%3BEACI%2CUAAA%3BEACA%2CUAAA%3BEACA%2CkBAAA%3BEACA%2CSAAA%3BEACA%2CaAAA%3B%3BAAGJ%3BACvDA%3BAA0BA%3BAAoDA%3BAAUA%3BAASA%3BAAiOA%3BAACA%3BAACA%3BED5QI%2C6CAAA%3B%3BAAGJ%3BEACI%2C0BAAA%3B%3BAAGJ%3BEACI%2CwBAAA%3B%3BAAGJ%3BAE9FA%2CqBAaI%3BAAbJ%2CqBAqBI%3BAD4VJ%2CcAWI%3BAA4BJ%3BAAgCA%3BAAsdA%3BAAmCA%3BEDj1BI%2CsBAAsB%2CcAAtB%3BEACA%2C4BAAA%3B%3BAAOJ%3BEAAA%3BEAVA%3BECsHA%3BECpNA%2CqBAaI%3BEAbJ%2CqBAqBI%3BED4VJ%2CcAWI%3BEA4BJ%3BEAgCA%3BEAsdA%3BEAmCA%3BID30BQ%2C2BAAA%3B%3B%3BAIvHR%2C0BAA0B%3BAAC1B%2CmBAAmB%3BAACnB%2CkBAAkB%3BAAClB%2CcAAc%3BAACd%2CuBAAuB%3BAACvB%2C4BAA4B%2CMAAO%3BAACnC%2C0BAA0B%2CMAAO%3BEAC7B%2CgBAAA%3B%3BAACA%2C0BARsB%2CMAQrB%3BAAAD%2CmBAPe%2CMAOd%3BAAAD%2CkBANc%2CMAMb%3BAAAD%2CcALU%2CMAKT%3BAAAD%2CuBAJmB%2CMAIlB%3BAAAD%2C4BAHwB%2CMAAO%2CiBAG9B%3BAAAD%2C0BAFsB%2CMAAO%2CeAE5B%3BEACG%2CsBAAA%3BEACA%2CWAAA%3BEACA%2C%2BBAAA%3BEACA%2CSAAS%2CEAAT%3BEACA%2CSAAA%3BEACA%2CkBAAA%3BEACA%2CUAAA%3BEACA%2CQAAA%3BEACA%2CaAAA%3B%3BAAIR%2C4BAA4B%2CMAExB%2CiBAAgB%3BAADpB%2C0BAA0B%2CMACtB%2CiBAAgB%3BAAFpB%2C4BAA4B%2CMAGxB%2CeAAc%3BAAFlB%2C0BAA0B%2CMAEtB%2CeAAc%3BEACV%2CSAAA%3BEACA%2COAAA%3BEACA%2CQAAA%3BEACA%2CMAAA%3B%3BAAPR%2C4BAA4B%2CMASxB%2CiBAAgB%2CwBAAwB%3BAAR5C%2C0BAA0B%2CMAQtB%2CiBAAgB%2CwBAAwB%3BEACpC%2CSAAA%3BEACA%2CUAAA%3B%3BAAXR%2C4BAA4B%2CMAaxB%3BAAZJ%2C0BAA0B%2CMAYtB%3BEACI%2CiBAAA%3B%3BAAIR%2CqBAAqB%2CUAAU%2CGAAG%2CMAC9B%2CiBAAgB%3BEACZ%2CSAAA%3B%3BAAFR%2CqBAAqB%2CUAAU%2CGAAG%2CMAI9B%2CiBAAgB%2CwBAAwB%3BEACpC%2CQAAA%3B%3BAAIR%2CqBAAqB%2CWAAW%2CMAC5B%2CiBAAgB%3BEACZ%2CUAAA%3B%3BAAFR%2CqBAAqB%2CWAAW%2CMAI5B%2CiBAAgB%2CwBAAwB%3BEACpC%2CWAAA%3B%3BAAIR%3BEACI%2CgBAAA%3B%3BAF1DJ%3BEACI%2CgBAAA%3BEACA%2CoBAAA%3BEACA%2CsBAAA%3BEACA%2CkBAAA%3BEACA%2CoBAAA%3BEACA%2C0BAAA%3BEACA%2CmBAAA%3BEACA%2CiBAAA%3BEACA%2CsBAAA%3BEACA%2CaAAA%3B%3BAAVJ%2CqBAYI%3BEACI%2C0BAAA%3B%3BAAIR%3BEACI%2CgBAAA%3BEACA%2CkBAAA%3B%3BAAFJ%2CqBAGI%3BAAHJ%2CqBAII%3BEACI%2CeAAA%3BEACA%2CcAAA%3BEACA%2CYAAA%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CWAAA%3B%3BAAVR%2CqBAaI%3BEAEI%2C4BAAA%3BEACA%2CSAAA%3B%3BAACA%2CqBAJJ%2CoBAIK%3BEACG%2CaAAA%3B%3BAAlBZ%2CqBAqBI%3BEAEI%2CmCAAA%3BEACA%2CMAAA%3B%3BAACA%2CqBAJJ%2CmBAIK%3BEACG%2CaAAA%3B%3BAA1BZ%2CqBA6BI%3BEACI%2CaAAA%3B%3BAAIR%2CqBAAsB%2CwBAClB%3BEACI%2CaAAA%3B%3BAAFR%2CqBAAsB%2CwBAIlB%3BEACI%2CcAAA%3B%3BAD%5C%2FCR%3BAACA%3BEACI%2CaAAA%3B%3BAAGJ%3BEACI%2CcAAA%3BEACA%2CgBAAA%3B%3BAAGJ%3BEAEI%2C8BAAA%3BEACA%2CcAAA%3BEACA%2CkBAAA%3BEACA%2CUAAA%3B%3BAAGJ%2CoBACI%3BEACI%2CcAAA%3B%3BAAIR%3BAACA%3BEACI%2CeAAA%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3B%3BAAGJ%3BEACI%2CuBAAA%3B%3BAAGJ%3BEAGI%2CkBAAA%3B%3BAAGJ%2CeACI%3BEACI%2CeAAA%3B%3BAAQR%2CsBACI%3BEACI%2CqBAAA%3B%3BAAQR%3BEAGI%2CgBAAA%3B%3BAACA%2CuBAAC%3BEACG%2CUAAA%3B%3BAAIR%2CqBACI%3BEACI%2CaAAA%3B%3BAAFR%2CqBAII%2CwBAAuB%3BAAJ3B%2CqBAKI%3BAALJ%2CqBAMI%3BEACI%2CcAAA%3BEACA%2COAAA%3BEACA%2CMAAA%3B%3BAATR%2CqBAWI%3BEACI%2CUAAA%3B%3BAAZR%2CqBAcI%3BEACI%2CUAAA%3B%3BAACA%2CqBAFJ%2CqBAEK%3BEACG%2CUAAA%3B%3BAAjBZ%2CqBAoBI%2CiBAAiB%3BEACb%2CaAAA%3B%3BAAIR%3BEACI%2CuBAAA%3BEACA%2CkBAAA%3BEACA%2CUAAA%3B%3BAACA%2CiBAAkB%3BAAClB%2CgBAAiB%3BEACb%2CUAAA%3B%3BAAIR%3BEACI%2CaAAA%3B%3BAAOJ%3BEAGI%2CaAAA%3BEACA%2CYAAA%3BEACA%2CcAAA%3BEACA%2CmBAAA%3BEACA%2CUAAA%3B%3BAAGJ%3BEAGI%2COAAA%3BEACA%2CkBAAA%3BEACA%2CgBAAA%3BEACA%2CMAAA%3B%3BAAGJ%3BEAMI%2CkBAAA%3B%3BAAGJ%3BEACI%2CcAAA%3BEACA%2CkBAAA%3B%3BAAFJ%2CoBAGI%3BEACI%2CYAAA%3BEACA%2CWAAA%3B%3BAALR%2CoBAOI%3BAAPJ%2CoBAQI%3BEACI%2CaAAA%3B%3BAAIR%3BEACI%2CcAAA%3B%3BAADJ%2CsBAEI%3BEACI%2C0BAAA%3B%3BAACA%2CsBAFJ%2CsBAEK%3BEACG%2C2BAAA%3B%3BAALZ%2CsBAQI%3BEACI%2CaAAA%3B%3BAAIR%2CiBACI%3BEACI%2CyBAAA%3BEACA%2CqBAAA%3B%3BAAKJ%2CqBAAC%2CiBAAkB%3BEACf%2CiBAAA%3BEACA%2CSAAA%3BEACA%2CQAAA%3B%3BAACA%2CqBAJH%2CiBAAkB%2CsBAId%3BEACG%2CUAAA%3BEACA%2CYAAA%3BEACA%2CSAAA%3B%3BAAKZ%2CqBAAqB%2CMAAO%3BEAExB%2CgBAAA%3B%3BAACA%2CqBAHiB%2CMAAO%2CCAGvB%3BEACG%2CUAAA%3BEACA%2CYAAA%3BEACA%2CSAAA%3B%3BAAIR%3BEACI%2CkBAAA%3BEACA%2CyBAAA%3BEACA%2CcAAA%3BEACA%2CWAAA%3BEACA%2CSAAA%3BEACA%2CkBAAA%3BEACA%2CSAAA%3BEACA%2CUAAA%3B%3BAAGJ%3BEACI%2CyBAAA%3BEACA%2CYAAA%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CWAAA%3B%3BAACA%2CqBAAqB%2CMAAO%3BEAExB%2CUAAA%3B%3BAAIR%3BEAGI%2C2BAAA%3BEACA%2CkBAAkB%2CkFAAlB%3BEACA%2CyBAAA%3BEACA%2COAAA%3BEACA%2CkBAAA%3BEACA%2CMAAA%3BEACA%2CUAAA%3B%3BAAGJ%3BEAEI%2CSAAA%3BEACA%2CWAAA%3BEACA%2CeAAA%3BEACA%2COAAA%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEACA%2CWAAA%3B%3BAATJ%2CkBAUI%3BEACI%2CwBAAA%3BEACA%2CkCAAA%3BEACA%2CWAAA%3BEACA%2CqBAAA%3B%3BAACA%2CkBALJ%2CEAKK%3BEACG%2CkCAAA%3BEACA%2CWAAA%3B%3BAAIR%2CoBAAqB%3BEACjB%2CUAAA%3BEACA%2CQAAA%3B%3BAAGJ%2CsBAAuB%3BAACvB%2C4BAA6B%3BEACzB%2CaAAA%3B%3BAAIR%3BEAGI%2CsBAAA%3BEACA%2CiBAAA%3B%3BAAOJ%3BEACI%3BIACI%2CWAAW%2CYAAX%3B%3BEAEJ%3BIACI%2CWAAW%2CcAAX%3B%3B%3BAAIR%3BEEpSI%2CmBAAmB%2C0BAAnB%3BEACA%2CeAAe%2C0BAAf%3BEACA%2CcAAc%2C0BAAd%3BEACA%2CWAAW%2C0BAAX%3BEFqqBA%2CSAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3B%3BAAlYJ%2CqBAMI%3BEAEI%2CsCAAA%3B%3BAARR%2CqBAeI%3BEAEI%2CyBAAA%3BEACA%2C4BAAA%3BEACA%2CkCAAA%3B%3BAAIR%2CsBAMI%2C%2BBACI%3BAAPR%2CsBAMI%2C%2BBAEI%3BEAEI%2CUAAA%3B%3BAAKZ%3BEAEI%2CYAAA%3B%3BAAWJ%3BEACI%2CSAAA%3BEACA%2COAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEACA%2CSAAA%3BEACA%2CWAAA%3B%3BAAMJ%2CeAAe%3BEACX%3BIACI%2C6BAAA%3B%3B%3BAAIR%3BAACA%3BAACA%3BEAGI%2CeAAA%3BEACA%2CkBAAA%3B%3BAAGJ%3BEACI%2CYAAA%3B%3BAAGJ%3BAACA%3BAACA%3BAACA%3BEACI%2CaAAA%3B%3BAAGJ%3BEAEI%2CSAAA%3BEACA%2CkBAAA%3BEACA%2CMAAA%3BEACA%2CWAAA%3B%3BAAEA%2CuBAAwB%3BEACpB%2CUAAA%3B%3BAARR%2CcAWI%3BEE5YA%2CmBAAmB%2C0BAAnB%3BEACA%2CeAAe%2C0BAAf%3BEACA%2CcAAc%2C0BAAd%3BEACA%2CWAAW%2C0BAAX%3BEFqqBA%2CSAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEA3RI%2CYAAA%3BEACA%2CWAAA%3B%3BAAIR%3BEACI%2COAAA%3B%3BAADJ%2CoBAEI%3BEACI%2CgCAAA%3B%3BAAIR%3BEACI%2CQAAA%3B%3BAADJ%2CoBAEI%3BEACI%2CiCAAA%3B%3BAAIR%3BEACI%2CeAAA%3BEACA%2CUAAA%3BEACA%2CoBAAA%3B%3BAAGJ%3BEAEI%2CwBAAA%3BEACA%2CaAAA%3BEACA%2CYAAA%3BEACA%2CQAAA%3BEACA%2CMAAA%3BEACA%2CWAAA%3BEACA%2CaAAA%3B%3BAAGJ%2C2BACI%3BEACI%2CaAAA%3B%3BAAYR%2CqBACI%3BEACI%2C4BAAA%3BEACA%2CqBAAA%3B%3BAAIR%3BEExcI%2CmBAAmB%2C0BAAnB%3BEACA%2CeAAe%2C0BAAf%3BEACA%2CcAAc%2C0BAAd%3BEACA%2CWAAW%2C0BAAX%3BEFqqBA%2CSAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEA%5C%2FNA%2CiCAAA%3BEACA%2CaAAA%3BEACA%2CYAAA%3B%3BAAEA%2CqBAAsB%3BAACtB%2CsBAAuB%2CiBAAiB%3BEACpC%2CaAAA%3B%3BAAGJ%2CiBAAkB%3BAAClB%2CgBAAiB%3BAACjB%2CqBAAsB%3BEAClB%2CcAAA%3BEACA%2CUAAA%3B%3BAAGJ%2CqBAAsB%3BEAClB%2C6BAAA%3BEACA%2CYAAA%3BEACA%2CWAAA%3B%3BAAIR%2C4BAA4B%2C8BACxB%3BAADJ%2C4BAA4B%2C8BAExB%3BEACI%2CUAAA%3B%3BAACA%2C4BAJoB%2C8BACxB%2CeAGK%3BAAAD%2C4BAJoB%2C8BAExB%2C2BAEK%3BEACG%2CUAAA%3B%3BAAMR%2C8BAAC%2CIAAI%2CwBACD%3BEACI%2CaAAA%3B%3BAAMR%2C8BAAC%2CsBACG%3BEACI%2CUAAA%3BEACA%2CWAAA%3BEACA%2CSAAA%3B%3BAAMR%2C8BAAC%2CIAAI%2CwBACD%3BEACI%2CaAAA%3B%3BAAMR%2C8BAAC%2CsBACG%3BEACI%2CUAAA%3BEACA%2CWAAA%3BEACA%2CSAAA%3B%3BAAMR%2C8BAAC%2CIAAI%2CwBACD%3BEACI%2CaAAA%3B%3BAAMR%2C8BAAC%2CsBACG%3BEACI%2CUAAA%3BEACA%2CWAAA%3BEACA%2CSAAA%3B%3BAAKZ%2CsBACI%3BAADJ%2CsBAEI%3BEACI%2CqBAAA%3B%3BAAKJ%2CqBAAC%2C4BAA4B%2C8BACzB%3BAADJ%2CqBAAC%2C4BAA4B%2C8BAEzB%3BEACI%2CaAAA%3B%3BAACA%2CqBAJP%2C4BAA4B%2C8BACzB%2CeAGK%3BAAAD%2CqBAJP%2C4BAA4B%2C8BAEzB%2C2BAEK%3BEACG%2CcAAA%3B%3BAAIZ%2CqBAAC%2CsBACG%3BAADJ%2CqBAAC%2CsBAEG%3BEACI%2CwBAAA%3B%3BAAMR%2CqBAAC%2C4BAA4B%2CsBAAsB%2C8BAC%5C%2FC%2C2BAA0B%2CIAAI%3BEE7jBlC%2CmBAAmB%2C2BAAnB%3BEACA%2CeAAe%2C2BAAf%3BEACA%2CcAAc%2C2BAAd%3BEACA%2CWAAW%2C2BAAX%3B%3BAFyjBA%2CqBAAC%2C4BAA4B%2CsBAAsB%2C8BAI%5C%2FC%2CqBAAoB%2CIAAI%3BEEhkB5B%2CmBAAmB%2CyBAAnB%3BEACA%2CeAAe%2CyBAAf%3BEACA%2CcAAc%2CyBAAd%3BEACA%2CWAAW%2CyBAAX%3B%3BAFyjBA%2CqBAAC%2C4BAA4B%2CsBAAsB%2C8BAO%5C%2FC%2CqBAAoB%2CIAAI%3BEEnkB5B%2CmBAAmB%2CwBAAnB%3BEACA%2CeAAe%2CwBAAf%3BEACA%2CcAAc%2CwBAAd%3BEACA%2CWAAW%2CwBAAX%3B%3BAFokBA%2CqBAAC%2CsBACG%3BEExkBJ%2CmBAAmB%2C2BAAnB%3BEACA%2CeAAe%2C2BAAf%3BEACA%2CcAAc%2C2BAAd%3BEACA%2CWAAW%2C2BAAX%3B%3BAFokBA%2CqBAAC%2CsBAIG%3BEE3kBJ%2CmBAAmB%2CyBAAnB%3BEACA%2CeAAe%2CyBAAf%3BEACA%2CcAAc%2CyBAAd%3BEACA%2CWAAW%2CyBAAX%3B%3BAFokBA%2CqBAAC%2CsBAOG%3BEE9kBJ%2CmBAAmB%2CwBAAnB%3BEACA%2CeAAe%2CwBAAf%3BEACA%2CcAAc%2CwBAAd%3BEACA%2CWAAW%2CwBAAX%3B%3BAFilBJ%2CqBACI%2CeAAc%2CIAAI%3BAADtB%2CqBAEI%2C2BAA0B%2CIAAI%3BAAFlC%2CqBAGI%2CsBAAqB%2CIAAI%3BAAH7B%2CqBAII%2CuBAAsB%2CIAAI%3BEACtB%2CyBAAA%3BEACA%2CyDAAA%3B%3BAAMJ%2CgBAAC%3BAAAD%2CcAAC%3BAACD%2CgBAAC%3BAAAD%2CcAAC%3BEAEG%2C4BAAA%3BEACA%2CSAAS%2CEAAT%3BEACA%2CcAAA%3BEACA%2CoBAAA%3BEACA%2CkBAAA%3BEACA%2CqBAAA%3BEACA%2CWAAA%3B%3BAAEJ%2CgBAAC%3BAAAD%2CcAAC%3BEACG%2CWAAA%3BEACA%2CUAAA%3B%3BAAEJ%2CgBAAC%3BAAAD%2CcAAC%3BEACG%2CYAAA%3BEACA%2CaAAA%3B%3BAAEJ%2CgBAAC%2CwBAAwB%3BAAAzB%2CcAAC%2CwBAAwB%3BAACzB%2CgBAAC%2CyBAAyB%3BAAA1B%2CcAAC%2CyBAAyB%3BEACtB%2CmCAAA%3BEACA%2CSAAA%3BEACA%2CYAAA%3BEACA%2CMAAA%3BEACA%2CWAAA%3B%3BAAEJ%2CgBAAC%2CuBAAuB%3BAAAxB%2CcAAC%2CuBAAuB%3BAACxB%2CgBAAC%2C0BAA0B%3BAAA3B%2CcAAC%2C0BAA0B%3BEACvB%2CoCAAA%3BEACA%2CYAAA%3BEACA%2COAAA%3BEACA%2CQAAA%3BEACA%2CWAAA%3B%3BAAEJ%2CgBAAC%2CwBAAwB%3BAAAzB%2CcAAC%2CwBAAwB%3BEEjmBzB%2CkBAAkB%2C2FAA2F%2CwEAA7G%3BEFmmBI%2C6BAAA%3BEACA%2COAAA%3B%3BAAGJ%2CgBAAC%2CyBAAyB%3BAAA1B%2CcAAC%2CyBAAyB%3BEEvmB1B%2CkBAAkB%2C2FAA2F%2C2EAA7G%3BEFymBI%2CmCAAA%3BEACA%2CQAAA%3B%3BAAEJ%2CgBAAC%2CuBAAuB%3BAAAxB%2CcAAC%2CuBAAuB%3BEE5mBxB%2CkBAAkB%2C2FAA2F%2CwEAA7G%3BEF8mBI%2C6BAAA%3BEACA%2CMAAA%3B%3BAAGJ%2CgBAAC%2C0BAA0B%3BAAA3B%2CcAAC%2C0BAA0B%3BEElnB3B%2CkBAAkB%2C2FAA2F%2C2EAA7G%3BEFonBI%2CmCAAA%3BEACA%2CSAAA%3B%3BAASJ%2CqBALkB%2CiBAKjB%3BAAAD%2CqBAJkB%2CeAIjB%3BAAAD%2C2BAHwB%2CiBAGvB%3BAAAD%2C2BAFwB%2CeAEvB%3BAAAD%2CqBADkB%2CiBACjB%3BAACD%2CqBANkB%2CiBAMjB%3BAAAD%2CqBALkB%2CeAKjB%3BAAAD%2C2BAJwB%2CiBAIvB%3BAAAD%2C2BAHwB%2CeAGvB%3BAAAD%2CqBAFkB%2CiBAEjB%3BEACG%2CaAAA%3B%3BAAWR%2CmBACI%2CyBACI%3BEE3pBJ%2CmBAAmB%2CgBAAnB%3BEACA%2CeAAe%2CgBAAf%3BEACA%2CcAAc%2CgBAAd%3BEACA%2CWAAW%2CgBAAX%3BEF0pBQ%2CYAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEACA%2CWAAA%3B%3BAAPZ%2CmBAUI%2C2BACI%3BEE7pBJ%2CmBAAmB%2CqBAAnB%3BEACA%2CeAAe%2CsBAAf%3BEACA%2CcAAc%2CsBAAd%3BEACA%2CWAAW%2CsBAAX%3BEF4pBQ%2CQAAA%3BEACA%2CSAAA%3BEACA%2CkBAAA%3BEACA%2CWAAA%3B%3BAAKZ%3BEACI%2CcAAA%3BEACA%2COAAA%3BEACA%2CkBAAA%3BEACA%2CMAAA%3B%3BAAGJ%3BEACI%2CsBAAA%3BEACA%2COAAA%3BEACA%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CMAAA%3BEACA%2CYAAA%3B%3BAAGJ%3BEACI%2CoCAAA%3BEACA%2CsBAAA%3BEACA%2CWAAA%3BEACA%2COAAA%3BEACA%2CkBAAA%3BEACA%2CkBAAA%3BEACA%2CMAAA%3BEACA%2CaAAA%3BEACA%2CgBAAA%3B%3BAATJ%2CaAWI%3BEACI%2CWAAA%3BEACA%2CYAAA%3BEACA%2CgBAAA%3BEACA%2CeAAA%3BEACA%2CYAAA%3BEACA%2CkBAAA%3BEACA%2CYAAA%3B%3BAAIR%3BEACI%2CgBAAA%3B%3BAAGJ%3BEACI%2CSAAA%3BEACA%2CSAAA%3BEACA%2CgBAAA%3BEACA%2CUAAA%3BEACA%2CkBAAA%3BEACA%2CUAAA%3BEACA%2CUAAA%3B%3BAACA%2CkBAAC%2CIAAI%3BEACD%2CsBAAA%3B%3BAATR%2CkBAWI%3BEACI%2COAAA%3BEACA%2CkBAAA%3BEACA%2CmBAAA%3BEACA%2CkBAAA%3BEACA%2CMAAA%3BEACA%2CsBAAA%3B%3BAAIR%3BEACI%2CkBAAA%3B%3BAADJ%2CuBAEI%3BEACI%2CYAAA%3BEACA%2CSAAA%3BEACA%2CgBAAA%3BEACA%2CeAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEEzwBJ%2CmBAAmB%2C0BAAnB%3BEACA%2CeAAe%2C0BAAf%3BEACA%2CcAAc%2C0BAAd%3BEACA%2CWAAW%2C0BAAX%3BEF2wBI%2CyBAAA%3BEACA%2C6CAAA%3BEACA%2CsBAAA%3BEACA%2CWAAA%3B%3BAAJA%2CgBAHkC%3BEAGlC%2CuBAVJ%3BIAQQ%2CUAAA%3B%3B%3BAAUZ%3BEACI%2CYAAA%3B%3BAAGJ%3BEACI%2CaAAA%3B%3BAAIA%2C6BAAC%3BEACG%2CqBAAA%3BEACA%2COAAA%3BEACA%2CkBAAA%3BEACA%2CMAAA%3B%3BAALR%2C6BAQI%3BEACI%2CuBAAA%3BEACA%2CWAAA%3B%3BAAVR%2C6BAQI%2CsBAGI%3BEACI%2CcAAA%3BEACA%2CkCAAA%3B%3BAAKZ%2CqBACI%2CwBACI%3BEACI%2CaAAA%3B%3BAAHZ%2CqBACI%2CwBAII%3BAALR%2CqBACI%2CwBAKI%3BEACI%2CSAAA%3BEACA%2COAAA%3BEACA%2CYAAA%3BEACA%2CmBAAA%3BEACA%2CkBAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEACA%2CMAAA%3B%3BAAdZ%2CqBACI%2CwBAeI%3BEACI%2CeAAA%3BEACA%2CcAAA%3BEACA%2CYAAA%3BEACA%2COAAA%3BEACA%2CYAAA%3BEACA%2CgBAAA%3BEACA%2CeAAA%3BEACA%2CMAAA%3BEACA%2CuBAAA%3BEACA%2CsBAAA%3BEACA%2CWAAA%3B%3BAAEA%2CqBA5BR%2CwBAeI%2CqBAaK%3BEACG%2CeAAA%3BEACA%2CgBAAA%3BEACA%2CeAAA%3BEACA%2C4DAAA%3B%3BAAEJ%2CqBAlCR%2CwBAeI%2CqBAmBK%3BEACG%2CYAAA%3BEACA%2CyBAAA%3B%3BAArChB%2CqBACI%2CwBAuCI%3BEACI%2CUAAA%3BEACA%2COAAO%2CqBAAP%3B%3BAAMR%2C%2BBAAC%3BEACG%2CgBAAA%3B%3BAAFR%2C%2BBAKI%3BAALJ%2C%2BBAMI%3BEACI%2CSAAA%3BEACA%2CeAAA%3BEACA%2CkBAAA%3BEACA%2CMAAA%3BEACA%2CWAAA%3BEACA%2CaAAA%3B%3BAAZR%2C%2BBAKI%2C4BAQI%3BAAbR%2C%2BBAMI%2C6BAOI%3BEE32BJ%2CmBAAmB%2C0BAAnB%3BEACA%2CeAAe%2C0BAAf%3BEACA%2CcAAc%2C0BAAd%3BEACA%2CWAAW%2C0BAAX%3BEFqqBA%2CSAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEAmMQ%2CWAAA%3B%3BAAfZ%2C%2BBAkBI%3BEACI%2COAAA%3B%3BAAnBR%2C%2BBAqBI%3BEACI%2CQAAA%3B%3BAAMR%2C6BACI%3BAADJ%2C6BAEI%3BEACI%2CeAAA%3BEACA%2CYAAA%3BEACA%2COAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEACA%2CaAAA%3B%3BAARR%2C6BACI%2C4BAQI%3BAATR%2C6BAEI%2C6BAOI%3BEE53BJ%2CmBAAmB%2CaAAnB%3BEACA%2CeAAe%2CaAAf%3BEACA%2CWAAW%2CaAAX%3BEF43BQ%2CYAAA%3BEACA%2CWAAA%3B%3BAAZZ%2C6BAeI%3BEACI%2CMAAA%3B%3BAAhBR%2C6BAkBI%3BEACI%2CSAAA%3B%3BAAIR%2C4BACI%3BAADJ%2C4BAEI%3BEACI%2C6BAAA%3B%3BAAHR%2C4BAKI%3BEACI%2CkBAAA%3B%3BAANR%2C4BAQI%2CwBAAuB%3BEACnB%2CmBAAA%3B%3BAAIR%3BEAEI%2CkBAAA%3BEACA%2CoBAAA%3B%3BAAGJ%2C2BACI%3BEACI%2CiCAAA%3B%3BAAIR%2C4BACI%3BEACI%2CiCAAA%3B%3BAAIR%3BEACI%2CaAAA%3B%3BAAGJ%3BAACA%3BEEt4BI%2C0CAAA%3BEACA%2C6CAAA%3B%3BAACA%2CcAAC%3BAAAD%2CqBAAC%3BEACG%2C0CAAA%3B%3BAAEJ%2CcAAC%3BAAAD%2CqBAAC%3BEACG%2C0CAAA%3B%3BAFo4BR%2CeAAe%2CIAAI%2CgCACf%3BAADJ%2CeAAe%2CIAAI%2CgCAEf%3BAAFJ%2CeAAe%2CIAAI%2CgCAGf%3BEE74BA%2C0CAAA%3BEACA%2C6CAAA%3B%3BAACA%2CeFw4BW%2CIAAI%2CgCACf%2C2BEz4BC%3BAAAD%2CeFw4BW%2CIAAI%2CgCAEf%2CoBE14BC%3BAAAD%2CeFw4BW%2CIAAI%2CgCAGf%2CmBE34BC%3BEACG%2C0CAAA%3B%3BAAEJ%2CeFq4BW%2CIAAI%2CgCACf%2C2BEt4BC%3BAAAD%2CeFq4BW%2CIAAI%2CgCAEf%2CoBEv4BC%3BAAAD%2CeFq4BW%2CIAAI%2CgCAGf%2CmBEx4BC%3BEACG%2C0CAAA%3B%3BAF44BR%3BEAEI%2C4BAAA%3BEACA%2CYAAA%3BEACA%2CUAAA%3BEACA%2CQAAA%3BEACA%2CMAAA%3BEACA%2CWAAW%2C2BAAX%3BEACA%2CoCAAA%3BEACA%2CWAAA%3B%3BAAOA%2CgBANkC%3BEAMlC%3BIALI%2CiCAAA%3BIACA%2CSAAA%3BIACA%2CYAAA%3BIACA%2CWAAA%3B%3B%3BAAEJ%2CsBAAC%3BEACG%2CUAAA%3BEACA%2CWAAW%2CwBAAX%3B%3BAAMJ%2CoBAAC%3BEACG%2CcAAA%3BEACA%2CYAAA%3B%3BAAKR%3BEACI%2CsBAAsB%2C4BAAtB%3BEACA%2CSAAA%3BEACA%2CaAAA%3BEACA%2CYAAA%3BEACA%2COAAA%3BEACA%2CYAAA%3BEACA%2CkBAAA%3BEACA%2CQAAA%3BEACA%2CMAAA%3BEACA%2CWAAA%3BEACA%2CYAAA%3B%3BAACA%2CkBAAC%3BEACG%2CcAAA%3B%3BAAIR%2CgCACI%3BAADJ%2CgCACoB%3BEACZ%2CwBAAA%3B%3BAAIR%2CgBACI%3BEACI%2CyBAAA%3B%3BAAFR%2CgBAKI%3BEACI%2CwBAAA%3B%3BAAIR%2CuBAAwB%3BEACpB%2C6BAAA%3BEACA%2CWAAA%3BEACA%2CMAAA%3BEACA%2CWAAA%3B%3BAAGJ%2CoBAAoB%2CIAAI%2CyBAEpB%3BEACI%2CaAAA%22%7D */#baytonia-cart-popup {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
background-color: white;
transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
transform: translateY(100%);
opacity: 0;
pointer-events: none; /* Prevent clicks when hidden */
}
#baytonia-cart-popup.slide-up {
transform: translateY(0%);
opacity: 1;
pointer-events: auto;
}
#cart-blur-overlay {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 9998;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
}
#cart-blur-overlay.active {
opacity: 0.5;
pointer-events: auto;
}
.baytonia-modal-content {
background-color: #f7f7f7;
margin: 0;
padding: 10px;
width: 100%;
animation-name: modalopen;
animation-duration: 0.4s;
}
.baytonia-modal-content .modal-buttons button{
background-color: #000;
color: #fff;
}
.modal-buttons {
text-align: center;
margin-top: 20px;
}
.modal-buttons button {
margin: 5px;
padding: 10px 20px;
cursor: pointer;
}
a#continue-shopping-btn {
margin: 5px;
padding: 14px 20px;
cursor: pointer;
border: 1px solid #cccccc;
color: #333333;
font-weight:500;
text-decoration:none;
font-size:12px;
border-radius: 3px;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
@keyframes modalopen {
from {opacity: 0}
to {opacity: 1}
}
.related-products-slider {
margin-top: 0;
}
.related-product {
padding: 10px;
border: 1px solid #ddd;
background-color: #fff;
}
.baytonia-modal-content #popup-message{
text-align: right;
}
#baytonia-cart-popup .glider.draggable {
direction: inherit !important;
}
.baytonia-modal-content .section-title {
text-transform: none;
padding: 0 10px;
text-align: end;
font-size: 18px;
margin: 0.5rem 0;
}
.baytonia-modal-content .products .product-item {
padding: 10px;
border-radius: 5px;
background-color: #fff;
}
div#baytonia-cart-popup .offers-progressbar .offer-box {
border: none !important;
}
html[lang="ar"] .baytonia-modal-content .section-title {
text-align: start;
}
@media screen and (max-width: 767px) {
.baytonia-modal-content {
padding: 0 ;
}
.baytonia-modal-content #popup-message {
padding: 10px 10px 10px 30px;
border-bottom: 1px solid #e7e7e7;
line-height: unset;
display: flex;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: 500;
flex-direction: row-reverse;
margin: 0px;
}
html[lang="ar"] .baytonia-modal-content #popup-message {
flex-direction: row;
}
.baytonia-modal-content #popup-message:before{
content:"";
background-image: url("../../frontend/Smartwave/portortl_child/ar_SA/Baytonia_CartPopup/img/check.png");
background-size: 24px;
width: 24px;
height: 24px;
}
.baytonia-modal-content #baytonia-cart-popup-close {
margin: 0 0 0 2px;
width: 30px;
height: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: left;
position: absolute;
right: 0;
color: #000;
font-weight: 500;
}
.baytonia-modal-content .glider-contain{
margin: 0;
width: 100% !important;
}
.glider-track-flex {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.glider-track-flex .product-item {
min-width: 135px !important;
max-width: 480px !important;
}
a#continue-shopping-btn {
margin: 0;
padding: 10px 20px;
cursor: pointer;
border: 1px solid #cccccc;
color: #333333;
font-weight: 500;
text-decoration: none;
font-size: 12px;
border-radius: 2px !important;
font-size: 1em;
width: calc(50% - 10px);
line-height: 18px;
}
.baytonia-modal-content .modal-buttons button {
font-size: 1em;
background-color: #000;
color: #fff;
margin: 0;
font-weight: normal;
border: 0;
border-radius: 2px !important;
width: calc(50% - 10px);
height: inherit;
line-height: 18px;
border: 1px solid #000;
}
.modal-buttons {
text-align: center;
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-content-wrapper .amrelated-pack-item {
border-bottom: 0 !important;
}
#baytonia-cart-popup .amrelated-pack-item.-wide .amrelated-photo-container, .amrelated-pack-item .amrelated-photo-container {
width: 100%;
}
#baytonia-cart-popup .amrelated-info .product.details.product-item-details{
width: 100%;
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-title{
padding: 0 10px !important;
}
#baytonia-cart-popup .glider-track-flex{
overflow-x: scroll;
gap: 10px;
padding: 0 10px;
}
#baytonia-cart-popup .amrelated-pack-wrapper {
margin-bottom: 0;
border-top: 0;
margin-top: -10px;
}
#baytonia-cart-popup .amrelated-read-more {
display: none;
}
.baytonia-modal-content .amrelated-pack-wrapper .amrelated-title {
flex-direction: row;
}
html[lang="ar"] .baytonia-modal-content .amrelated-pack-wrapper .amrelated-title {
flex-direction: row;
}
}
html[lang="ar"] #baytonia-cart-popup .glider.draggable {
direction: rtl !important;
}
html[lang="ar"] .modal-buttons {
direction: rtl;
}
html[lang="ar"] .baytonia-modal-content #baytonia-cart-popup-close {
left: 0;
right: inherit;
z-index: 1;
}
html[lang="en"] .baytonia-modal-content #popup-message {
padding-left: 10px;
padding-right: 30px;
text-align: left;
justify-content: start;
flex-direction: row;
}
html[lang="en"] .baytonia-modal-content .section-title {
text-align: left;
}
html[lang="en"] #baytonia-cart-popup .amrelated-pack-wrapper .amrelated-title {
flex-direction: row;
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-title {
pointer-events: none;
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-title #countdown,
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-title:after {
display: none !important;
}
body.cart-popup-show > .loading-mask {
z-index: 99999;
}
body.cart-popup-show .bayt-massenger {
z-index: 9999;
}
body.cart-popup-show .success-popup {
z-index: 10001;
}
body.cart-popup-show .modals-overlay {
z-index: 10000;
}
#baytonia-cart-popup .amrelated-content-wrapper {
margin-top: 15px;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-content-wrapper .amrelated-pack-item {
height: 200px !important;
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-content-wrapper .amrelated-pack-item:not(:last-child) {
margin-bottom: 0 !important;
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-content-wrapper .amrelated-pack-item .price-box {
margin: 10px 0 0 0 !important;
height: 20px !important;
text-align: center;
}
#baytonia-cart-popup .amrelated-pack-wrapper .products .product-item {
margin-bottom: 0 !important;
}
#baytonia-cart-popup .glider-track-flex .product-item-name {
overflow: hidden;
margin-bottom: 0px;
}
#baytonia-cart-popup .glider-track-flex .amrelated-info .product-item-name {
margin-bottom: 0;
}
#baytonia-cart-popup .glider-track-flex .product-item-name .product-item-link {
font-size: 12px;
}
#baytonia-cart-popup .glider-track-flex .product-item-name a.amrelated-link {
font-size: 12px;
text-align: center;
margin: 5px 0 0 0;
}
#baytonia-cart-popup .offers-progressbar .offer-box {
padding: 10px !important;
}
#baytonia-cart-popup .old-price + .special-price .price-wrapper .price,
#baytonia-cart-popup .price-final_price >.price-container .price {
font-size: 12px !important;
}
#baytonia-cart-popup .product-item .tocart span {
font-size: 12px !important;
}
#baytonia-cart-popup .product-item-info .product-item-details .price-box {
margin-bottom: 0.5rem;
}
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-tocart-wrapper button.action.primary {
width: 90%;
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-tocart-wrapper {
display: flex;
justify-content: center;
}
div#baytonia-cart-popup .related-products-slider .amrelated-content-wrapper .glider-track-flex {
justify-content: center;
direction: rtl;
}
div#baytonia-cart-popup .related-products-slider .products.glider-contain.products-grid.grid.glider.draggable .glider-track-flex {
width: auto !important;
}
div#baytonia-cart-popup .related-products-slider .amrelated-content-wrapper .glider-track-flex:has(.product-item:nth-child(3)) {
justify-content: flex-start;
}
/* T48: Match LIVE — cap the gift/bundle product image to a square box and
keep the image from stretching. On the 2.4.8 rebuild the Amasty pack image
resolves to a 240x300 (portrait) cached size vs LIVE's 600x600 (square),
so the photo rendered taller, ate the fixed pack-item height and pushed the
price-box out of view. Scoping a square, object-fit:contain box to the popup
restores LIVE's image size and frees room so the price displays again.
Scoped strictly to #baytonia-cart-popup so the PDP/Amasty pack is untouched. */
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-photo-container {
height: 126px !important;
min-height: 126px;
max-height: 126px;
width: 126px !important;
min-width: 126px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-photo-container .amrelated-link {
height: 126px !important;
display: flex;
align-items: center;
justify-content: center;
}
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-photo-container .amrelated-photo {
max-width: 126px;
max-height: 126px;
width: auto;
height: auto;
object-fit: contain;
}
/* Ensure the price-box stays visible below the (now smaller) image */
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-pack-item .price-box,
#baytonia-cart-popup .amrelated-pack-wrapper .amrelated-pack-item .amrelated-price-wrapper {
display: block !important;
visibility: visible !important;
}
/* C4 fix: keep offer/gift product images from shifting during horizontal scroll.
The glider row is a flex scroller (overflow-x); default flex-shrink:1 makes the
browser re-layout the mixed-width items on every scroll frame, so images jitter.
Lock each item width (no shrink) and keep the image a solid, self-contained block. */
#baytonia-cart-popup .glider-track-flex .product-item {
flex: 0 0 auto;
}
#baytonia-cart-popup .glider-track-flex .product-item .product-image-container,
#baytonia-cart-popup .glider-track-flex .product-item .product-image-wrapper,
#baytonia-cart-popup .glider-track-flex .product-item .product-item-photo,
#baytonia-cart-popup .glider-track-flex .product-item img {
max-width: 100%;
height: auto;
}
/* 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;
}
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
background: #fff url('../../frontend/Smartwave/portortl_child/ar_SA/Baytonia_CartPopup/css/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('../../frontend/Smartwave/portortl_child/ar_SA/Baytonia_CartPopup/css/fonts/slick.eot');
src: url('../../frontend/Smartwave/portortl_child/ar_SA/Baytonia_CartPopup/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../frontend/Smartwave/portortl_child/ar_SA/Baytonia_CartPopup/css/fonts/slick.woff') format('woff'), url('../../frontend/Smartwave/portortl_child/ar_SA/Baytonia_CartPopup/css/fonts/slick.ttf') format('truetype'), url('../../frontend/Smartwave/portortl_child/ar_SA/Baytonia_CartPopup/css/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: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* 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: '•';
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;
}
/**
* Mageplaza
*
* NOTICE OF LICENSE
*
* This source file is subject to the Mageplaza.com license that is
* available through the world-wide-web at this URL:
* https://www.mageplaza.com/LICENSE.txt
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this extension to newer
* version in the future.
*
* @category Mageplaza
* @package Mageplaza_FreeGifts
* @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/)
* @license https://www.mageplaza.com/LICENSE.txt
*/
/* --------------------- Begin - Common --------------------- */
.mpfreegifts-add-gift-btn {
margin-bottom: 20px;
}
#mpfreegifts-cart-btn {
width: 71%;
display: none;
}
.mpfreegifts-btn:hover {
opacity: 0.9;
}
.mpfreegifts-modal, .mpfreegifts-option-modal {
display: none;
}
.mpfreegifts-item-left {
text-align: right;
font-size: 1rem;
margin: 5px 0;
z-index: 10;
}
.mpfreegifts-modal{
width: 100%;
}
.mpfreegifts-modal .mpfreegifts-item-left {
background: #ffffff;
padding: 15px 0;
position: sticky;
top: 0;
text-align: center;
}
.mpfreegifts-action-remove {
border-color: #ff5501 !important;
background: #ff5501 !important;
color: #fff;
}
.mpfreegifts-action-remove:hover {
background: #e64d00 !important;
border-color: #e64d00 !important;
}
.mpfreegifts-gift-original-price {
text-decoration: line-through;
font-size: 1rem;
color: red;
}
.mpfreegifts-gift-final-price {
font-size: 1rem;
font-weight: 700;
}
.mpfreegifts-gift-name {
font-size: 0.9rem;
font-weight: 400;
}
.mpfreegifts-gift-name span{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 48px;
}
.mpfreegifts-gift-image {
display: block;
margin: auto;
}
.text-center {
text-align: center;
}
.mpfreegifts-rule-grid .gift-item,
.mpfreegifts-rule-slider .gift-item {
border-radius: 7px;
border: 2px solid transparent;
box-sizing: border-box;
}
.gift-item:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
transition: 0.2s ease-in-out;
}
.mpfreegifts-gift-name,.mpfreegifts-gift-action {
margin-top: 15px;
}
.mpfreegifts-gift-action #newaddaction{
background-color: #53c0aa !important;
border-color: #53c0aa !important;
text-transform: capitalize;
}
.mpfreegifts-gift-action button{
width: 100%;
}
#modal-content-1 + footer.modal-footer{
display: none;
}
#newaddaction{
width: 100%;
}
#mpfreegifts-block-container {
clear: both !important;
}
.mpfreegifts-block-header {
margin: 5px 0;
display: flex;
}
.mpfreegifts-block-header .mpfreegifts-item-left {
text-align: right;
font-size: 1.8rem;
}
.mpfreegifts-block-header .mpfreegifts-header-text {
text-align: left;
font-size: 2rem;
font-weight: 500;
}
.mpfreegifts-block-header .mpfreegifts-header-text,
.mpfreegifts-block-header .mpfreegifts-item-left {
width: 49%;
}
.mpfreegifts-block-icon {
color: #ffffff;
font-size: 2rem !important;
}
.mpfreegifts-block-icon span {
display: block;
border-radius: 50%;
font-weight: bolder;
padding: 0 0.5rem;
background-color: #d9d9d9;
}
.mpfreegifts-selected-icon span{
background-color: #4CAF50 !important;
}
.mpfreegifts-update-btn {
text-align: right;
}
.mpfreegifts-selected {
border-radius: 7px;
border: 2px solid #4CAF50 !important;
box-sizing: border-box;
}
.mpfreegifts-rule-grid .mpfreegifts-block-icon,
.mpfreegifts-rule-slider .mpfreegifts-block-icon {
position: absolute;
top: -10px;
left: 5px;
}
.mpfreegifts-gift-image-container {
position: relative
}
.mpfreegifts-block .gift-item:hover,
.mpfreegifts-modal .gift-item:hover {
cursor: pointer;
}
#mpfreegifts-selected-container {
display: none;
}
#mpfreegifts-selected-header {
margin-bottom: 10px;
font-size: 1.5rem;
font-weight: 600;
}
#mpfreegifts-selected-ul {
margin-bottom: 0 !important;
}
#mpfreegifts-selected-ul li {
font-size: 1.5rem;
}
.intro .modal-footer{display: none;}
@media only screen and (max-width: 767px) {
#modal-content-0{
padding: 0 7px 0 7px;
}
#mpfreegifts_item_cart .mpfreegifts-add-gift-btn{
width: 100%;
text-align: center;
}
.mpfreegifts-gift-name {
font-size: 0.9rem;
height: min-content;
}
#mpfreegifts-cart-btn {
width: 100%;
}
}
@media only screen and (min-width: 767px) {
.mpfreegifts_modal .modal-inner-wrap {
width: 70% !important;
}
}
/* --------------------- End - Common --------------------- */
/* --------------------- Begin - Item Notice --------------------- */
.mpfreegifts-notice-content {
background: #fdf0d5;
color: #6f4400;
padding: 0.6rem 1.5rem;
text-shadow: none;
margin-left: 10px;
}
.mpfreegifts-icon {
width: 20px;
height: 20px;
}
.mpfreegifts-image {
padding-top: 0.5rem;
}
.mpfreegifts-notice {
display: flex;
}
/* --------------------- End - Item Notice --------------------- */
/* --------------------- Begin - List Layout --------------------- */
.mpfreegifts-rule-list {
margin-top: 40px;
display: inline-block;
width: 100%;
}
.mpfreegifts-block .mpfreegifts-rule-list {
margin-top: 10px;
}
.mpfreegifts-gift-image-col {
width: 20% !important;
}
.mpfreegifts-gift-selected-col {
width: 3% !important;
}
.mpfreegifts-gift-name-col {
width: 25% !important;
}
.mpfreegifts-gift-price-col, .mpfreegifts-gift-action-col {
width: 15% !important;
}
.mpfreegifts-rule-list .mpfreegifts-gift-image {
width: 80px;
height: 80px;
}
.mpfreegifts-rule-list .mpfreegifts-gift-name,
.mpfreegifts-rule-list .mpfreegifts-gift-action {
padding-top: 35px;
}
.mpfreegifts-rule-list .mpfreegifts-gift-price {
padding-top: 30px;
}
.mpfreegifts-rule-list .mpfreegifts-gift-name,
.mpfreegifts-rule-list .mpfreegifts-gift-price,
.mpfreegifts-rule-list .mpfreegifts-gift-action{
margin-top: 0;
}
.mpfreegifts-rule-list .mpfreegifts-block-icon span {
width: 2rem;
}
@media only screen and (max-width: 767px) {
.mpfreegifts-rule-list td.image {
display: none !important;
}
.mpfreegifts-rule-list td.price {
display: flex !important;
}
.mpfreegifts-rule-list td.price div {
padding-right: 20px;
}
.mpfreegifts-rule-list .mpfreegifts-gift-name,
.mpfreegifts-rule-list .mpfreegifts-gift-action,
.mpfreegifts-rule-list .mpfreegifts-gift-price {
padding-top: 0;
}
}
/* --------------------- End - List Layout --------------------- */
/* --------------------- Begin - Grid Layout --------------------- */
.mpfreegifts-rule-grid {
margin-top: 30px;
display: inline-block;
width: 100%;
}
#popup-modal .mpfreegifts-rule-grid .row-mp.gift-row,
.mpfreegifts-modal .mpfreegifts-rule-grid .row-mp.gift-row{
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.mpfreegifts-rule-grid .gift-item {
box-sizing: border-box;
padding: 15px 0;
/* QA #18: keep every gift card in a row the SAME height so the cards align
on one baseline (image / name / price / button rows line up) even when a
product name wraps to a different number of lines or a thumbnail has a
different aspect ratio. The flex container stretches each column; making
the card a full-height flex column pins the name/price/action rows. */
display: flex;
flex-direction: column;
height: 100%;
}
.mpfreegifts-rule-grid .gift-container {
padding: 0px;
/* Column stretches to the tallest card in the row (align-items:stretch on
.gift-row) so gift-item height:100% resolves to equal-height cards. */
display: flex;
align-items: stretch;
}
/* UI parity #5: match live (baytonia.com) — the free-gift grid thumbnail keeps
its natural (square, 600x600) aspect instead of a fixed box. A prior QA tweak
forced a fixed contain box which, together with the desktop inline head CSS
(height:245px), made staging gift images taller/letterboxed vs live. */
.mpfreegifts-rule-grid .mpfreegifts-gift-image {
width: 100%;
max-width: 100%;
height: auto;
object-fit: fill;
}
/* design/head/includes injects, for min-width:991px, height/max-width:245px
!important on this thumbnail (present only in the current staging DB, not on
live). Beat it with higher specificity so staging matches live now; harmless
once that DB override is gone after go-live. */
.mpfreegifts-modal .mpfreegifts-rule-grid .mpfreegifts-gift-image {
max-width: 100% !important;
height: auto !important;
}
/* Push the action button to the bottom of the card so buttons align across the
row regardless of how tall the name/price block above them is. */
.mpfreegifts-rule-grid .mpfreegifts-gift-action {
margin-top: auto;
}
@media only screen and (min-width: 991px) {
.mpfreegifts-rule-grid .gift-container {
width: 25%;
}
}
@media only screen and (max-width: 990px) and (min-width: 768px){
.mpfreegifts-rule-grid .gift-container {
width: 33.33%;
}
}
@media only screen and (max-width: 767px){
.mpfreegifts-rule-grid .gift-container {
width: 50%;
}
}
.intro .modal-content{
padding: 0px 7px 0 7px;
}
@media only screen and (max-width: 767px) {
.mpfreegifts-rule-grid .gift-container {
padding: 0;
}
.mpfreegifts-gift-name span{
-webkit-line-clamp: 2;
min-height: 42px;
}
}
/* --------------------- End - Grid Layout --------------------- */
/* --------------------- Begin - Slider Layout --------------------- */
.mpfreegifts-rule-slider {
margin: 30px 0;
}
.mpfreegifts-rule-slider .gift-container {
padding: 20px;
}
.mpfreegifts-rule-slider .gift-item {
box-sizing: border-box;
padding: 15px 0;
}
/* --------------------- End - Slider Layout --------------------- */
/* --------------------- Begin - Cart Notification --------------------- */
#mpfreegifts-notification {
display: none;
}
#mpfreegifts-notification #message-content {
display: flex;
}
.mpfreegifts-notify-message, .mpfreegifts-notify-hide-btn {
width: 50%;
}
.mpfreegifts-notify-hide-btn {
text-align: right;
}
/* --------------------- End - Cart Notification --------------------- */
.mpfreegifts-option-modal table.table.data.grouped span.price {
text-decoration: line-through;
}
#modal-content-1{
padding: 0;
}
#mpfreegifts-modal-item-cart .row-mp.gift-row{
display: flex;
flex-wrap: wrap;
}
#mpfreegifts_item_cart .mpfreegifts-btn.action.primary.checkout{
display: none;
}
/* ===== Baytonia C2b: uniform free-gift cards + Add buttons =====
Real popup markup (confirmed from live DOM): .gift-row.row-mp > .gift-container > .gift-item
with .mpfreegifts-gift-name / .mpfreegifts-gift-price / .mpfreegifts-gift-action > button.action.primary.
Cards were unequal height (long names wrap 2 lines) so action rows/buttons misaligned and looked
"bigger". Force equal-height flex cards, reserve name space, pin action to bottom, fix button size. */
.gift-row.row-mp,
.mpfreegifts-content .gift-row { align-items: stretch !important; }
.gift-row .gift-container { display: flex !important; }
.gift-item {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
}
.gift-item .mpfreegifts-gift-name {
height: auto !important;
min-height: 2.6em !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.gift-item .mpfreegifts-gift-action { margin-top: auto !important; }
.gift-item .mpfreegifts-gift-action .action.primary,
.gift-item .mpfreegifts-gift-action button.action.primary {
width: 100% !important;
max-width: 180px !important;
min-width: 140px !important;
height: 44px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto !important;
padding: 0 12px !important;
box-sizing: border-box !important;
line-height: 1 !important;
}
.baytonia-measurements {
max-width: 100%;
}
.baytonia-measurements-body {
display: flex;
flex-direction: column;
gap: 16px;
text-align: right;
max-width: 100%;
}
.product.info.detailed .product.data.items .data.item.content {
display: none;
}
.product.info.detailed .product.data.items .data.item.title.active + .data.item.content,
.product.info.detailed .product.data.items .data.item.content.active {
display: block;
}
.baytonia-measurements-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 8px;
}
.baytonia-measurements-list li {
display: flex;
justify-content: space-between;
gap: 12px;
font-size: 14px;
}
.baytonia-measurements-list .label {
color: #4a4a4a;
}
.baytonia-measurements-list .value {
color: #111;
font-weight: 600;
white-space: nowrap;
}
.baytonia-measurements-image img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
}
@media (min-width: 1024px) {
.baytonia-measurements-body {
flex-direction: row;
align-items: flex-start;
gap: 10px;
}
.baytonia-measurements-image {
flex: 0 1 55%;
max-width: 55%;
}
.baytonia-measurements-image img {
max-width: 75%;
}
}
/*
* @Author: Ngo Quang Cuong
* @Date: 2017-10-18 10:39:01
* @Last Modified by: https://www.facebook.com/giaphugroupcom
* @Last Modified time: 2017-10-18 10:39:01
*/
@font-face {
font-family: 'customer-question';
src: url('../../frontend/Smartwave/portortl_child/ar_SA/PHPCuong_ProductQuestionAndAnswer/css/fonts/customer-question.eot?t29cdu');
src: url('../../frontend/Smartwave/portortl_child/ar_SA/PHPCuong_ProductQuestionAndAnswer/css/fonts/customer-question.eot?t29cdu#iefix') format('embedded-opentype'), url('../../frontend/Smartwave/portortl_child/ar_SA/PHPCuong_ProductQuestionAndAnswer/css/fonts/customer-question.ttf?t29cdu') format('truetype'), url('../../frontend/Smartwave/portortl_child/ar_SA/PHPCuong_ProductQuestionAndAnswer/css/fonts/customer-question.woff?t29cdu') format('woff'), url('../../frontend/Smartwave/portortl_child/ar_SA/PHPCuong_ProductQuestionAndAnswer/css/fonts/customer-question.svg?t29cdu#customer-question') format('svg');
font-weight: normal;
font-style: normal;
}
.box-question-list {
border: 0px;
border-bottom: 1px solid #ccc;
margin-bottom: 3rem;
}
.box-question-list .block-title {
margin-bottom: 3rem;
}
.box-question-list .block-title strong {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
}
.next-question {
margin-top: 3rem;
}
.question-list {
margin-bottom: 2rem;
}
.question-list ul.parent {
padding: 0px;
margin: 0px;
list-style: none;
}
.question-list ul.parent > li {
margin-bottom: 25px;
border: 0px;
}
.question-list ul.parent > li:last-child {
margin-bottom: 0px;
border: 0px;
padding-bottom: 0px;
}
.question-list ul.answers {
list-style: none;
margin-top: 15px;
border: 1px solid #ccc;
margin-left: 20px;
padding: 10px;
border-style: dashed;
position: relative;
}
.question-list ul.answers li {
margin-bottom: 25px;
}
.question-list ul.answers li:last-child {
margin: 0px;
}
.question-list ul.answers .question-add {
display: block;
border: 0px;
}
.question-list ul.answers .question-add textarea.mage-error:focus {
border-color: #ed8380;
}
.question-list ul.answers .question-add textarea + div.mage-error {
padding: 5px !important;
margin: 0px !important;
border: 1px solid #ccc !important;
border-top: 0px !important;
}
.question-list ul.answers:before {
content: '';
position: absolute;
top: -7px;
left: 10px;
border-top: 1px dashed #ccc;
border-left: 1px dashed #ccc;
transform: rotate(36deg) skew(-20deg);
width: 10px;
height: 10px;
background-color: #fff;
}
.question-list ul.reply {
list-style: initial;
padding: 0px;
margin: 0px;
margin-top: 5px;
color: #bbbbbb;
}
.question-list ul.reply li.reply-on span:before {
font-family: 'customer-question';
content: "\e900";
padding-right: 5px;
}
.question-list ul.reply li {
display: inline-block;
border: 0px;
margin: 0px;
padding: 0px;
padding-right: 15px;
cursor: pointer;
}
.question-list ul.reply .like span.loading-number {
background-repeat: no-repeat;
background-position: left center;
padding-right: 18px;
}
.question-list ul.reply .dislike span.loading-number {
background-repeat: no-repeat;
background-position: center center;
padding-right: 18px;
}
.question-list ul.reply .like:before,
.question-list ul.reply .dislike:before {
font-family: 'customer-question';
content: "\e902";
padding-right: 5px;
}
.question-list ul.reply .dislike {
position: relative;
}
.question-list ul.reply .dislike span {
padding-left: 10px;
}
.question-list ul.reply .dislike:before {
content: "\e901";
position: absolute;
top: 2px;
}
.question-list ul.reply li:hover,
.question-list ul.reply li:focus {
color: #555555;
}
.question-list ul.parent > li p {
margin-bottom: 5px;
}
.question-list ul.parent > li p.table {
display: flex;
}
.question-list ul.parent > li p.table .first-character {
width: 30px;
height: 30px;
background: #ddd;
margin-right: 7px;
text-align: center;
text-transform: uppercase;
font-size: 15px;
line-height: 30px;
font-weight: 600;
display: block;
background-color: #ddd;
color: #9f9f9f;
}
.question-list ul.parent > li p.table .author-name {
overflow: hidden;
line-height: 13px;
text-transform: capitalize;
color: #514943;
}
.question-list ul.parent > li p.table .time {
font-size: 71%;
display: block;
margin-top: 5px;
font-weight: 600;
}
.question-list ul.parent > li p.table .like {
margin-right: 15px;
}
.question-add .block-title {
margin-bottom: 2rem;
}
.question-add .block-title strong {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
}
.question-add .question-policy {
float: left;
line-height: 2.1;
}
.question-add .question-policy a {
color: #555;
position: relative;
}
.question-add .question-policy a:hover {
color: #1979c3;
text-decoration: none;
}
.question-add .question-policy b {
padding-right: 5px;
}
.question-add .question-policy a:after {
font-family: 'customer-question';
content: "\e9a8";
font-size: 17px;
position: absolute;
top: -7px;
}
.question-add textarea {
margin-bottom: -5px;
width: 100%;
outline: none;
border-radius: 3px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.question-add textarea:focus {
outline: none;
box-shadow: none;
border-color: #2188ff;
}
.question-add textarea.mage-error:focus {
border-color: #ed8380;
}
.question-add textarea + div.mage-error {
padding: 5px !important;
margin: 0px !important;
border: 1px solid #ccc !important;
border-top: 0px !important;
}
.question-add .question-form-actions {
display: block;
overflow: hidden;
padding: 5px 10px;
margin: 0px;
border: 1px solid #ccc;
border-top: 0px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.question-add .question-form-actions .actions-primary {
float: right;
}
.question-add .question-form-actions .actions-primary button {
margin: 0px;
}
.question-add .question-form-actions .actions-primary button.cancel {
margin-left: 15px;
}
.question-load-more {
text-align: center;
margin-bottom: 2rem;
}
.question-load-more a {
position: relative;
}
.question-load-more a span {
padding-right: 10px;
}
.question-load-more a:hover {
text-decoration: none;
}
.question-load-more a:after {
content: "\e903";
font-family: 'customer-question';
font-size: 17px;
position: absolute;
top: -2px;
}
.action-actived {
color: #575757;
}
button.cancel,
.hidden-input,
.img-loading {
display: none;
}
@media (max-width: 767px) {
.question-add .question-form-actions .actions-primary {
float: initial;
}
.question-add .question-form-actions .actions-primary button.cancel {
margin: 10px 0px;
}
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%5C%2Fstatic%5C%2Ffrontend%5C%2FSmartwave%5C%2Fportortl_child%5C%2Far_SA%5C%2FPHPCuong_ProductQuestionAndAnswer%5C%2Fcss%5C%2Fcustomer-questions.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3B%3B%3B%3B%3B%3BAAMA%3BEACE%2CaAAa%2CmBAAb%3BEACA%2CSAAU%2CqCAAV%3BEACA%2CSAAU%2C4CAA4C%2COAAO%2C0BACvD%2CsCAAsC%2COAAO%2CiBAC7C%2CuCAAuC%2COAAO%2CaAC9C%2CwDAAwD%2COAAO%2CMAHrE%3BEAIA%2CmBAAA%3BEACA%2CkBAAA%3B%3BAAEF%3BEACI%2CWAAA%3BEACA%2C6BAAA%3BEACA%2CmBAAA%3B%3BAAHJ%2CkBAII%3BEACI%2CmBAAA%3B%3BAALR%2CkBAII%2CaAEI%3BEACI%2CgBAAA%3BEACA%2CgBAAA%3BEACA%2CiBAAA%3B%3BAAIZ%3BEACI%2CgBAAA%3B%3BAAEJ%3BEACI%2CmBAAA%3B%3BAADJ%2CcAEI%2CGAAE%3BEACE%2CYAAA%3BEACA%2CWAAA%3BEACA%2CgBAAA%3B%3BAALR%2CcAOI%2CGAAE%2COAAU%3BEACR%2CmBAAA%3BEACA%2CWAAA%3B%3BAATR%2CcAWI%2CGAAE%2COAAU%2CKAAE%3BEACV%2CkBAAA%3BEACA%2CWAAA%3BEACA%2CmBAAA%3B%3BAAdR%2CcAgBI%2CGAAE%3BEACE%2CgBAAA%3BEACA%2CgBAAA%3BEACA%2CsBAAA%3BEACA%2CiBAAA%3BEACA%2CaAAA%3BEACA%2CoBAAA%3BEACA%2CkBAAA%3B%3BAAvBR%2CcAgBI%2CGAAE%2CQAQE%3BEACI%2CmBAAA%3B%3BAAzBZ%2CcAgBI%2CGAAE%2CQAWE%2CGAAE%3BEACE%2CWAAA%3B%3BAA5BZ%2CcAgBI%2CGAAE%2CQAcE%3BEACI%2CcAAA%3BEACA%2CWAAA%3B%3BAAhCZ%2CcAgBI%2CGAAE%2CQAcE%2CcAGI%2CSAAQ%2CWAAW%3BEACf%2CqBAAA%3B%3BAAlChB%2CcAgBI%2CGAAE%2CQAcE%2CcAMI%2CSAAW%2CMAAG%3BEACV%2CuBAAA%3BEACA%2CsBAAA%3BEACA%2CsBAAA%3BEACA%2C0BAAA%3B%3BAAxChB%2CcA4CI%2CGAAE%2CQAAQ%3BEACN%2CSAAS%2CEAAT%3BEACA%2CkBAAA%3BEACA%2CSAAA%3BEACA%2CUAAA%3BEACA%2C2BAAA%3BEACA%2C4BAAA%3BEACA%2CWAAW%2CcAAc%2CYAAzB%3BEACA%2CWAAA%3BEACA%2CYAAA%3BEACA%2CsBAAA%3B%3BAAtDR%2CcAwDI%2CGAAE%3BEACE%2CmBAAA%3BEACA%2CYAAA%3BEACA%2CWAAA%3BEACA%2CeAAA%3BEACA%2CcAAA%3B%3BAA7DR%2CcAwDI%2CGAAE%2CMAME%2CGAAE%2CSAAU%2CKAAI%3BEACZ%2CaAAa%2CmBAAb%3BEACA%2CSAAS%2COAAT%3BEACA%2CkBAAA%3B%3BAAjEZ%2CcAwDI%2CGAAE%2CMAWE%3BEACI%2CqBAAA%3BEACA%2CWAAA%3BEACA%2CWAAA%3BEACA%2CYAAA%3BEACA%2CmBAAA%3BEACA%2CeAAA%3B%3BAAzEZ%2CcAwDI%2CGAAE%2CMAmBE%2CMACI%2CKAAI%3BEACA%2C4BAAA%3BEACA%2CgCAAA%3BEACA%2CmBAAA%3B%3BAA%5C%2FEhB%2CcAwDI%2CGAAE%2CMA0BE%2CSACI%2CKAAI%3BEACA%2C4BAAA%3BEACA%2CkCAAA%3BEACA%2CmBAAA%3B%3BAAtFhB%2CcAwDI%2CGAAE%2CMAiCE%2CMAAK%3BAAzFb%2CcAwDI%2CGAAE%2CMAkCE%2CSAAQ%3BEACJ%2CaAAa%2CmBAAb%3BEACA%2CSAAS%2COAAT%3BEACA%2CkBAAA%3B%3BAA7FZ%2CcAwDI%2CGAAE%2CMAuCE%3BEACI%2CkBAAA%3B%3BAAhGZ%2CcAwDI%2CGAAE%2CMAuCE%2CSAEI%3BEACI%2CkBAAA%3B%3BAAlGhB%2CcAwDI%2CGAAE%2CMA6CE%2CSAAQ%3BEACJ%2CSAAS%2COAAT%3BEACA%2CkBAAA%3BEACA%2CQAAA%3B%3BAAxGZ%2CcAwDI%2CGAAE%2CMAkDE%2CGAAE%3BAA1GV%2CcAwDI%2CGAAE%2CMAmDE%2CGAAE%3BEACE%2CcAAA%3B%3BAA5GZ%2CcA%2BGI%2CGAAE%2COAAU%2CKAAG%3BEACX%2CkBAAA%3B%3BAAhHR%2CcAkHI%2CGAAE%2COAAU%2CKAAG%2CEAAC%3BEACZ%2CaAAA%3B%3BAAnHR%2CcAqHI%2CGAAE%2COAAU%2CKAAG%2CEAAC%2CMAAO%3BEACnB%2CWAAA%3BEACA%2CYAAA%3BEACA%2CgBAAA%3BEACA%2CiBAAA%3BEACA%2CkBAAA%3BEACA%2CyBAAA%3BEACA%2CeAAA%3BEACA%2CiBAAA%3BEACA%2CgBAAA%3BEACA%2CcAAA%3BEACA%2CsBAAA%3BEACA%2CcAAA%3B%3BAAjIR%2CcAmII%2CGAAE%2COAAU%2CKAAG%2CEAAC%2CMAAO%3BEACnB%2CgBAAA%3BEACA%2CiBAAA%3BEACA%2C0BAAA%3BEACA%2CcAAA%3B%3BAAvIR%2CcAyII%2CGAAE%2COAAU%2CKAAG%2CEAAC%2CMAAO%3BEACnB%2CcAAA%3BEACA%2CcAAA%3BEACA%2CeAAA%3BEACA%2CgBAAA%3B%3BAA7IR%2CcA%2BII%2CGAAE%2COAAU%2CKAAG%2CEAAC%2CMAAO%3BEACnB%2CkBAAA%3B%3BAAGR%2CaACI%3BEACI%2CmBAAA%3B%3BAAFR%2CaACI%2CaAEI%3BEACI%2CgBAAA%3BEACA%2CgBAAA%3BEACA%2CiBAAA%3B%3BAANZ%2CaASI%3BEACI%2CWAAA%3BEACA%2CgBAAA%3B%3BAAXR%2CaASI%2CiBAGI%3BEACI%2CWAAA%3BEACA%2CkBAAA%3B%3BAAdZ%2CaASI%2CiBAOI%2CEAAC%3BEACG%2CcAAA%3BEACA%2CqBAAA%3B%3BAAlBZ%2CaASI%2CiBAWI%3BEACI%2CkBAAA%3B%3BAArBZ%2CaAwBI%2CiBAAiB%2CEAAC%3BEACd%2CaAAa%2CmBAAb%3BEACA%2CSAAS%2COAAT%3BEACA%2CeAAA%3BEACA%2CkBAAA%3BEACA%2CSAAA%3B%3BAA7BR%2CaA%2BBI%3BEACI%2CmBAAA%3BEACA%2CWAAA%3BEACA%2CaAAA%3BEACA%2CkBAAA%3BEACA%2C8BAAA%3BEACA%2C%2BBAAA%3B%3BAArCR%2CaAuCI%2CSAAQ%3BEACJ%2CaAAA%3BEACA%2CgBAAA%3BEACA%2CqBAAA%3B%3BAA1CR%2CaA4CI%2CSAAQ%2CWAAW%3BEACf%2CqBAAA%3B%3BAA7CR%2CaA%2BCI%2CSAAW%2CMAAG%3BEACV%2CuBAAA%3BEACA%2CsBAAA%3BEACA%2CsBAAA%3BEACA%2C0BAAA%3B%3BAAnDR%2CaAqDI%3BEACI%2CcAAA%3BEACA%2CgBAAA%3BEACA%2CiBAAA%3BEACA%2CWAAA%3BEACA%2CsBAAA%3BEACA%2CeAAA%3BEACA%2C%2BBAAA%3BEACA%2C8BAAA%3B%3BAA7DR%2CaAqDI%2CuBASI%3BEACI%2CYAAA%3B%3BAA%5C%2FDZ%2CaAqDI%2CuBASI%2CiBAEI%3BEACI%2CWAAA%3B%3BAAjEhB%2CaAqDI%2CuBASI%2CiBAKI%2COAAM%3BEACF%2CiBAAA%3B%3BAAKhB%3BEACI%2CkBAAA%3BEACA%2CmBAAA%3B%3BAAFJ%2CmBAGI%3BEACI%2CkBAAA%3B%3BAAJR%2CmBAGI%2CEAEI%3BEACI%2CmBAAA%3B%3BAANZ%2CmBASI%2CEAAC%3BEACG%2CqBAAA%3B%3BAAVR%2CmBAYI%2CEAAC%3BEACG%2CSAAS%2COAAT%3BEACA%2CaAAa%2CmBAAb%3BEACA%2CeAAA%3BEACA%2CkBAAA%3BEACA%2CSAAA%3B%3BAAGR%3BEACI%2CcAAA%3B%3BAAEJ%2CMAAM%3BAACN%3BAACA%3BEACI%2CaAAA%3B%3BAAcJ%2CQAZyB%3BEACrB%2CaACI%2CuBACI%3BIACI%2CcAAA%3B%3BEAHZ%2CaACI%2CuBACI%2CiBAEI%2COAAM%3BIACF%2CgBAAA%22%7D *//**
* Plumrocket Inc.
*
* NOTICE OF LICENSE
*
* This source file is subject to the End-user License Agreement
* that is available through the world-wide-web at this URL:
* http://wiki.plumrocket.net/wiki/EULA
* If you are unable to obtain it through the world-wide-web, please
* send an email to support@plumrocket.com so we can send you a copy immediately.
*
* @package Plumrocket_Estimateddelivery
* @copyright Copyright (c) 2017 Plumrocket Inc. (http://www.plumrocket.com)
* @license http://wiki.plumrocket.net/wiki/EULA End-user License Agreement
*/
.estimated-hld {clear: both; /*padding: 16px 0;*/}
.estimated-hld .estimated-js {height:15px;}
.estimated-hld .estimated-js,
.estimated-hld-product .estimated-box {margin-bottom: 10px;}
.estimated-hld-product .estimated-box p {margin-bottom: 0px;}
.estimated-hld-category .estimated-box {
display: inline-block;
margin-right: 20px;
}
.category-view #estimateddelivery{
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1280px;
}
.category-view #estimateddelivery br{
display: none;
}
.catalog-category-view .estimated-hld > div > p{
margin-right: 15px
}
.category-view #estimateddelivery .estimated-hld {
width: 79.16666667%;
margin-left: auto;
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.pl-thm-infortis-ultimo.page-layout-2columns-left .category-view #estimateddelivery .estimated-hld{
width: 75%;
}
}
@media (max-width: 768px) {
.category-view #estimateddelivery .estimated-hld {
margin-left: 0;
}
}/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
--pswp-bg: #000;
--pswp-placeholder-bg: #222;
--pswp-root-z-index: 100000;
--pswp-preloader-color: rgba(79, 79, 79, 0.4);
--pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
/* defined via js:
--pswp-transition-duration: 333ms; */
--pswp-icon-color: #fff;
--pswp-icon-color-secondary: #4f4f4f;
--pswp-icon-stroke-color: #4f4f4f;
--pswp-icon-stroke-width: 2px;
--pswp-error-text-color: var(--pswp-icon-color);
}
/*
Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: var(--pswp-root-z-index);
display: none;
touch-action: none;
outline: 0;
opacity: 0.003;
contain: layout style size;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Prevents focus outline on the root element,
(it may be focused initially) */
.pswp:focus {
outline: 0;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
.pswp--open {
display: block;
}
.pswp,
.pswp__bg {
transform: translateZ(0);
will-change: opacity;
}
.pswp__bg {
opacity: 0.005;
background: var(--pswp-bg);
}
.pswp,
.pswp__scroll-wrap {
overflow: hidden;
}
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pswp__img,
.pswp__zoom-wrap {
width: auto;
height: auto;
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__item {
/* z-index for fade transition */
z-index: 1;
overflow: hidden;
}
.pswp__hidden {
display: none !important;
}
/* Allow to click through pswp__content element, but not its children */
.pswp__content {
pointer-events: none;
}
.pswp__content > * {
pointer-events: auto;
}
/*
PhotoSwipe UI
*/
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
display: grid;
}
.pswp__error-msg {
margin: auto;
font-size: 1em;
line-height: 1;
color: var(--pswp-error-text-color);
}
/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
*/
.pswp .pswp__hide-on-close {
opacity: 0.005;
will-change: opacity;
transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
z-index: 10; /* always overlap slide content */
pointer-events: none; /* hidden elements should not be clickable */
}
/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
opacity: 1;
pointer-events: auto;
}
/*