@charset "UTF-8";
.table-data caption, .data-table caption, .table-additional-addresses-items caption, .table-order-items caption, .table.table-reviews caption, .table-billing-agreements caption, .table-credit-cards caption, .table-transaction-items caption, .action.skip, .checkout-billing-address form .field-tooltip .label, .form-address-edit .field-tooltip .label, .form-edit-account .field-tooltip .label, .form-newsletter-manage .field-tooltip .label, .form-rewards-setting .field-tooltip .label, .form.form-email .field-tooltip .label, .form-login .field-tooltip .label, .review-add .field-tooltip .label, .checkout-billing-address form .field .field .label, .form-address-edit .field .field .label, .form-edit-account .field .field .label, .form-newsletter-manage .field .field .label, .form-rewards-setting .field .field .label, .nav-toggle span, .toolbar-products .toolbar-mobile .toolbar-sorter .sorter-label, .block.filter .block-subtitle,
.ais-SortBy .block-subtitle, .product-info-addto .field.qty, .product-info-price .price-label, .action.towishlist span, .product-items .product-item-actions .action.towishlist span, .product-items .product-item-actions .action.delete span, .product-items .stock.unavailable span, .block-search .block-title, .block-search .form .action span, .catalogsearch-result-index .breadcrumbs, .action.close span, .minicart-items .item .product .action.delete span, .cart-summary .summary-title, .cart-summary .block.shipping, .cart-summary .cart-totals .table-caption, .cart-items .cart-items-item .cell_qty .label, .cart-items .cart-items-item .cell_actions .action.action-delete span, .cart-actions .action.continue, .cart-actions .action.clear, .form.form-email .legend, .form.form-email .note,
.form.form-email .field-tooltip, .checkout-billing-address .field-select-billing > .label, .checkout-billing-address .billing-address-details > .title, .discount-code .field .label,
.aw-giftcard-code .field .label,
.reward .field .label, .checkout-container .authentication-wrapper .block.block-customer-login .block-title, .modals-wrapper .modal-popup .action-close span,
.modals-wrapper .modal-popup .action-hide-popup span, .cms-page-view .breadcrumbs, .form-login .field.verification-code label, .account .block.block-addresses-default > .block-title, .table-additional-addresses-items .action span, .review-add legend, .block.block-wishlist .field.qty, .algolia-instant-selector-results .action.towishlist span, .algolia-results-list .action.towishlist span, .algolia-instant-selector-results .stock.unavailable span, .algolia-results-list .stock.unavailable span, .faq-page .breadcrumbs,
.loffaq-category-view .breadcrumbs,
.loffaq-question-view .breadcrumbs, .loffaq-search-wrapper button span, .form-public-link .public-link_step-2 > .label, .form-account-platforms .field .label span, .order-history_instruction_close span, .myorders-order-view .order-title,
.myorders-order-view .actions-toolbar,
.sales-guest-view .order-title,
.sales-guest-view .actions-toolbar, .outofstock-form, .outofstock-form .success.hidden, .checkout-onepage-success .action.print, .checkout-success-top .block-customer-login .field.note, .block.success-register .form-create-account .hidden, .block.success-register .form-create-account .fieldset .field.email, .block.block-customer-device .verification-code label, .block.block-checkout-upsell .price-label {
overflow: hidden;
pointer-events: none;
position: absolute;
width: 0;
height: 0;
visibility: hidden; }
.action.skip:focus, .body__show-oos-form .outofstock-form {
overflow: visible;
pointer-events: all;
position: static;
width: auto;
height: auto;
visibility: visible; }
.block.related .block-top .block-pager .slick-arrow, .block.widget.block-products-list.blue .block-top .block-pager .slick-arrow, .products.wrapper.trending .block-top .block-pager .slick-arrow, .block.crosssell .block-top .block-pager .slick-arrow, .block.order-history .block-top .block-pager .slick-arrow, .block.block-wishlist .block-top .block-pager .slick-arrow, .block.block-bundled-items .block-top .block-pager .slick-arrow, .block.owned-games .block-top .block-pager .slick-arrow, .block.user-reviews .block-top .block-pager .slick-arrow, .block.block-storyblok-products .block-top .block-pager .slick-arrow, .product-faqs_inner .block-top .block-pager .slick-arrow, .block.social-share .block-top .block-pager .slick-arrow, .checkout-success .order-details-items .block-top .block-pager .slick-arrow, .block.success-register .block-top .block-pager .slick-arrow, .block.widget.block-products-list.pink .block-top .block-pager .slick-arrow, .block.widget.block-products-list.yellow .block-top .block-pager .slick-arrow, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-arrow, .block.widget.block-products-list.green .block-top .block-pager .slick-arrow, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-arrow, .block.block-mini-dashboard .block-top .block-pager .slick-arrow, .block.widget.block-products-list.default .block-top .block-pager .slick-arrow, .block.block-cms .block-top .block-pager .slick-arrow, .account .block.block-addresses-list .block-top .block-pager .slick-arrow, .block.block-dashboard-orders .block-top .block-pager .slick-arrow, .block.block-reviews-dashboard .block-top .block-pager .slick-arrow, .block.storyblok-section-title .block-top .block-pager .slick-arrow, .sitenav_close, .block.filter .action.filter-options-content-close,
.ais-SortBy .action.filter-options-content-close, .product-items .product-item-actions .action.tocart, .block-search .form .action, .action.delete, .action.close, .modals-wrapper .modal-popup .action-close,
.modals-wrapper .modal-popup .action-hide-popup, .checkout-agreements-block .checkout-agreement .action, .qty-widget button, .ais-search-box .ais-search-box--reset, .algolia-instant-selector-results .action.tocart, .algolia-results-list .action.tocart, .algolia-instant-selector-results .action.towishlist, .algolia-results-list .action.towishlist, .loffaq-search-wrapper button, .widget.reviews .widget-pager .slick-arrow, .action.edit-profilename, .profile-intro_platforms .profile-intro_platform-edit .action, .block.edit-profile .edit-profile-avatar .edit-profile-avatar_preset button, .block.block-asset-slider .asset-slider_slides.slick-slider .slick-arrow, .block.block-signpost .block-form_close, .order-history_instruction_close, .messages-item .action.delete, .block.block-minicart-upsell .block-title .action.hide-upsell {
border: none;
background-color: transparent;
background-image: none;
padding: 0; }
.block.related .block-top .block-pager .slick-arrow:focus, .block.widget.block-products-list.blue .block-top .block-pager .slick-arrow:focus, .products.wrapper.trending .block-top .block-pager .slick-arrow:focus, .block.crosssell .block-top .block-pager .slick-arrow:focus, .block.order-history .block-top .block-pager .slick-arrow:focus, .block.block-wishlist .block-top .block-pager .slick-arrow:focus, .block.block-bundled-items .block-top .block-pager .slick-arrow:focus, .block.owned-games .block-top .block-pager .slick-arrow:focus, .block.user-reviews .block-top .block-pager .slick-arrow:focus, .block.block-storyblok-products .block-top .block-pager .slick-arrow:focus, .product-faqs_inner .block-top .block-pager .slick-arrow:focus, .block.social-share .block-top .block-pager .slick-arrow:focus, .checkout-success .order-details-items .block-top .block-pager .slick-arrow:focus, .block.success-register .block-top .block-pager .slick-arrow:focus, .block.widget.block-products-list.pink .block-top .block-pager .slick-arrow:focus, .block.widget.block-products-list.yellow .block-top .block-pager .slick-arrow:focus, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-arrow:focus, .block.widget.block-products-list.green .block-top .block-pager .slick-arrow:focus, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-arrow:focus, .block.block-mini-dashboard .block-top .block-pager .slick-arrow:focus, .block.widget.block-products-list.default .block-top .block-pager .slick-arrow:focus, .block.block-cms .block-top .block-pager .slick-arrow:focus, .account .block.block-addresses-list .block-top .block-pager .slick-arrow:focus, .block.block-dashboard-orders .block-top .block-pager .slick-arrow:focus, .block.block-reviews-dashboard .block-top .block-pager .slick-arrow:focus, .block.storyblok-section-title .block-top .block-pager .slick-arrow:focus, .sitenav_close:focus, .block.filter .action.filter-options-content-close:focus,
.ais-SortBy .action.filter-options-content-close:focus, .product-items .product-item-actions .action.tocart:focus, .block-search .form .action:focus, .action.delete:focus, .action.close:focus, .modals-wrapper .modal-popup .action-close:focus,
.modals-wrapper .modal-popup .action-hide-popup:focus, .checkout-agreements-block .checkout-agreement .action:focus, .qty-widget button:focus, .ais-search-box .ais-search-box--reset:focus, .algolia-instant-selector-results .action.tocart:focus, .algolia-results-list .action.tocart:focus, .algolia-instant-selector-results .action.towishlist:focus, .algolia-results-list .action.towishlist:focus, .loffaq-search-wrapper button:focus, .widget.reviews .widget-pager .slick-arrow:focus, .action.edit-profilename:focus, .profile-intro_platforms .profile-intro_platform-edit .action:focus, .block.edit-profile .edit-profile-avatar .edit-profile-avatar_preset button:focus, .block.block-asset-slider .asset-slider_slides.slick-slider .slick-arrow:focus, .block.block-signpost .block-form_close:focus, .order-history_instruction_close:focus, .block.block-minicart-upsell .block-title .action.hide-upsell:focus {
box-shadow: inset 0 0 0 1px currentColor;
outline: none; }
.block.review-list .review-items, .checkout-success .order-details-items .column.qty .items-qty {
list-style: none;
margin: 0;
padding: 0; }
.block.review-list .review-items > li, .checkout-success .order-details-items .column.qty .items-qty > li {
padding: 0;
margin: 0; }
.account .block.block-dashboard-info .block-title, .account .block.block-dashboard-addresses .block-title, .account .block.block-addresses-default .block-title, .account .block.block-billing-agreements-view .block-title, .account .block.block-billing-orders-view .block-title, .text-title, .text-impact, .message.priority, .block.edit-profile h2, .block.friend-requests h2, .block.block-dashboard-platforms h2, .order-history_instruction_content h2, .category-content h1,
.category-content h2,
.category-content h3,
.category-content h4,
.category-content h5,
.category-content h6, .category-content .cms-content-important, .product-top-wrapper .product-out-of-stock, .basket-items-count, .checkout-container .authentication-wrapper .block.block-customer-login .login-or span, .block.block-home-feature .block-title, .block.block-page-placeholder h1, .bestseller h1, .bestseller h2, .block.block-collapsible-nav select,
.block.account-nav select, .block.block-collapsible-nav .block-content,
.block.account-nav .block-content, .block.newsletter .block-title span, .block.review-list .block-title strong, .block.review-list .review-list_overall strong, .block.review-list .review-rating .review-rating-result, .customer-review .review-rating .review-rating-result, .chrome-extension h3, .bundled-savings, .block.profile-badges-wrap .profile-badges-ultimate, .block.profile-intro .profile-intro_name h1, .block.friend-requests .friend-requests_name, .block.dashboard-steam h2, .block.block-featured-links .block-title, .block.block-signpost a, .block.block-signpost .block-form-intro h2, .block.block-generic-form .block-title, .block.storyblok-post-item h3, .block.storyblok-post-item .post-item_super, .block.storyblok-impact-text, .sb-benefits h3, .block.block-order-lookup .block-title, .form-orders-search .legend, .checkout-success-saved p, .block.block-competition-form .block-competition-form_intro, .block.block-competition-form .block-competition-form_title, .block.block-competition-form .competition-complete .competition-complete_title, .block.block-checkout-upsell .block-title, .block.block-minicart-upsell .block-title {
font-family: "Quantico", sans-serif;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.block.filter .filter-options-content .items {
font-family: "Quantico", sans-serif;
letter-spacing: 0.05em;
text-transform: uppercase; } }
.block.block-vip-content.block-vip-content__pink .block-title span, .block.dashboard-twitch .block-title span, .block.dashboard-steam .block-title span,
.block.block-vip-content.block-vip-content__pink .block-title strong,
.block.dashboard-twitch .block-title strong,
.block.dashboard-steam .block-title strong, .sitenav_close, .block.filter .action.close,
.ais-SortBy .action.close, .paypal-review_reminder-container, .paypal-verification, .checkout-success .order-alert, .block.related .block-title .block-title-glow span, .block.widget.block-products-list.blue .block-title .block-title-glow span, .products.wrapper.trending .block-title .block-title-glow span, .block.crosssell .block-title .block-title-glow span, .block.order-history .block-title .block-title-glow span, .block.block-wishlist .block-title .block-title-glow span, .block.block-bundled-items .block-title .block-title-glow span, .block.owned-games .block-title .block-title-glow span, .block.user-reviews .block-title .block-title-glow span, .block.block-storyblok-products .block-title .block-title-glow span, .product-faqs_inner .block-title .block-title-glow span, .block.social-share .block-title .block-title-glow span, .checkout-success .order-details-items .block-title .block-title-glow span, .block.success-register .block-title .block-title-glow span, .block.widget.block-products-list.pink .block-title .block-title-glow span, .block.widget.block-products-list.yellow .block-title .block-title-glow span, .user-profile-index .block.block-dashboard-info .block-title .block-title-glow span, .block.widget.block-products-list.green .block-title .block-title-glow span, .block.block-reward-dashboard-transaction .block-title .block-title-glow span, .block.block-mini-dashboard .block-title .block-title-glow span, .block.widget.block-products-list.default .block-title .block-title-glow span, .block.block-cms .block-title .block-title-glow span, .account .block.block-addresses-list .block-title .block-title-glow span, .block.block-dashboard-orders .block-title .block-title-glow span, .block.block-reviews-dashboard .block-title .block-title-glow span, .block.storyblok-section-title .block-title .block-title-glow span, .checkout-billing-address form .fieldset .legend span, .form-address-edit .fieldset .legend span, .form-edit-account .fieldset .legend span, .form-newsletter-manage .fieldset .legend span, .form-rewards-setting .fieldset .legend span, .page-product-giftcard .aw-gc-product-add-form .fieldset .legend span, .form.form-affiliate-login .fieldset .legend span, .affiliates-signup-form_inner .signup-form .fieldset .legend span, .block.filter .block-title span, .checkout-column .checkout-column_title span, .opc-payment .step-title span, .opc-block-summary > .title span, .checkout-login .checkout-login_top-title span, .block.block-vip-content.block-vip-content__blue .block-title span, .block.block-register .block-title span, .block.block-customer-login .block-title span, .block.block-new-customer .block-title span, .form-create-account .legend span, .form.form-new-agreement .legend span, .block.profile-badges-wrap .block-title span, .block.user-friends .block-title span, .block.block-koins-balance .block-title span, .checkout-success .success-messages .order-number-title span, .block.block-customer-device .block-title span,
.checkout-billing-address form .fieldset .legend strong,
.form-address-edit .fieldset .legend strong,
.form-edit-account .fieldset .legend strong,
.form-newsletter-manage .fieldset .legend strong,
.form-rewards-setting .fieldset .legend strong,
.page-product-giftcard .aw-gc-product-add-form .fieldset .legend strong,
.form.form-affiliate-login .fieldset .legend strong,
.affiliates-signup-form_inner .signup-form .fieldset .legend strong,
.block.filter .block-title strong,
.checkout-column .checkout-column_title strong,
.opc-payment .step-title strong,
.opc-block-summary > .title strong,
.checkout-login .checkout-login_top-title strong,
.block.block-vip-content.block-vip-content__blue .block-title strong,
.block.block-register .block-title strong,
.block.block-customer-login .block-title strong,
.block.block-new-customer .block-title strong,
.form-create-account .legend strong,
.form.form-new-agreement .legend strong,
.block.profile-badges-wrap .block-title strong,
.block.user-friends .block-title strong,
.block.block-koins-balance .block-title strong,
.checkout-success .success-messages .order-number-title strong,
.block.block-customer-device .block-title strong, .navigation .subnav_title .subnav_close, .sitenav_title span, .block.filter .action.filter-options-content-close,
.ais-SortBy .action.filter-options-content-close, .checkout-container .authentication-wrapper .block.block-customer-login .login-or span, .widget.feature-boxes .countdown .countdown_segment, .lof-social-login .lof-social-login-or span, .product-reasons .reason-title, .form-orders-search .legend, .paypal-review_message, .block.block-vip-content.block-vip-content__yellow .block-title span,
.block.block-vip-content.block-vip-content__yellow .block-title strong, .block.block-vip-content.block-vip-content__green .block-title span,
.block.block-vip-content.block-vip-content__green .block-title strong {
background-color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(255, 255, 255, 0.8);
display: inline-block;
padding: 8px 10px;
padding: 4px 16px; }
.block.block-vip-content.block-vip-content__pink .block-title span, .block.dashboard-twitch .block-title span, .block.dashboard-steam .block-title span,
.block.block-vip-content.block-vip-content__pink .block-title strong,
.block.dashboard-twitch .block-title strong,
.block.dashboard-steam .block-title strong, .sitenav_close, .block.filter .action.close,
.ais-SortBy .action.close, .paypal-review_reminder-container, .paypal-verification, .checkout-success .order-alert {
background-color: rgba(255, 51, 94, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(255, 102, 147, 0.8);
text-shadow: 0 0 9px #fa4585, 0 0 9px #fa4585, 0 0 9px #fa4585, 0 0 9px #fa4585; }
.block.related .block-title .block-title-glow span, .block.widget.block-products-list.blue .block-title .block-title-glow span, .products.wrapper.trending .block-title .block-title-glow span, .block.crosssell .block-title .block-title-glow span, .block.order-history .block-title .block-title-glow span, .block.block-wishlist .block-title .block-title-glow span, .block.block-bundled-items .block-title .block-title-glow span, .block.owned-games .block-title .block-title-glow span, .block.user-reviews .block-title .block-title-glow span, .block.block-storyblok-products .block-title .block-title-glow span, .product-faqs_inner .block-title .block-title-glow span, .block.social-share .block-title .block-title-glow span, .checkout-success .order-details-items .block-title .block-title-glow span, .block.success-register .block-title .block-title-glow span, .block.widget.block-products-list.pink .block-title .block-title-glow span, .block.widget.block-products-list.yellow .block-title .block-title-glow span, .user-profile-index .block.block-dashboard-info .block-title .block-title-glow span, .block.widget.block-products-list.green .block-title .block-title-glow span, .block.block-reward-dashboard-transaction .block-title .block-title-glow span, .block.block-mini-dashboard .block-title .block-title-glow span, .block.widget.block-products-list.default .block-title .block-title-glow span, .block.block-cms .block-title .block-title-glow span, .account .block.block-addresses-list .block-title .block-title-glow span, .block.block-dashboard-orders .block-title .block-title-glow span, .block.block-reviews-dashboard .block-title .block-title-glow span, .block.storyblok-section-title .block-title .block-title-glow span, .checkout-billing-address form .fieldset .legend span, .form-address-edit .fieldset .legend span, .form-edit-account .fieldset .legend span, .form-newsletter-manage .fieldset .legend span, .form-rewards-setting .fieldset .legend span, .page-product-giftcard .aw-gc-product-add-form .fieldset .legend span, .form.form-affiliate-login .fieldset .legend span, .affiliates-signup-form_inner .signup-form .fieldset .legend span, .block.filter .block-title span, .checkout-column .checkout-column_title span, .opc-payment .step-title span, .opc-block-summary > .title span, .checkout-login .checkout-login_top-title span, .block.block-vip-content.block-vip-content__blue .block-title span, .block.block-register .block-title span, .block.block-customer-login .block-title span, .block.block-new-customer .block-title span, .form-create-account .legend span, .form.form-new-agreement .legend span, .block.profile-badges-wrap .block-title span, .block.user-friends .block-title span, .block.block-koins-balance .block-title span, .checkout-success .success-messages .order-number-title span, .block.block-customer-device .block-title span,
.checkout-billing-address form .fieldset .legend strong,
.form-address-edit .fieldset .legend strong,
.form-edit-account .fieldset .legend strong,
.form-newsletter-manage .fieldset .legend strong,
.form-rewards-setting .fieldset .legend strong,
.page-product-giftcard .aw-gc-product-add-form .fieldset .legend strong,
.form.form-affiliate-login .fieldset .legend strong,
.affiliates-signup-form_inner .signup-form .fieldset .legend strong,
.block.filter .block-title strong,
.checkout-column .checkout-column_title strong,
.opc-payment .step-title strong,
.opc-block-summary > .title strong,
.checkout-login .checkout-login_top-title strong,
.block.block-vip-content.block-vip-content__blue .block-title strong,
.block.block-register .block-title strong,
.block.block-customer-login .block-title strong,
.block.block-new-customer .block-title strong,
.form-create-account .legend strong,
.form.form-new-agreement .legend strong,
.block.profile-badges-wrap .block-title strong,
.block.user-friends .block-title strong,
.block.block-koins-balance .block-title strong,
.checkout-success .success-messages .order-number-title strong,
.block.block-customer-device .block-title strong, .navigation .subnav_title .subnav_close, .sitenav_title span, .block.filter .action.filter-options-content-close,
.ais-SortBy .action.filter-options-content-close, .checkout-container .authentication-wrapper .block.block-customer-login .login-or span, .widget.feature-boxes .countdown .countdown_segment, .lof-social-login .lof-social-login-or span, .product-reasons .reason-title, .form-orders-search .legend, .paypal-review_message {
background-color: rgba(56, 111, 187, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(37, 146, 238, 0.8);
text-shadow: 0 0 9px #4eb0f0, 0 0 9px #4eb0f0, 0 0 9px #4eb0f0, 0 0 9px #4eb0f0; }
.block.block-vip-content.block-vip-content__yellow .block-title span,
.block.block-vip-content.block-vip-content__yellow .block-title strong {
background-color: rgba(255, 168, 40, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(255, 209, 121, 0.8);
text-shadow: 0 0 9px #face47, 0 0 9px #face47, 0 0 9px #face47, 0 0 9px #face47; }
.block.block-vip-content.block-vip-content__green .block-title span,
.block.block-vip-content.block-vip-content__green .block-title strong {
background-color: rgba(14, 155, 114, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px #0e9b72;
text-shadow: 0 0 9px #0e9b72, 0 0 9px #0e9b72, 0 0 9px #0e9b72, 0 0 9px #0e9b72; }
.product.attribute.overview, .regional-warning, .product-preorder-message {
background-color: #331034;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAgVBMVEUAAAC44O272Oe43+263vC33/C11eu53/C83O663vCv1+q33ey53O253O/vvcPwusHVzNfvvMPsv8bhxc7N0t/M0+HrwMbpwMjwu8LmxMzsvcTowMjmw8vmwsrlwcrnxtDtvMTtvsXrwcfowsnkwsvuu8LsvcXuvcLuv8fdyNbxu8EixlEcAAAAKnRSTlMAAwYOERwKFhkUCAwiIMnyP9agWy0ykYPkZ66FdlJQKbqtk3RU5a+We0pykWlfAAABaklEQVQoz42SyVJcMQxFY1uyLM9v7BE6kFn//4Hx82sKSFhwF96cuqdKkr98KmrPh0j7EEwIXqt/O9oaJuccsQlevWPeMM7TYT1MM7Lxb9TKgpvHIj1P1YFVbxCeShmnJS7TWY4nhK7dhXiVoUbcEutRvjnQameBahmW5IiJmXAZSqWg9hrg04+KbIAnaA/WknEvKktVrolDgEd5BBs4Pcsfsp0Zd5DqjLfwXR7AeuMWObgu1cZ9HSJZbbkzbSkez2g6A8w5sVUeHprTa88xZ2d072HrNaZD+s1Bq87Q3J1jiRS0tgaM1ZuzjK4zFegkE26y2y/XXsBJTvcBPc8lRzLW34abtYHi+Yj3leptiEsiMFuA0qUtzeiXVacsl4jb+QjTVfJe24s0D/KzxpRSXEYZZrb65UYNplUkj89jlrIitUlezx4Y65qLlLzODl5Rb1oghykhOja2o3fUADDAnfz317zXWjXyifwFlowXVYKpP6sAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 22px center;
border: 1px solid #503143;
box-shadow: none;
font-size: 1rem;
font-style: italic;
padding: 12px 12px 12px 70px;
text-transform: uppercase;
text-shadow: none; }
.block.block-daily-deals, .block.block-out-now, .block.block-coming-soon {
position: relative;
padding-top: 20px;
transition: padding-top 0.3s; }
.block.block-daily-deals:hover, .block.block-out-now:hover, .block.block-coming-soon:hover {
padding-top: 0; }
.block.block-daily-deals:hover .block-image:before, .block.block-out-now:hover .block-image:before, .block.block-coming-soon:hover .block-image:before {
padding-top: 20px; }
.block.block-daily-deals:after, .block.block-out-now:after, .block.block-coming-soon:after {
background-color: rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 20px 20px #1F143D;
bottom: -36px;
content: '';
position: absolute;
z-index: -1;
left: 0;
width: 100%;
height: 60px; }
.block.block-daily-deals .block-title, .block.block-out-now .block-title, .block.block-coming-soon .block-title {
color: #fff;
display: block;
font-family: "Quantico", sans-serif;
font-size: 2.4rem;
line-height: 1;
text-align: center;
text-transform: uppercase; }
.block.block-daily-deals .block-title span, .block.block-out-now .block-title span, .block.block-coming-soon .block-title span {
background-color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(255, 255, 255, 0.8);
display: inline-block;
padding: 8px 10px; }
.block.block-daily-deals .block-image, .block.block-out-now .block-image, .block.block-coming-soon .block-image {
background-color: #1F143D;
border-radius: 5px;
display: block;
margin: 0 20px;
position: relative;
z-index: 1; }
.block.block-daily-deals .block-image .block-image-inner, .block.block-out-now .block-image .block-image-inner, .block.block-coming-soon .block-image .block-image-inner {
border-radius: 5px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.block.block-daily-deals .block-image:before, .block.block-out-now .block-image:before, .block.block-coming-soon .block-image:before {
content: '';
display: block;
padding-bottom: 120%;
transition: padding-top 0.3s; }
.block.block-daily-deals .block-image:after, .block.block-out-now .block-image:after, .block.block-coming-soon .block-image:after {
background-color: #000;
border-radius: 5px;
content: '';
opacity: 0.3;
position: absolute;
height: 20px;
width: 100%;
left: 0;
bottom: -5px;
z-index: 0; }
.block.block-daily-deals .block-image img, .block.block-out-now .block-image img, .block.block-coming-soon .block-image img {
border-radius: 5px;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1; }
.block.block-daily-deals .block-content, .block.block-out-now .block-content, .block.block-coming-soon .block-content {
background-image: linear-gradient(to top, #eee 0%, #fff 100%);
border-radius: 5px;
margin: -35px 0 0;
padding: 58px 20px 26px;
text-align: center; }
.block.block-daily-deals .block-content p, .block.block-out-now .block-content p, .block.block-coming-soon .block-content p {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 1.5;
margin: 0;
text-transform: uppercase; }
.block.block-daily-deals .block-content p + p, .block.block-out-now .block-content p + p, .block.block-coming-soon .block-content p + p {
margin-top: 21px; }
@media only screen and (min-width: 1024px) {
.block.block-daily-deals .block-image, .block.block-out-now .block-image, .block.block-coming-soon .block-image {
margin: 0 40px; } }
.block.block-daily-deals:after {
background-color: rgba(255, 51, 94, 0.4); }
.block.block-daily-deals .block-title,
.block.block-daily-deals .countdown {
text-shadow: 0 0 9px #fa4585, 0 0 9px #fa4585, 0 0 9px #fa4585, 0 0 9px #fa4585; }
.block.block-daily-deals .block-title span {
background-color: rgba(255, 51, 94, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(255, 102, 147, 0.8); }
.block.block-daily-deals .block-content {
background-image: linear-gradient(to top, #e6224d 0%, #ff5a7e 100%);
color: #fff; }
.block.block-out-now:after {
background-color: rgba(255, 168, 40, 0.4); }
.block.block-out-now .block-title,
.block.block-out-now .countdown {
text-shadow: 0 0 9px #face47, 0 0 9px #face47, 0 0 9px #face47, 0 0 9px #face47; }
.block.block-out-now .block-title span {
background-color: rgba(255, 168, 40, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(255, 209, 121, 0.8); }
.block.block-out-now .block-content {
background-image: linear-gradient(to top, #ffb72b 0%, #fccf62 100%);
color: #fff; }
.block.block-coming-soon:after {
background-color: rgba(56, 111, 187, 0.4); }
.block.block-coming-soon .block-title,
.block.block-coming-soon .countdown {
text-shadow: 0 0 9px #4eb0f0, 0 0 9px #4eb0f0, 0 0 9px #4eb0f0, 0 0 9px #4eb0f0; }
.block.block-coming-soon .block-title span {
background-color: rgba(56, 111, 187, 0.7);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(37, 146, 238, 0.8); }
.block.block-coming-soon .block-content {
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
color: #fff; }
.nav-footer__title, .page-header__title,
.footer-switcher__title, .page-header .switcher-label,
.footer-switcher .switcher-label {
color: #ffffff;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 1.4px;
line-height: 2;
margin: 0 0 25px;
text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.nav-footer__title, .page-header__title,
.footer-switcher__title, .page-header .switcher-label,
.footer-switcher .switcher-label {
margin: 0;
padding: 25px 0; } }
.nav-footer__link, .page-header .switcher-trigger,
.footer-switcher .switcher-trigger, .page-header .switcher-option a,
.footer-switcher .switcher-option a {
font-size: 1.3rem;
letter-spacing: 0.65px;
line-height: 2;
text-transform: uppercase;
transition: color 0.3s; }
.nav-footer__link, .page-header .switcher-trigger,
.footer-switcher .switcher-trigger, .page-header .switcher-option a,
.footer-switcher .switcher-option a, .nav-footer__link:visited, .page-header .switcher-trigger:visited,
.footer-switcher .switcher-trigger:visited, .page-header .switcher-option a:visited,
.footer-switcher .switcher-option a:visited {
color: #6e6d93; }
.nav-footer__link:hover, .page-header .switcher-trigger:hover,
.footer-switcher .switcher-trigger:hover, .page-header .switcher-option a:hover,
.footer-switcher .switcher-option a:hover {
color: #fff;
text-decoration: none; }
.catalog-category-view .page-main, .cms-page-view .page-main, .cms-index-index .page-main, .cms-no-route .page-main {
max-width: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
width: auto; }
.block.related, .block.widget.block-products-list.blue, .products.wrapper.trending, .block.crosssell, .block.order-history, .block.block-wishlist, .block.block-bundled-items, .block.owned-games, .block.user-reviews, .block.block-storyblok-products, .product-faqs_inner, .block.social-share, .checkout-success .order-details-items, .block.success-register, .block.widget.block-products-list.pink, .block.widget.block-products-list.yellow, .user-profile-index .block.block-dashboard-info, .block.widget.block-products-list.green, .block.block-reward-dashboard-transaction, .block.block-mini-dashboard, .block.widget.block-products-list.default, .block.block-cms, .account .block.block-addresses-list, .block.block-dashboard-orders, .block.block-reviews-dashboard, .block.storyblok-section-title {
margin-top: 25px;
margin-bottom: 25px; }
.block.related .block-top, .block.widget.block-products-list.blue .block-top, .products.wrapper.trending .block-top, .block.crosssell .block-top, .block.order-history .block-top, .block.block-wishlist .block-top, .block.block-bundled-items .block-top, .block.owned-games .block-top, .block.user-reviews .block-top, .block.block-storyblok-products .block-top, .product-faqs_inner .block-top, .block.social-share .block-top, .checkout-success .order-details-items .block-top, .block.success-register .block-top, .block.widget.block-products-list.pink .block-top, .block.widget.block-products-list.yellow .block-top, .user-profile-index .block.block-dashboard-info .block-top, .block.widget.block-products-list.green .block-top, .block.block-reward-dashboard-transaction .block-top, .block.block-mini-dashboard .block-top, .block.widget.block-products-list.default .block-top, .block.block-cms .block-top, .account .block.block-addresses-list .block-top, .block.block-dashboard-orders .block-top, .block.block-reviews-dashboard .block-top, .block.storyblok-section-title .block-top {
align-items: center;
display: flex; }
.block.related .block-top .block-title, .block.widget.block-products-list.blue .block-top .block-title, .products.wrapper.trending .block-top .block-title, .block.crosssell .block-top .block-title, .block.order-history .block-top .block-title, .block.block-wishlist .block-top .block-title, .block.block-bundled-items .block-top .block-title, .block.owned-games .block-top .block-title, .block.user-reviews .block-top .block-title, .block.block-storyblok-products .block-top .block-title, .product-faqs_inner .block-top .block-title, .block.social-share .block-top .block-title, .checkout-success .order-details-items .block-top .block-title, .block.success-register .block-top .block-title, .block.widget.block-products-list.pink .block-top .block-title, .block.widget.block-products-list.yellow .block-top .block-title, .user-profile-index .block.block-dashboard-info .block-top .block-title, .block.widget.block-products-list.green .block-top .block-title, .block.block-reward-dashboard-transaction .block-top .block-title, .block.block-mini-dashboard .block-top .block-title, .block.widget.block-products-list.default .block-top .block-title, .block.block-cms .block-top .block-title, .account .block.block-addresses-list .block-top .block-title, .block.block-dashboard-orders .block-top .block-title, .block.block-reviews-dashboard .block-top .block-title, .block.storyblok-section-title .block-top .block-title {
flex-basis: 0;
flex-grow: 1; }
.block.related .block-top .block-action, .block.widget.block-products-list.blue .block-top .block-action, .products.wrapper.trending .block-top .block-action, .block.crosssell .block-top .block-action, .block.order-history .block-top .block-action, .block.block-wishlist .block-top .block-action, .block.block-bundled-items .block-top .block-action, .block.owned-games .block-top .block-action, .block.user-reviews .block-top .block-action, .block.block-storyblok-products .block-top .block-action, .product-faqs_inner .block-top .block-action, .block.social-share .block-top .block-action, .checkout-success .order-details-items .block-top .block-action, .block.success-register .block-top .block-action, .block.widget.block-products-list.pink .block-top .block-action, .block.widget.block-products-list.yellow .block-top .block-action, .user-profile-index .block.block-dashboard-info .block-top .block-action, .block.widget.block-products-list.green .block-top .block-action, .block.block-reward-dashboard-transaction .block-top .block-action, .block.block-mini-dashboard .block-top .block-action, .block.widget.block-products-list.default .block-top .block-action, .block.block-cms .block-top .block-action, .account .block.block-addresses-list .block-top .block-action, .block.block-dashboard-orders .block-top .block-action, .block.block-reviews-dashboard .block-top .block-action, .block.storyblok-section-title .block-top .block-action {
flex-basis: auto;
flex-grow: 0;
padding-left: 9px; }
.block.related .block-top .block-pager, .block.widget.block-products-list.blue .block-top .block-pager, .products.wrapper.trending .block-top .block-pager, .block.crosssell .block-top .block-pager, .block.order-history .block-top .block-pager, .block.block-wishlist .block-top .block-pager, .block.block-bundled-items .block-top .block-pager, .block.owned-games .block-top .block-pager, .block.user-reviews .block-top .block-pager, .block.block-storyblok-products .block-top .block-pager, .product-faqs_inner .block-top .block-pager, .block.social-share .block-top .block-pager, .checkout-success .order-details-items .block-top .block-pager, .block.success-register .block-top .block-pager, .block.widget.block-products-list.pink .block-top .block-pager, .block.widget.block-products-list.yellow .block-top .block-pager, .user-profile-index .block.block-dashboard-info .block-top .block-pager, .block.widget.block-products-list.green .block-top .block-pager, .block.block-reward-dashboard-transaction .block-top .block-pager, .block.block-mini-dashboard .block-top .block-pager, .block.widget.block-products-list.default .block-top .block-pager, .block.block-cms .block-top .block-pager, .account .block.block-addresses-list .block-top .block-pager, .block.block-dashboard-orders .block-top .block-pager, .block.block-reviews-dashboard .block-top .block-pager, .block.storyblok-section-title .block-top .block-pager {
align-items: center;
display: flex;
flex-basis: auto;
flex-grow: 0;
padding-left: 10px; }
.block.related .block-top .block-pager:before, .block.widget.block-products-list.blue .block-top .block-pager:before, .products.wrapper.trending .block-top .block-pager:before, .block.crosssell .block-top .block-pager:before, .block.order-history .block-top .block-pager:before, .block.block-wishlist .block-top .block-pager:before, .block.block-bundled-items .block-top .block-pager:before, .block.owned-games .block-top .block-pager:before, .block.user-reviews .block-top .block-pager:before, .block.block-storyblok-products .block-top .block-pager:before, .product-faqs_inner .block-top .block-pager:before, .block.social-share .block-top .block-pager:before, .checkout-success .order-details-items .block-top .block-pager:before, .block.success-register .block-top .block-pager:before, .block.widget.block-products-list.pink .block-top .block-pager:before, .block.widget.block-products-list.yellow .block-top .block-pager:before, .user-profile-index .block.block-dashboard-info .block-top .block-pager:before, .block.widget.block-products-list.green .block-top .block-pager:before, .block.block-reward-dashboard-transaction .block-top .block-pager:before, .block.block-mini-dashboard .block-top .block-pager:before, .block.widget.block-products-list.default .block-top .block-pager:before, .block.block-cms .block-top .block-pager:before, .account .block.block-addresses-list .block-top .block-pager:before, .block.block-dashboard-orders .block-top .block-pager:before, .block.block-reviews-dashboard .block-top .block-pager:before, .block.storyblok-section-title .block-top .block-pager:before {
color: #fff;
content: attr(data-pages);
font-family: "Quantico", sans-serif;
font-size: 1.2rem;
margin-right: 10px; }
.block.related .block-top .block-pager .slick-arrow, .block.widget.block-products-list.blue .block-top .block-pager .slick-arrow, .products.wrapper.trending .block-top .block-pager .slick-arrow, .block.crosssell .block-top .block-pager .slick-arrow, .block.order-history .block-top .block-pager .slick-arrow, .block.block-wishlist .block-top .block-pager .slick-arrow, .block.block-bundled-items .block-top .block-pager .slick-arrow, .block.owned-games .block-top .block-pager .slick-arrow, .block.user-reviews .block-top .block-pager .slick-arrow, .block.block-storyblok-products .block-top .block-pager .slick-arrow, .product-faqs_inner .block-top .block-pager .slick-arrow, .block.social-share .block-top .block-pager .slick-arrow, .checkout-success .order-details-items .block-top .block-pager .slick-arrow, .block.success-register .block-top .block-pager .slick-arrow, .block.widget.block-products-list.pink .block-top .block-pager .slick-arrow, .block.widget.block-products-list.yellow .block-top .block-pager .slick-arrow, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-arrow, .block.widget.block-products-list.green .block-top .block-pager .slick-arrow, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-arrow, .block.block-mini-dashboard .block-top .block-pager .slick-arrow, .block.widget.block-products-list.default .block-top .block-pager .slick-arrow, .block.block-cms .block-top .block-pager .slick-arrow, .account .block.block-addresses-list .block-top .block-pager .slick-arrow, .block.block-dashboard-orders .block-top .block-pager .slick-arrow, .block.block-reviews-dashboard .block-top .block-pager .slick-arrow, .block.storyblok-section-title .block-top .block-pager .slick-arrow {
align-items: center;
background-color: #0c0020;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27);
color: #fff;
display: flex;
justify-content: center;
position: static;
width: 24px;
height: 24px;
transform: none; }
.block.related .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.blue .block-top .block-pager .slick-arrow:before, .products.wrapper.trending .block-top .block-pager .slick-arrow:before, .block.crosssell .block-top .block-pager .slick-arrow:before, .block.order-history .block-top .block-pager .slick-arrow:before, .block.block-wishlist .block-top .block-pager .slick-arrow:before, .block.block-bundled-items .block-top .block-pager .slick-arrow:before, .block.owned-games .block-top .block-pager .slick-arrow:before, .block.user-reviews .block-top .block-pager .slick-arrow:before, .block.block-storyblok-products .block-top .block-pager .slick-arrow:before, .product-faqs_inner .block-top .block-pager .slick-arrow:before, .block.social-share .block-top .block-pager .slick-arrow:before, .checkout-success .order-details-items .block-top .block-pager .slick-arrow:before, .block.success-register .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.pink .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.yellow .block-top .block-pager .slick-arrow:before, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.green .block-top .block-pager .slick-arrow:before, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-arrow:before, .block.block-mini-dashboard .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.default .block-top .block-pager .slick-arrow:before, .block.block-cms .block-top .block-pager .slick-arrow:before, .account .block.block-addresses-list .block-top .block-pager .slick-arrow:before, .block.block-dashboard-orders .block-top .block-pager .slick-arrow:before, .block.block-reviews-dashboard .block-top .block-pager .slick-arrow:before, .block.storyblok-section-title .block-top .block-pager .slick-arrow:before {
background-size: contain;
content: '';
display: block;
width: 8px;
height: 14px; }
.block.related .block-top .block-pager .slick-next, .block.widget.block-products-list.blue .block-top .block-pager .slick-next, .products.wrapper.trending .block-top .block-pager .slick-next, .block.crosssell .block-top .block-pager .slick-next, .block.order-history .block-top .block-pager .slick-next, .block.block-wishlist .block-top .block-pager .slick-next, .block.block-bundled-items .block-top .block-pager .slick-next, .block.owned-games .block-top .block-pager .slick-next, .block.user-reviews .block-top .block-pager .slick-next, .block.block-storyblok-products .block-top .block-pager .slick-next, .product-faqs_inner .block-top .block-pager .slick-next, .block.social-share .block-top .block-pager .slick-next, .checkout-success .order-details-items .block-top .block-pager .slick-next, .block.success-register .block-top .block-pager .slick-next, .block.widget.block-products-list.pink .block-top .block-pager .slick-next, .block.widget.block-products-list.yellow .block-top .block-pager .slick-next, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-next, .block.widget.block-products-list.green .block-top .block-pager .slick-next, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-next, .block.block-mini-dashboard .block-top .block-pager .slick-next, .block.widget.block-products-list.default .block-top .block-pager .slick-next, .block.block-cms .block-top .block-pager .slick-next, .account .block.block-addresses-list .block-top .block-pager .slick-next, .block.block-dashboard-orders .block-top .block-pager .slick-next, .block.block-reviews-dashboard .block-top .block-pager .slick-next, .block.storyblok-section-title .block-top .block-pager .slick-next {
margin-left: 8px; }
.block.related .block-top .block-pager .slick-next:before, .block.widget.block-products-list.blue .block-top .block-pager .slick-next:before, .products.wrapper.trending .block-top .block-pager .slick-next:before, .block.crosssell .block-top .block-pager .slick-next:before, .block.order-history .block-top .block-pager .slick-next:before, .block.block-wishlist .block-top .block-pager .slick-next:before, .block.block-bundled-items .block-top .block-pager .slick-next:before, .block.owned-games .block-top .block-pager .slick-next:before, .block.user-reviews .block-top .block-pager .slick-next:before, .block.block-storyblok-products .block-top .block-pager .slick-next:before, .product-faqs_inner .block-top .block-pager .slick-next:before, .block.social-share .block-top .block-pager .slick-next:before, .checkout-success .order-details-items .block-top .block-pager .slick-next:before, .block.success-register .block-top .block-pager .slick-next:before, .block.widget.block-products-list.pink .block-top .block-pager .slick-next:before, .block.widget.block-products-list.yellow .block-top .block-pager .slick-next:before, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-next:before, .block.widget.block-products-list.green .block-top .block-pager .slick-next:before, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-next:before, .block.block-mini-dashboard .block-top .block-pager .slick-next:before, .block.widget.block-products-list.default .block-top .block-pager .slick-next:before, .block.block-cms .block-top .block-pager .slick-next:before, .account .block.block-addresses-list .block-top .block-pager .slick-next:before, .block.block-dashboard-orders .block-top .block-pager .slick-next:before, .block.block-reviews-dashboard .block-top .block-pager .slick-next:before, .block.storyblok-section-title .block-top .block-pager .slick-next:before {
background-image: url("../images/icons/white/arrow-next.svg"); }
.block.related .block-top .block-pager .slick-prev:before, .block.widget.block-products-list.blue .block-top .block-pager .slick-prev:before, .products.wrapper.trending .block-top .block-pager .slick-prev:before, .block.crosssell .block-top .block-pager .slick-prev:before, .block.order-history .block-top .block-pager .slick-prev:before, .block.block-wishlist .block-top .block-pager .slick-prev:before, .block.block-bundled-items .block-top .block-pager .slick-prev:before, .block.owned-games .block-top .block-pager .slick-prev:before, .block.user-reviews .block-top .block-pager .slick-prev:before, .block.block-storyblok-products .block-top .block-pager .slick-prev:before, .product-faqs_inner .block-top .block-pager .slick-prev:before, .block.social-share .block-top .block-pager .slick-prev:before, .checkout-success .order-details-items .block-top .block-pager .slick-prev:before, .block.success-register .block-top .block-pager .slick-prev:before, .block.widget.block-products-list.pink .block-top .block-pager .slick-prev:before, .block.widget.block-products-list.yellow .block-top .block-pager .slick-prev:before, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-prev:before, .block.widget.block-products-list.green .block-top .block-pager .slick-prev:before, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-prev:before, .block.block-mini-dashboard .block-top .block-pager .slick-prev:before, .block.widget.block-products-list.default .block-top .block-pager .slick-prev:before, .block.block-cms .block-top .block-pager .slick-prev:before, .account .block.block-addresses-list .block-top .block-pager .slick-prev:before, .block.block-dashboard-orders .block-top .block-pager .slick-prev:before, .block.block-reviews-dashboard .block-top .block-pager .slick-prev:before, .block.storyblok-section-title .block-top .block-pager .slick-prev:before {
background-image: url("../images/icons/white/arrow-prev.svg"); }
.block.related .block-title, .block.widget.block-products-list.blue .block-title, .products.wrapper.trending .block-title, .block.crosssell .block-title, .block.order-history .block-title, .block.block-wishlist .block-title, .block.block-bundled-items .block-title, .block.owned-games .block-title, .block.user-reviews .block-title, .block.block-storyblok-products .block-title, .product-faqs_inner .block-title, .block.social-share .block-title, .checkout-success .order-details-items .block-title, .block.success-register .block-title, .block.widget.block-products-list.pink .block-title, .block.widget.block-products-list.yellow .block-title, .user-profile-index .block.block-dashboard-info .block-title, .block.widget.block-products-list.green .block-title, .block.block-reward-dashboard-transaction .block-title, .block.block-mini-dashboard .block-title, .block.widget.block-products-list.default .block-title, .block.block-cms .block-title, .account .block.block-addresses-list .block-title, .block.block-dashboard-orders .block-title, .block.block-reviews-dashboard .block-title, .block.storyblok-section-title .block-title {
color: #fff;
font-family: "Quantico", sans-serif;
font-size: 1.5rem;
letter-spacing: 0.05em;
position: relative;
text-transform: uppercase;
text-shadow: 0 0 9px rgba(255, 255, 255, 0.7); }
.block.related .block-title:before, .block.widget.block-products-list.blue .block-title:before, .products.wrapper.trending .block-title:before, .block.crosssell .block-title:before, .block.order-history .block-title:before, .block.block-wishlist .block-title:before, .block.block-bundled-items .block-title:before, .block.owned-games .block-title:before, .block.user-reviews .block-title:before, .block.block-storyblok-products .block-title:before, .product-faqs_inner .block-title:before, .block.social-share .block-title:before, .checkout-success .order-details-items .block-title:before, .block.success-register .block-title:before, .block.widget.block-products-list.pink .block-title:before, .block.widget.block-products-list.yellow .block-title:before, .user-profile-index .block.block-dashboard-info .block-title:before, .block.widget.block-products-list.green .block-title:before, .block.block-reward-dashboard-transaction .block-title:before, .block.block-mini-dashboard .block-title:before, .block.widget.block-products-list.default .block-title:before, .block.block-cms .block-title:before, .account .block.block-addresses-list .block-title:before, .block.block-dashboard-orders .block-title:before, .block.block-reviews-dashboard .block-title:before, .block.storyblok-section-title .block-title:before {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 9px rgba(255, 255, 255, 0.7);
content: '';
position: absolute;
height: 1px;
left: 100px;
right: 0;
top: 50%;
z-index: 0; }
.block.related .block-title > span, .block.widget.block-products-list.blue .block-title > span, .products.wrapper.trending .block-title > span, .block.crosssell .block-title > span, .block.order-history .block-title > span, .block.block-wishlist .block-title > span, .block.block-bundled-items .block-title > span, .block.owned-games .block-title > span, .block.user-reviews .block-title > span, .block.block-storyblok-products .block-title > span, .product-faqs_inner .block-title > span, .block.social-share .block-title > span, .checkout-success .order-details-items .block-title > span, .block.success-register .block-title > span, .block.widget.block-products-list.pink .block-title > span, .block.widget.block-products-list.yellow .block-title > span, .user-profile-index .block.block-dashboard-info .block-title > span, .block.widget.block-products-list.green .block-title > span, .block.block-reward-dashboard-transaction .block-title > span, .block.block-mini-dashboard .block-title > span, .block.widget.block-products-list.default .block-title > span, .block.block-cms .block-title > span, .account .block.block-addresses-list .block-title > span, .block.block-dashboard-orders .block-title > span, .block.block-reviews-dashboard .block-title > span, .block.storyblok-section-title .block-title > span,
.block.related .block-title > strong,
.block.widget.block-products-list.blue .block-title > strong,
.products.wrapper.trending .block-title > strong,
.block.crosssell .block-title > strong,
.block.order-history .block-title > strong,
.block.block-wishlist .block-title > strong,
.block.block-bundled-items .block-title > strong,
.block.owned-games .block-title > strong,
.block.user-reviews .block-title > strong,
.block.block-storyblok-products .block-title > strong,
.product-faqs_inner .block-title > strong,
.block.social-share .block-title > strong,
.checkout-success .order-details-items .block-title > strong,
.block.success-register .block-title > strong,
.block.widget.block-products-list.pink .block-title > strong,
.block.widget.block-products-list.yellow .block-title > strong,
.user-profile-index .block.block-dashboard-info .block-title > strong,
.block.widget.block-products-list.green .block-title > strong,
.block.block-reward-dashboard-transaction .block-title > strong,
.block.block-mini-dashboard .block-title > strong,
.block.widget.block-products-list.default .block-title > strong,
.block.block-cms .block-title > strong,
.account .block.block-addresses-list .block-title > strong,
.block.block-dashboard-orders .block-title > strong,
.block.block-reviews-dashboard .block-title > strong,
.block.storyblok-section-title .block-title > strong {
background-color: #1F143D;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 0 9px rgba(255, 255, 255, 0.7), inset 0 0 9px rgba(255, 255, 255, 0.7);
display: inline-block;
font-weight: 400;
padding: 6px 16px;
position: relative;
vertical-align: top;
z-index: 1; }
.block.related .block-title .block-title-glow, .block.widget.block-products-list.blue .block-title .block-title-glow, .products.wrapper.trending .block-title .block-title-glow, .block.crosssell .block-title .block-title-glow, .block.order-history .block-title .block-title-glow, .block.block-wishlist .block-title .block-title-glow, .block.block-bundled-items .block-title .block-title-glow, .block.owned-games .block-title .block-title-glow, .block.user-reviews .block-title .block-title-glow, .block.block-storyblok-products .block-title .block-title-glow, .product-faqs_inner .block-title .block-title-glow, .block.social-share .block-title .block-title-glow, .checkout-success .order-details-items .block-title .block-title-glow, .block.success-register .block-title .block-title-glow, .block.widget.block-products-list.pink .block-title .block-title-glow, .block.widget.block-products-list.yellow .block-title .block-title-glow, .user-profile-index .block.block-dashboard-info .block-title .block-title-glow, .block.widget.block-products-list.green .block-title .block-title-glow, .block.block-reward-dashboard-transaction .block-title .block-title-glow, .block.block-mini-dashboard .block-title .block-title-glow, .block.widget.block-products-list.default .block-title .block-title-glow, .block.block-cms .block-title .block-title-glow, .account .block.block-addresses-list .block-title .block-title-glow, .block.block-dashboard-orders .block-title .block-title-glow, .block.block-reviews-dashboard .block-title .block-title-glow, .block.storyblok-section-title .block-title .block-title-glow {
border: none;
display: none;
padding: 0; }
.block.related .block-title .block-title-glow span, .block.widget.block-products-list.blue .block-title .block-title-glow span, .products.wrapper.trending .block-title .block-title-glow span, .block.crosssell .block-title .block-title-glow span, .block.order-history .block-title .block-title-glow span, .block.block-wishlist .block-title .block-title-glow span, .block.block-bundled-items .block-title .block-title-glow span, .block.owned-games .block-title .block-title-glow span, .block.user-reviews .block-title .block-title-glow span, .block.block-storyblok-products .block-title .block-title-glow span, .product-faqs_inner .block-title .block-title-glow span, .block.social-share .block-title .block-title-glow span, .checkout-success .order-details-items .block-title .block-title-glow span, .block.success-register .block-title .block-title-glow span, .block.widget.block-products-list.pink .block-title .block-title-glow span, .block.widget.block-products-list.yellow .block-title .block-title-glow span, .user-profile-index .block.block-dashboard-info .block-title .block-title-glow span, .block.widget.block-products-list.green .block-title .block-title-glow span, .block.block-reward-dashboard-transaction .block-title .block-title-glow span, .block.block-mini-dashboard .block-title .block-title-glow span, .block.widget.block-products-list.default .block-title .block-title-glow span, .block.block-cms .block-title .block-title-glow span, .account .block.block-addresses-list .block-title .block-title-glow span, .block.block-dashboard-orders .block-title .block-title-glow span, .block.block-reviews-dashboard .block-title .block-title-glow span, .block.storyblok-section-title .block-title .block-title-glow span {
padding: 6px 16px; }
.block.related .block-content, .block.widget.block-products-list.blue .block-content, .products.wrapper.trending .block-content, .block.crosssell .block-content, .block.order-history .block-content, .block.block-wishlist .block-content, .block.block-bundled-items .block-content, .block.owned-games .block-content, .block.user-reviews .block-content, .block.block-storyblok-products .block-content, .product-faqs_inner .block-content, .block.social-share .block-content, .checkout-success .order-details-items .block-content, .block.success-register .block-content, .block.widget.block-products-list.pink .block-content, .block.widget.block-products-list.yellow .block-content, .user-profile-index .block.block-dashboard-info .block-content, .block.widget.block-products-list.green .block-content, .block.block-reward-dashboard-transaction .block-content, .block.block-mini-dashboard .block-content, .block.widget.block-products-list.default .block-content, .block.block-cms .block-content, .account .block.block-addresses-list .block-content, .block.block-dashboard-orders .block-content, .block.block-reviews-dashboard .block-content, .block.storyblok-section-title .block-content {
margin-top: 20px; }
@media only screen and (min-width: 640px) {
.block.related .block-title, .block.widget.block-products-list.blue .block-title, .products.wrapper.trending .block-title, .block.crosssell .block-title, .block.order-history .block-title, .block.block-wishlist .block-title, .block.block-bundled-items .block-title, .block.owned-games .block-title, .block.user-reviews .block-title, .block.block-storyblok-products .block-title, .product-faqs_inner .block-title, .block.social-share .block-title, .checkout-success .order-details-items .block-title, .block.success-register .block-title, .block.widget.block-products-list.pink .block-title, .block.widget.block-products-list.yellow .block-title, .user-profile-index .block.block-dashboard-info .block-title, .block.widget.block-products-list.green .block-title, .block.block-reward-dashboard-transaction .block-title, .block.block-mini-dashboard .block-title, .block.widget.block-products-list.default .block-title, .block.block-cms .block-title, .account .block.block-addresses-list .block-title, .block.block-dashboard-orders .block-title, .block.block-reviews-dashboard .block-title, .block.storyblok-section-title .block-title {
font-size: 1.8rem; }
.block.related .block-title .block-title-glow, .block.widget.block-products-list.blue .block-title .block-title-glow, .products.wrapper.trending .block-title .block-title-glow, .block.crosssell .block-title .block-title-glow, .block.order-history .block-title .block-title-glow, .block.block-wishlist .block-title .block-title-glow, .block.block-bundled-items .block-title .block-title-glow, .block.owned-games .block-title .block-title-glow, .block.user-reviews .block-title .block-title-glow, .block.block-storyblok-products .block-title .block-title-glow, .product-faqs_inner .block-title .block-title-glow, .block.social-share .block-title .block-title-glow, .checkout-success .order-details-items .block-title .block-title-glow, .block.success-register .block-title .block-title-glow, .block.widget.block-products-list.pink .block-title .block-title-glow, .block.widget.block-products-list.yellow .block-title .block-title-glow, .user-profile-index .block.block-dashboard-info .block-title .block-title-glow, .block.widget.block-products-list.green .block-title .block-title-glow, .block.block-reward-dashboard-transaction .block-title .block-title-glow, .block.block-mini-dashboard .block-title .block-title-glow, .block.widget.block-products-list.default .block-title .block-title-glow, .block.block-cms .block-title .block-title-glow, .account .block.block-addresses-list .block-title .block-title-glow, .block.block-dashboard-orders .block-title .block-title-glow, .block.block-reviews-dashboard .block-title .block-title-glow, .block.storyblok-section-title .block-title .block-title-glow {
display: inline-block; } }
@media only screen and (min-width: 768px) {
.block.related, .block.widget.block-products-list.blue, .products.wrapper.trending, .block.crosssell, .block.order-history, .block.block-wishlist, .block.block-bundled-items, .block.owned-games, .block.user-reviews, .block.block-storyblok-products, .product-faqs_inner, .block.social-share, .checkout-success .order-details-items, .block.success-register, .block.widget.block-products-list.pink, .block.widget.block-products-list.yellow, .user-profile-index .block.block-dashboard-info, .block.widget.block-products-list.green, .block.block-reward-dashboard-transaction, .block.block-mini-dashboard, .block.widget.block-products-list.default, .block.block-cms, .account .block.block-addresses-list, .block.block-dashboard-orders, .block.block-reviews-dashboard, .block.storyblok-section-title {
margin-top: 50px;
margin-bottom: 50px; }
.block.related .block-top .block-action, .block.widget.block-products-list.blue .block-top .block-action, .products.wrapper.trending .block-top .block-action, .block.crosssell .block-top .block-action, .block.order-history .block-top .block-action, .block.block-wishlist .block-top .block-action, .block.block-bundled-items .block-top .block-action, .block.owned-games .block-top .block-action, .block.user-reviews .block-top .block-action, .block.block-storyblok-products .block-top .block-action, .product-faqs_inner .block-top .block-action, .block.social-share .block-top .block-action, .checkout-success .order-details-items .block-top .block-action, .block.success-register .block-top .block-action, .block.widget.block-products-list.pink .block-top .block-action, .block.widget.block-products-list.yellow .block-top .block-action, .user-profile-index .block.block-dashboard-info .block-top .block-action, .block.widget.block-products-list.green .block-top .block-action, .block.block-reward-dashboard-transaction .block-top .block-action, .block.block-mini-dashboard .block-top .block-action, .block.widget.block-products-list.default .block-top .block-action, .block.block-cms .block-top .block-action, .account .block.block-addresses-list .block-top .block-action, .block.block-dashboard-orders .block-top .block-action, .block.block-reviews-dashboard .block-top .block-action, .block.storyblok-section-title .block-top .block-action {
padding-left: 24px; }
.block.related .block-top .block-pager:before, .block.widget.block-products-list.blue .block-top .block-pager:before, .products.wrapper.trending .block-top .block-pager:before, .block.crosssell .block-top .block-pager:before, .block.order-history .block-top .block-pager:before, .block.block-wishlist .block-top .block-pager:before, .block.block-bundled-items .block-top .block-pager:before, .block.owned-games .block-top .block-pager:before, .block.user-reviews .block-top .block-pager:before, .block.block-storyblok-products .block-top .block-pager:before, .product-faqs_inner .block-top .block-pager:before, .block.social-share .block-top .block-pager:before, .checkout-success .order-details-items .block-top .block-pager:before, .block.success-register .block-top .block-pager:before, .block.widget.block-products-list.pink .block-top .block-pager:before, .block.widget.block-products-list.yellow .block-top .block-pager:before, .user-profile-index .block.block-dashboard-info .block-top .block-pager:before, .block.widget.block-products-list.green .block-top .block-pager:before, .block.block-reward-dashboard-transaction .block-top .block-pager:before, .block.block-mini-dashboard .block-top .block-pager:before, .block.widget.block-products-list.default .block-top .block-pager:before, .block.block-cms .block-top .block-pager:before, .account .block.block-addresses-list .block-top .block-pager:before, .block.block-dashboard-orders .block-top .block-pager:before, .block.block-reviews-dashboard .block-top .block-pager:before, .block.storyblok-section-title .block-top .block-pager:before {
font-size: 2.4rem; }
.block.related .block-top .block-pager .slick-arrow, .block.widget.block-products-list.blue .block-top .block-pager .slick-arrow, .products.wrapper.trending .block-top .block-pager .slick-arrow, .block.crosssell .block-top .block-pager .slick-arrow, .block.order-history .block-top .block-pager .slick-arrow, .block.block-wishlist .block-top .block-pager .slick-arrow, .block.block-bundled-items .block-top .block-pager .slick-arrow, .block.owned-games .block-top .block-pager .slick-arrow, .block.user-reviews .block-top .block-pager .slick-arrow, .block.block-storyblok-products .block-top .block-pager .slick-arrow, .product-faqs_inner .block-top .block-pager .slick-arrow, .block.social-share .block-top .block-pager .slick-arrow, .checkout-success .order-details-items .block-top .block-pager .slick-arrow, .block.success-register .block-top .block-pager .slick-arrow, .block.widget.block-products-list.pink .block-top .block-pager .slick-arrow, .block.widget.block-products-list.yellow .block-top .block-pager .slick-arrow, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-arrow, .block.widget.block-products-list.green .block-top .block-pager .slick-arrow, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-arrow, .block.block-mini-dashboard .block-top .block-pager .slick-arrow, .block.widget.block-products-list.default .block-top .block-pager .slick-arrow, .block.block-cms .block-top .block-pager .slick-arrow, .account .block.block-addresses-list .block-top .block-pager .slick-arrow, .block.block-dashboard-orders .block-top .block-pager .slick-arrow, .block.block-reviews-dashboard .block-top .block-pager .slick-arrow, .block.storyblok-section-title .block-top .block-pager .slick-arrow {
width: 48px;
height: 48px; }
.block.related .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.blue .block-top .block-pager .slick-arrow:before, .products.wrapper.trending .block-top .block-pager .slick-arrow:before, .block.crosssell .block-top .block-pager .slick-arrow:before, .block.order-history .block-top .block-pager .slick-arrow:before, .block.block-wishlist .block-top .block-pager .slick-arrow:before, .block.block-bundled-items .block-top .block-pager .slick-arrow:before, .block.owned-games .block-top .block-pager .slick-arrow:before, .block.user-reviews .block-top .block-pager .slick-arrow:before, .block.block-storyblok-products .block-top .block-pager .slick-arrow:before, .product-faqs_inner .block-top .block-pager .slick-arrow:before, .block.social-share .block-top .block-pager .slick-arrow:before, .checkout-success .order-details-items .block-top .block-pager .slick-arrow:before, .block.success-register .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.pink .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.yellow .block-top .block-pager .slick-arrow:before, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.green .block-top .block-pager .slick-arrow:before, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-arrow:before, .block.block-mini-dashboard .block-top .block-pager .slick-arrow:before, .block.widget.block-products-list.default .block-top .block-pager .slick-arrow:before, .block.block-cms .block-top .block-pager .slick-arrow:before, .account .block.block-addresses-list .block-top .block-pager .slick-arrow:before, .block.block-dashboard-orders .block-top .block-pager .slick-arrow:before, .block.block-reviews-dashboard .block-top .block-pager .slick-arrow:before, .block.storyblok-section-title .block-top .block-pager .slick-arrow:before {
width: 17px;
height: 28px; }
.block.related .block-title, .block.widget.block-products-list.blue .block-title, .products.wrapper.trending .block-title, .block.crosssell .block-title, .block.order-history .block-title, .block.block-wishlist .block-title, .block.block-bundled-items .block-title, .block.owned-games .block-title, .block.user-reviews .block-title, .block.block-storyblok-products .block-title, .product-faqs_inner .block-title, .block.social-share .block-title, .checkout-success .order-details-items .block-title, .block.success-register .block-title, .block.widget.block-products-list.pink .block-title, .block.widget.block-products-list.yellow .block-title, .user-profile-index .block.block-dashboard-info .block-title, .block.widget.block-products-list.green .block-title, .block.block-reward-dashboard-transaction .block-title, .block.block-mini-dashboard .block-title, .block.widget.block-products-list.default .block-title, .block.block-cms .block-title, .account .block.block-addresses-list .block-title, .block.block-dashboard-orders .block-title, .block.block-reviews-dashboard .block-title, .block.storyblok-section-title .block-title {
font-size: 3.6rem; } }
.account .block.block-addresses-list .block-title, .block.block-dashboard-orders .block-title, .block.block-reviews-dashboard .block-title, .block.block-reward-dashboard-transaction .block-title {
font-size: 1.8rem; }
@media only screen and (min-width: 768px) {
.account .block.block-addresses-list .block-title, .block.block-dashboard-orders .block-title, .block.block-reviews-dashboard .block-title, .block.block-reward-dashboard-transaction .block-title {
font-size: 2.4rem; } }
.block.related .block-top .block-pager .slick-arrow, .block.widget.block-products-list.blue .block-top .block-pager .slick-arrow, .products.wrapper.trending .block-top .block-pager .slick-arrow, .block.crosssell .block-top .block-pager .slick-arrow, .block.order-history .block-top .block-pager .slick-arrow, .block.block-wishlist .block-top .block-pager .slick-arrow, .block.block-bundled-items .block-top .block-pager .slick-arrow, .block.owned-games .block-top .block-pager .slick-arrow, .block.user-reviews .block-top .block-pager .slick-arrow, .block.block-storyblok-products .block-top .block-pager .slick-arrow, .product-faqs_inner .block-top .block-pager .slick-arrow, .block.social-share .block-top .block-pager .slick-arrow, .checkout-success .order-details-items .block-top .block-pager .slick-arrow, .block.success-register .block-top .block-pager .slick-arrow {
background-color: #386fbb; }
.block.related .block-title, .block.widget.block-products-list.blue .block-title, .products.wrapper.trending .block-title, .block.crosssell .block-title, .block.order-history .block-title, .block.block-wishlist .block-title, .block.block-bundled-items .block-title, .block.owned-games .block-title, .block.user-reviews .block-title, .block.block-storyblok-products .block-title, .product-faqs_inner .block-title, .block.social-share .block-title, .checkout-success .order-details-items .block-title, .block.success-register .block-title {
text-shadow: 0 0 12px rgba(56, 111, 187, 0.7); }
.block.related .block-title:before, .block.widget.block-products-list.blue .block-title:before, .products.wrapper.trending .block-title:before, .block.crosssell .block-title:before, .block.order-history .block-title:before, .block.block-wishlist .block-title:before, .block.block-bundled-items .block-title:before, .block.owned-games .block-title:before, .block.user-reviews .block-title:before, .block.block-storyblok-products .block-title:before, .product-faqs_inner .block-title:before, .block.social-share .block-title:before, .checkout-success .order-details-items .block-title:before, .block.success-register .block-title:before {
box-shadow: 0 0 9px rgba(56, 111, 187, 0.7); }
.block.related .block-title span, .block.widget.block-products-list.blue .block-title span, .products.wrapper.trending .block-title span, .block.crosssell .block-title span, .block.order-history .block-title span, .block.block-wishlist .block-title span, .block.block-bundled-items .block-title span, .block.owned-games .block-title span, .block.user-reviews .block-title span, .block.block-storyblok-products .block-title span, .product-faqs_inner .block-title span, .block.social-share .block-title span, .checkout-success .order-details-items .block-title span, .block.success-register .block-title span,
.block.related .block-title strong,
.block.widget.block-products-list.blue .block-title strong,
.products.wrapper.trending .block-title strong,
.block.crosssell .block-title strong,
.block.order-history .block-title strong,
.block.block-wishlist .block-title strong,
.block.block-bundled-items .block-title strong,
.block.owned-games .block-title strong,
.block.user-reviews .block-title strong,
.block.block-storyblok-products .block-title strong,
.product-faqs_inner .block-title strong,
.block.social-share .block-title strong,
.checkout-success .order-details-items .block-title strong,
.block.success-register .block-title strong {
box-shadow: 0 0 9px rgba(56, 111, 187, 0.7), inset 0 0 9px rgba(56, 111, 187, 0.7); }
@media only screen and (min-width: 768px) {
.block.related .block-top .block-pager .slick-arrow, .block.widget.block-products-list.blue .block-top .block-pager .slick-arrow, .products.wrapper.trending .block-top .block-pager .slick-arrow, .block.crosssell .block-top .block-pager .slick-arrow, .block.order-history .block-top .block-pager .slick-arrow, .block.block-wishlist .block-top .block-pager .slick-arrow, .block.block-bundled-items .block-top .block-pager .slick-arrow, .block.owned-games .block-top .block-pager .slick-arrow, .block.user-reviews .block-top .block-pager .slick-arrow, .block.block-storyblok-products .block-top .block-pager .slick-arrow, .product-faqs_inner .block-top .block-pager .slick-arrow, .block.social-share .block-top .block-pager .slick-arrow, .checkout-success .order-details-items .block-top .block-pager .slick-arrow, .block.success-register .block-top .block-pager .slick-arrow {
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%); } }
.block.widget.block-products-list.pink .block-top .block-pager .slick-arrow {
background-color: #ff335e; }
.block.widget.block-products-list.pink .block-title {
text-shadow: 0 0 12px rgba(255, 51, 94, 0.7); }
.block.widget.block-products-list.pink .block-title:before {
box-shadow: 0 0 9px rgba(255, 51, 94, 0.7); }
.block.widget.block-products-list.pink .block-title span,
.block.widget.block-products-list.pink .block-title strong {
box-shadow: 0 0 9px rgba(255, 51, 94, 0.7), inset 0 0 9px rgba(255, 51, 94, 0.7); }
.block.widget.block-products-list.yellow .block-top .block-pager .slick-arrow, .user-profile-index .block.block-dashboard-info .block-top .block-pager .slick-arrow {
background-color: #ffa828; }
.block.widget.block-products-list.yellow .block-title, .user-profile-index .block.block-dashboard-info .block-title {
text-shadow: 0 0 12px rgba(255, 168, 40, 0.7); }
.block.widget.block-products-list.yellow .block-title:before, .user-profile-index .block.block-dashboard-info .block-title:before {
box-shadow: 0 0 9px rgba(255, 168, 40, 0.7); }
.block.widget.block-products-list.yellow .block-title span, .user-profile-index .block.block-dashboard-info .block-title span,
.block.widget.block-products-list.yellow .block-title strong,
.user-profile-index .block.block-dashboard-info .block-title strong {
box-shadow: 0 0 9px rgba(255, 168, 40, 0.7), inset 0 0 9px rgba(255, 168, 40, 0.7); }
.block.widget.block-products-list.green .block-top .block-pager .slick-arrow, .block.block-reward-dashboard-transaction .block-top .block-pager .slick-arrow, .block.block-mini-dashboard .block-top .block-pager .slick-arrow {
background-color: #0e9b72; }
.block.widget.block-products-list.green .block-title, .block.block-reward-dashboard-transaction .block-title, .block.block-mini-dashboard .block-title {
text-shadow: 0 0 12px rgba(14, 155, 114, 0.7); }
.block.widget.block-products-list.green .block-title:before, .block.block-reward-dashboard-transaction .block-title:before, .block.block-mini-dashboard .block-title:before {
box-shadow: 0 0 9px rgba(14, 155, 114, 0.7); }
.block.widget.block-products-list.green .block-title span, .block.block-reward-dashboard-transaction .block-title span, .block.block-mini-dashboard .block-title span,
.block.widget.block-products-list.green .block-title strong,
.block.block-reward-dashboard-transaction .block-title strong,
.block.block-mini-dashboard .block-title strong {
box-shadow: 0 0 9px rgba(14, 155, 114, 0.7), inset 0 0 9px rgba(14, 155, 114, 0.7); }
.catalog-category-view .ajax-loading:after, .body__show-header-store:after,
.body__show-footer-store:after,
.body__show-header-currency:after,
.body__show-footer-currency:after, .body__show-oos-form:after {
background: rgba(12, 0, 32, 0.8);
content: '';
height: 100%;
left: 0;
opacity: 1;
position: fixed;
top: 0;
width: 100%;
z-index: 5; }
.body__show-header-store .page-header .switcher-store .switcher-trigger strong:after, .body__show-header-currency .page-header .switcher-currency .switcher-trigger strong:after, .body__show-footer-store .footer .switcher-store .switcher-trigger strong:after, .body__show-footer-currency .footer .switcher-currency .switcher-trigger strong:after {
transform: rotate(180deg); }
.body__show-header-store .page-header .switcher-store .switcher-dropdown, .body__show-header-currency .page-header .switcher-currency .switcher-dropdown, .body__show-footer-store .footer .switcher-store .switcher-dropdown, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown {
background-color: #0c0020;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36), 0 0 12px 1px rgba(100, 162, 235, 0.36);
column-rule: 1px solid #504168;
display: grid;
grid-template-columns: repeat(3, auto);
min-width: 520px;
opacity: 1;
padding: 20px 30px;
position: absolute;
width: 100%;
height: auto; }
.body__show-header-store .page-header .switcher-store .switcher-dropdown > .switcher-label, .body__show-header-currency .page-header .switcher-currency .switcher-dropdown > .switcher-label, .body__show-footer-store .footer .switcher-store .switcher-dropdown > .switcher-label, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown > .switcher-label {
display: block;
grid-column: 1 / -1;
margin-bottom: 10px; }
.body__show-header-store .page-header .switcher-store .switcher-dropdown > .switcher-label-all, .body__show-header-currency .page-header .switcher-currency .switcher-dropdown > .switcher-label-all, .body__show-footer-store .footer .switcher-store .switcher-dropdown > .switcher-label-all, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown > .switcher-label-all {
margin-top: 45px; }
@media only screen and (max-width: 767px) {
.body__show-header-store .page-header .switcher-store .switcher-dropdown, .body__show-header-currency .page-header .switcher-currency .switcher-dropdown, .body__show-footer-store .footer .switcher-store .switcher-dropdown, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown {
grid-template-columns: repeat(2, auto);
min-width: auto; } }
@media only screen and (min-width: 768px) {
.body__show-header-store .page-header .switcher-store .switcher-dropdown, .body__show-header-currency .page-header .switcher-currency .switcher-dropdown, .body__show-footer-store .footer .switcher-store .switcher-dropdown, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown {
padding: 30px 45px; } }
.body__show-header-store .page-header .switcher-store .switcher-trigger:before, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:before, .body__show-footer-store .footer .switcher-store .switcher-dropdown:before, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown:before, .body__show-header-store .page-header .switcher-store .switcher-trigger:after, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:after, .body__show-footer-store .footer .switcher-store .switcher-dropdown:after, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown:after {
background: #0c001f;
content: '';
display: block;
height: 20px;
position: absolute;
width: 20px; }
.body__show-header-store .page-header .switcher-store .switcher-trigger:before, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:before, .body__show-footer-store .footer .switcher-store .switcher-dropdown:before, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown:before {
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36), 0 0 12px 1px rgba(100, 162, 235, 0.36);
left: 50%;
transform: translate(-50%, 0) rotate(45deg); }
.body__show-header-store .page-header .switcher-store .switcher-trigger:after, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:after, .body__show-footer-store .footer .switcher-store .switcher-dropdown:after, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown:after {
min-width: 100px;
width: 100%;
left: 0;
height: 30px; }
.body__show-header-store .page-header .switcher-store .switcher-trigger, .body__show-header-currency .page-header .switcher-currency .switcher-trigger {
position: relative;
z-index: 7; }
.body__show-header-store .page-header .switcher-store .switcher-trigger:before, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:before {
left: 50%; }
.body__show-header-store .page-header .switcher-store .switcher-trigger:before, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:before, .body__show-header-store .page-header .switcher-store .switcher-trigger:after, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:after {
opacity: 1; }
.body__show-header-store .page-header .switcher-store .switcher-trigger:before, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:before {
bottom: -28px;
margin-left: -10px; }
.body__show-header-store .page-header .switcher-store .switcher-trigger:after, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:after {
bottom: -40px;
margin-left: -25px;
height: 27px; }
.body__show-header-store .page-header .switcher-store .switcher-dropdown, .body__show-header-currency .page-header .switcher-currency .switcher-dropdown {
margin-top: 15px;
right: 0;
top: auto;
z-index: 6; }
@media only screen and (max-width: 767px) {
.body__show-header-store .page-header .switcher-store .switcher-dropdown, .body__show-header-currency .page-header .switcher-currency .switcher-dropdown {
margin-top: 0;
right: 5%;
top: 54px;
width: 90%;
z-index: 6; } }
@media only screen and (min-width: 768px) {
.body__show-header-store .page-header .switcher-store .switcher-trigger:after, .body__show-header-currency .page-header .switcher-currency .switcher-trigger:after {
bottom: -46px;
height: 30px; } }
.body__show-footer-store .footer .switcher-store .switcher-options, .body__show-footer-currency .footer .switcher-currency .switcher-options {
position: relative;
z-index: 6; }
.body__show-footer-store .footer .switcher-store .switcher-dropdown, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown {
bottom: 100%;
margin-bottom: 30px;
overflow: visible;
right: 0; }
.body__show-footer-store .footer .switcher-store .switcher-dropdown:before, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown:before {
bottom: -10px;
right: 60px; }
.body__show-footer-store .footer .switcher-store .switcher-dropdown:after, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown:after {
bottom: 0;
right: 50px; }
@media only screen and (max-width: 767px) {
.body__show-footer-store .footer .switcher-store .switcher-dropdown, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown {
left: 50%;
right: auto;
width: 90vw;
transform: translate(-50%, 0); } }
@media only screen and (min-width: 768px) {
.body__show-footer-store .footer .switcher-store .switcher-dropdown, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown {
left: 0;
right: auto; }
.body__show-footer-store .footer .switcher-store .switcher-dropdown:before, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown:before {
left: 25px;
right: auto;
transform: rotate(45deg); } }
@media only screen and (min-width: 1024px) {
.body__show-footer-store .footer .switcher-store .switcher-dropdown, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown {
left: auto;
right: 0; }
.body__show-footer-store .footer .switcher-store .switcher-dropdown:before, .body__show-footer-currency .footer .switcher-currency .switcher-dropdown:before {
right: 25px;
left: auto; } }
.block.review-list .red.review-rating, .block.review-list .red.review-account, .customer-review .red.review-rating,
.red.profile-link,
.table.table-reviews .red.review-rating,
.widget.reviews .red.review-rating,
.block.block-mini-dashboard .red.mini-dashboard_progress,
.red.profile-badges-progress,
.block.profile-intro .red.profile-intro_avatar,
.block.friend-requests .red.friend-requests_avatar {
color: #ff350d; }
.block.review-list .orange.review-rating, .block.review-list .orange.review-account, .customer-review .orange.review-rating,
.orange.profile-link,
.table.table-reviews .orange.review-rating,
.widget.reviews .orange.review-rating,
.block.block-mini-dashboard .orange.mini-dashboard_progress,
.orange.profile-badges-progress,
.block.profile-intro .orange.profile-intro_avatar,
.block.friend-requests .orange.friend-requests_avatar {
color: #ffa200; }
.block.review-list .yellow.review-rating, .block.review-list .yellow.review-account, .customer-review .yellow.review-rating,
.yellow.profile-link,
.table.table-reviews .yellow.review-rating,
.widget.reviews .yellow.review-rating,
.block.block-mini-dashboard .yellow.mini-dashboard_progress,
.yellow.profile-badges-progress,
.block.profile-intro .yellow.profile-intro_avatar,
.block.friend-requests .yellow.friend-requests_avatar {
color: #e2d21a; }
.block.review-list .green.review-rating, .block.review-list .green.review-account, .customer-review .green.review-rating,
.green.profile-link,
.table.table-reviews .green.review-rating,
.widget.reviews .green.review-rating,
.block.block-mini-dashboard .green.mini-dashboard_progress,
.green.profile-badges-progress,
.block.profile-intro .green.profile-intro_avatar,
.block.friend-requests .green.friend-requests_avatar {
color: #2fc28f; }
.block.review-list .review-rating .progress-ring__filter, .block.review-list .review-account .progress-ring__filter, .customer-review .review-rating .progress-ring__filter,
.block.review-list .review-rating .progress-ring__circle,
.block.review-list .review-account .progress-ring__circle,
.customer-review .review-rating .progress-ring__circle,
.profile-link .progress-ring__filter,
.table.table-reviews .review-rating .progress-ring__filter,
.widget.reviews .review-rating .progress-ring__filter,
.block.block-mini-dashboard .mini-dashboard_progress .progress-ring__filter,
.profile-badges-progress .progress-ring__filter,
.block.profile-intro .profile-intro_avatar .progress-ring__filter,
.block.friend-requests .friend-requests_avatar .progress-ring__filter,
.profile-link .progress-ring__circle,
.table.table-reviews .review-rating .progress-ring__circle,
.widget.reviews .review-rating .progress-ring__circle,
.block.block-mini-dashboard .mini-dashboard_progress .progress-ring__circle,
.profile-badges-progress .progress-ring__circle,
.block.profile-intro .profile-intro_avatar .progress-ring__circle,
.block.friend-requests .friend-requests_avatar .progress-ring__circle {
stroke: currentColor; }
.block.review-list .review-rating .progress-ring, .block.review-list .review-account .progress-ring, .customer-review .review-rating .progress-ring,
.profile-link .progress-ring,
.table.table-reviews .review-rating .progress-ring,
.widget.reviews .review-rating .progress-ring,
.block.block-mini-dashboard .mini-dashboard_progress .progress-ring,
.profile-badges-progress .progress-ring,
.block.profile-intro .profile-intro_avatar .progress-ring,
.block.friend-requests .friend-requests_avatar .progress-ring {
width: 100%;
height: 100%; }
.block.review-list .review-rating .progress-ring__circle,
.block.review-list .review-account .progress-ring__circle,
.customer-review .review-rating .progress-ring__circle,
.profile-link .progress-ring__circle,
.table.table-reviews .review-rating .progress-ring__circle,
.widget.reviews .review-rating .progress-ring__circle,
.block.block-mini-dashboard .mini-dashboard_progress .progress-ring__circle,
.profile-badges-progress .progress-ring__circle,
.block.profile-intro .profile-intro_avatar .progress-ring__circle,
.block.friend-requests .friend-requests_avatar .progress-ring__circle {
opacity: 0;
transition: opacity 0.3s, stroke-dashoffset 0.35s;
transform: rotate(-90deg) translate3d(0, 0, 0);
transform-origin: 50% 50%; }
.action.close, .modals-wrapper .modal-popup .action-close,
.modals-wrapper .modal-popup .action-hide-popup, .chrome-extension .action.close, .block.block-signpost .block-form_close, .order-history_instruction_close {
position: relative;
width: 20px;
height: 20px; }
.action.close:before, .modals-wrapper .modal-popup .action-close:before,
.modals-wrapper .modal-popup .action-hide-popup:before, .chrome-extension .action.close:before, .block.block-signpost .block-form_close:before, .order-history_instruction_close:before, .action.close:after, .modals-wrapper .modal-popup .action-close:after,
.modals-wrapper .modal-popup .action-hide-popup:after, .chrome-extension .action.close:after, .block.block-signpost .block-form_close:after, .order-history_instruction_close:after {
background-color: #fff;
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 2px;
width: 75%; }
.action.close:before, .modals-wrapper .modal-popup .action-close:before,
.modals-wrapper .modal-popup .action-hide-popup:before, .chrome-extension .action.close:before, .block.block-signpost .block-form_close:before, .order-history_instruction_close:before {
transform: translate(-50%, -50%) rotate(45deg); }
.action.close:after, .modals-wrapper .modal-popup .action-close:after,
.modals-wrapper .modal-popup .action-hide-popup:after, .chrome-extension .action.close:after, .block.block-signpost .block-form_close:after, .order-history_instruction_close:after {
transform: translate(-50%, -50%) rotate(-45deg); }
.customer-review .review-image .product-item-photo:after, .widget.reviews .review .review-image .product-item-photo:after {
content: '';
height: 30px;
position: absolute;
left: 6px;
right: 6px;
bottom: -15px;
z-index: 0;
background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 70%);
background-position: center center;
background-size: contain; }
.customer-review .review-image .product-item-photo > span, .widget.reviews .review .review-image .product-item-photo > span {
z-index: 1; }
@media only screen and (min-width: 768px) {
.customer-review .review-image .product-item-photo:after, .widget.reviews .review .review-image .product-item-photo:after {
height: 40px;
bottom: -21px;
left: 10px;
right: 10px; } }
.checkout-billing-address form .fieldset .legend, .form-address-edit .fieldset .legend, .form-edit-account .fieldset .legend, .form-newsletter-manage .fieldset .legend, .form-rewards-setting .fieldset .legend, .page-product-giftcard .aw-gc-product-add-form .fieldset .legend, .form.form-affiliate-login .fieldset .legend, .affiliates-signup-form_inner .signup-form .fieldset .legend, .block.filter .block-title, .checkout-column .checkout-column_title, .opc-payment .step-title, .opc-block-summary > .title, .checkout-login .checkout-login_top-title, .block.block-vip-content.block-vip-content__blue .block-title, .block.block-register .block-title, .block.block-customer-login .block-title,
.block.block-new-customer .block-title, .form-create-account .legend, .form.form-new-agreement .legend, .block.profile-badges-wrap .block-title, .block.user-friends .block-title, .block.block-koins-balance .block-title, .checkout-success .success-messages .order-number-title, .block.block-customer-device .block-title, .block.block-vip-content.block-vip-content__pink .block-title, .block.dashboard-twitch .block-title,
.block.dashboard-steam .block-title, .block.block-vip-content.block-vip-content__yellow .block-title, .block.block-vip-content.block-vip-content__green .block-title, .review-add .block-title {
font-size: 1.6rem;
letter-spacing: 0.06em;
text-align: center;
text-transform: uppercase; }
.checkout-billing-address form .fieldset .legend span, .form-address-edit .fieldset .legend span, .form-edit-account .fieldset .legend span, .form-newsletter-manage .fieldset .legend span, .form-rewards-setting .fieldset .legend span, .page-product-giftcard .aw-gc-product-add-form .fieldset .legend span, .form.form-affiliate-login .fieldset .legend span, .affiliates-signup-form_inner .signup-form .fieldset .legend span, .block.filter .block-title span, .checkout-column .checkout-column_title span, .opc-payment .step-title span, .opc-block-summary > .title span, .checkout-login .checkout-login_top-title span, .block.block-vip-content.block-vip-content__blue .block-title span, .block.block-register .block-title span, .block.block-customer-login .block-title span, .block.block-new-customer .block-title span, .form-create-account .legend span, .form.form-new-agreement .legend span, .block.profile-badges-wrap .block-title span, .block.user-friends .block-title span, .block.block-koins-balance .block-title span, .checkout-success .success-messages .order-number-title span, .block.block-customer-device .block-title span, .block.block-vip-content.block-vip-content__pink .block-title span, .block.dashboard-twitch .block-title span, .block.dashboard-steam .block-title span, .block.block-vip-content.block-vip-content__yellow .block-title span, .block.block-vip-content.block-vip-content__green .block-title span, .review-add .block-title span,
.checkout-billing-address form .fieldset .legend strong,
.form-address-edit .fieldset .legend strong,
.form-edit-account .fieldset .legend strong,
.form-newsletter-manage .fieldset .legend strong,
.form-rewards-setting .fieldset .legend strong,
.page-product-giftcard .aw-gc-product-add-form .fieldset .legend strong,
.form.form-affiliate-login .fieldset .legend strong,
.affiliates-signup-form_inner .signup-form .fieldset .legend strong,
.block.filter .block-title strong,
.checkout-column .checkout-column_title strong,
.opc-payment .step-title strong,
.opc-block-summary > .title strong,
.checkout-login .checkout-login_top-title strong,
.block.block-vip-content.block-vip-content__blue .block-title strong,
.block.block-register .block-title strong,
.block.block-customer-login .block-title strong,
.block.block-new-customer .block-title strong,
.form-create-account .legend strong,
.form.form-new-agreement .legend strong,
.block.profile-badges-wrap .block-title strong,
.block.user-friends .block-title strong,
.block.block-koins-balance .block-title strong,
.checkout-success .success-messages .order-number-title strong,
.block.block-customer-device .block-title strong,
.block.block-vip-content.block-vip-content__pink .block-title strong,
.block.dashboard-twitch .block-title strong,
.block.dashboard-steam .block-title strong,
.block.block-vip-content.block-vip-content__yellow .block-title strong,
.block.block-vip-content.block-vip-content__green .block-title strong,
.review-add .block-title strong {
font-family: "Quantico", sans-serif;
font-weight: 400;
transform: translateY(-50%); }
@media only screen and (min-width: 768px) {
.checkout-billing-address form .fieldset .legend, .form-address-edit .fieldset .legend, .form-edit-account .fieldset .legend, .form-newsletter-manage .fieldset .legend, .form-rewards-setting .fieldset .legend, .page-product-giftcard .aw-gc-product-add-form .fieldset .legend, .form.form-affiliate-login .fieldset .legend, .affiliates-signup-form_inner .signup-form .fieldset .legend, .block.filter .block-title, .checkout-column .checkout-column_title, .opc-payment .step-title, .opc-block-summary > .title, .checkout-login .checkout-login_top-title, .block.block-vip-content.block-vip-content__blue .block-title, .block.block-register .block-title, .block.block-customer-login .block-title,
.block.block-new-customer .block-title, .form-create-account .legend, .form.form-new-agreement .legend, .block.profile-badges-wrap .block-title, .block.user-friends .block-title, .block.block-koins-balance .block-title, .checkout-success .success-messages .order-number-title, .block.block-customer-device .block-title, .block.block-vip-content.block-vip-content__pink .block-title, .block.dashboard-twitch .block-title,
.block.dashboard-steam .block-title, .block.block-vip-content.block-vip-content__yellow .block-title, .block.block-vip-content.block-vip-content__green .block-title, .review-add .block-title {
font-size: 2.4rem; } }
.product-discount {
background-color: #E6224D;
border-radius: 5px;
box-shadow: 0px 4px 0px #791237;
padding: 15px; }
.product-discount span {
color: #ffffff;
font-family: "Quantico", sans-serif;
font-size: 2.8rem;
font-weight: 400;
letter-spacing: 1.31px;
line-height: 1;
text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.75);
text-transform: uppercase; }
.product-info-reviews {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 15px;
margin-bottom: 15px; }
@media only screen and (min-width: 768px) {
.product-info-reviews {
padding-bottom: 25px;
margin-bottom: 25px; } }
.lof-social-login .lof-social-login-or {
align-items: center;
display: flex; }
.lof-social-login .lof-social-login-or:before, .lof-social-login .lof-social-login-or:after {
background-color: rgba(255, 255, 255, 0.1);
content: '';
display: block;
height: 1px;
flex-basis: 0;
flex-grow: 1; }
.lof-social-login .lof-social-login-or:before {
margin-right: 10px; }
.lof-social-login .lof-social-login-or:after {
margin-left: 10px; }
.cms-page-view .page-main {
background-image: url("../images/bg/red-light.png"), url("../images/bg/blue-light.png");
background-position: left top, right top;
background-size: 100px auto; }
.catalog-category-view .page-main, .algolia-instant-selector-results, .algolia-results-list, .affiliates-signup-form_inner .signup-form {
position: relative; }
.catalog-category-view .page-main:before, .algolia-instant-selector-results:before, .algolia-results-list:before, .affiliates-signup-form_inner .signup-form:before, .catalog-category-view .page-main:after, .algolia-instant-selector-results:after, .algolia-results-list:after, .affiliates-signup-form_inner .signup-form:after {
background-size: 100px auto;
content: '';
pointer-events: none;
position: absolute;
top: 0;
width: 100px;
height: 305px;
z-index: 1; }
.catalog-category-view .page-main:before, .algolia-instant-selector-results:before, .algolia-results-list:before, .affiliates-signup-form_inner .signup-form:before {
background-image: url("../images/bg/red-light.png");
left: 0; }
.catalog-category-view .page-main:after, .algolia-instant-selector-results:after, .algolia-results-list:after, .affiliates-signup-form_inner .signup-form:after {
background-image: url("../images/bg/blue-light.png");
right: 0; }
@media only screen and (min-width: 640px) {
.cms-page-view .page-main {
background-size: 130px auto; }
.catalog-category-view .page-main:before, .algolia-instant-selector-results:before, .algolia-results-list:before, .affiliates-signup-form_inner .signup-form:before, .catalog-category-view .page-main:after, .algolia-instant-selector-results:after, .algolia-results-list:after, .affiliates-signup-form_inner .signup-form:after {
background-size: 130px auto;
width: 130px; } }
@media only screen and (min-width: 768px) {
.cms-page-view .page-main {
background-size: 160px auto; }
.catalog-category-view .page-main:before, .algolia-instant-selector-results:before, .algolia-results-list:before, .affiliates-signup-form_inner .signup-form:before, .catalog-category-view .page-main:after, .algolia-instant-selector-results:after, .algolia-results-list:after, .affiliates-signup-form_inner .signup-form:after {
background-size: 160px auto;
width: 160px; } }
@media only screen and (min-width: 1024px) {
.cms-page-view .page-main {
background-size: auto; }
.catalog-category-view .page-main:before, .algolia-instant-selector-results:before, .algolia-results-list:before, .affiliates-signup-form_inner .signup-form:before, .catalog-category-view .page-main:after, .algolia-instant-selector-results:after, .algolia-results-list:after, .affiliates-signup-form_inner .signup-form:after {
background-size: auto;
width: 252px; } }
.toolbar-products .toolbar-mobile .toolbar-sorter select, .toolbar-products .toolbar-mobile .action.show-filters, .block.filter .chosen-container.chosen-container-single .chosen-single,
.ais-SortBy .chosen-container.chosen-container-single .chosen-single {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: url("../images/icons/white/chevron-down.svg");
background-position: right 22px center;
background-size: 11px 7px;
border: 1px solid #525282;
border-radius: 2px;
color: #fff;
display: block;
font-size: 1.1rem;
padding: 11px 34px 11px 14px;
position: relative;
text-align: left;
text-transform: uppercase;
width: 100%;
z-index: 0; }
@media only screen and (min-width: 768px) {
.block.filter .filter-options-select > select,
.block.filter .filter-options-select > span,
.block.filter .filter-options-faux-select > select,
.block.filter .filter-options-faux-select > span {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: url("../images/icons/white/chevron-down.svg");
background-position: right 22px center;
background-size: 11px 7px;
border: 1px solid #525282;
border-radius: 2px;
color: #fff;
display: block;
font-size: 1.1rem;
padding: 11px 34px 11px 14px;
position: relative;
text-align: left;
text-transform: uppercase;
width: 100%;
z-index: 0; } }
.checkout-billing-address form .field:not(.choice) .label, .form-address-edit .field:not(.choice) .label, .form-edit-account .field:not(.choice) .label, .form-newsletter-manage .field:not(.choice) .label, .form-rewards-setting .field:not(.choice) .label, .form-create-account .field:not(.choice) .label, .form.password.forget .field:not(.choice) .label, .form.password.reset .field:not(.choice) .label, .form.form-new-agreement .field:not(.choice) .label, .page-product-giftcard .aw-gc-product-add-form .field:not(.choice) .label, .form.form-affiliate-login .field:not(.choice) .label, .affiliates-signup-form_inner .signup-form .field:not(.choice) .label, .block.block-signpost .form .field:not(.choice) .label, .block.block-generic-form .form .field:not(.choice) .label, .form-orders-search .field:not(.choice) .label, .block.block-competition-form form .field:not(.choice) .label, .form.form-email .field:not(.choice) .label, .form-login .field:not(.choice) .label, .block.newsletter .form.subscribe .field:not(.choice) .label, .review-add .field:not(.choice) .label, .block.block-customer-device .field:not(.choice) .label, .unsubscribe-form .field:not(.choice) .label {
pointer-events: none;
position: relative;
top: 35px;
transition: all 0.25s ease-in-out;
z-index: 1;
font-size: 1.2rem;
line-height: 2;
top: 0; }
.checkout-billing-address form .field:not(.choice) .control, .form-address-edit .field:not(.choice) .control, .form-edit-account .field:not(.choice) .control, .form-newsletter-manage .field:not(.choice) .control, .form-rewards-setting .field:not(.choice) .control, .form-create-account .field:not(.choice) .control, .form.password.forget .field:not(.choice) .control, .form.password.reset .field:not(.choice) .control, .form.form-new-agreement .field:not(.choice) .control, .page-product-giftcard .aw-gc-product-add-form .field:not(.choice) .control, .form.form-affiliate-login .field:not(.choice) .control, .affiliates-signup-form_inner .signup-form .field:not(.choice) .control, .block.block-signpost .form .field:not(.choice) .control, .block.block-generic-form .form .field:not(.choice) .control, .form-orders-search .field:not(.choice) .control, .block.block-competition-form form .field:not(.choice) .control, .form.form-email .field:not(.choice) .control, .form-login .field:not(.choice) .control, .block.newsletter .form.subscribe .field:not(.choice) .control, .review-add .field:not(.choice) .control, .block.block-customer-device .field:not(.choice) .control, .unsubscribe-form .field:not(.choice) .control {
margin-top: 0; }
.checkout-billing-address form .field:not(.choice).filled .label, .form-address-edit .field:not(.choice).filled .label, .form-edit-account .field:not(.choice).filled .label, .form-newsletter-manage .field:not(.choice).filled .label, .form-rewards-setting .field:not(.choice).filled .label, .form-create-account .field:not(.choice).filled .label, .form.password.forget .field:not(.choice).filled .label, .form.password.reset .field:not(.choice).filled .label, .form.form-new-agreement .field:not(.choice).filled .label, .page-product-giftcard .aw-gc-product-add-form .field:not(.choice).filled .label, .form.form-affiliate-login .field:not(.choice).filled .label, .affiliates-signup-form_inner .signup-form .field:not(.choice).filled .label, .block.block-signpost .form .field:not(.choice).filled .label, .block.block-generic-form .form .field:not(.choice).filled .label, .form-orders-search .field:not(.choice).filled .label, .block.block-competition-form form .field:not(.choice).filled .label, .form.form-email .field:not(.choice).filled .label, .form-login .field:not(.choice).filled .label, .block.newsletter .form.subscribe .field:not(.choice).filled .label, .review-add .field:not(.choice).filled .label, .block.block-customer-device .field:not(.choice).filled .label, .unsubscribe-form .field:not(.choice).filled .label, .checkout-billing-address form .field:not(.choice).focussed .label, .form-address-edit .field:not(.choice).focussed .label, .form-edit-account .field:not(.choice).focussed .label, .form-newsletter-manage .field:not(.choice).focussed .label, .form-rewards-setting .field:not(.choice).focussed .label, .form-create-account .field:not(.choice).focussed .label, .form.password.forget .field:not(.choice).focussed .label, .form.password.reset .field:not(.choice).focussed .label, .form.form-new-agreement .field:not(.choice).focussed .label, .page-product-giftcard .aw-gc-product-add-form .field:not(.choice).focussed .label, .form.form-affiliate-login .field:not(.choice).focussed .label, .affiliates-signup-form_inner .signup-form .field:not(.choice).focussed .label, .block.block-signpost .form .field:not(.choice).focussed .label, .block.block-generic-form .form .field:not(.choice).focussed .label, .form-orders-search .field:not(.choice).focussed .label, .block.block-competition-form form .field:not(.choice).focussed .label, .form.form-email .field:not(.choice).focussed .label, .form-login .field:not(.choice).focussed .label, .block.newsletter .form.subscribe .field:not(.choice).focussed .label, .review-add .field:not(.choice).focussed .label, .block.block-customer-device .field:not(.choice).focussed .label, .unsubscribe-form .field:not(.choice).focussed .label, .checkout-billing-address form .field:not(.choice).alwaysfilled .label, .form-address-edit .field:not(.choice).alwaysfilled .label, .form-edit-account .field:not(.choice).alwaysfilled .label, .form-newsletter-manage .field:not(.choice).alwaysfilled .label, .form-rewards-setting .field:not(.choice).alwaysfilled .label, .form-create-account .field:not(.choice).alwaysfilled .label, .form.password.forget .field:not(.choice).alwaysfilled .label, .form.password.reset .field:not(.choice).alwaysfilled .label, .form.form-new-agreement .field:not(.choice).alwaysfilled .label, .page-product-giftcard .aw-gc-product-add-form .field:not(.choice).alwaysfilled .label, .form.form-affiliate-login .field:not(.choice).alwaysfilled .label, .affiliates-signup-form_inner .signup-form .field:not(.choice).alwaysfilled .label, .block.block-signpost .form .field:not(.choice).alwaysfilled .label, .block.block-generic-form .form .field:not(.choice).alwaysfilled .label, .form-orders-search .field:not(.choice).alwaysfilled .label, .block.block-competition-form form .field:not(.choice).alwaysfilled .label, .form.form-email .field:not(.choice).alwaysfilled .label, .form-login .field:not(.choice).alwaysfilled .label, .block.newsletter .form.subscribe .field:not(.choice).alwaysfilled .label, .review-add .field:not(.choice).alwaysfilled .label, .block.block-customer-device .field:not(.choice).alwaysfilled .label, .unsubscribe-form .field:not(.choice).alwaysfilled .label {
font-size: 1.2rem;
line-height: 2;
top: 0; }
.checkout-billing-address form .field.choice .label, .form-address-edit .field.choice .label, .form-edit-account .field.choice .label, .form-newsletter-manage .field.choice .label, .form-rewards-setting .field.choice .label, .form-create-account .field.choice .label, .form.password.forget .field.choice .label, .form.password.reset .field.choice .label, .form.form-new-agreement .field.choice .label, .page-product-giftcard .aw-gc-product-add-form .field.choice .label, .form.form-affiliate-login .field.choice .label, .affiliates-signup-form_inner .signup-form .field.choice .label, .block.block-signpost .form .field.choice .label, .block.block-generic-form .form .field.choice .label, .form-orders-search .field.choice .label, .block.block-competition-form form .field.choice .label, .form.form-email .field.choice .label, .form-login .field.choice .label, .block.newsletter .form.subscribe .field.choice .label, .review-add .field.choice .label, .block.block-customer-device .field.choice .label, .unsubscribe-form .field.choice .label {
display: inline-block;
vertical-align: middle; }
.checkout-billing-address form .field .label, .form-address-edit .field .label, .form-edit-account .field .label, .form-newsletter-manage .field .label, .form-rewards-setting .field .label, .form-create-account .field .label, .form.password.forget .field .label, .form.password.reset .field .label, .form.form-new-agreement .field .label, .page-product-giftcard .aw-gc-product-add-form .field .label, .form.form-affiliate-login .field .label, .affiliates-signup-form_inner .signup-form .field .label, .block.block-signpost .form .field .label, .block.block-generic-form .form .field .label, .form-orders-search .field .label, .block.block-competition-form form .field .label, .form.form-email .field .label, .form-login .field .label, .block.newsletter .form.subscribe .field .label, .review-add .field .label, .block.block-customer-device .field .label, .unsubscribe-form .field .label {
color: #6e6d93;
font-family: "Quantico", sans-serif;
font-size: 1.2rem;
letter-spacing: 0.05em;
line-height: 1.333;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.checkout-billing-address form .field:not(.choice) .label, .form-address-edit .field:not(.choice) .label, .form-edit-account .field:not(.choice) .label, .form-newsletter-manage .field:not(.choice) .label, .form-rewards-setting .field:not(.choice) .label, .form-create-account .field:not(.choice) .label, .form.password.forget .field:not(.choice) .label, .form.password.reset .field:not(.choice) .label, .form.form-new-agreement .field:not(.choice) .label, .page-product-giftcard .aw-gc-product-add-form .field:not(.choice) .label, .form.form-affiliate-login .field:not(.choice) .label, .affiliates-signup-form_inner .signup-form .field:not(.choice) .label, .block.block-signpost .form .field:not(.choice) .label, .block.block-generic-form .form .field:not(.choice) .label, .form-orders-search .field:not(.choice) .label, .block.block-competition-form form .field:not(.choice) .label, .form.form-email .field:not(.choice) .label, .form-login .field:not(.choice) .label, .block.newsletter .form.subscribe .field:not(.choice) .label, .review-add .field:not(.choice) .label, .block.block-customer-device .field:not(.choice) .label, .unsubscribe-form .field:not(.choice) .label {
font-size: 1.2rem; }
.checkout-billing-address form .field:not(.choice).filled .label, .form-address-edit .field:not(.choice).filled .label, .form-edit-account .field:not(.choice).filled .label, .form-newsletter-manage .field:not(.choice).filled .label, .form-rewards-setting .field:not(.choice).filled .label, .form-create-account .field:not(.choice).filled .label, .form.password.forget .field:not(.choice).filled .label, .form.password.reset .field:not(.choice).filled .label, .form.form-new-agreement .field:not(.choice).filled .label, .page-product-giftcard .aw-gc-product-add-form .field:not(.choice).filled .label, .form.form-affiliate-login .field:not(.choice).filled .label, .affiliates-signup-form_inner .signup-form .field:not(.choice).filled .label, .block.block-signpost .form .field:not(.choice).filled .label, .block.block-generic-form .form .field:not(.choice).filled .label, .form-orders-search .field:not(.choice).filled .label, .block.block-competition-form form .field:not(.choice).filled .label, .form.form-email .field:not(.choice).filled .label, .form-login .field:not(.choice).filled .label, .block.newsletter .form.subscribe .field:not(.choice).filled .label, .review-add .field:not(.choice).filled .label, .block.block-customer-device .field:not(.choice).filled .label, .unsubscribe-form .field:not(.choice).filled .label, .checkout-billing-address form .field:not(.choice).focussed .label, .form-address-edit .field:not(.choice).focussed .label, .form-edit-account .field:not(.choice).focussed .label, .form-newsletter-manage .field:not(.choice).focussed .label, .form-rewards-setting .field:not(.choice).focussed .label, .form-create-account .field:not(.choice).focussed .label, .form.password.forget .field:not(.choice).focussed .label, .form.password.reset .field:not(.choice).focussed .label, .form.form-new-agreement .field:not(.choice).focussed .label, .page-product-giftcard .aw-gc-product-add-form .field:not(.choice).focussed .label, .form.form-affiliate-login .field:not(.choice).focussed .label, .affiliates-signup-form_inner .signup-form .field:not(.choice).focussed .label, .block.block-signpost .form .field:not(.choice).focussed .label, .block.block-generic-form .form .field:not(.choice).focussed .label, .form-orders-search .field:not(.choice).focussed .label, .block.block-competition-form form .field:not(.choice).focussed .label, .form.form-email .field:not(.choice).focussed .label, .form-login .field:not(.choice).focussed .label, .block.newsletter .form.subscribe .field:not(.choice).focussed .label, .review-add .field:not(.choice).focussed .label, .block.block-customer-device .field:not(.choice).focussed .label, .unsubscribe-form .field:not(.choice).focussed .label, .checkout-billing-address form .field:not(.choice).alwaysfilled .label, .form-address-edit .field:not(.choice).alwaysfilled .label, .form-edit-account .field:not(.choice).alwaysfilled .label, .form-newsletter-manage .field:not(.choice).alwaysfilled .label, .form-rewards-setting .field:not(.choice).alwaysfilled .label, .form-create-account .field:not(.choice).alwaysfilled .label, .form.password.forget .field:not(.choice).alwaysfilled .label, .form.password.reset .field:not(.choice).alwaysfilled .label, .form.form-new-agreement .field:not(.choice).alwaysfilled .label, .page-product-giftcard .aw-gc-product-add-form .field:not(.choice).alwaysfilled .label, .form.form-affiliate-login .field:not(.choice).alwaysfilled .label, .affiliates-signup-form_inner .signup-form .field:not(.choice).alwaysfilled .label, .block.block-signpost .form .field:not(.choice).alwaysfilled .label, .block.block-generic-form .form .field:not(.choice).alwaysfilled .label, .form-orders-search .field:not(.choice).alwaysfilled .label, .block.block-competition-form form .field:not(.choice).alwaysfilled .label, .form.form-email .field:not(.choice).alwaysfilled .label, .form-login .field:not(.choice).alwaysfilled .label, .block.newsletter .form.subscribe .field:not(.choice).alwaysfilled .label, .review-add .field:not(.choice).alwaysfilled .label, .block.block-customer-device .field:not(.choice).alwaysfilled .label, .unsubscribe-form .field:not(.choice).alwaysfilled .label {
font-size: 1.2rem; }
.checkout-billing-address form .field .label, .form-address-edit .field .label, .form-edit-account .field .label, .form-newsletter-manage .field .label, .form-rewards-setting .field .label, .form-create-account .field .label, .form.password.forget .field .label, .form.password.reset .field .label, .form.form-new-agreement .field .label, .page-product-giftcard .aw-gc-product-add-form .field .label, .form.form-affiliate-login .field .label, .affiliates-signup-form_inner .signup-form .field .label, .block.block-signpost .form .field .label, .block.block-generic-form .form .field .label, .form-orders-search .field .label, .block.block-competition-form form .field .label, .form.form-email .field .label, .form-login .field .label, .block.newsletter .form.subscribe .field .label, .review-add .field .label, .block.block-customer-device .field .label, .unsubscribe-form .field .label {
font-size: 1.8rem; } }
.table-data,
.data-table, .table-additional-addresses-items, .table-order-items, .table.table-reviews, .table-billing-agreements, .table-credit-cards, .table-transaction-items {
border: 1px solid rgba(255, 255, 255, 0.75);
border-collapse: collapse;
width: 100%; }
.table-data th, .data-table th, .table-additional-addresses-items th, .table-order-items th, .table.table-reviews th, .table-billing-agreements th, .table-credit-cards th, .table-transaction-items th,
.table-data td,
.data-table td,
.table-additional-addresses-items td,
.table-order-items td,
.table.table-reviews td,
.table-billing-agreements td,
.table-credit-cards td,
.table-transaction-items td {
border: none;
font-size: 1.4rem;
font-weight: 400;
padding: 10px;
text-align: left; }
.table-data th, .data-table th, .table-additional-addresses-items th, .table-order-items th, .table.table-reviews th, .table-billing-agreements th, .table-credit-cards th, .table-transaction-items th {
background-color: rgba(255, 255, 255, 0.75);
color: #0c0020;
font-size: 1.2rem;
font-weight: 700; }
.table-data tbody tr:nth-child(2n+1), .data-table tbody tr:nth-child(2n+1), .table-additional-addresses-items tbody tr:nth-child(2n+1), .table-order-items tbody tr:nth-child(2n+1), .table.table-reviews tbody tr:nth-child(2n+1), .table-billing-agreements tbody tr:nth-child(2n+1), .table-credit-cards tbody tr:nth-child(2n+1), .table-transaction-items tbody tr:nth-child(2n+1) {
background-color: #0c0020; }
.table-data a, .data-table a, .table-additional-addresses-items a, .table-order-items a, .table.table-reviews a, .table-billing-agreements a, .table-credit-cards a, .table-transaction-items a {
color: inherit; }
.account .block.block-dashboard-info,
.account .block.block-dashboard-addresses,
.account .block.block-addresses-default, .account .block.block-billing-agreements-view,
.account .block.block-billing-orders-view {
margin: 20px 0; }
.account .block.block-dashboard-info .block-title, .account .block.block-dashboard-addresses .block-title, .account .block.block-addresses-default .block-title, .account .block.block-billing-agreements-view .block-title, .account .block.block-billing-orders-view .block-title {
align-items: center;
display: flex;
font-size: 1.6rem;
justify-content: space-between; }
.account .block.block-dashboard-info .block-title strong, .account .block.block-dashboard-addresses .block-title strong, .account .block.block-addresses-default .block-title strong, .account .block.block-billing-agreements-view .block-title strong, .account .block.block-billing-orders-view .block-title strong {
font-weight: 400; }
.account .block.block-dashboard-info .block-content, .account .block.block-dashboard-addresses .block-content, .account .block.block-addresses-default .block-content, .account .block.block-billing-agreements-view .block-content, .account .block.block-billing-orders-view .block-content {
display: block; }
@media only screen and (min-width: 768px) {
.account .block.block-dashboard-info,
.account .block.block-dashboard-addresses,
.account .block.block-addresses-default, .account .block.block-billing-agreements-view,
.account .block.block-billing-orders-view {
margin: 30px 0; } }
@media only screen and (min-width: 1024px) {
.account .block.block-dashboard-info .block-content, .account .block.block-dashboard-addresses .block-content, .account .block.block-addresses-default .block-content, .account .block.block-billing-agreements-view .block-content, .account .block.block-billing-orders-view .block-content {
align-items: stretch;
display: flex;
margin: 24px -15px 0; } }
.account .block.block-dashboard-info .block-content .box, .account .block.block-dashboard-addresses .block-content .box, .account .block.block-addresses-default .block-content .box, .account .block.block-billing-agreements-view .block-content .box, .account .block.block-billing-orders-view .block-content .box {
align-items: stretch;
background-color: #0c0020;
border-radius: 3px;
color: #9694aa;
display: flex;
flex-direction: column;
font-size: 1rem;
letter-spacing: 0.05em;
margin: 15px 0;
padding: 20px;
text-transform: uppercase; }
.account .block.block-dashboard-info .block-content .box .box-title, .account .block.block-dashboard-addresses .block-content .box .box-title, .account .block.block-addresses-default .block-content .box .box-title, .account .block.block-billing-agreements-view .block-content .box .box-title, .account .block.block-billing-orders-view .block-content .box .box-title {
color: #fff;
font-weight: 400; }
.account .block.block-dashboard-info .block-content .box .box-content, .account .block.block-dashboard-addresses .block-content .box .box-content, .account .block.block-addresses-default .block-content .box .box-content, .account .block.block-billing-agreements-view .block-content .box .box-content, .account .block.block-billing-orders-view .block-content .box .box-content {
line-height: 1.714;
margin-top: 1.717em; }
.account .block.block-dashboard-info .block-content .box .box-content a, .account .block.block-dashboard-addresses .block-content .box .box-content a, .account .block.block-addresses-default .block-content .box .box-content a, .account .block.block-billing-agreements-view .block-content .box .box-content a, .account .block.block-billing-orders-view .block-content .box .box-content a {
color: inherit;
text-decoration: underline; }
.account .block.block-dashboard-info .block-content .box .box-content p, .account .block.block-dashboard-addresses .block-content .box .box-content p, .account .block.block-addresses-default .block-content .box .box-content p, .account .block.block-billing-agreements-view .block-content .box .box-content p, .account .block.block-billing-orders-view .block-content .box .box-content p {
margin: 0; }
.account .block.block-dashboard-info .block-content .box .box-actions, .account .block.block-dashboard-addresses .block-content .box .box-actions, .account .block.block-addresses-default .block-content .box .box-actions, .account .block.block-billing-agreements-view .block-content .box .box-actions, .account .block.block-billing-orders-view .block-content .box .box-actions {
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-top: auto;
padding-top: 24px; }
.account .block.block-dashboard-info .block-content .box .box-actions .button + .button, .account .block.block-dashboard-addresses .block-content .box .box-actions .button + .button, .account .block.block-addresses-default .block-content .box .box-actions .button + .button, .account .block.block-billing-agreements-view .block-content .box .box-actions .button + .button, .account .block.block-billing-orders-view .block-content .box .box-actions .button + .button, .account .block.block-dashboard-info .block-content .box .box-actions .navigation .nav-button > a + .button, .navigation .account .block.block-dashboard-info .block-content .box .box-actions .nav-button > a + .button, .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .nav-button > a + .button, .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .nav-button > a + .button, .account .block.block-addresses-default .block-content .box .box-actions .navigation .nav-button > a + .button, .navigation .account .block.block-addresses-default .block-content .box .box-actions .nav-button > a + .button, .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .nav-button > a + .button, .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .nav-button > a + .button, .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .nav-button > a + .button, .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .nav-button > a + .button, .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .button, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .action-delete + .button, .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .button, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .action-delete + .button, .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .button, .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .action-delete + .button, .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .button, .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .action-delete + .button, .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .button, .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .action-delete + .button, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .button, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .action-accept + .button, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .button, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .action-accept + .button, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .button, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .action-accept + .button, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .button, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .action-accept + .button, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .button, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .action-accept + .button, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .button, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .action-dismiss + .button, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .button, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .action-dismiss + .button, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .button, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .action-dismiss + .button, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .button, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .action-dismiss + .button, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .button, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .action-dismiss + .button, .account .block.block-dashboard-info .block-content .box .box-actions .navigation .nav-button > .button + a, .navigation .account .block.block-dashboard-info .block-content .box .box-actions .nav-button > .button + a, .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .nav-button > .button + a, .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .nav-button > .button + a, .account .block.block-addresses-default .block-content .box .box-actions .navigation .nav-button > .button + a, .navigation .account .block.block-addresses-default .block-content .box .box-actions .nav-button > .button + a, .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .nav-button > .button + a, .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .nav-button > .button + a, .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .nav-button > .button + a, .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .nav-button > .button + a, .account .block.block-dashboard-info .block-content .box .box-actions .navigation .nav-button > a + a, .navigation .account .block.block-dashboard-info .block-content .box .box-actions .nav-button > a + a, .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .nav-button > a + a, .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .nav-button > a + a, .account .block.block-addresses-default .block-content .box .box-actions .navigation .nav-button > a + a, .navigation .account .block.block-addresses-default .block-content .box .box-actions .nav-button > a + a, .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .nav-button > a + a, .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .nav-button > a + a, .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .nav-button > a + a, .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .nav-button > a + a, .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .navigation .nav-button > .action-delete + a, .navigation .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > .action-delete + a, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .navigation .nav-button > .action-delete + a, .navigation .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .nav-button > .action-delete + a, .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .navigation .nav-button > .action-delete + a, .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > .action-delete + a, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .nav-button > .action-delete + a, .navigation .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .nav-button > .action-delete + a, .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .navigation .nav-button > .action-delete + a, .navigation .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > .action-delete + a, .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .navigation .nav-button > .action-delete + a, .navigation .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .nav-button > .action-delete + a, .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .navigation .nav-button > .action-delete + a, .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > .action-delete + a, .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .nav-button > .action-delete + a, .navigation .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .nav-button > .action-delete + a, .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .navigation .nav-button > .action-delete + a, .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > .action-delete + a, .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .nav-button > .action-delete + a, .navigation .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .nav-button > .action-delete + a, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-accept + a, .navigation .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-accept + a, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .navigation .nav-button > .action-accept + a, .navigation .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .nav-button > .action-accept + a, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-accept + a, .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-accept + a, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .nav-button > .action-accept + a, .navigation .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .nav-button > .action-accept + a, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-accept + a, .navigation .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-accept + a, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .navigation .nav-button > .action-accept + a, .navigation .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .nav-button > .action-accept + a, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-accept + a, .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-accept + a, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .nav-button > .action-accept + a, .navigation .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .nav-button > .action-accept + a, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-accept + a, .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-accept + a, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .nav-button > .action-accept + a, .navigation .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .nav-button > .action-accept + a, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-dismiss + a, .navigation .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-dismiss + a, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .navigation .nav-button > .action-dismiss + a, .navigation .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .nav-button > .action-dismiss + a, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-dismiss + a, .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-dismiss + a, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .nav-button > .action-dismiss + a, .navigation .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .nav-button > .action-dismiss + a, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-dismiss + a, .navigation .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-dismiss + a, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .navigation .nav-button > .action-dismiss + a, .navigation .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .nav-button > .action-dismiss + a, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-dismiss + a, .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-dismiss + a, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .nav-button > .action-dismiss + a, .navigation .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .nav-button > .action-dismiss + a, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .navigation .nav-button > .action-dismiss + a, .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > .action-dismiss + a, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .nav-button > .action-dismiss + a, .navigation .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .nav-button > .action-dismiss + a, .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .button + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .button + .action-delete, .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .button + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .button + .action-delete, .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .button + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .button + .action-delete, .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .button + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .button + .action-delete, .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .button + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .button + .action-delete, .account .block.block-dashboard-info .block-content .box .box-actions .navigation .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .navigation .nav-button > a + .action-delete, .navigation .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .navigation .account .block.block-dashboard-info .block-content .box .box-actions .nav-button > a + .action-delete, .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .nav-button > a + .action-delete, .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .nav-button > a + .action-delete, .account .block.block-addresses-default .block-content .box .box-actions .navigation .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .navigation .nav-button > a + .action-delete, .navigation .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .navigation .account .block.block-addresses-default .block-content .box .box-actions .nav-button > a + .action-delete, .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .nav-button > a + .action-delete, .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .nav-button > a + .action-delete, .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .nav-button > a + .action-delete, .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete, .cart-items .cart-items-item .product-item-error .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .nav-button > a + .action-delete, .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .action-delete + .action-delete, .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .action-delete + .action-delete, .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .action-delete + .action-delete, .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .action-delete + .action-delete, .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .action-delete + .action-delete, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-delete, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .action-accept + .action-delete, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-delete, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .action-accept + .action-delete, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-delete, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .action-accept + .action-delete, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-delete, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .action-accept + .action-delete, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-delete, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-accept + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .action-accept + .action-delete, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-delete, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .action-dismiss + .action-delete, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-delete, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .action-dismiss + .action-delete, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-delete, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .action-dismiss + .action-delete, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-delete, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .action-dismiss + .action-delete, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-delete, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete, .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .action-dismiss + .action-delete, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .button + .action-accept, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .button + .action-accept, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-accept, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .button + .action-accept, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .button + .action-accept, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .button + .action-accept, .account .block.block-dashboard-info .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .navigation .nav-button > a + .action-accept, .navigation .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .navigation .account .block.block-dashboard-info .block-content .box .box-actions .nav-button > a + .action-accept, .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .nav-button > a + .action-accept, .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .nav-button > a + .action-accept, .account .block.block-addresses-default .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .navigation .nav-button > a + .action-accept, .navigation .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .navigation .account .block.block-addresses-default .block-content .box .box-actions .nav-button > a + .action-accept, .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .nav-button > a + .action-accept, .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .nav-button > a + .action-accept, .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .nav-button > a + .action-accept, .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-accept, .modals-wrapper .modal-popup .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .nav-button > a + .action-accept, .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-accept, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .action-delete + .action-accept, .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-accept, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .action-delete + .action-accept, .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-accept, .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .action-delete + .action-accept, .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-accept, .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .action-delete + .action-accept, .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-accept, .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-accept, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .action-delete + .action-accept, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .action-accept + .action-accept, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .action-accept + .action-accept, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-accept, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .action-accept + .action-accept, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .action-accept + .action-accept, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .action-accept + .action-accept, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .action-dismiss + .action-accept, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-accept, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .action-dismiss + .action-accept, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-accept, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .action-dismiss + .action-accept, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .action-dismiss + .action-accept, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-accept, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .action-dismiss + .action-accept, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .button + .action-dismiss, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .button + .action-dismiss, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .button + .action-dismiss, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .button + .action-dismiss, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .button + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .button + .action-dismiss, .account .block.block-dashboard-info .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .navigation .nav-button > a + .action-dismiss, .navigation .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .navigation .account .block.block-dashboard-info .block-content .box .box-actions .nav-button > a + .action-dismiss, .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .navigation .nav-button > a + .action-dismiss, .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .navigation .account .block.block-dashboard-addresses .block-content .box .box-actions .nav-button > a + .action-dismiss, .account .block.block-addresses-default .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .navigation .nav-button > a + .action-dismiss, .navigation .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .navigation .account .block.block-addresses-default .block-content .box .box-actions .nav-button > a + .action-dismiss, .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .navigation .nav-button > a + .action-dismiss, .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .navigation .account .block.block-billing-agreements-view .block-content .box .box-actions .nav-button > a + .action-dismiss, .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .navigation .nav-button > a + .action-dismiss, .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .nav-button > a + .action-dismiss, .modals-wrapper .modal-popup .navigation .account .block.block-billing-orders-view .block-content .box .box-actions .nav-button > a + .action-dismiss, .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-dismiss, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-info .block-content .box .box-actions .action-delete + .action-dismiss, .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-dismiss, .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-dashboard-addresses .block-content .box .box-actions .action-delete + .action-dismiss, .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-dismiss, .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-addresses-default .block-content .box .box-actions .action-delete + .action-dismiss, .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-dismiss, .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-billing-agreements-view .block-content .box .box-actions .action-delete + .action-dismiss, .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .cart-items .cart-items-item .product-item-error .action-delete + .action-dismiss, .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-delete + .action-dismiss, .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .account .block.block-billing-orders-view .block-content .box .box-actions .action-delete + .action-dismiss, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .action-accept + .action-dismiss, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .action-accept + .action-dismiss, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .action-accept + .action-dismiss, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .action-accept + .action-dismiss, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-accept + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .action-accept + .action-dismiss, .account .block.block-dashboard-info .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-info .block-content .box .box-actions .action-dismiss + .action-dismiss, .account .block.block-dashboard-addresses .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-dashboard-addresses .block-content .box .box-actions .action-dismiss + .action-dismiss, .account .block.block-addresses-default .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-addresses-default .block-content .box .box-actions .action-dismiss + .action-dismiss, .account .block.block-billing-agreements-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-agreements-view .block-content .box .box-actions .action-dismiss + .action-dismiss, .account .block.block-billing-orders-view .block-content .box .box-actions .modals-wrapper .modal-popup .action-dismiss + .action-dismiss, .modals-wrapper .modal-popup .account .block.block-billing-orders-view .block-content .box .box-actions .action-dismiss + .action-dismiss {
margin-top: 12px; }
@media only screen and (min-width: 1024px) {
.account .block.block-dashboard-info .block-content .box, .account .block.block-dashboard-addresses .block-content .box, .account .block.block-addresses-default .block-content .box, .account .block.block-billing-agreements-view .block-content .box, .account .block.block-billing-orders-view .block-content .box {
flex-basis: 0;
flex-grow: 1;
font-size: 1.4rem;
margin: 0 15px;
padding: 40px; } }
.block.review-list .block-scroll::-webkit-scrollbar-track {
background-color: #31204d; }
.block.review-list .block-scroll::-webkit-scrollbar-thumb {
background-color: #45a2f9; }
.block.review-list .block-scroll::-webkit-scrollbar-thumb:hover {
background-color: #45a2f9; }
@media only screen and (max-width: 767px) {
.product-info-bundles .product-options-wrapper::-webkit-scrollbar-track {
background-color: #31204d; }
.product-info-bundles .product-options-wrapper::-webkit-scrollbar-thumb {
background-color: #45a2f9; }
.product-info-bundles .product-options-wrapper::-webkit-scrollbar-thumb:hover {
background-color: #45a2f9; } }
.block.edit-profile h2, .block.friend-requests h2, .block.block-dashboard-platforms h2, .order-history_instruction_content h2, .block.dashboard-steam h2, .block.block-checkout-upsell .block-title, .block.block-minicart-upsell .block-title {
text-shadow: 0 0 9px #4eb0f0, 0 0 9px #4eb0f0, 0 0 9px #4eb0f0, 0 0 9px #4eb0f0; }
.text-title, .storyblok-wysiwyg h1,
.storyblok-wysiwyg h2, .block.block-content-nav .link, .sb-benefits h3, .block.block-order-lookup .block-title, .block.block-competition-form .block-competition-form_intro, .block.block-competition-form .block-competition-form_title {
text-shadow: 0 0 9px #4eb0f0, 0 0 9px #4eb0f0; }
.block.newsletter .block-title span, .sb-icon-signpost a {
text-shadow: 0 0 9px #0e9b72, 0 0 9px #0e9b72, 0 0 9px #0e9b72, 0 0 9px #0e9b72; }
.basket-items-count {
text-shadow: 0 0 9px #1F143D, 0 0 9px #1F143D, 0 0 9px #1F143D, 0 0 9px #1F143D; }
.rating-circle {
position: relative; }
.rating-circle svg {
display: block;
max-width: 100%;
max-height: 100%; }
.rating-circle circle {
opacity: 0;
stroke: currentColor;
transition: opacity 0.3s, stroke-dashoffset 1s; }
.green.rating-circle circle, .yellow.rating-circle circle, .orange.rating-circle circle, .red.rating-circle circle {
opacity: 1; }
.green.rating-circle {
color: #2fc28f; }
.yellow.rating-circle {
color: #e2d21a; }
.orange.rating-circle {
color: #ffa200; }
.red.rating-circle {
color: #ff350d; }
.rating-circle .rating-circle_value {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.rating-circle .rating-circle_max {
font-size: 1em;
line-height: 1;
margin-top: 0.1em;
margin-bottom: 0.3em;
text-align: right;
width: 100%; }
.rating-circle .rating-circle_score {
font-size: 3em;
line-height: 1;
width: 100%;
text-align: center; }
*, *:before, *:after {
background-repeat: no-repeat;
box-sizing: inherit; }
html,
body {
font-family: "Montserrat", sans-serif;
margin: 0;
padding: 0; }
html {
box-sizing: border-box; }
img {
vertical-align: top;
max-width: 100%; }
.wrap, .page-main, .header.content, .nav-sections, .footer, .catalog-category-view .category-top-inner, .catalog-category-view .products-grid, .catalog-category-view .page-title, .catalog-category-view .question-detail .faq-cat-title, .question-detail .catalog-category-view .faq-cat-title, .catalog-category-view .koins-content h1, .koins-content .catalog-category-view h1, .catalog-product-view .column.main > .block.widget,
.catalog-product-view .columns > .block.widget, .block.widget.block-products-list, .home-top, .widget.developer-list, .widget.trustpilot-summary .widget-content, .promo-bar .promo-bar-inner, #algolia-category-facets .ais-Panel, #algolia-category-sorts .ais-SortBy {
margin-left: auto;
margin-right: auto;
max-width: 1286px;
padding-left: 15px;
padding-right: 15px;
width: 100%; }
.page-wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
overflow: hidden; }
.row {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: -15px;
margin-right: -15px; }
.row.no-gutters {
margin-left: 0;
margin-right: 0; }
.row.no-gutters > .col {
padding: 0; }
.align-centre {
align-items: center; }
.align-self-centre {
align-self: center; }
.justify-around {
justify-content: space-around; }
.justify-between {
justify-content: space-between; }
.justify-centre {
justify-content: center; }
.justify-start {
justify-content: flex-start; }
.justify-end {
justify-content: flex-end; }
.col {
flex-basis: 0;
flex-grow: 1;
padding: 15px; }
.col-1 {
flex-basis: 8.33333%;
flex-grow: 0;
max-width: 8.33333%; }
.col-2 {
flex-basis: 16.66667%;
flex-grow: 0;
max-width: 16.66667%; }
.col-3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%; }
.col-4 {
flex-basis: 33.33333%;
flex-grow: 0;
max-width: 33.33333%; }
.col-5 {
flex-basis: 41.66667%;
flex-grow: 0;
max-width: 41.66667%; }
.col-6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%; }
.col-7 {
flex-basis: 58.33333%;
flex-grow: 0;
max-width: 58.33333%; }
.col-8 {
flex-basis: 66.66667%;
flex-grow: 0;
max-width: 66.66667%; }
.col-9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%; }
.col-10 {
flex-basis: 83.33333%;
flex-grow: 0;
max-width: 83.33333%; }
.col-11 {
flex-basis: 91.66667%;
flex-grow: 0;
max-width: 91.66667%; }
.col-12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; }
.col-xs-1 {
flex-basis: 8.33333%;
flex-grow: 0;
max-width: 8.33333%; }
.col-xs-2 {
flex-basis: 16.66667%;
flex-grow: 0;
max-width: 16.66667%; }
.col-xs-3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%; }
.col-xs-4 {
flex-basis: 33.33333%;
flex-grow: 0;
max-width: 33.33333%; }
.col-xs-5 {
flex-basis: 41.66667%;
flex-grow: 0;
max-width: 41.66667%; }
.col-xs-6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%; }
.col-xs-7 {
flex-basis: 58.33333%;
flex-grow: 0;
max-width: 58.33333%; }
.col-xs-8 {
flex-basis: 66.66667%;
flex-grow: 0;
max-width: 66.66667%; }
.col-xs-9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%; }
.col-xs-10 {
flex-basis: 83.33333%;
flex-grow: 0;
max-width: 83.33333%; }
.col-xs-11 {
flex-basis: 91.66667%;
flex-grow: 0;
max-width: 91.66667%; }
.col-xs-12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; }
@media only screen and (min-width: 640px) {
.col-s-1 {
flex-basis: 8.33333%;
flex-grow: 0;
max-width: 8.33333%; }
.col-s-2 {
flex-basis: 16.66667%;
flex-grow: 0;
max-width: 16.66667%; }
.col-s-3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%; }
.col-s-4 {
flex-basis: 33.33333%;
flex-grow: 0;
max-width: 33.33333%; }
.col-s-5 {
flex-basis: 41.66667%;
flex-grow: 0;
max-width: 41.66667%; }
.col-s-6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%; }
.col-s-7 {
flex-basis: 58.33333%;
flex-grow: 0;
max-width: 58.33333%; }
.col-s-8 {
flex-basis: 66.66667%;
flex-grow: 0;
max-width: 66.66667%; }
.col-s-9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%; }
.col-s-10 {
flex-basis: 83.33333%;
flex-grow: 0;
max-width: 83.33333%; }
.col-s-11 {
flex-basis: 91.66667%;
flex-grow: 0;
max-width: 91.66667%; }
.col-s-12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; } }
@media only screen and (min-width: 768px) {
.col-m-1 {
flex-basis: 8.33333%;
flex-grow: 0;
max-width: 8.33333%; }
.col-m-2 {
flex-basis: 16.66667%;
flex-grow: 0;
max-width: 16.66667%; }
.col-m-3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%; }
.col-m-4 {
flex-basis: 33.33333%;
flex-grow: 0;
max-width: 33.33333%; }
.col-m-5 {
flex-basis: 41.66667%;
flex-grow: 0;
max-width: 41.66667%; }
.col-m-6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%; }
.col-m-7 {
flex-basis: 58.33333%;
flex-grow: 0;
max-width: 58.33333%; }
.col-m-8 {
flex-basis: 66.66667%;
flex-grow: 0;
max-width: 66.66667%; }
.col-m-9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%; }
.col-m-10 {
flex-basis: 83.33333%;
flex-grow: 0;
max-width: 83.33333%; }
.col-m-11 {
flex-basis: 91.66667%;
flex-grow: 0;
max-width: 91.66667%; }
.col-m-12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; } }
@media only screen and (min-width: 1024px) {
.col-l-1 {
flex-basis: 8.33333%;
flex-grow: 0;
max-width: 8.33333%; }
.col-l-2 {
flex-basis: 16.66667%;
flex-grow: 0;
max-width: 16.66667%; }
.col-l-3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%; }
.col-l-4 {
flex-basis: 33.33333%;
flex-grow: 0;
max-width: 33.33333%; }
.col-l-5 {
flex-basis: 41.66667%;
flex-grow: 0;
max-width: 41.66667%; }
.col-l-6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%; }
.col-l-7 {
flex-basis: 58.33333%;
flex-grow: 0;
max-width: 58.33333%; }
.col-l-8 {
flex-basis: 66.66667%;
flex-grow: 0;
max-width: 66.66667%; }
.col-l-9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%; }
.col-l-10 {
flex-basis: 83.33333%;
flex-grow: 0;
max-width: 83.33333%; }
.col-l-11 {
flex-basis: 91.66667%;
flex-grow: 0;
max-width: 91.66667%; }
.col-l-12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; } }
@media only screen and (min-width: 1440px) {
.col-xl-1 {
flex-basis: 8.33333%;
flex-grow: 0;
max-width: 8.33333%; }
.col-xl-2 {
flex-basis: 16.66667%;
flex-grow: 0;
max-width: 16.66667%; }
.col-xl-3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%; }
.col-xl-4 {
flex-basis: 33.33333%;
flex-grow: 0;
max-width: 33.33333%; }
.col-xl-5 {
flex-basis: 41.66667%;
flex-grow: 0;
max-width: 41.66667%; }
.col-xl-6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%; }
.col-xl-7 {
flex-basis: 58.33333%;
flex-grow: 0;
max-width: 58.33333%; }
.col-xl-8 {
flex-basis: 66.66667%;
flex-grow: 0;
max-width: 66.66667%; }
.col-xl-9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%; }
.col-xl-10 {
flex-basis: 83.33333%;
flex-grow: 0;
max-width: 83.33333%; }
.col-xl-11 {
flex-basis: 91.66667%;
flex-grow: 0;
max-width: 91.66667%; }
.col-xl-12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; } }
.col-stretch {
align-items: stretch;
display: flex;
flex-direction: column; }
.col-stretch > * {
flex-grow: 1; }
.col-centre {
align-items: center;
display: flex;
flex-direction: column; }
.order-1 {
order: 1; }
.order-2 {
order: 2; }
.order-3 {
order: 3; }
@media only screen and (min-width: 768px) {
.order-m-1 {
order: 1; }
.order-m-2 {
order: 2; }
.order-m-3 {
order: 3; } }
.visible-xs,
.visible-sm {
display: none; }
@media only screen and (min-width: 0) and (max-width: 639px) {
.visible-xs {
display: block; } }
@media only screen and (min-width: 640px) and (max-width: 767px) {
.visible-sm {
display: block; } }
@media only screen and (min-width: 0) and (max-width: 639px) {
.hidden-xs {
display: none !important; } }
@media only screen and (min-width: 640px) and (max-width: 767px) {
.hidden-sm {
display: none !important; } }
.hide {
display: none;
visibility: hidden; }
.show {
display: initial;
visibility: visible; }
@media only screen and (min-width: 768px) {
.hide-m {
display: none;
visibility: hidden; }
.show-m {
display: initial;
visibility: visible; } }
.breakout {
width: 100vw;
margin-left: 50%;
transform: translate(-50%, 0); }
/* latin */
@font-face {
font-family: 'Quantico';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Quantico-Italic"), url(https://fonts.gstatic.com/s/quantico/v9/rax4HiSdp9cPL3KIF7xuFD96nmDa-T4.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin */
@font-face {
font-family: 'Quantico';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local("Quantico-BoldItalic"), url(https://fonts.gstatic.com/s/quantico/v9/rax7HiSdp9cPL3KIF7xuHIRfi0349BSeIL8.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin */
@font-face {
font-family: 'Quantico';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Quantico"), local("Quantico-Regular"), url(https://fonts.gstatic.com/s/quantico/v9/rax-HiSdp9cPL3KIF7xrJD1wmULY.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin */
@font-face {
font-family: 'Quantico';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Quantico-Bold"), url(https://fonts.gstatic.com/s/quantico/v9/rax5HiSdp9cPL3KIF7TQAShdu0_y8zac.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gfD_vx3rCubqg.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
body,
input,
textarea,
button,
select {
font-family: "Montserrat", sans-serif; }
html {
font-size: 62.5%; }
body {
font-size: 1.4rem;
line-height: 1.5; }
@media only screen and (min-width: 768px) {
body {
font-size: 1.6rem; } }
a {
color: #1979c3;
text-decoration: none; }
a:visited {
color: #1979c3; }
a:hover, a:focus {
color: #006bb4;
text-decoration: underline; }
.page-title, .question-detail .faq-cat-title, .koins-content h1 {
font-family: "Quantico", sans-serif;
font-size: 2.4rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.2;
margin: 1.5em 0;
text-align: center;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36);
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.page-title, .question-detail .faq-cat-title, .koins-content h1 {
font-size: 3.6rem; } }
.text-upper {
text-transform: uppercase; }
.text-align-center,
.text-align-centre {
text-align: center; }
.text-align-right {
text-align: right; }
@media only screen and (max-width: 767px) {
.mobile_text-align-center,
.mobile_text-align-centre {
text-align: center; }
.mobile_text-align-right {
text-align: right; }
.mobile_text-align-left {
text-align: left; } }
.important {
color: #ff350d; }
.text-intro {
color: #fff;
font-size: 1.6rem;
line-height: 2; }
@media only screen and (min-width: 768px) {
.text-intro {
font-size: 2rem; } }
.text-title {
font-family: "Quantico", sans-serif; }
.text-impact {
color: #6e6d93;
display: block;
font-size: 1.4rem;
text-align: center; }
@media only screen and (min-width: 768px) {
.text-impact {
font-size: 2rem; } }
.text-white {
color: #fff; }
.product.attribute.overview code,
.product.attribute.overview pre,
.product.attribute.description code,
.product.attribute.description pre {
margin: 0;
padding: 0;
border: none;
background: none;
color: inherit;
display: inline;
font: inherit;
white-space: normal;
box-shadow: none; }
a:focus {
outline: 1px dotted currentColor; }
@keyframes message-timer {
0% {
width: 0; }
100% {
width: 100%; } }
.message {
background: #ffa828;
border-radius: 5px;
color: #fff;
display: block;
font-size: 1.3rem;
line-height: 1.2;
margin: 0;
overflow: hidden;
padding: 10px 20px;
position: relative; }
.message a {
color: inherit;
text-decoration: underline; }
.message + .message {
margin-top: 10px; }
.message:before {
background-color: #db8200;
content: '';
height: 4px;
width: 100%;
position: absolute;
top: 0;
left: 0;
width: 0; }
.message:after {
background-image: url("../images/icons/white/close.svg");
background-position: center center;
background-size: cover;
position: absolute;
width: 12px;
height: 12px;
right: 8px;
top: 50%;
transform: translate(0, -50%); }
.message.__countdown:before {
animation: message-timer 9.9s linear forwards; }
.message.info {
background-color: #386fbb;
border-color: #386fbb;
color: #fff; }
.message.info:before {
background-color: #264c80; }
.message.error {
background: #ff350d;
border-color: #ff350d;
color: #fff; }
.message.error:before {
background-color: #c02000; }
.message.success {
background: #0e9b72;
border-color: #0e9b72;
color: #fff; }
.message.success:before {
background-color: #08553e; }
.message.noscript {
border-radius: 0;
position: sticky;
top: 0;
z-index: 1000; }
.message.priority {
background-color: #0c0020;
background-image: url("../images/icons/white/close.svg");
background-position: right 20px center;
background-repeat: no-repeat;
border: 1px solid currentColor;
border-radius: 0;
box-shadow: inset 0 0 12px 1px rgba(100, 162, 235, 0.36), 0 0 12px 1px rgba(100, 162, 235, 0.36);
color: #fff;
font-size: 1.2rem;
margin-left: auto;
margin-right: auto;
max-width: 830px;
padding: 14px 36px 14px 72px;
text-align: center;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9);
width: 90%; }
.message.priority img {
position: absolute;
top: 50%;
left: 20px;
max-width: 52px;
height: auto;
transform: translate(0, -50%); }
.message.priority:before, .message.priority:after {
content: none; }
@media only screen and (min-width: 768px) {
.message.priority {
border-width: 2px;
font-size: 2rem;
padding: 24px 36px 24px 72px; } }
.page.messages {
padding: 10px;
position: fixed;
top: 0;
left: 0;
z-index: 2000; }
.__priority-messages .page.messages {
background-color: rgba(12, 0, 32, 0.6);
right: 0;
bottom: 0; }
.__priority-messages .page.messages .message:not(.priority) {
display: none !important; }
.page.messages .message {
opacity: 0;
transform: translate(0, -100%);
transition: opacity 0.4s, transform 0.4s;
width: calc(100vw - 20px);
max-width: 400px; }
.page.messages .message:after {
content: ''; }
.page.messages .message.priority:after {
display: none; }
.page.messages .message.show {
opacity: 1;
transform: translate(0, 0); }
.page.messages .message.hide {
opacity: 0;
position: absolute;
transform: translate(-100%, 0); }
@media only screen and (min-width: 768px) {
.__priority-messages .page.messages {
padding-top: 50px; } }
.checkout-messages {
position: fixed;
z-index: 999;
top: 15px;
left: 50%;
width: calc(100% - 30px);
max-width: 770px;
transform: translate(-50%, 0); }
.checkout-messages .message {
max-width: 100%;
opacity: 1;
transform: none;
width: 100%; }
.content-messages .message {
max-width: 100%;
opacity: 1;
transform: none;
width: 100%; }
body:after {
content: '';
opacity: 0;
transition: opacity 0.5s; }
.block .block-title {
font-size: 1.8rem; }
.block .block-content {
margin-top: 12px; }
.tooltip {
position: relative; }
.tooltip:hover, .tooltip.tooltip__active {
z-index: 10; }
.tooltip:hover .tooltip_content, .tooltip.tooltip__active .tooltip_content {
opacity: 1;
transform: translate(-50%, 10px) scale(1); }
.tooltip.tooltip__left:hover .tooltip_content, .tooltip.tooltip__left.tooltip__active .tooltip_content, .tooltip.tooltip__right:hover .tooltip_content, .tooltip.tooltip__right.tooltip__active .tooltip_content {
transform: translate(0, 10px) scale(1); }
.tooltip.tooltip__left .tooltip_content, .tooltip.tooltip__right .tooltip_content {
transform: translate(0, 10px) scale(0.3); }
.tooltip.tooltip__right .tooltip_content {
left: auto;
right: 0; }
.tooltip.tooltip__right .tooltip_content:before {
left: auto;
right: 8px; }
.tooltip.tooltip__left .tooltip_content {
left: 0; }
.tooltip.tooltip__left .tooltip_content:before {
left: 18px; }
.tooltip .tooltip_content {
background-color: #0c0020;
border-radius: 3px;
box-shadow: 0 0 12px 1px rgba(37, 146, 238, 0.8);
color: #fff;
display: block;
font-size: 1.3rem;
font-weight: 300;
line-height: 2;
opacity: 0;
padding: 10px;
pointer-events: none;
position: absolute;
top: 100%;
left: 50%;
text-align: center;
transform: translate(-50%, 10px) scale(0.3);
transition: opacity 0.3s, transform 0.3s;
width: 200px; }
.tooltip .tooltip_content:before, .tooltip .tooltip_content:after {
background-color: #0c0020;
content: '';
position: absolute; }
.tooltip .tooltip_content:before {
box-shadow: 0 0 12px 1px rgba(37, 146, 238, 0.8);
top: 0;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 10px;
height: 10px;
z-index: 0; }
.tooltip .tooltip_content:after {
top: 0;
left: 10px;
right: 10px;
height: 20px;
z-index: 1; }
.tooltip .tooltip_content span {
position: relative;
z-index: 2;
width: auto;
height: auto; }
pre {
background-color: #eee;
border: 1px solid #ddd;
color: #333;
padding: 20px;
line-height: 2; }
video {
height: auto; }
.bg-purple {
background-color: #1F143D; }
.bg-dark {
background-color: #0c0020; }
.bg-none {
background-color: transparent; }
.bg-light {
background-color: #26194b; }
.bg-size-default {
background-size: auto; }
.bg-size-cover {
background-size: cover; }
.bg-size-contain {
background-size: contain; }
.bg-size-width {
background-size: 100% auto; }
.bg-size-height {
background-size: auto 100%; }
.bg-repeat-default {
background-repeat: no-repeat; }
.bg-repeat-full {
background-repeat: repeat; }
.bg-position-top {
background-position-y: top; }
.bg-position-bottom {
background-position-y: bottom; }
.bg-position-left {
background-position-x: left; }
.bg-position-right {
background-position-x: right; }
.breakout {
width: 100vw;
margin-left: 50%;
transform: translate(-50%, 0); }
.row-padding {
padding-top: 25px;
padding-bottom: 25px; }
@media only screen and (min-width: 768px) {
.row-padding {
padding-top: 45px;
padding-bottom: 45px; } }
.video-embed {
overflow: hidden;
position: relative; }
.video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-embed:before {
content: '';
display: block;
padding-bottom: 62.5%; }
[data-minimized-position="bottom_left"] {
bottom: 40px !important;
z-index: 9999 !important; }
.social-login-popup ._hj_feedback_container,
.social-login-popup iframe#launcher {
display: none !important;
visibility: hidden !important; }
.social-login-popup .social-login-action .message.error {
margin-bottom: 20px; }
.button, .navigation .nav-button > a, .cart-items .cart-items-item .product-item-error .action-delete, .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .action-dismiss,
.action.primary, .button-s, .button-yellow, .button-yellow-flat, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a, .ais-infinite-hits--showmoreButton {
align-items: center;
animation: button 0.3s linear forwards;
background-color: #1979c3;
background-position: 50% 100%;
background-size: 100% 200%;
border: 1px solid #1979c3;
border-radius: 1.5em / 50%;
color: #fff;
cursor: pointer;
display: inline-flex;
font-size: 1rem;
justify-content: center;
letter-spacing: 0.05em;
line-height: 1;
padding: 1em 2.5em;
text-align: center;
text-transform: uppercase;
transition: all 0.3s; }
.button:visited, .navigation .nav-button > a:visited, .cart-items .cart-items-item .product-item-error .action-delete:visited, .modals-wrapper .modal-popup .action-accept:visited, .modals-wrapper .modal-popup .action-dismiss:visited,
.action.primary:visited, .button-s:visited, .button-yellow:visited, .button-yellow-flat:visited, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a:visited,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a:visited, .ais-infinite-hits--showmoreButton:visited, .button:hover, .navigation .nav-button > a:hover, .cart-items .cart-items-item .product-item-error .action-delete:hover, .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .action-dismiss:hover,
.action.primary:hover, .button-s:hover, .button-yellow:hover, .button-yellow-flat:hover, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a:hover,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a:hover, .ais-infinite-hits--showmoreButton:hover, .button:focus, .navigation .nav-button > a:focus, .cart-items .cart-items-item .product-item-error .action-delete:focus, .modals-wrapper .modal-popup .action-accept:focus, .modals-wrapper .modal-popup .action-dismiss:focus,
.action.primary:focus, .button-s:focus, .button-yellow:focus, .button-yellow-flat:focus, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a:focus,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a:focus, .ais-infinite-hits--showmoreButton:focus {
color: #fff;
outline: none;
text-decoration: none; }
.button:focus, .navigation .nav-button > a:focus, .cart-items .cart-items-item .product-item-error .action-delete:focus, .modals-wrapper .modal-popup .action-accept:focus, .modals-wrapper .modal-popup .action-dismiss:focus,
.action.primary:focus, .button-s:focus, .button-yellow:focus, .button-yellow-flat:focus, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a:focus,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a:focus, .ais-infinite-hits--showmoreButton:focus {
box-shadow: inset 0 0 0 1px currentColor; }
.button:hover, .navigation .nav-button > a:hover, .cart-items .cart-items-item .product-item-error .action-delete:hover, .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .action-dismiss:hover,
.action.primary:hover, .button-s:hover, .button-yellow:hover, .button-yellow-flat:hover, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a:hover,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a:hover, .ais-infinite-hits--showmoreButton:hover {
animation: button-hover 0.3s linear forwards; }
.disabled.button, .navigation .nav-button > a.disabled, .cart-items .cart-items-item .product-item-error .disabled.action-delete, .modals-wrapper .modal-popup .disabled.action-accept, .modals-wrapper .modal-popup .disabled.action-dismiss,
.disabled.action.primary, .disabled.button-s, .disabled.button-yellow, .disabled.button-yellow-flat, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a.disabled,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a.disabled, .disabled.ais-infinite-hits--showmoreButton, .button[disabled], .navigation .nav-button > a[disabled], .cart-items .cart-items-item .product-item-error .action-delete[disabled], .modals-wrapper .modal-popup .action-accept[disabled], .modals-wrapper .modal-popup .action-dismiss[disabled],
.action.primary[disabled], .button-s[disabled], .button-yellow[disabled], .button-yellow-flat[disabled], .aw-giftcard .aw-giftcard-codes-block .box .action-apply a[disabled],
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a[disabled], .ais-infinite-hits--showmoreButton[disabled] {
cursor: default;
opacity: 0.7;
pointer-events: none; }
.button svg, .navigation .nav-button > a svg, .cart-items .cart-items-item .product-item-error .action-delete svg, .modals-wrapper .modal-popup .action-accept svg, .modals-wrapper .modal-popup .action-dismiss svg, .action.primary svg, .button-s svg, .button-yellow svg, .button-yellow-flat svg, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a svg, .aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a svg, .ais-infinite-hits--showmoreButton svg {
margin-right: 10px; }
.button span + svg, .navigation .nav-button > a span + svg, .cart-items .cart-items-item .product-item-error .action-delete span + svg, .modals-wrapper .modal-popup .action-accept span + svg, .modals-wrapper .modal-popup .action-dismiss span + svg, .action.primary span + svg, .button-s span + svg, .button-yellow span + svg, .button-yellow-flat span + svg, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a span + svg, .aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a span + svg, .ais-infinite-hits--showmoreButton span + svg {
margin-left: 10px;
margin-right: 0; }
.button span + span, .navigation .nav-button > a span + span, .cart-items .cart-items-item .product-item-error .action-delete span + span, .modals-wrapper .modal-popup .action-accept span + span, .modals-wrapper .modal-popup .action-dismiss span + span, .action.primary span + span, .button-s span + span, .button-yellow span + span, .button-yellow-flat span + span, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a span + span, .aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a span + span, .ais-infinite-hits--showmoreButton span + span {
margin-left: 10px; }
.button .button_icon, .navigation .nav-button > a .button_icon, .cart-items .cart-items-item .product-item-error .action-delete .button_icon, .modals-wrapper .modal-popup .action-accept .button_icon, .modals-wrapper .modal-popup .action-dismiss .button_icon, .action.primary .button_icon, .button-s .button_icon, .button-yellow .button_icon, .button-yellow-flat .button_icon, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a .button_icon, .aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a .button_icon, .ais-infinite-hits--showmoreButton .button_icon {
align-self: stretch;
position: relative;
min-height: 10px;
width: 12px; }
.button .button_icon svg, .navigation .nav-button > a .button_icon svg, .cart-items .cart-items-item .product-item-error .action-delete .button_icon svg, .modals-wrapper .modal-popup .action-accept .button_icon svg, .modals-wrapper .modal-popup .action-dismiss .button_icon svg, .action.primary .button_icon svg, .button-s .button_icon svg, .button-yellow .button_icon svg, .button-yellow-flat .button_icon svg, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a .button_icon svg, .aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a .button_icon svg, .ais-infinite-hits--showmoreButton .button_icon svg {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
transform: translate(-50%, -50%); }
.button.s, .navigation .nav-button > a, .cart-items .cart-items-item .product-item-error .s.action-delete, .modals-wrapper .modal-popup .s.action-accept, .modals-wrapper .modal-popup .s.action-dismiss,
.action.primary.s, .button-s {
font-size: 0.9rem;
padding: 0.75em 1.5em; }
.button.xs, .navigation .nav-button > a.xs, .cart-items .cart-items-item .product-item-error .action-delete, .modals-wrapper .modal-popup .xs.action-accept, .modals-wrapper .modal-popup .xs.action-dismiss, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a,
.action.primary.xs {
font-size: 0.8rem;
padding: 0.75em 1.5em; }
.button.facebook, .navigation .nav-button > a.facebook, .cart-items .cart-items-item .product-item-error .facebook.action-delete, .modals-wrapper .modal-popup .facebook.action-accept, .modals-wrapper .modal-popup .facebook.action-dismiss,
.action.primary.facebook, .button.google, .navigation .nav-button > a.google, .cart-items .cart-items-item .product-item-error .google.action-delete, .modals-wrapper .modal-popup .google.action-accept, .modals-wrapper .modal-popup .google.action-dismiss,
.action.primary.google, .button.steam, .navigation .nav-button > a.steam, .cart-items .cart-items-item .product-item-error .steam.action-delete, .modals-wrapper .modal-popup .steam.action-accept, .modals-wrapper .modal-popup .steam.action-dismiss,
.action.primary.steam, .button.twitch, .navigation .nav-button > a.twitch, .cart-items .cart-items-item .product-item-error .twitch.action-delete, .modals-wrapper .modal-popup .twitch.action-accept, .modals-wrapper .modal-popup .twitch.action-dismiss,
.action.primary.twitch, .button.twitter, .navigation .nav-button > a.twitter, .cart-items .cart-items-item .product-item-error .twitter.action-delete, .modals-wrapper .modal-popup .twitter.action-accept, .modals-wrapper .modal-popup .twitter.action-dismiss,
.action.primary.twitter, .button.amazon, .navigation .nav-button > a.amazon, .cart-items .cart-items-item .product-item-error .amazon.action-delete, .modals-wrapper .modal-popup .amazon.action-accept, .modals-wrapper .modal-popup .amazon.action-dismiss,
.action.primary.amazon, .button.battlenet, .navigation .nav-button > a.battlenet, .cart-items .cart-items-item .product-item-error .battlenet.action-delete, .modals-wrapper .modal-popup .battlenet.action-accept, .modals-wrapper .modal-popup .battlenet.action-dismiss,
.action.primary.battlenet, .button.whatsapp, .navigation .nav-button > a.whatsapp, .cart-items .cart-items-item .product-item-error .whatsapp.action-delete, .modals-wrapper .modal-popup .whatsapp.action-accept, .modals-wrapper .modal-popup .whatsapp.action-dismiss,
.action.primary.whatsapp {
font-size: 1.4rem;
padding: 10px 30px;
position: relative; }
.button.facebook span, .navigation .nav-button > a.facebook span, .cart-items .cart-items-item .product-item-error .facebook.action-delete span, .modals-wrapper .modal-popup .facebook.action-accept span, .modals-wrapper .modal-popup .facebook.action-dismiss span, .action.primary.facebook span, .button.google span, .navigation .nav-button > a.google span, .cart-items .cart-items-item .product-item-error .google.action-delete span, .modals-wrapper .modal-popup .google.action-accept span, .modals-wrapper .modal-popup .google.action-dismiss span, .action.primary.google span, .button.steam span, .navigation .nav-button > a.steam span, .cart-items .cart-items-item .product-item-error .steam.action-delete span, .modals-wrapper .modal-popup .steam.action-accept span, .modals-wrapper .modal-popup .steam.action-dismiss span, .action.primary.steam span, .button.twitch span, .navigation .nav-button > a.twitch span, .cart-items .cart-items-item .product-item-error .twitch.action-delete span, .modals-wrapper .modal-popup .twitch.action-accept span, .modals-wrapper .modal-popup .twitch.action-dismiss span, .action.primary.twitch span, .button.twitter span, .navigation .nav-button > a.twitter span, .cart-items .cart-items-item .product-item-error .twitter.action-delete span, .modals-wrapper .modal-popup .twitter.action-accept span, .modals-wrapper .modal-popup .twitter.action-dismiss span, .action.primary.twitter span, .button.amazon span, .navigation .nav-button > a.amazon span, .cart-items .cart-items-item .product-item-error .amazon.action-delete span, .modals-wrapper .modal-popup .amazon.action-accept span, .modals-wrapper .modal-popup .amazon.action-dismiss span, .action.primary.amazon span, .button.battlenet span, .navigation .nav-button > a.battlenet span, .cart-items .cart-items-item .product-item-error .battlenet.action-delete span, .modals-wrapper .modal-popup .battlenet.action-accept span, .modals-wrapper .modal-popup .battlenet.action-dismiss span, .action.primary.battlenet span, .button.whatsapp span, .navigation .nav-button > a.whatsapp span, .cart-items .cart-items-item .product-item-error .whatsapp.action-delete span, .modals-wrapper .modal-popup .whatsapp.action-accept span, .modals-wrapper .modal-popup .whatsapp.action-dismiss span, .action.primary.whatsapp span {
display: inline-block;
margin-left: 15px; }
.button.facebook i, .navigation .nav-button > a.facebook i, .cart-items .cart-items-item .product-item-error .facebook.action-delete i, .modals-wrapper .modal-popup .facebook.action-accept i, .modals-wrapper .modal-popup .facebook.action-dismiss i, .action.primary.facebook i, .button.google i, .navigation .nav-button > a.google i, .cart-items .cart-items-item .product-item-error .google.action-delete i, .modals-wrapper .modal-popup .google.action-accept i, .modals-wrapper .modal-popup .google.action-dismiss i, .action.primary.google i, .button.steam i, .navigation .nav-button > a.steam i, .cart-items .cart-items-item .product-item-error .steam.action-delete i, .modals-wrapper .modal-popup .steam.action-accept i, .modals-wrapper .modal-popup .steam.action-dismiss i, .action.primary.steam i, .button.twitch i, .navigation .nav-button > a.twitch i, .cart-items .cart-items-item .product-item-error .twitch.action-delete i, .modals-wrapper .modal-popup .twitch.action-accept i, .modals-wrapper .modal-popup .twitch.action-dismiss i, .action.primary.twitch i, .button.twitter i, .navigation .nav-button > a.twitter i, .cart-items .cart-items-item .product-item-error .twitter.action-delete i, .modals-wrapper .modal-popup .twitter.action-accept i, .modals-wrapper .modal-popup .twitter.action-dismiss i, .action.primary.twitter i, .button.amazon i, .navigation .nav-button > a.amazon i, .cart-items .cart-items-item .product-item-error .amazon.action-delete i, .modals-wrapper .modal-popup .amazon.action-accept i, .modals-wrapper .modal-popup .amazon.action-dismiss i, .action.primary.amazon i, .button.battlenet i, .navigation .nav-button > a.battlenet i, .cart-items .cart-items-item .product-item-error .battlenet.action-delete i, .modals-wrapper .modal-popup .battlenet.action-accept i, .modals-wrapper .modal-popup .battlenet.action-dismiss i, .action.primary.battlenet i, .button.whatsapp i, .navigation .nav-button > a.whatsapp i, .cart-items .cart-items-item .product-item-error .whatsapp.action-delete i, .modals-wrapper .modal-popup .whatsapp.action-accept i, .modals-wrapper .modal-popup .whatsapp.action-dismiss i, .action.primary.whatsapp i {
background-position: center center;
background-size: contain;
left: 34px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px; }
@media only screen and (min-width: 768px) {
.button, .navigation .nav-button > a, .cart-items .cart-items-item .product-item-error .action-delete, .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .action-dismiss,
.action.primary, .button-s, .button-yellow, .button-yellow-flat, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a, .ais-infinite-hits--showmoreButton {
font-size: 1.6rem; }
.button .button_icon, .navigation .nav-button > a .button_icon, .cart-items .cart-items-item .product-item-error .action-delete .button_icon, .modals-wrapper .modal-popup .action-accept .button_icon, .modals-wrapper .modal-popup .action-dismiss .button_icon, .action.primary .button_icon, .button-s .button_icon, .button-yellow .button_icon, .button-yellow-flat .button_icon, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a .button_icon, .aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a .button_icon, .ais-infinite-hits--showmoreButton .button_icon {
width: 24px; }
.button.s, .navigation .nav-button > a, .cart-items .cart-items-item .product-item-error .s.action-delete, .modals-wrapper .modal-popup .s.action-accept, .modals-wrapper .modal-popup .s.action-dismiss,
.action.primary.s, .button-s {
font-size: 1.4rem; }
.button.xs, .navigation .nav-button > a.xs, .cart-items .cart-items-item .product-item-error .action-delete, .modals-wrapper .modal-popup .xs.action-accept, .modals-wrapper .modal-popup .xs.action-dismiss, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a,
.action.primary.xs {
font-size: 1rem; }
.button.facebook span, .navigation .nav-button > a.facebook span, .cart-items .cart-items-item .product-item-error .facebook.action-delete span, .modals-wrapper .modal-popup .facebook.action-accept span, .modals-wrapper .modal-popup .facebook.action-dismiss span, .action.primary.facebook span, .button.google span, .navigation .nav-button > a.google span, .cart-items .cart-items-item .product-item-error .google.action-delete span, .modals-wrapper .modal-popup .google.action-accept span, .modals-wrapper .modal-popup .google.action-dismiss span, .action.primary.google span, .button.steam span, .navigation .nav-button > a.steam span, .cart-items .cart-items-item .product-item-error .steam.action-delete span, .modals-wrapper .modal-popup .steam.action-accept span, .modals-wrapper .modal-popup .steam.action-dismiss span, .action.primary.steam span, .button.twitch span, .navigation .nav-button > a.twitch span, .cart-items .cart-items-item .product-item-error .twitch.action-delete span, .modals-wrapper .modal-popup .twitch.action-accept span, .modals-wrapper .modal-popup .twitch.action-dismiss span, .action.primary.twitch span, .button.twitter span, .navigation .nav-button > a.twitter span, .cart-items .cart-items-item .product-item-error .twitter.action-delete span, .modals-wrapper .modal-popup .twitter.action-accept span, .modals-wrapper .modal-popup .twitter.action-dismiss span, .action.primary.twitter span, .button.amazon span, .navigation .nav-button > a.amazon span, .cart-items .cart-items-item .product-item-error .amazon.action-delete span, .modals-wrapper .modal-popup .amazon.action-accept span, .modals-wrapper .modal-popup .amazon.action-dismiss span, .action.primary.amazon span, .button.battlenet span, .navigation .nav-button > a.battlenet span, .cart-items .cart-items-item .product-item-error .battlenet.action-delete span, .modals-wrapper .modal-popup .battlenet.action-accept span, .modals-wrapper .modal-popup .battlenet.action-dismiss span, .action.primary.battlenet span, .button.whatsapp span, .navigation .nav-button > a.whatsapp span, .cart-items .cart-items-item .product-item-error .whatsapp.action-delete span, .modals-wrapper .modal-popup .whatsapp.action-accept span, .modals-wrapper .modal-popup .whatsapp.action-dismiss span, .action.primary.whatsapp span {
margin-left: 24px; }
.button.facebook i, .navigation .nav-button > a.facebook i, .cart-items .cart-items-item .product-item-error .facebook.action-delete i, .modals-wrapper .modal-popup .facebook.action-accept i, .modals-wrapper .modal-popup .facebook.action-dismiss i, .action.primary.facebook i, .button.google i, .navigation .nav-button > a.google i, .cart-items .cart-items-item .product-item-error .google.action-delete i, .modals-wrapper .modal-popup .google.action-accept i, .modals-wrapper .modal-popup .google.action-dismiss i, .action.primary.google i, .button.steam i, .navigation .nav-button > a.steam i, .cart-items .cart-items-item .product-item-error .steam.action-delete i, .modals-wrapper .modal-popup .steam.action-accept i, .modals-wrapper .modal-popup .steam.action-dismiss i, .action.primary.steam i, .button.twitch i, .navigation .nav-button > a.twitch i, .cart-items .cart-items-item .product-item-error .twitch.action-delete i, .modals-wrapper .modal-popup .twitch.action-accept i, .modals-wrapper .modal-popup .twitch.action-dismiss i, .action.primary.twitch i, .button.twitter i, .navigation .nav-button > a.twitter i, .cart-items .cart-items-item .product-item-error .twitter.action-delete i, .modals-wrapper .modal-popup .twitter.action-accept i, .modals-wrapper .modal-popup .twitter.action-dismiss i, .action.primary.twitter i, .button.amazon i, .navigation .nav-button > a.amazon i, .cart-items .cart-items-item .product-item-error .amazon.action-delete i, .modals-wrapper .modal-popup .amazon.action-accept i, .modals-wrapper .modal-popup .amazon.action-dismiss i, .action.primary.amazon i, .button.battlenet i, .navigation .nav-button > a.battlenet i, .cart-items .cart-items-item .product-item-error .battlenet.action-delete i, .modals-wrapper .modal-popup .battlenet.action-accept i, .modals-wrapper .modal-popup .battlenet.action-dismiss i, .action.primary.battlenet i, .button.whatsapp i, .navigation .nav-button > a.whatsapp i, .cart-items .cart-items-item .product-item-error .whatsapp.action-delete i, .modals-wrapper .modal-popup .whatsapp.action-accept i, .modals-wrapper .modal-popup .whatsapp.action-dismiss i, .action.primary.whatsapp i {
width: 18px;
height: 18px; } }
@keyframes button-hover {
0% {
background-position: 50% 100%; }
50% {
background-position: 50% 50%; }
100% {
background-position: 50% 0%; } }
@keyframes button {
0% {
background-position: 50% 0%; }
50% {
background-position: 50% 50%; }
100% {
background-position: 50% 100%; } }
.button.rect, .navigation .nav-button > a.rect, .cart-items .cart-items-item .product-item-error .rect.action-delete, .modals-wrapper .modal-popup .rect.action-accept, .modals-wrapper .modal-popup .rect.action-dismiss,
.action.primary.rect {
border-radius: 3px; }
.button.yellow, .block.widget.block-products-list.yellow .block-action .button, .user-profile-index .block.block-dashboard-info .block-action .button, .block.widget.block-products-list.yellow .block-action .navigation .nav-button > a, .navigation .block.widget.block-products-list.yellow .block-action .nav-button > a, .user-profile-index .block.block-dashboard-info .block-action .navigation .nav-button > a, .navigation .user-profile-index .block.block-dashboard-info .block-action .nav-button > a, .block.widget.block-products-list.yellow .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.widget.block-products-list.yellow .block-action .action-delete, .user-profile-index .block.block-dashboard-info .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .user-profile-index .block.block-dashboard-info .block-action .action-delete, .block.widget.block-products-list.yellow .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.widget.block-products-list.yellow .block-action .action-accept, .user-profile-index .block.block-dashboard-info .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .user-profile-index .block.block-dashboard-info .block-action .action-accept, .block.widget.block-products-list.yellow .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.widget.block-products-list.yellow .block-action .action-dismiss, .user-profile-index .block.block-dashboard-info .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .user-profile-index .block.block-dashboard-info .block-action .action-dismiss, .navigation .nav-button > a.yellow, .cart-items .cart-items-item .product-item-error .yellow.action-delete, .modals-wrapper .modal-popup .yellow.action-accept, .modals-wrapper .modal-popup .yellow.action-dismiss, .account .box-agreement .button, .account .box-agreement .navigation .nav-button > a, .navigation .account .box-agreement .nav-button > a, .account .box-agreement .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .account .box-agreement .action-delete, .account .box-agreement .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .account .box-agreement .action-accept, .account .box-agreement .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .account .box-agreement .action-dismiss,
.action.primary.yellow {
background-color: #ffa828;
border-color: #ffa828;
background-image: linear-gradient(to top, #ffb72b 0%, #fccf62 50%, #ffdb84 100%); }
.button.yellow:hover, .block.widget.block-products-list.yellow .block-action .button:hover, .user-profile-index .block.block-dashboard-info .block-action .button:hover, .block.widget.block-products-list.yellow .block-action .navigation .nav-button > a:hover, .navigation .block.widget.block-products-list.yellow .block-action .nav-button > a:hover, .user-profile-index .block.block-dashboard-info .block-action .navigation .nav-button > a:hover, .navigation .user-profile-index .block.block-dashboard-info .block-action .nav-button > a:hover, .block.widget.block-products-list.yellow .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.widget.block-products-list.yellow .block-action .action-delete:hover, .user-profile-index .block.block-dashboard-info .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .user-profile-index .block.block-dashboard-info .block-action .action-delete:hover, .block.widget.block-products-list.yellow .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.widget.block-products-list.yellow .block-action .action-accept:hover, .user-profile-index .block.block-dashboard-info .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .user-profile-index .block.block-dashboard-info .block-action .action-accept:hover, .block.widget.block-products-list.yellow .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.widget.block-products-list.yellow .block-action .action-dismiss:hover, .user-profile-index .block.block-dashboard-info .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .user-profile-index .block.block-dashboard-info .block-action .action-dismiss:hover, .navigation .nav-button > a.yellow:hover, .cart-items .cart-items-item .product-item-error .yellow.action-delete:hover, .modals-wrapper .modal-popup .yellow.action-accept:hover, .modals-wrapper .modal-popup .yellow.action-dismiss:hover, .account .box-agreement .button:hover, .account .box-agreement .navigation .nav-button > a:hover, .navigation .account .box-agreement .nav-button > a:hover, .account .box-agreement .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .account .box-agreement .action-delete:hover, .account .box-agreement .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .account .box-agreement .action-accept:hover, .account .box-agreement .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .account .box-agreement .action-dismiss:hover,
.action.primary.yellow:hover {
background-color: #fccf62; }
.button.pink, .block.widget.block-products-list.pink .block-action .button, .block.widget.block-products-list.pink .block-action .navigation .nav-button > a, .navigation .block.widget.block-products-list.pink .block-action .nav-button > a, .block.widget.block-products-list.pink .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.widget.block-products-list.pink .block-action .action-delete, .block.widget.block-products-list.pink .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.widget.block-products-list.pink .block-action .action-accept, .block.widget.block-products-list.pink .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.widget.block-products-list.pink .block-action .action-dismiss, .navigation .nav-button > a.pink, .navigation .nav-button.pink > a, .cart-items .cart-items-item .product-item-error .pink.action-delete, .modals-wrapper .modal-popup .pink.action-accept, .modals-wrapper .modal-popup .action-dismiss,
.action.primary.pink {
background-color: #e6224d;
border-color: #e6224d;
background-image: linear-gradient(to top, #e6224d 0%, #ff5a7e 50%, #ff7895 100%); }
.button.pink:hover, .block.widget.block-products-list.pink .block-action .button:hover, .block.widget.block-products-list.pink .block-action .navigation .nav-button > a:hover, .navigation .block.widget.block-products-list.pink .block-action .nav-button > a:hover, .block.widget.block-products-list.pink .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.widget.block-products-list.pink .block-action .action-delete:hover, .block.widget.block-products-list.pink .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.widget.block-products-list.pink .block-action .action-accept:hover, .navigation .nav-button > a.pink:hover, .navigation .nav-button.pink > a:hover, .cart-items .cart-items-item .product-item-error .pink.action-delete:hover, .modals-wrapper .modal-popup .pink.action-accept:hover, .modals-wrapper .modal-popup .action-dismiss:hover,
.action.primary.pink:hover {
background-color: #ff5a7e; }
.button.blue, .block.related .block-action .button, .block.widget.block-products-list.blue .block-action .button, .products.wrapper.trending .block-action .button, .block.crosssell .block-action .button, .block.order-history .block-action .button, .block.block-wishlist .block-action .button, .block.block-bundled-items .block-action .button, .block.owned-games .block-action .button, .block.user-reviews .block-action .button, .block.block-storyblok-products .block-action .button, .product-faqs_inner .block-action .button, .block.social-share .block-action .button, .checkout-success .order-details-items .block-action .button, .block.success-register .block-action .button, .block.related .block-action .navigation .nav-button > a, .navigation .block.related .block-action .nav-button > a, .block.widget.block-products-list.blue .block-action .navigation .nav-button > a, .navigation .block.widget.block-products-list.blue .block-action .nav-button > a, .products.wrapper.trending .block-action .navigation .nav-button > a, .navigation .products.wrapper.trending .block-action .nav-button > a, .block.crosssell .block-action .navigation .nav-button > a, .navigation .block.crosssell .block-action .nav-button > a, .block.order-history .block-action .navigation .nav-button > a, .navigation .block.order-history .block-action .nav-button > a, .block.block-wishlist .block-action .navigation .nav-button > a, .navigation .block.block-wishlist .block-action .nav-button > a, .block.block-bundled-items .block-action .navigation .nav-button > a, .navigation .block.block-bundled-items .block-action .nav-button > a, .block.owned-games .block-action .navigation .nav-button > a, .navigation .block.owned-games .block-action .nav-button > a, .block.user-reviews .block-action .navigation .nav-button > a, .navigation .block.user-reviews .block-action .nav-button > a, .block.block-storyblok-products .block-action .navigation .nav-button > a, .navigation .block.block-storyblok-products .block-action .nav-button > a, .product-faqs_inner .block-action .navigation .nav-button > a, .navigation .product-faqs_inner .block-action .nav-button > a, .block.social-share .block-action .navigation .nav-button > a, .navigation .block.social-share .block-action .nav-button > a, .checkout-success .order-details-items .block-action .navigation .nav-button > a, .navigation .checkout-success .order-details-items .block-action .nav-button > a, .block.success-register .block-action .navigation .nav-button > a, .navigation .block.success-register .block-action .nav-button > a, .block.related .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.related .block-action .action-delete, .block.widget.block-products-list.blue .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.widget.block-products-list.blue .block-action .action-delete, .products.wrapper.trending .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .products.wrapper.trending .block-action .action-delete, .block.crosssell .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.crosssell .block-action .action-delete, .block.order-history .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.order-history .block-action .action-delete, .block.block-wishlist .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.block-wishlist .block-action .action-delete, .block.block-bundled-items .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.block-bundled-items .block-action .action-delete, .block.owned-games .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.owned-games .block-action .action-delete, .block.user-reviews .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.user-reviews .block-action .action-delete, .block.block-storyblok-products .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.block-storyblok-products .block-action .action-delete, .product-faqs_inner .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .product-faqs_inner .block-action .action-delete, .block.social-share .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.social-share .block-action .action-delete, .checkout-success .order-details-items .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .checkout-success .order-details-items .block-action .action-delete, .block.success-register .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.success-register .block-action .action-delete, .block.related .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.related .block-action .action-accept, .block.widget.block-products-list.blue .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.widget.block-products-list.blue .block-action .action-accept, .products.wrapper.trending .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .products.wrapper.trending .block-action .action-accept, .block.crosssell .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.crosssell .block-action .action-accept, .block.order-history .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.order-history .block-action .action-accept, .block.block-wishlist .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.block-wishlist .block-action .action-accept, .block.block-bundled-items .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.block-bundled-items .block-action .action-accept, .block.owned-games .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.owned-games .block-action .action-accept, .block.user-reviews .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.user-reviews .block-action .action-accept, .block.block-storyblok-products .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.block-storyblok-products .block-action .action-accept, .product-faqs_inner .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .product-faqs_inner .block-action .action-accept, .block.social-share .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.social-share .block-action .action-accept, .checkout-success .order-details-items .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .checkout-success .order-details-items .block-action .action-accept, .block.success-register .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.success-register .block-action .action-accept, .block.related .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.related .block-action .action-dismiss, .block.widget.block-products-list.blue .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.widget.block-products-list.blue .block-action .action-dismiss, .products.wrapper.trending .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .products.wrapper.trending .block-action .action-dismiss, .block.crosssell .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.crosssell .block-action .action-dismiss, .block.order-history .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.order-history .block-action .action-dismiss, .block.block-wishlist .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.block-wishlist .block-action .action-dismiss, .block.block-bundled-items .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.block-bundled-items .block-action .action-dismiss, .block.owned-games .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.owned-games .block-action .action-dismiss, .block.user-reviews .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.user-reviews .block-action .action-dismiss, .block.block-storyblok-products .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.block-storyblok-products .block-action .action-dismiss, .product-faqs_inner .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .product-faqs_inner .block-action .action-dismiss, .block.social-share .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.social-share .block-action .action-dismiss, .checkout-success .order-details-items .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .checkout-success .order-details-items .block-action .action-dismiss, .block.success-register .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.success-register .block-action .action-dismiss, .navigation .nav-button > a.blue, .navigation .nav-button.blue > a, .cart-items .cart-items-item .product-item-error .blue.action-delete, .modals-wrapper .modal-popup .blue.action-accept, .modals-wrapper .modal-popup .blue.action-dismiss, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a,
.action.primary.blue {
background-color: #386fbb;
border-color: #386fbb;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 50%, #6eb9ff 100%); }
.button.blue:hover, .block.related .block-action .button:hover, .block.widget.block-products-list.blue .block-action .button:hover, .products.wrapper.trending .block-action .button:hover, .block.crosssell .block-action .button:hover, .block.order-history .block-action .button:hover, .block.block-wishlist .block-action .button:hover, .block.block-bundled-items .block-action .button:hover, .block.owned-games .block-action .button:hover, .block.user-reviews .block-action .button:hover, .block.block-storyblok-products .block-action .button:hover, .product-faqs_inner .block-action .button:hover, .block.social-share .block-action .button:hover, .checkout-success .order-details-items .block-action .button:hover, .block.success-register .block-action .button:hover, .block.related .block-action .navigation .nav-button > a:hover, .navigation .block.related .block-action .nav-button > a:hover, .block.widget.block-products-list.blue .block-action .navigation .nav-button > a:hover, .navigation .block.widget.block-products-list.blue .block-action .nav-button > a:hover, .products.wrapper.trending .block-action .navigation .nav-button > a:hover, .navigation .products.wrapper.trending .block-action .nav-button > a:hover, .block.crosssell .block-action .navigation .nav-button > a:hover, .navigation .block.crosssell .block-action .nav-button > a:hover, .block.order-history .block-action .navigation .nav-button > a:hover, .navigation .block.order-history .block-action .nav-button > a:hover, .block.block-wishlist .block-action .navigation .nav-button > a:hover, .navigation .block.block-wishlist .block-action .nav-button > a:hover, .block.block-bundled-items .block-action .navigation .nav-button > a:hover, .navigation .block.block-bundled-items .block-action .nav-button > a:hover, .block.owned-games .block-action .navigation .nav-button > a:hover, .navigation .block.owned-games .block-action .nav-button > a:hover, .block.user-reviews .block-action .navigation .nav-button > a:hover, .navigation .block.user-reviews .block-action .nav-button > a:hover, .block.block-storyblok-products .block-action .navigation .nav-button > a:hover, .navigation .block.block-storyblok-products .block-action .nav-button > a:hover, .product-faqs_inner .block-action .navigation .nav-button > a:hover, .navigation .product-faqs_inner .block-action .nav-button > a:hover, .block.social-share .block-action .navigation .nav-button > a:hover, .navigation .block.social-share .block-action .nav-button > a:hover, .checkout-success .order-details-items .block-action .navigation .nav-button > a:hover, .navigation .checkout-success .order-details-items .block-action .nav-button > a:hover, .block.success-register .block-action .navigation .nav-button > a:hover, .navigation .block.success-register .block-action .nav-button > a:hover, .block.related .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.related .block-action .action-delete:hover, .block.widget.block-products-list.blue .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.widget.block-products-list.blue .block-action .action-delete:hover, .products.wrapper.trending .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .products.wrapper.trending .block-action .action-delete:hover, .block.crosssell .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.crosssell .block-action .action-delete:hover, .block.order-history .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.order-history .block-action .action-delete:hover, .block.block-wishlist .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-wishlist .block-action .action-delete:hover, .block.block-bundled-items .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-bundled-items .block-action .action-delete:hover, .block.owned-games .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.owned-games .block-action .action-delete:hover, .block.user-reviews .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.user-reviews .block-action .action-delete:hover, .block.block-storyblok-products .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-storyblok-products .block-action .action-delete:hover, .product-faqs_inner .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .product-faqs_inner .block-action .action-delete:hover, .block.social-share .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.social-share .block-action .action-delete:hover, .checkout-success .order-details-items .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .checkout-success .order-details-items .block-action .action-delete:hover, .block.success-register .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.success-register .block-action .action-delete:hover, .block.related .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.related .block-action .action-accept:hover, .block.widget.block-products-list.blue .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.widget.block-products-list.blue .block-action .action-accept:hover, .products.wrapper.trending .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .products.wrapper.trending .block-action .action-accept:hover, .block.crosssell .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.crosssell .block-action .action-accept:hover, .block.order-history .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.order-history .block-action .action-accept:hover, .block.block-wishlist .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.block-wishlist .block-action .action-accept:hover, .block.block-bundled-items .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.block-bundled-items .block-action .action-accept:hover, .block.owned-games .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.owned-games .block-action .action-accept:hover, .block.user-reviews .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.user-reviews .block-action .action-accept:hover, .block.block-storyblok-products .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.block-storyblok-products .block-action .action-accept:hover, .product-faqs_inner .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .product-faqs_inner .block-action .action-accept:hover, .block.social-share .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.social-share .block-action .action-accept:hover, .checkout-success .order-details-items .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .checkout-success .order-details-items .block-action .action-accept:hover, .block.success-register .block-action .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .block.success-register .block-action .action-accept:hover, .block.related .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.related .block-action .action-dismiss:hover, .block.widget.block-products-list.blue .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.widget.block-products-list.blue .block-action .action-dismiss:hover, .products.wrapper.trending .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .products.wrapper.trending .block-action .action-dismiss:hover, .block.crosssell .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.crosssell .block-action .action-dismiss:hover, .block.order-history .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.order-history .block-action .action-dismiss:hover, .block.block-wishlist .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.block-wishlist .block-action .action-dismiss:hover, .block.block-bundled-items .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.block-bundled-items .block-action .action-dismiss:hover, .block.owned-games .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.owned-games .block-action .action-dismiss:hover, .block.user-reviews .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.user-reviews .block-action .action-dismiss:hover, .block.block-storyblok-products .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.block-storyblok-products .block-action .action-dismiss:hover, .product-faqs_inner .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .product-faqs_inner .block-action .action-dismiss:hover, .block.social-share .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.social-share .block-action .action-dismiss:hover, .checkout-success .order-details-items .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .checkout-success .order-details-items .block-action .action-dismiss:hover, .block.success-register .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.success-register .block-action .action-dismiss:hover, .navigation .nav-button > a.blue:hover, .navigation .nav-button.blue > a:hover, .cart-items .cart-items-item .product-item-error .blue.action-delete:hover, .modals-wrapper .modal-popup .blue.action-accept:hover, .modals-wrapper .modal-popup .blue.action-dismiss:hover, .aw-giftcard .aw-giftcard-codes-block .box .action-apply a:hover,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply a:hover,
.action.primary.blue:hover {
background-color: #45a2f9; }
.button.green, .block.widget.block-products-list.green .block-action .button, .block.block-reward-dashboard-transaction .block-action .button, .block.block-mini-dashboard .block-action .button, .block.widget.block-products-list.green .block-action .navigation .nav-button > a, .navigation .block.widget.block-products-list.green .block-action .nav-button > a, .block.block-reward-dashboard-transaction .block-action .navigation .nav-button > a, .navigation .block.block-reward-dashboard-transaction .block-action .nav-button > a, .block.block-mini-dashboard .block-action .navigation .nav-button > a, .navigation .block.block-mini-dashboard .block-action .nav-button > a, .block.widget.block-products-list.green .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.widget.block-products-list.green .block-action .action-delete, .block.block-reward-dashboard-transaction .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.block-reward-dashboard-transaction .block-action .action-delete, .block.block-mini-dashboard .block-action .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.block-mini-dashboard .block-action .action-delete, .block.widget.block-products-list.green .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.widget.block-products-list.green .block-action .action-accept, .block.block-reward-dashboard-transaction .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.block-reward-dashboard-transaction .block-action .action-accept, .block.block-mini-dashboard .block-action .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.block-mini-dashboard .block-action .action-accept, .block.widget.block-products-list.green .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.widget.block-products-list.green .block-action .action-dismiss, .block.block-reward-dashboard-transaction .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.block-reward-dashboard-transaction .block-action .action-dismiss, .block.block-mini-dashboard .block-action .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.block-mini-dashboard .block-action .action-dismiss, .navigation .nav-button > a.green, .navigation .nav-button.green > a, .cart-items .cart-items-item .product-item-error .green.action-delete, .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .green.action-dismiss, .payment-methods .actions-toolbar .action,
.action.primary.green {
background-color: #0e9b72;
border-color: #0e9b72;
background-image: linear-gradient(to top, #0e9b72 0%, #24b48b 50%, #44e6b7 100%); }
.button.green:hover, .block.widget.block-products-list.green .block-action .button:hover, .block.block-reward-dashboard-transaction .block-action .button:hover, .block.block-mini-dashboard .block-action .button:hover, .block.widget.block-products-list.green .block-action .navigation .nav-button > a:hover, .navigation .block.widget.block-products-list.green .block-action .nav-button > a:hover, .block.block-reward-dashboard-transaction .block-action .navigation .nav-button > a:hover, .navigation .block.block-reward-dashboard-transaction .block-action .nav-button > a:hover, .block.block-mini-dashboard .block-action .navigation .nav-button > a:hover, .navigation .block.block-mini-dashboard .block-action .nav-button > a:hover, .block.widget.block-products-list.green .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.widget.block-products-list.green .block-action .action-delete:hover, .block.block-reward-dashboard-transaction .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-reward-dashboard-transaction .block-action .action-delete:hover, .block.block-mini-dashboard .block-action .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-mini-dashboard .block-action .action-delete:hover, .block.widget.block-products-list.green .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.widget.block-products-list.green .block-action .action-dismiss:hover, .block.block-reward-dashboard-transaction .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.block-reward-dashboard-transaction .block-action .action-dismiss:hover, .block.block-mini-dashboard .block-action .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .block.block-mini-dashboard .block-action .action-dismiss:hover, .navigation .nav-button > a.green:hover, .navigation .nav-button.green > a:hover, .cart-items .cart-items-item .product-item-error .green.action-delete:hover, .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .green.action-dismiss:hover, .payment-methods .actions-toolbar .action:hover,
.action.primary.green:hover {
background-color: #20c293; }
.button.purple, .navigation .nav-button > a.purple, .navigation .nav-button.button.purple > a, .navigation .nav-button > a.nav-button.purple > a, .navigation .cart-items .cart-items-item .product-item-error .nav-button.purple.action-delete > a, .cart-items .cart-items-item .product-item-error .navigation .nav-button.purple.action-delete > a, .navigation .modals-wrapper .modal-popup .nav-button.purple.action-accept > a, .modals-wrapper .modal-popup .navigation .nav-button.purple.action-accept > a, .navigation .modals-wrapper .modal-popup .nav-button.purple.action-dismiss > a, .modals-wrapper .modal-popup .navigation .nav-button.purple.action-dismiss > a, .cart-items .cart-items-item .product-item-error .purple.action-delete, .modals-wrapper .modal-popup .purple.action-accept, .modals-wrapper .modal-popup .purple.action-dismiss,
.action.primary.purple {
background-color: #525282;
border-color: #525282;
background-image: linear-gradient(to top, #525282 0%, #3e3e63 50%, #2b2b43 100%); }
.button.purple:hover, .navigation .nav-button > a.purple:hover, .navigation .nav-button.button.purple > a:hover, .navigation .nav-button > a.nav-button.purple > a:hover, .navigation .cart-items .cart-items-item .product-item-error .nav-button.purple.action-delete > a:hover, .cart-items .cart-items-item .product-item-error .navigation .nav-button.purple.action-delete > a:hover, .navigation .modals-wrapper .modal-popup .nav-button.purple.action-accept > a:hover, .modals-wrapper .modal-popup .navigation .nav-button.purple.action-accept > a:hover, .navigation .modals-wrapper .modal-popup .nav-button.purple.action-dismiss > a:hover, .modals-wrapper .modal-popup .navigation .nav-button.purple.action-dismiss > a:hover, .cart-items .cart-items-item .product-item-error .purple.action-delete:hover, .modals-wrapper .modal-popup .purple.action-accept:hover, .modals-wrapper .modal-popup .purple.action-dismiss:hover,
.action.primary.purple:hover {
background-color: #212134; }
.button.deep-purple, .navigation .nav-button > a.deep-purple, .cart-items .cart-items-item .product-item-error .deep-purple.action-delete, .modals-wrapper .modal-popup .deep-purple.action-accept, .modals-wrapper .modal-popup .deep-purple.action-dismiss,
.action.primary.deep-purple {
background-color: #0c0020;
border-color: #525282; }
.button.grey, .navigation .nav-button > a.grey, .cart-items .cart-items-item .product-item-error .grey.action-delete, .modals-wrapper .modal-popup .grey.action-accept, .modals-wrapper .modal-popup .grey.action-dismiss,
.action.primary.grey {
background-color: #9694aa;
border-color: #9694aa;
background-image: linear-gradient(to top, #9694aa 0%, #7a7893 50%, #626078 100%); }
.button.grey:hover, .navigation .nav-button > a.grey:hover, .cart-items .cart-items-item .product-item-error .grey.action-delete:hover, .modals-wrapper .modal-popup .grey.action-accept:hover, .modals-wrapper .modal-popup .grey.action-dismiss:hover,
.action.primary.grey:hover {
background-color: #56546a;
border-color: #0c0020; }
.button.grey.outline:hover, .navigation .nav-button > a.grey.outline:hover, .cart-items .cart-items-item .product-item-error .grey.outline.action-delete:hover, .modals-wrapper .modal-popup .grey.outline.action-accept:hover, .modals-wrapper .modal-popup .grey.outline.action-dismiss:hover,
.action.primary.grey.outline:hover {
border-color: #0c0020; }
.button.red, .navigation .nav-button > a.red, .cart-items .cart-items-item .product-item-error .red.action-delete, .modals-wrapper .modal-popup .red.action-accept, .modals-wrapper .modal-popup .red.action-dismiss,
.action.primary.red {
background-color: #ff350d;
border-color: #ff350d;
background-image: linear-gradient(to top, #ff350d 0%, #d92400 50%, #a61b00 100%); }
.button.red:hover, .navigation .nav-button > a.red:hover, .cart-items .cart-items-item .product-item-error .red.action-delete:hover, .modals-wrapper .modal-popup .red.action-accept:hover, .modals-wrapper .modal-popup .red.action-dismiss:hover,
.action.primary.red:hover {
background-color: #8d1700;
border-color: #ff350d; }
.button.red.outline:hover, .navigation .nav-button > a.red.outline:hover, .cart-items .cart-items-item .product-item-error .red.outline.action-delete:hover, .modals-wrapper .modal-popup .red.outline.action-accept:hover, .modals-wrapper .modal-popup .red.outline.action-dismiss:hover,
.action.primary.red.outline:hover {
border-color: #ff350d; }
.button.facebook, .navigation .nav-button > a.facebook, .cart-items .cart-items-item .product-item-error .facebook.action-delete, .modals-wrapper .modal-popup .facebook.action-accept, .modals-wrapper .modal-popup .facebook.action-dismiss,
.action.primary.facebook {
background-color: #293067;
background-image: linear-gradient(to top, #293067 0%, #2b4a91 100%);
border-color: #293067; }
.button.facebook:hover, .navigation .nav-button > a.facebook:hover, .cart-items .cart-items-item .product-item-error .facebook.action-delete:hover, .modals-wrapper .modal-popup .facebook.action-accept:hover, .modals-wrapper .modal-popup .facebook.action-dismiss:hover,
.action.primary.facebook:hover {
background-color: #2f3772; }
.button.facebook i, .navigation .nav-button > a.facebook i, .cart-items .cart-items-item .product-item-error .facebook.action-delete i, .modals-wrapper .modal-popup .facebook.action-accept i, .modals-wrapper .modal-popup .facebook.action-dismiss i,
.action.primary.facebook i {
background-image: url("../images/icons/login/facebook.svg"); }
.button.google, .navigation .nav-button > a.google, .cart-items .cart-items-item .product-item-error .google.action-delete, .modals-wrapper .modal-popup .google.action-accept, .modals-wrapper .modal-popup .google.action-dismiss,
.action.primary.google {
background-color: #bf3426;
background-image: linear-gradient(to top, #bf3426 0%, #e3584a 100%);
border-color: #bf3426; }
.button.google:hover, .navigation .nav-button > a.google:hover, .cart-items .cart-items-item .product-item-error .google.action-delete:hover, .modals-wrapper .modal-popup .google.action-accept:hover, .modals-wrapper .modal-popup .google.action-dismiss:hover,
.action.primary.google:hover {
background-color: #d14234; }
.button.google i, .navigation .nav-button > a.google i, .cart-items .cart-items-item .product-item-error .google.action-delete i, .modals-wrapper .modal-popup .google.action-accept i, .modals-wrapper .modal-popup .google.action-dismiss i,
.action.primary.google i {
background-image: url("../images/icons/login/google.svg"); }
.button.steam, .navigation .nav-button > a.steam, .cart-items .cart-items-item .product-item-error .steam.action-delete, .modals-wrapper .modal-popup .steam.action-accept, .modals-wrapper .modal-popup .steam.action-dismiss,
.action.primary.steam {
background-color: #06193c;
background-image: linear-gradient(to top, #06193c 0%, #1383b4 100%);
border-color: #06193c; }
.button.steam:hover, .navigation .nav-button > a.steam:hover, .cart-items .cart-items-item .product-item-error .steam.action-delete:hover, .modals-wrapper .modal-popup .steam.action-accept:hover, .modals-wrapper .modal-popup .steam.action-dismiss:hover,
.action.primary.steam:hover {
background-color: #09204c; }
.button.steam i, .navigation .nav-button > a.steam i, .cart-items .cart-items-item .product-item-error .steam.action-delete i, .modals-wrapper .modal-popup .steam.action-accept i, .modals-wrapper .modal-popup .steam.action-dismiss i,
.action.primary.steam i {
background-image: url("../images/icons/login/steam.svg"); }
.button.twitch, .navigation .nav-button > a.twitch, .cart-items .cart-items-item .product-item-error .twitch.action-delete, .modals-wrapper .modal-popup .twitch.action-accept, .modals-wrapper .modal-popup .twitch.action-dismiss,
.action.primary.twitch {
background-color: #8739f8;
background-image: linear-gradient(to top, #8739f8 0%, #ab72ff 100%);
border-color: #8739f8; }
.button.twitch:hover, .navigation .nav-button > a.twitch:hover, .cart-items .cart-items-item .product-item-error .twitch.action-delete:hover, .modals-wrapper .modal-popup .twitch.action-accept:hover, .modals-wrapper .modal-popup .twitch.action-dismiss:hover,
.action.primary.twitch:hover {
background-color: #9c58ff; }
.button.twitch i, .navigation .nav-button > a.twitch i, .cart-items .cart-items-item .product-item-error .twitch.action-delete i, .modals-wrapper .modal-popup .twitch.action-accept i, .modals-wrapper .modal-popup .twitch.action-dismiss i,
.action.primary.twitch i {
background-image: url("../images/icons/login/twitch.svg"); }
.button.twitter, .navigation .nav-button > a.twitter, .cart-items .cart-items-item .product-item-error .twitter.action-delete, .modals-wrapper .modal-popup .twitter.action-accept, .modals-wrapper .modal-popup .twitter.action-dismiss,
.action.primary.twitter {
background-color: #386fbb;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
border-color: #386fbb; }
.button.twitter:hover, .navigation .nav-button > a.twitter:hover, .cart-items .cart-items-item .product-item-error .twitter.action-delete:hover, .modals-wrapper .modal-popup .twitter.action-accept:hover, .modals-wrapper .modal-popup .twitter.action-dismiss:hover,
.action.primary.twitter:hover {
background-color: #4b86d7; }
.button.twitter i, .navigation .nav-button > a.twitter i, .cart-items .cart-items-item .product-item-error .twitter.action-delete i, .modals-wrapper .modal-popup .twitter.action-accept i, .modals-wrapper .modal-popup .twitter.action-dismiss i,
.action.primary.twitter i {
background-image: url("../images/icons/login/twitter.svg"); }
.button.amazon, .navigation .nav-button > a.amazon, .cart-items .cart-items-item .product-item-error .amazon.action-delete, .modals-wrapper .modal-popup .amazon.action-accept, .modals-wrapper .modal-popup .amazon.action-dismiss,
.action.primary.amazon {
background-color: #ffb72b;
background-image: linear-gradient(to top, #ffb72b 0%, #fccf62 100%);
border-color: #ffb72b; }
.button.amazon:hover, .navigation .nav-button > a.amazon:hover, .cart-items .cart-items-item .product-item-error .amazon.action-delete:hover, .modals-wrapper .modal-popup .amazon.action-accept:hover, .modals-wrapper .modal-popup .amazon.action-dismiss:hover,
.action.primary.amazon:hover {
background-color: #ffbe40;
background-image: linear-gradient(to top, #ffbe40 0%, #ffdf91 100%); }
.button.amazon i, .navigation .nav-button > a.amazon i, .cart-items .cart-items-item .product-item-error .amazon.action-delete i, .modals-wrapper .modal-popup .amazon.action-accept i, .modals-wrapper .modal-popup .amazon.action-dismiss i,
.action.primary.amazon i {
background-image: url("../images/icons/login/amazon.svg"); }
.button.battlenet, .navigation .nav-button > a.battlenet, .cart-items .cart-items-item .product-item-error .battlenet.action-delete, .modals-wrapper .modal-popup .battlenet.action-accept, .modals-wrapper .modal-popup .battlenet.action-dismiss,
.action.primary.battlenet {
background-color: #2a478c;
background-image: linear-gradient(to top, #2a478c 0%, #45a2f9 100%);
border-color: #2a478c; }
.button.battlenet:hover, .navigation .nav-button > a.battlenet:hover, .cart-items .cart-items-item .product-item-error .battlenet.action-delete:hover, .modals-wrapper .modal-popup .battlenet.action-accept:hover, .modals-wrapper .modal-popup .battlenet.action-dismiss:hover,
.action.primary.battlenet:hover {
background-color: #34549f; }
.button.battlenet i, .navigation .nav-button > a.battlenet i, .cart-items .cart-items-item .product-item-error .battlenet.action-delete i, .modals-wrapper .modal-popup .battlenet.action-accept i, .modals-wrapper .modal-popup .battlenet.action-dismiss i,
.action.primary.battlenet i {
background-image: url("../images/icons/login/battle-dot-net.svg"); }
.button.whatsapp, .navigation .nav-button > a.whatsapp, .cart-items .cart-items-item .product-item-error .whatsapp.action-delete, .modals-wrapper .modal-popup .whatsapp.action-accept, .modals-wrapper .modal-popup .whatsapp.action-dismiss,
.action.primary.whatsapp {
background-color: #2bb927;
background-image: linear-gradient(to top, #2bb927 0%, #40e35e 100%);
border-color: #2bb927; }
.button.whatsapp:hover, .navigation .nav-button > a.whatsapp:hover, .cart-items .cart-items-item .product-item-error .whatsapp.action-delete:hover, .modals-wrapper .modal-popup .whatsapp.action-accept:hover, .modals-wrapper .modal-popup .whatsapp.action-dismiss:hover,
.action.primary.whatsapp:hover {
background-color: #2bb927; }
.button.whatsapp i, .navigation .nav-button > a.whatsapp i, .cart-items .cart-items-item .product-item-error .whatsapp.action-delete i, .modals-wrapper .modal-popup .whatsapp.action-accept i, .modals-wrapper .modal-popup .whatsapp.action-dismiss i,
.action.primary.whatsapp i {
background-image: url("../images/icons/login/whatsapp.svg"); }
.button.flat, .navigation .nav-button > a.flat, .cart-items .cart-items-item .product-item-error .flat.action-delete, .modals-wrapper .modal-popup .flat.action-accept, .modals-wrapper .modal-popup .flat.action-dismiss, .button.flat:hover, .navigation .nav-button > a.flat:hover, .cart-items .cart-items-item .product-item-error .flat.action-delete:hover, .modals-wrapper .modal-popup .flat.action-accept:hover, .modals-wrapper .modal-popup .flat.action-dismiss:hover,
.action.primary.flat,
.action.primary.flat:hover {
background-image: none; }
.button.outline, .navigation .nav-button > a.outline, .cart-items .cart-items-item .product-item-error .outline.action-delete, .modals-wrapper .modal-popup .outline.action-accept, .modals-wrapper .modal-popup .outline.action-dismiss,
.action.primary.outline {
background-color: transparent;
background-image: none; }
.button.outline:hover, .navigation .nav-button > a.outline:hover, .cart-items .cart-items-item .product-item-error .outline.action-delete:hover, .modals-wrapper .modal-popup .outline.action-accept:hover, .modals-wrapper .modal-popup .outline.action-dismiss:hover,
.action.primary.outline:hover {
background-color: transparent;
background-image: none;
border-color: #fff; }
@media only screen and (max-width: 767px) {
.button.max-m--block, .navigation .nav-button > a.max-m--block, .cart-items .cart-items-item .product-item-error .max-m--block.action-delete, .modals-wrapper .modal-popup .max-m--block.action-accept, .modals-wrapper .modal-popup .max-m--block.action-dismiss {
width: 100%; }
.button.max-m--l, .navigation .nav-button > a.max-m--l, .cart-items .cart-items-item .product-item-error .max-m--l.action-delete, .modals-wrapper .modal-popup .max-m--l.action-accept, .modals-wrapper .modal-popup .max-m--l.action-dismiss {
font-size: 1.4rem; } }
.button-yellow {
background-color: #ffa828; }
.button-yellow-flat {
background-color: #ffa828; }
.button-link, .modals-wrapper .modal-popup .action-link, .password-toggle button.password-toggle_button, .refresh-key, .promo-bar .promo-bar-close {
background-color: transparent;
background-image: none;
border: none;
margin: 0;
outline: none;
padding: 0; }
.button-link, .modals-wrapper .modal-popup .action-link {
color: inherit;
cursor: pointer;
font-size: 1rem;
letter-spacing: 0.05em;
text-decoration: underline;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.button-link, .modals-wrapper .modal-popup .action-link {
font-size: 1.6rem; } }
#quick_buttons #expand {
display: none; }
#quick_buttons.active {
margin-top: 12px;
padding-top: 50px;
position: relative; }
#quick_buttons.active .qb_container {
max-height: 52px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%; }
#quick_buttons.active .qb_container .chevron {
transition-duration: 200ms; }
#quick_buttons.active .qb_container.opened {
border-top-left-radius: 1.7em;
border-top-right-radius: 1.7em;
border-bottom-left-radius: 0.7em;
border-bottom-right-radius: 0.7em;
background: white;
overflow: visible;
max-height: unset; }
#quick_buttons.active .qb_container.opened .action {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
#quick_buttons.active .qb_container.opened .chevron {
transition-duration: 200ms;
transform: translate(-50%, -50%) rotate(180deg); }
#quick_buttons.active .content {
padding: 0 10px 5px 10px;
padding-top: 0; }
#quick_buttons.active .payment_icons {
display: flex; }
#quick_buttons.active .payment_icons svg {
margin-right: 2px; }
#quick_buttons.active #paypal-icon,
#quick_buttons.active #paypal-card-icon,
#quick_buttons.active #applepay-icon {
display: none; }
#quick_buttons.active .apple-pay-button {
margin: 10px 0;
max-height: 42px !important;
-apple-pay-button-style: black !important; }
#quick_buttons.active #expand.action {
display: flex;
width: 100%;
padding: 12px 26px;
color: black;
font-size: 1.6rem;
background: white;
justify-content: space-between; }
.breadcrumbs {
padding: 0 0 30px; }
.breadcrumbs ul {
list-style: none;
margin: 0;
padding: 0; }
.breadcrumbs li {
display: inline-block;
margin: 0;
padding: 0 15px;
position: relative; }
.breadcrumbs li:first-child {
padding-left: 0; }
.breadcrumbs li:not(:last-child):after {
background: #58506f;
content: '';
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 1px; }
.breadcrumbs a,
.breadcrumbs strong {
color: #807898;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.69px;
line-height: 1;
text-transform: uppercase; }
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"],
textarea,
select {
border: 1px solid #e8e6ed;
border-radius: 3px;
font-size: 1.6rem;
height: auto;
padding: 0.5em 1em;
transition: border-color 0.3s;
width: 100%; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
border-color: #9694aa;
box-shadow: none;
font-size: 1.6rem;
outline: none; }
@media only screen and (min-width: 768px) {
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"],
textarea,
select {
font-size: 1.6rem; } }
select {
-webkit-appearance: none;
appearance: none; }
select option {
color: #333; }
.field,
.field .label,
.field .control {
display: block; }
.field.required > .label:after, .field._required > .label:after {
content: '*'; }
.field + .field {
margin-top: 15px; }
.field .control {
margin-top: 10px; }
@media only screen and (min-width: 768px) {
.field + .field {
margin-top: 30px; } }
.form .actions-toolbar {
margin-top: 20px; }
.checkout-billing-address form input[type="text"], .form-address-edit input[type="text"], .form-edit-account input[type="text"], .form-newsletter-manage input[type="text"], .form-rewards-setting input[type="text"], .form-create-account input[type="text"], .form.password.forget input[type="text"], .form.password.reset input[type="text"], .form.form-new-agreement input[type="text"], .page-product-giftcard .aw-gc-product-add-form input[type="text"], .form.form-affiliate-login input[type="text"], .affiliates-signup-form_inner .signup-form input[type="text"], .block.block-signpost .form input[type="text"], .block.block-generic-form .form input[type="text"], .form-orders-search input[type="text"], .block.block-competition-form form input[type="text"],
.checkout-billing-address form input[type="password"],
.form-address-edit input[type="password"],
.form-edit-account input[type="password"],
.form-newsletter-manage input[type="password"],
.form-rewards-setting input[type="password"],
.form-create-account input[type="password"],
.form.password.forget input[type="password"],
.form.password.reset input[type="password"],
.form.form-new-agreement input[type="password"],
.page-product-giftcard .aw-gc-product-add-form input[type="password"],
.form.form-affiliate-login input[type="password"],
.affiliates-signup-form_inner .signup-form input[type="password"],
.block.block-signpost .form input[type="password"],
.block.block-generic-form .form input[type="password"],
.form-orders-search input[type="password"],
.block.block-competition-form form input[type="password"],
.checkout-billing-address form input[type="url"],
.form-address-edit input[type="url"],
.form-edit-account input[type="url"],
.form-newsletter-manage input[type="url"],
.form-rewards-setting input[type="url"],
.form-create-account input[type="url"],
.form.password.forget input[type="url"],
.form.password.reset input[type="url"],
.form.form-new-agreement input[type="url"],
.page-product-giftcard .aw-gc-product-add-form input[type="url"],
.form.form-affiliate-login input[type="url"],
.affiliates-signup-form_inner .signup-form input[type="url"],
.block.block-signpost .form input[type="url"],
.block.block-generic-form .form input[type="url"],
.form-orders-search input[type="url"],
.block.block-competition-form form input[type="url"],
.checkout-billing-address form input[type="tel"],
.form-address-edit input[type="tel"],
.form-edit-account input[type="tel"],
.form-newsletter-manage input[type="tel"],
.form-rewards-setting input[type="tel"],
.form-create-account input[type="tel"],
.form.password.forget input[type="tel"],
.form.password.reset input[type="tel"],
.form.form-new-agreement input[type="tel"],
.page-product-giftcard .aw-gc-product-add-form input[type="tel"],
.form.form-affiliate-login input[type="tel"],
.affiliates-signup-form_inner .signup-form input[type="tel"],
.block.block-signpost .form input[type="tel"],
.block.block-generic-form .form input[type="tel"],
.form-orders-search input[type="tel"],
.block.block-competition-form form input[type="tel"],
.checkout-billing-address form input[type="search"],
.form-address-edit input[type="search"],
.form-edit-account input[type="search"],
.form-newsletter-manage input[type="search"],
.form-rewards-setting input[type="search"],
.form-create-account input[type="search"],
.form.password.forget input[type="search"],
.form.password.reset input[type="search"],
.form.form-new-agreement input[type="search"],
.page-product-giftcard .aw-gc-product-add-form input[type="search"],
.form.form-affiliate-login input[type="search"],
.affiliates-signup-form_inner .signup-form input[type="search"],
.block.block-signpost .form input[type="search"],
.block.block-generic-form .form input[type="search"],
.form-orders-search input[type="search"],
.block.block-competition-form form input[type="search"],
.checkout-billing-address form input[type="number"],
.form-address-edit input[type="number"],
.form-edit-account input[type="number"],
.form-newsletter-manage input[type="number"],
.form-rewards-setting input[type="number"],
.form-create-account input[type="number"],
.form.password.forget input[type="number"],
.form.password.reset input[type="number"],
.form.form-new-agreement input[type="number"],
.page-product-giftcard .aw-gc-product-add-form input[type="number"],
.form.form-affiliate-login input[type="number"],
.affiliates-signup-form_inner .signup-form input[type="number"],
.block.block-signpost .form input[type="number"],
.block.block-generic-form .form input[type="number"],
.form-orders-search input[type="number"],
.block.block-competition-form form input[type="number"],
.checkout-billing-address form input[type="datetime"],
.form-address-edit input[type="datetime"],
.form-edit-account input[type="datetime"],
.form-newsletter-manage input[type="datetime"],
.form-rewards-setting input[type="datetime"],
.form-create-account input[type="datetime"],
.form.password.forget input[type="datetime"],
.form.password.reset input[type="datetime"],
.form.form-new-agreement input[type="datetime"],
.page-product-giftcard .aw-gc-product-add-form input[type="datetime"],
.form.form-affiliate-login input[type="datetime"],
.affiliates-signup-form_inner .signup-form input[type="datetime"],
.block.block-signpost .form input[type="datetime"],
.block.block-generic-form .form input[type="datetime"],
.form-orders-search input[type="datetime"],
.block.block-competition-form form input[type="datetime"],
.checkout-billing-address form input[type="email"],
.form-address-edit input[type="email"],
.form-edit-account input[type="email"],
.form-newsletter-manage input[type="email"],
.form-rewards-setting input[type="email"],
.form-create-account input[type="email"],
.form.password.forget input[type="email"],
.form.password.reset input[type="email"],
.form.form-new-agreement input[type="email"],
.page-product-giftcard .aw-gc-product-add-form input[type="email"],
.form.form-affiliate-login input[type="email"],
.affiliates-signup-form_inner .signup-form input[type="email"],
.block.block-signpost .form input[type="email"],
.block.block-generic-form .form input[type="email"],
.form-orders-search input[type="email"],
.block.block-competition-form form input[type="email"],
.checkout-billing-address form textarea,
.form-address-edit textarea,
.form-edit-account textarea,
.form-newsletter-manage textarea,
.form-rewards-setting textarea,
.form-create-account textarea,
.form.password.forget textarea,
.form.password.reset textarea,
.form.form-new-agreement textarea,
.page-product-giftcard .aw-gc-product-add-form textarea,
.form.form-affiliate-login textarea,
.affiliates-signup-form_inner .signup-form textarea,
.block.block-signpost .form textarea,
.block.block-generic-form .form textarea,
.form-orders-search textarea,
.block.block-competition-form form textarea,
.checkout-billing-address form select,
.form-address-edit select,
.form-edit-account select,
.form-newsletter-manage select,
.form-rewards-setting select,
.form-create-account select,
.form.password.forget select,
.form.password.reset select,
.form.form-new-agreement select,
.page-product-giftcard .aw-gc-product-add-form select,
.form.form-affiliate-login select,
.affiliates-signup-form_inner .signup-form select,
.block.block-signpost .form select,
.block.block-generic-form .form select,
.form-orders-search select,
.block.block-competition-form form select, .form.form-email .fieldset input, .form-login .fieldset input, .form-login .field.verification-code input, .block.newsletter .form.subscribe input, .block.block-customer-device .verification-code input, .unsubscribe input {
background-color: transparent;
background-position: right 10px center;
border-color: #5f5e7e;
border-radius: 100px;
border-style: solid;
border-width: 1px;
color: #fff;
font-family: "Quantico", sans-serif;
letter-spacing: 0.05em;
padding: 7px 35px 7px 20px;
transition: border-color 0.3s; }
.checkout-billing-address form input[type="text"]::placeholder, .form-address-edit input[type="text"]::placeholder, .form-edit-account input[type="text"]::placeholder, .form-newsletter-manage input[type="text"]::placeholder, .form-rewards-setting input[type="text"]::placeholder, .form-create-account input[type="text"]::placeholder, .form.password.forget input[type="text"]::placeholder, .form.password.reset input[type="text"]::placeholder, .form.form-new-agreement input[type="text"]::placeholder, .page-product-giftcard .aw-gc-product-add-form input[type="text"]::placeholder, .form.form-affiliate-login input[type="text"]::placeholder, .affiliates-signup-form_inner .signup-form input[type="text"]::placeholder, .block.block-signpost .form input[type="text"]::placeholder, .block.block-generic-form .form input[type="text"]::placeholder, .form-orders-search input[type="text"]::placeholder, .block.block-competition-form form input[type="text"]::placeholder,
.checkout-billing-address form input[type="password"]::placeholder,
.form-address-edit input[type="password"]::placeholder,
.form-edit-account input[type="password"]::placeholder,
.form-newsletter-manage input[type="password"]::placeholder,
.form-rewards-setting input[type="password"]::placeholder,
.form-create-account input[type="password"]::placeholder,
.form.password.forget input[type="password"]::placeholder,
.form.password.reset input[type="password"]::placeholder,
.form.form-new-agreement input[type="password"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="password"]::placeholder,
.form.form-affiliate-login input[type="password"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="password"]::placeholder,
.block.block-signpost .form input[type="password"]::placeholder,
.block.block-generic-form .form input[type="password"]::placeholder,
.form-orders-search input[type="password"]::placeholder,
.block.block-competition-form form input[type="password"]::placeholder,
.checkout-billing-address form input[type="url"]::placeholder,
.form-address-edit input[type="url"]::placeholder,
.form-edit-account input[type="url"]::placeholder,
.form-newsletter-manage input[type="url"]::placeholder,
.form-rewards-setting input[type="url"]::placeholder,
.form-create-account input[type="url"]::placeholder,
.form.password.forget input[type="url"]::placeholder,
.form.password.reset input[type="url"]::placeholder,
.form.form-new-agreement input[type="url"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="url"]::placeholder,
.form.form-affiliate-login input[type="url"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="url"]::placeholder,
.block.block-signpost .form input[type="url"]::placeholder,
.block.block-generic-form .form input[type="url"]::placeholder,
.form-orders-search input[type="url"]::placeholder,
.block.block-competition-form form input[type="url"]::placeholder,
.checkout-billing-address form input[type="tel"]::placeholder,
.form-address-edit input[type="tel"]::placeholder,
.form-edit-account input[type="tel"]::placeholder,
.form-newsletter-manage input[type="tel"]::placeholder,
.form-rewards-setting input[type="tel"]::placeholder,
.form-create-account input[type="tel"]::placeholder,
.form.password.forget input[type="tel"]::placeholder,
.form.password.reset input[type="tel"]::placeholder,
.form.form-new-agreement input[type="tel"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="tel"]::placeholder,
.form.form-affiliate-login input[type="tel"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="tel"]::placeholder,
.block.block-signpost .form input[type="tel"]::placeholder,
.block.block-generic-form .form input[type="tel"]::placeholder,
.form-orders-search input[type="tel"]::placeholder,
.block.block-competition-form form input[type="tel"]::placeholder,
.checkout-billing-address form input[type="search"]::placeholder,
.form-address-edit input[type="search"]::placeholder,
.form-edit-account input[type="search"]::placeholder,
.form-newsletter-manage input[type="search"]::placeholder,
.form-rewards-setting input[type="search"]::placeholder,
.form-create-account input[type="search"]::placeholder,
.form.password.forget input[type="search"]::placeholder,
.form.password.reset input[type="search"]::placeholder,
.form.form-new-agreement input[type="search"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="search"]::placeholder,
.form.form-affiliate-login input[type="search"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="search"]::placeholder,
.block.block-signpost .form input[type="search"]::placeholder,
.block.block-generic-form .form input[type="search"]::placeholder,
.form-orders-search input[type="search"]::placeholder,
.block.block-competition-form form input[type="search"]::placeholder,
.checkout-billing-address form input[type="number"]::placeholder,
.form-address-edit input[type="number"]::placeholder,
.form-edit-account input[type="number"]::placeholder,
.form-newsletter-manage input[type="number"]::placeholder,
.form-rewards-setting input[type="number"]::placeholder,
.form-create-account input[type="number"]::placeholder,
.form.password.forget input[type="number"]::placeholder,
.form.password.reset input[type="number"]::placeholder,
.form.form-new-agreement input[type="number"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="number"]::placeholder,
.form.form-affiliate-login input[type="number"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="number"]::placeholder,
.block.block-signpost .form input[type="number"]::placeholder,
.block.block-generic-form .form input[type="number"]::placeholder,
.form-orders-search input[type="number"]::placeholder,
.block.block-competition-form form input[type="number"]::placeholder,
.checkout-billing-address form input[type="datetime"]::placeholder,
.form-address-edit input[type="datetime"]::placeholder,
.form-edit-account input[type="datetime"]::placeholder,
.form-newsletter-manage input[type="datetime"]::placeholder,
.form-rewards-setting input[type="datetime"]::placeholder,
.form-create-account input[type="datetime"]::placeholder,
.form.password.forget input[type="datetime"]::placeholder,
.form.password.reset input[type="datetime"]::placeholder,
.form.form-new-agreement input[type="datetime"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="datetime"]::placeholder,
.form.form-affiliate-login input[type="datetime"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="datetime"]::placeholder,
.block.block-signpost .form input[type="datetime"]::placeholder,
.block.block-generic-form .form input[type="datetime"]::placeholder,
.form-orders-search input[type="datetime"]::placeholder,
.block.block-competition-form form input[type="datetime"]::placeholder,
.checkout-billing-address form input[type="email"]::placeholder,
.form-address-edit input[type="email"]::placeholder,
.form-edit-account input[type="email"]::placeholder,
.form-newsletter-manage input[type="email"]::placeholder,
.form-rewards-setting input[type="email"]::placeholder,
.form-create-account input[type="email"]::placeholder,
.form.password.forget input[type="email"]::placeholder,
.form.password.reset input[type="email"]::placeholder,
.form.form-new-agreement input[type="email"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="email"]::placeholder,
.form.form-affiliate-login input[type="email"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="email"]::placeholder,
.block.block-signpost .form input[type="email"]::placeholder,
.block.block-generic-form .form input[type="email"]::placeholder,
.form-orders-search input[type="email"]::placeholder,
.block.block-competition-form form input[type="email"]::placeholder,
.checkout-billing-address form textarea::placeholder,
.form-address-edit textarea::placeholder,
.form-edit-account textarea::placeholder,
.form-newsletter-manage textarea::placeholder,
.form-rewards-setting textarea::placeholder,
.form-create-account textarea::placeholder,
.form.password.forget textarea::placeholder,
.form.password.reset textarea::placeholder,
.form.form-new-agreement textarea::placeholder,
.page-product-giftcard .aw-gc-product-add-form textarea::placeholder,
.form.form-affiliate-login textarea::placeholder,
.affiliates-signup-form_inner .signup-form textarea::placeholder,
.block.block-signpost .form textarea::placeholder,
.block.block-generic-form .form textarea::placeholder,
.form-orders-search textarea::placeholder,
.block.block-competition-form form textarea::placeholder,
.checkout-billing-address form select::placeholder,
.form-address-edit select::placeholder,
.form-edit-account select::placeholder,
.form-newsletter-manage select::placeholder,
.form-rewards-setting select::placeholder,
.form-create-account select::placeholder,
.form.password.forget select::placeholder,
.form.password.reset select::placeholder,
.form.form-new-agreement select::placeholder,
.page-product-giftcard .aw-gc-product-add-form select::placeholder,
.form.form-affiliate-login select::placeholder,
.affiliates-signup-form_inner .signup-form select::placeholder,
.block.block-signpost .form select::placeholder,
.block.block-generic-form .form select::placeholder,
.form-orders-search select::placeholder,
.block.block-competition-form form select::placeholder, .form.form-email .fieldset input::placeholder, .form-login .fieldset input::placeholder, .form-login .field.verification-code input::placeholder, .block.newsletter .form.subscribe input::placeholder, .block.block-customer-device .verification-code input::placeholder, .unsubscribe input::placeholder {
color: #525282;
font-family: "Quantico", sans-serif;
font-size: 1.4rem;
opacity: 1;
text-transform: uppercase; }
.checkout-billing-address form input:focus[type="text"], .form-address-edit input:focus[type="text"], .form-edit-account input:focus[type="text"], .form-newsletter-manage input:focus[type="text"], .form-rewards-setting input:focus[type="text"], .form-create-account input:focus[type="text"], .form.password.forget input:focus[type="text"], .form.password.reset input:focus[type="text"], .form.form-new-agreement input:focus[type="text"], .page-product-giftcard .aw-gc-product-add-form input:focus[type="text"], .form.form-affiliate-login input:focus[type="text"], .affiliates-signup-form_inner .signup-form input:focus[type="text"], .block.block-signpost .form input:focus[type="text"], .block.block-generic-form .form input:focus[type="text"], .form-orders-search input:focus[type="text"], .block.block-competition-form form input:focus[type="text"],
.checkout-billing-address form input:focus[type="password"],
.form-address-edit input:focus[type="password"],
.form-edit-account input:focus[type="password"],
.form-newsletter-manage input:focus[type="password"],
.form-rewards-setting input:focus[type="password"],
.form-create-account input:focus[type="password"],
.form.password.forget input:focus[type="password"],
.form.password.reset input:focus[type="password"],
.form.form-new-agreement input:focus[type="password"],
.page-product-giftcard .aw-gc-product-add-form input:focus[type="password"],
.form.form-affiliate-login input:focus[type="password"],
.affiliates-signup-form_inner .signup-form input:focus[type="password"],
.block.block-signpost .form input:focus[type="password"],
.block.block-generic-form .form input:focus[type="password"],
.form-orders-search input:focus[type="password"],
.block.block-competition-form form input:focus[type="password"],
.checkout-billing-address form input:focus[type="url"],
.form-address-edit input:focus[type="url"],
.form-edit-account input:focus[type="url"],
.form-newsletter-manage input:focus[type="url"],
.form-rewards-setting input:focus[type="url"],
.form-create-account input:focus[type="url"],
.form.password.forget input:focus[type="url"],
.form.password.reset input:focus[type="url"],
.form.form-new-agreement input:focus[type="url"],
.page-product-giftcard .aw-gc-product-add-form input:focus[type="url"],
.form.form-affiliate-login input:focus[type="url"],
.affiliates-signup-form_inner .signup-form input:focus[type="url"],
.block.block-signpost .form input:focus[type="url"],
.block.block-generic-form .form input:focus[type="url"],
.form-orders-search input:focus[type="url"],
.block.block-competition-form form input:focus[type="url"],
.checkout-billing-address form input:focus[type="tel"],
.form-address-edit input:focus[type="tel"],
.form-edit-account input:focus[type="tel"],
.form-newsletter-manage input:focus[type="tel"],
.form-rewards-setting input:focus[type="tel"],
.form-create-account input:focus[type="tel"],
.form.password.forget input:focus[type="tel"],
.form.password.reset input:focus[type="tel"],
.form.form-new-agreement input:focus[type="tel"],
.page-product-giftcard .aw-gc-product-add-form input:focus[type="tel"],
.form.form-affiliate-login input:focus[type="tel"],
.affiliates-signup-form_inner .signup-form input:focus[type="tel"],
.block.block-signpost .form input:focus[type="tel"],
.block.block-generic-form .form input:focus[type="tel"],
.form-orders-search input:focus[type="tel"],
.block.block-competition-form form input:focus[type="tel"],
.checkout-billing-address form input:focus[type="search"],
.form-address-edit input:focus[type="search"],
.form-edit-account input:focus[type="search"],
.form-newsletter-manage input:focus[type="search"],
.form-rewards-setting input:focus[type="search"],
.form-create-account input:focus[type="search"],
.form.password.forget input:focus[type="search"],
.form.password.reset input:focus[type="search"],
.form.form-new-agreement input:focus[type="search"],
.page-product-giftcard .aw-gc-product-add-form input:focus[type="search"],
.form.form-affiliate-login input:focus[type="search"],
.affiliates-signup-form_inner .signup-form input:focus[type="search"],
.block.block-signpost .form input:focus[type="search"],
.block.block-generic-form .form input:focus[type="search"],
.form-orders-search input:focus[type="search"],
.block.block-competition-form form input:focus[type="search"],
.checkout-billing-address form input:focus[type="number"],
.form-address-edit input:focus[type="number"],
.form-edit-account input:focus[type="number"],
.form-newsletter-manage input:focus[type="number"],
.form-rewards-setting input:focus[type="number"],
.form-create-account input:focus[type="number"],
.form.password.forget input:focus[type="number"],
.form.password.reset input:focus[type="number"],
.form.form-new-agreement input:focus[type="number"],
.page-product-giftcard .aw-gc-product-add-form input:focus[type="number"],
.form.form-affiliate-login input:focus[type="number"],
.affiliates-signup-form_inner .signup-form input:focus[type="number"],
.block.block-signpost .form input:focus[type="number"],
.block.block-generic-form .form input:focus[type="number"],
.form-orders-search input:focus[type="number"],
.block.block-competition-form form input:focus[type="number"],
.checkout-billing-address form input:focus[type="datetime"],
.form-address-edit input:focus[type="datetime"],
.form-edit-account input:focus[type="datetime"],
.form-newsletter-manage input:focus[type="datetime"],
.form-rewards-setting input:focus[type="datetime"],
.form-create-account input:focus[type="datetime"],
.form.password.forget input:focus[type="datetime"],
.form.password.reset input:focus[type="datetime"],
.form.form-new-agreement input:focus[type="datetime"],
.page-product-giftcard .aw-gc-product-add-form input:focus[type="datetime"],
.form.form-affiliate-login input:focus[type="datetime"],
.affiliates-signup-form_inner .signup-form input:focus[type="datetime"],
.block.block-signpost .form input:focus[type="datetime"],
.block.block-generic-form .form input:focus[type="datetime"],
.form-orders-search input:focus[type="datetime"],
.block.block-competition-form form input:focus[type="datetime"],
.checkout-billing-address form input:focus[type="email"],
.form-address-edit input:focus[type="email"],
.form-edit-account input:focus[type="email"],
.form-newsletter-manage input:focus[type="email"],
.form-rewards-setting input:focus[type="email"],
.form-create-account input:focus[type="email"],
.form.password.forget input:focus[type="email"],
.form.password.reset input:focus[type="email"],
.form.form-new-agreement input:focus[type="email"],
.page-product-giftcard .aw-gc-product-add-form input:focus[type="email"],
.form.form-affiliate-login input:focus[type="email"],
.affiliates-signup-form_inner .signup-form input:focus[type="email"],
.block.block-signpost .form input:focus[type="email"],
.block.block-generic-form .form input:focus[type="email"],
.form-orders-search input:focus[type="email"],
.block.block-competition-form form input:focus[type="email"],
.checkout-billing-address form textarea:focus,
.form-address-edit textarea:focus,
.form-edit-account textarea:focus,
.form-newsletter-manage textarea:focus,
.form-rewards-setting textarea:focus,
.form-create-account textarea:focus,
.form.password.forget textarea:focus,
.form.password.reset textarea:focus,
.form.form-new-agreement textarea:focus,
.page-product-giftcard .aw-gc-product-add-form textarea:focus,
.form.form-affiliate-login textarea:focus,
.affiliates-signup-form_inner .signup-form textarea:focus,
.block.block-signpost .form textarea:focus,
.block.block-generic-form .form textarea:focus,
.form-orders-search textarea:focus,
.block.block-competition-form form textarea:focus,
.checkout-billing-address form select:focus,
.form-address-edit select:focus,
.form-edit-account select:focus,
.form-newsletter-manage select:focus,
.form-rewards-setting select:focus,
.form-create-account select:focus,
.form.password.forget select:focus,
.form.password.reset select:focus,
.form.form-new-agreement select:focus,
.page-product-giftcard .aw-gc-product-add-form select:focus,
.form.form-affiliate-login select:focus,
.affiliates-signup-form_inner .signup-form select:focus,
.block.block-signpost .form select:focus,
.block.block-generic-form .form select:focus,
.form-orders-search select:focus,
.block.block-competition-form form select:focus, .form.form-email .fieldset input:focus, .form-login .fieldset input:focus, .form-login .field.verification-code input:focus, .block.newsletter .form.subscribe input:focus, .block.block-customer-device .verification-code input:focus, .unsubscribe input:focus {
background-color: rgba(255, 255, 255, 0.05) !important;
border-color: rgba(232, 230, 237, 0.8);
box-shadow: 0 0 15px rgba(56, 111, 187, 0.85), 0 0 9px #386fbb, inset 0 0 9px rgba(56, 111, 187, 0.85); }
.checkout-billing-address form input:-webkit-autofill[type="text"], .form-address-edit input:-webkit-autofill[type="text"], .form-edit-account input:-webkit-autofill[type="text"], .form-newsletter-manage input:-webkit-autofill[type="text"], .form-rewards-setting input:-webkit-autofill[type="text"], .form-create-account input:-webkit-autofill[type="text"], .form.password.forget input:-webkit-autofill[type="text"], .form.password.reset input:-webkit-autofill[type="text"], .form.form-new-agreement input:-webkit-autofill[type="text"], .page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill[type="text"], .form.form-affiliate-login input:-webkit-autofill[type="text"], .affiliates-signup-form_inner .signup-form input:-webkit-autofill[type="text"], .block.block-signpost .form input:-webkit-autofill[type="text"], .block.block-generic-form .form input:-webkit-autofill[type="text"], .form-orders-search input:-webkit-autofill[type="text"], .block.block-competition-form form input:-webkit-autofill[type="text"],
.checkout-billing-address form input:-webkit-autofill[type="password"],
.form-address-edit input:-webkit-autofill[type="password"],
.form-edit-account input:-webkit-autofill[type="password"],
.form-newsletter-manage input:-webkit-autofill[type="password"],
.form-rewards-setting input:-webkit-autofill[type="password"],
.form-create-account input:-webkit-autofill[type="password"],
.form.password.forget input:-webkit-autofill[type="password"],
.form.password.reset input:-webkit-autofill[type="password"],
.form.form-new-agreement input:-webkit-autofill[type="password"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill[type="password"],
.form.form-affiliate-login input:-webkit-autofill[type="password"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill[type="password"],
.block.block-signpost .form input:-webkit-autofill[type="password"],
.block.block-generic-form .form input:-webkit-autofill[type="password"],
.form-orders-search input:-webkit-autofill[type="password"],
.block.block-competition-form form input:-webkit-autofill[type="password"],
.checkout-billing-address form input:-webkit-autofill[type="url"],
.form-address-edit input:-webkit-autofill[type="url"],
.form-edit-account input:-webkit-autofill[type="url"],
.form-newsletter-manage input:-webkit-autofill[type="url"],
.form-rewards-setting input:-webkit-autofill[type="url"],
.form-create-account input:-webkit-autofill[type="url"],
.form.password.forget input:-webkit-autofill[type="url"],
.form.password.reset input:-webkit-autofill[type="url"],
.form.form-new-agreement input:-webkit-autofill[type="url"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill[type="url"],
.form.form-affiliate-login input:-webkit-autofill[type="url"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill[type="url"],
.block.block-signpost .form input:-webkit-autofill[type="url"],
.block.block-generic-form .form input:-webkit-autofill[type="url"],
.form-orders-search input:-webkit-autofill[type="url"],
.block.block-competition-form form input:-webkit-autofill[type="url"],
.checkout-billing-address form input:-webkit-autofill[type="tel"],
.form-address-edit input:-webkit-autofill[type="tel"],
.form-edit-account input:-webkit-autofill[type="tel"],
.form-newsletter-manage input:-webkit-autofill[type="tel"],
.form-rewards-setting input:-webkit-autofill[type="tel"],
.form-create-account input:-webkit-autofill[type="tel"],
.form.password.forget input:-webkit-autofill[type="tel"],
.form.password.reset input:-webkit-autofill[type="tel"],
.form.form-new-agreement input:-webkit-autofill[type="tel"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill[type="tel"],
.form.form-affiliate-login input:-webkit-autofill[type="tel"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill[type="tel"],
.block.block-signpost .form input:-webkit-autofill[type="tel"],
.block.block-generic-form .form input:-webkit-autofill[type="tel"],
.form-orders-search input:-webkit-autofill[type="tel"],
.block.block-competition-form form input:-webkit-autofill[type="tel"],
.checkout-billing-address form input:-webkit-autofill[type="search"],
.form-address-edit input:-webkit-autofill[type="search"],
.form-edit-account input:-webkit-autofill[type="search"],
.form-newsletter-manage input:-webkit-autofill[type="search"],
.form-rewards-setting input:-webkit-autofill[type="search"],
.form-create-account input:-webkit-autofill[type="search"],
.form.password.forget input:-webkit-autofill[type="search"],
.form.password.reset input:-webkit-autofill[type="search"],
.form.form-new-agreement input:-webkit-autofill[type="search"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill[type="search"],
.form.form-affiliate-login input:-webkit-autofill[type="search"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill[type="search"],
.block.block-signpost .form input:-webkit-autofill[type="search"],
.block.block-generic-form .form input:-webkit-autofill[type="search"],
.form-orders-search input:-webkit-autofill[type="search"],
.block.block-competition-form form input:-webkit-autofill[type="search"],
.checkout-billing-address form input:-webkit-autofill[type="number"],
.form-address-edit input:-webkit-autofill[type="number"],
.form-edit-account input:-webkit-autofill[type="number"],
.form-newsletter-manage input:-webkit-autofill[type="number"],
.form-rewards-setting input:-webkit-autofill[type="number"],
.form-create-account input:-webkit-autofill[type="number"],
.form.password.forget input:-webkit-autofill[type="number"],
.form.password.reset input:-webkit-autofill[type="number"],
.form.form-new-agreement input:-webkit-autofill[type="number"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill[type="number"],
.form.form-affiliate-login input:-webkit-autofill[type="number"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill[type="number"],
.block.block-signpost .form input:-webkit-autofill[type="number"],
.block.block-generic-form .form input:-webkit-autofill[type="number"],
.form-orders-search input:-webkit-autofill[type="number"],
.block.block-competition-form form input:-webkit-autofill[type="number"],
.checkout-billing-address form input:-webkit-autofill[type="datetime"],
.form-address-edit input:-webkit-autofill[type="datetime"],
.form-edit-account input:-webkit-autofill[type="datetime"],
.form-newsletter-manage input:-webkit-autofill[type="datetime"],
.form-rewards-setting input:-webkit-autofill[type="datetime"],
.form-create-account input:-webkit-autofill[type="datetime"],
.form.password.forget input:-webkit-autofill[type="datetime"],
.form.password.reset input:-webkit-autofill[type="datetime"],
.form.form-new-agreement input:-webkit-autofill[type="datetime"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill[type="datetime"],
.form.form-affiliate-login input:-webkit-autofill[type="datetime"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill[type="datetime"],
.block.block-signpost .form input:-webkit-autofill[type="datetime"],
.block.block-generic-form .form input:-webkit-autofill[type="datetime"],
.form-orders-search input:-webkit-autofill[type="datetime"],
.block.block-competition-form form input:-webkit-autofill[type="datetime"],
.checkout-billing-address form input:-webkit-autofill[type="email"],
.form-address-edit input:-webkit-autofill[type="email"],
.form-edit-account input:-webkit-autofill[type="email"],
.form-newsletter-manage input:-webkit-autofill[type="email"],
.form-rewards-setting input:-webkit-autofill[type="email"],
.form-create-account input:-webkit-autofill[type="email"],
.form.password.forget input:-webkit-autofill[type="email"],
.form.password.reset input:-webkit-autofill[type="email"],
.form.form-new-agreement input:-webkit-autofill[type="email"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill[type="email"],
.form.form-affiliate-login input:-webkit-autofill[type="email"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill[type="email"],
.block.block-signpost .form input:-webkit-autofill[type="email"],
.block.block-generic-form .form input:-webkit-autofill[type="email"],
.form-orders-search input:-webkit-autofill[type="email"],
.block.block-competition-form form input:-webkit-autofill[type="email"],
.checkout-billing-address form textarea:-webkit-autofill,
.form-address-edit textarea:-webkit-autofill,
.form-edit-account textarea:-webkit-autofill,
.form-newsletter-manage textarea:-webkit-autofill,
.form-rewards-setting textarea:-webkit-autofill,
.form-create-account textarea:-webkit-autofill,
.form.password.forget textarea:-webkit-autofill,
.form.password.reset textarea:-webkit-autofill,
.form.form-new-agreement textarea:-webkit-autofill,
.page-product-giftcard .aw-gc-product-add-form textarea:-webkit-autofill,
.form.form-affiliate-login textarea:-webkit-autofill,
.affiliates-signup-form_inner .signup-form textarea:-webkit-autofill,
.block.block-signpost .form textarea:-webkit-autofill,
.block.block-generic-form .form textarea:-webkit-autofill,
.form-orders-search textarea:-webkit-autofill,
.block.block-competition-form form textarea:-webkit-autofill,
.checkout-billing-address form select:-webkit-autofill,
.form-address-edit select:-webkit-autofill,
.form-edit-account select:-webkit-autofill,
.form-newsletter-manage select:-webkit-autofill,
.form-rewards-setting select:-webkit-autofill,
.form-create-account select:-webkit-autofill,
.form.password.forget select:-webkit-autofill,
.form.password.reset select:-webkit-autofill,
.form.form-new-agreement select:-webkit-autofill,
.page-product-giftcard .aw-gc-product-add-form select:-webkit-autofill,
.form.form-affiliate-login select:-webkit-autofill,
.affiliates-signup-form_inner .signup-form select:-webkit-autofill,
.block.block-signpost .form select:-webkit-autofill,
.block.block-generic-form .form select:-webkit-autofill,
.form-orders-search select:-webkit-autofill,
.block.block-competition-form form select:-webkit-autofill, .form.form-email .fieldset input:-webkit-autofill, .form-login .fieldset input:-webkit-autofill, .form-login .field.verification-code input:-webkit-autofill, .block.newsletter .form.subscribe input:-webkit-autofill, .block.block-customer-device .verification-code input:-webkit-autofill, .unsubscribe input:-webkit-autofill, .checkout-billing-address form input:-webkit-autofill:hover[type="text"], .form-address-edit input:-webkit-autofill:hover[type="text"], .form-edit-account input:-webkit-autofill:hover[type="text"], .form-newsletter-manage input:-webkit-autofill:hover[type="text"], .form-rewards-setting input:-webkit-autofill:hover[type="text"], .form-create-account input:-webkit-autofill:hover[type="text"], .form.password.forget input:-webkit-autofill:hover[type="text"], .form.password.reset input:-webkit-autofill:hover[type="text"], .form.form-new-agreement input:-webkit-autofill:hover[type="text"], .page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:hover[type="text"], .form.form-affiliate-login input:-webkit-autofill:hover[type="text"], .affiliates-signup-form_inner .signup-form input:-webkit-autofill:hover[type="text"], .block.block-signpost .form input:-webkit-autofill:hover[type="text"], .block.block-generic-form .form input:-webkit-autofill:hover[type="text"], .form-orders-search input:-webkit-autofill:hover[type="text"], .block.block-competition-form form input:-webkit-autofill:hover[type="text"],
.checkout-billing-address form input:-webkit-autofill:hover[type="password"],
.form-address-edit input:-webkit-autofill:hover[type="password"],
.form-edit-account input:-webkit-autofill:hover[type="password"],
.form-newsletter-manage input:-webkit-autofill:hover[type="password"],
.form-rewards-setting input:-webkit-autofill:hover[type="password"],
.form-create-account input:-webkit-autofill:hover[type="password"],
.form.password.forget input:-webkit-autofill:hover[type="password"],
.form.password.reset input:-webkit-autofill:hover[type="password"],
.form.form-new-agreement input:-webkit-autofill:hover[type="password"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:hover[type="password"],
.form.form-affiliate-login input:-webkit-autofill:hover[type="password"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:hover[type="password"],
.block.block-signpost .form input:-webkit-autofill:hover[type="password"],
.block.block-generic-form .form input:-webkit-autofill:hover[type="password"],
.form-orders-search input:-webkit-autofill:hover[type="password"],
.block.block-competition-form form input:-webkit-autofill:hover[type="password"],
.checkout-billing-address form input:-webkit-autofill:hover[type="url"],
.form-address-edit input:-webkit-autofill:hover[type="url"],
.form-edit-account input:-webkit-autofill:hover[type="url"],
.form-newsletter-manage input:-webkit-autofill:hover[type="url"],
.form-rewards-setting input:-webkit-autofill:hover[type="url"],
.form-create-account input:-webkit-autofill:hover[type="url"],
.form.password.forget input:-webkit-autofill:hover[type="url"],
.form.password.reset input:-webkit-autofill:hover[type="url"],
.form.form-new-agreement input:-webkit-autofill:hover[type="url"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:hover[type="url"],
.form.form-affiliate-login input:-webkit-autofill:hover[type="url"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:hover[type="url"],
.block.block-signpost .form input:-webkit-autofill:hover[type="url"],
.block.block-generic-form .form input:-webkit-autofill:hover[type="url"],
.form-orders-search input:-webkit-autofill:hover[type="url"],
.block.block-competition-form form input:-webkit-autofill:hover[type="url"],
.checkout-billing-address form input:-webkit-autofill:hover[type="tel"],
.form-address-edit input:-webkit-autofill:hover[type="tel"],
.form-edit-account input:-webkit-autofill:hover[type="tel"],
.form-newsletter-manage input:-webkit-autofill:hover[type="tel"],
.form-rewards-setting input:-webkit-autofill:hover[type="tel"],
.form-create-account input:-webkit-autofill:hover[type="tel"],
.form.password.forget input:-webkit-autofill:hover[type="tel"],
.form.password.reset input:-webkit-autofill:hover[type="tel"],
.form.form-new-agreement input:-webkit-autofill:hover[type="tel"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:hover[type="tel"],
.form.form-affiliate-login input:-webkit-autofill:hover[type="tel"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:hover[type="tel"],
.block.block-signpost .form input:-webkit-autofill:hover[type="tel"],
.block.block-generic-form .form input:-webkit-autofill:hover[type="tel"],
.form-orders-search input:-webkit-autofill:hover[type="tel"],
.block.block-competition-form form input:-webkit-autofill:hover[type="tel"],
.checkout-billing-address form input:-webkit-autofill:hover[type="search"],
.form-address-edit input:-webkit-autofill:hover[type="search"],
.form-edit-account input:-webkit-autofill:hover[type="search"],
.form-newsletter-manage input:-webkit-autofill:hover[type="search"],
.form-rewards-setting input:-webkit-autofill:hover[type="search"],
.form-create-account input:-webkit-autofill:hover[type="search"],
.form.password.forget input:-webkit-autofill:hover[type="search"],
.form.password.reset input:-webkit-autofill:hover[type="search"],
.form.form-new-agreement input:-webkit-autofill:hover[type="search"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:hover[type="search"],
.form.form-affiliate-login input:-webkit-autofill:hover[type="search"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:hover[type="search"],
.block.block-signpost .form input:-webkit-autofill:hover[type="search"],
.block.block-generic-form .form input:-webkit-autofill:hover[type="search"],
.form-orders-search input:-webkit-autofill:hover[type="search"],
.block.block-competition-form form input:-webkit-autofill:hover[type="search"],
.checkout-billing-address form input:-webkit-autofill:hover[type="number"],
.form-address-edit input:-webkit-autofill:hover[type="number"],
.form-edit-account input:-webkit-autofill:hover[type="number"],
.form-newsletter-manage input:-webkit-autofill:hover[type="number"],
.form-rewards-setting input:-webkit-autofill:hover[type="number"],
.form-create-account input:-webkit-autofill:hover[type="number"],
.form.password.forget input:-webkit-autofill:hover[type="number"],
.form.password.reset input:-webkit-autofill:hover[type="number"],
.form.form-new-agreement input:-webkit-autofill:hover[type="number"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:hover[type="number"],
.form.form-affiliate-login input:-webkit-autofill:hover[type="number"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:hover[type="number"],
.block.block-signpost .form input:-webkit-autofill:hover[type="number"],
.block.block-generic-form .form input:-webkit-autofill:hover[type="number"],
.form-orders-search input:-webkit-autofill:hover[type="number"],
.block.block-competition-form form input:-webkit-autofill:hover[type="number"],
.checkout-billing-address form input:-webkit-autofill:hover[type="datetime"],
.form-address-edit input:-webkit-autofill:hover[type="datetime"],
.form-edit-account input:-webkit-autofill:hover[type="datetime"],
.form-newsletter-manage input:-webkit-autofill:hover[type="datetime"],
.form-rewards-setting input:-webkit-autofill:hover[type="datetime"],
.form-create-account input:-webkit-autofill:hover[type="datetime"],
.form.password.forget input:-webkit-autofill:hover[type="datetime"],
.form.password.reset input:-webkit-autofill:hover[type="datetime"],
.form.form-new-agreement input:-webkit-autofill:hover[type="datetime"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:hover[type="datetime"],
.form.form-affiliate-login input:-webkit-autofill:hover[type="datetime"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:hover[type="datetime"],
.block.block-signpost .form input:-webkit-autofill:hover[type="datetime"],
.block.block-generic-form .form input:-webkit-autofill:hover[type="datetime"],
.form-orders-search input:-webkit-autofill:hover[type="datetime"],
.block.block-competition-form form input:-webkit-autofill:hover[type="datetime"],
.checkout-billing-address form input:-webkit-autofill:hover[type="email"],
.form-address-edit input:-webkit-autofill:hover[type="email"],
.form-edit-account input:-webkit-autofill:hover[type="email"],
.form-newsletter-manage input:-webkit-autofill:hover[type="email"],
.form-rewards-setting input:-webkit-autofill:hover[type="email"],
.form-create-account input:-webkit-autofill:hover[type="email"],
.form.password.forget input:-webkit-autofill:hover[type="email"],
.form.password.reset input:-webkit-autofill:hover[type="email"],
.form.form-new-agreement input:-webkit-autofill:hover[type="email"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:hover[type="email"],
.form.form-affiliate-login input:-webkit-autofill:hover[type="email"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:hover[type="email"],
.block.block-signpost .form input:-webkit-autofill:hover[type="email"],
.block.block-generic-form .form input:-webkit-autofill:hover[type="email"],
.form-orders-search input:-webkit-autofill:hover[type="email"],
.block.block-competition-form form input:-webkit-autofill:hover[type="email"],
.checkout-billing-address form textarea:-webkit-autofill:hover,
.form-address-edit textarea:-webkit-autofill:hover,
.form-edit-account textarea:-webkit-autofill:hover,
.form-newsletter-manage textarea:-webkit-autofill:hover,
.form-rewards-setting textarea:-webkit-autofill:hover,
.form-create-account textarea:-webkit-autofill:hover,
.form.password.forget textarea:-webkit-autofill:hover,
.form.password.reset textarea:-webkit-autofill:hover,
.form.form-new-agreement textarea:-webkit-autofill:hover,
.page-product-giftcard .aw-gc-product-add-form textarea:-webkit-autofill:hover,
.form.form-affiliate-login textarea:-webkit-autofill:hover,
.affiliates-signup-form_inner .signup-form textarea:-webkit-autofill:hover,
.block.block-signpost .form textarea:-webkit-autofill:hover,
.block.block-generic-form .form textarea:-webkit-autofill:hover,
.form-orders-search textarea:-webkit-autofill:hover,
.block.block-competition-form form textarea:-webkit-autofill:hover,
.checkout-billing-address form select:-webkit-autofill:hover,
.form-address-edit select:-webkit-autofill:hover,
.form-edit-account select:-webkit-autofill:hover,
.form-newsletter-manage select:-webkit-autofill:hover,
.form-rewards-setting select:-webkit-autofill:hover,
.form-create-account select:-webkit-autofill:hover,
.form.password.forget select:-webkit-autofill:hover,
.form.password.reset select:-webkit-autofill:hover,
.form.form-new-agreement select:-webkit-autofill:hover,
.page-product-giftcard .aw-gc-product-add-form select:-webkit-autofill:hover,
.form.form-affiliate-login select:-webkit-autofill:hover,
.affiliates-signup-form_inner .signup-form select:-webkit-autofill:hover,
.block.block-signpost .form select:-webkit-autofill:hover,
.block.block-generic-form .form select:-webkit-autofill:hover,
.form-orders-search select:-webkit-autofill:hover,
.block.block-competition-form form select:-webkit-autofill:hover, .form.form-email .fieldset input:-webkit-autofill:hover, .form-login .fieldset input:-webkit-autofill:hover, .form-login .field.verification-code input:-webkit-autofill:hover, .block.newsletter .form.subscribe input:-webkit-autofill:hover, .block.block-customer-device .verification-code input:-webkit-autofill:hover, .unsubscribe input:-webkit-autofill:hover, .checkout-billing-address form input:-webkit-autofill:focus[type="text"], .form-address-edit input:-webkit-autofill:focus[type="text"], .form-edit-account input:-webkit-autofill:focus[type="text"], .form-newsletter-manage input:-webkit-autofill:focus[type="text"], .form-rewards-setting input:-webkit-autofill:focus[type="text"], .form-create-account input:-webkit-autofill:focus[type="text"], .form.password.forget input:-webkit-autofill:focus[type="text"], .form.password.reset input:-webkit-autofill:focus[type="text"], .form.form-new-agreement input:-webkit-autofill:focus[type="text"], .page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:focus[type="text"], .form.form-affiliate-login input:-webkit-autofill:focus[type="text"], .affiliates-signup-form_inner .signup-form input:-webkit-autofill:focus[type="text"], .block.block-signpost .form input:-webkit-autofill:focus[type="text"], .block.block-generic-form .form input:-webkit-autofill:focus[type="text"], .form-orders-search input:-webkit-autofill:focus[type="text"], .block.block-competition-form form input:-webkit-autofill:focus[type="text"],
.checkout-billing-address form input:-webkit-autofill:focus[type="password"],
.form-address-edit input:-webkit-autofill:focus[type="password"],
.form-edit-account input:-webkit-autofill:focus[type="password"],
.form-newsletter-manage input:-webkit-autofill:focus[type="password"],
.form-rewards-setting input:-webkit-autofill:focus[type="password"],
.form-create-account input:-webkit-autofill:focus[type="password"],
.form.password.forget input:-webkit-autofill:focus[type="password"],
.form.password.reset input:-webkit-autofill:focus[type="password"],
.form.form-new-agreement input:-webkit-autofill:focus[type="password"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:focus[type="password"],
.form.form-affiliate-login input:-webkit-autofill:focus[type="password"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:focus[type="password"],
.block.block-signpost .form input:-webkit-autofill:focus[type="password"],
.block.block-generic-form .form input:-webkit-autofill:focus[type="password"],
.form-orders-search input:-webkit-autofill:focus[type="password"],
.block.block-competition-form form input:-webkit-autofill:focus[type="password"],
.checkout-billing-address form input:-webkit-autofill:focus[type="url"],
.form-address-edit input:-webkit-autofill:focus[type="url"],
.form-edit-account input:-webkit-autofill:focus[type="url"],
.form-newsletter-manage input:-webkit-autofill:focus[type="url"],
.form-rewards-setting input:-webkit-autofill:focus[type="url"],
.form-create-account input:-webkit-autofill:focus[type="url"],
.form.password.forget input:-webkit-autofill:focus[type="url"],
.form.password.reset input:-webkit-autofill:focus[type="url"],
.form.form-new-agreement input:-webkit-autofill:focus[type="url"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:focus[type="url"],
.form.form-affiliate-login input:-webkit-autofill:focus[type="url"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:focus[type="url"],
.block.block-signpost .form input:-webkit-autofill:focus[type="url"],
.block.block-generic-form .form input:-webkit-autofill:focus[type="url"],
.form-orders-search input:-webkit-autofill:focus[type="url"],
.block.block-competition-form form input:-webkit-autofill:focus[type="url"],
.checkout-billing-address form input:-webkit-autofill:focus[type="tel"],
.form-address-edit input:-webkit-autofill:focus[type="tel"],
.form-edit-account input:-webkit-autofill:focus[type="tel"],
.form-newsletter-manage input:-webkit-autofill:focus[type="tel"],
.form-rewards-setting input:-webkit-autofill:focus[type="tel"],
.form-create-account input:-webkit-autofill:focus[type="tel"],
.form.password.forget input:-webkit-autofill:focus[type="tel"],
.form.password.reset input:-webkit-autofill:focus[type="tel"],
.form.form-new-agreement input:-webkit-autofill:focus[type="tel"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:focus[type="tel"],
.form.form-affiliate-login input:-webkit-autofill:focus[type="tel"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:focus[type="tel"],
.block.block-signpost .form input:-webkit-autofill:focus[type="tel"],
.block.block-generic-form .form input:-webkit-autofill:focus[type="tel"],
.form-orders-search input:-webkit-autofill:focus[type="tel"],
.block.block-competition-form form input:-webkit-autofill:focus[type="tel"],
.checkout-billing-address form input:-webkit-autofill:focus[type="search"],
.form-address-edit input:-webkit-autofill:focus[type="search"],
.form-edit-account input:-webkit-autofill:focus[type="search"],
.form-newsletter-manage input:-webkit-autofill:focus[type="search"],
.form-rewards-setting input:-webkit-autofill:focus[type="search"],
.form-create-account input:-webkit-autofill:focus[type="search"],
.form.password.forget input:-webkit-autofill:focus[type="search"],
.form.password.reset input:-webkit-autofill:focus[type="search"],
.form.form-new-agreement input:-webkit-autofill:focus[type="search"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:focus[type="search"],
.form.form-affiliate-login input:-webkit-autofill:focus[type="search"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:focus[type="search"],
.block.block-signpost .form input:-webkit-autofill:focus[type="search"],
.block.block-generic-form .form input:-webkit-autofill:focus[type="search"],
.form-orders-search input:-webkit-autofill:focus[type="search"],
.block.block-competition-form form input:-webkit-autofill:focus[type="search"],
.checkout-billing-address form input:-webkit-autofill:focus[type="number"],
.form-address-edit input:-webkit-autofill:focus[type="number"],
.form-edit-account input:-webkit-autofill:focus[type="number"],
.form-newsletter-manage input:-webkit-autofill:focus[type="number"],
.form-rewards-setting input:-webkit-autofill:focus[type="number"],
.form-create-account input:-webkit-autofill:focus[type="number"],
.form.password.forget input:-webkit-autofill:focus[type="number"],
.form.password.reset input:-webkit-autofill:focus[type="number"],
.form.form-new-agreement input:-webkit-autofill:focus[type="number"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:focus[type="number"],
.form.form-affiliate-login input:-webkit-autofill:focus[type="number"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:focus[type="number"],
.block.block-signpost .form input:-webkit-autofill:focus[type="number"],
.block.block-generic-form .form input:-webkit-autofill:focus[type="number"],
.form-orders-search input:-webkit-autofill:focus[type="number"],
.block.block-competition-form form input:-webkit-autofill:focus[type="number"],
.checkout-billing-address form input:-webkit-autofill:focus[type="datetime"],
.form-address-edit input:-webkit-autofill:focus[type="datetime"],
.form-edit-account input:-webkit-autofill:focus[type="datetime"],
.form-newsletter-manage input:-webkit-autofill:focus[type="datetime"],
.form-rewards-setting input:-webkit-autofill:focus[type="datetime"],
.form-create-account input:-webkit-autofill:focus[type="datetime"],
.form.password.forget input:-webkit-autofill:focus[type="datetime"],
.form.password.reset input:-webkit-autofill:focus[type="datetime"],
.form.form-new-agreement input:-webkit-autofill:focus[type="datetime"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:focus[type="datetime"],
.form.form-affiliate-login input:-webkit-autofill:focus[type="datetime"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:focus[type="datetime"],
.block.block-signpost .form input:-webkit-autofill:focus[type="datetime"],
.block.block-generic-form .form input:-webkit-autofill:focus[type="datetime"],
.form-orders-search input:-webkit-autofill:focus[type="datetime"],
.block.block-competition-form form input:-webkit-autofill:focus[type="datetime"],
.checkout-billing-address form input:-webkit-autofill:focus[type="email"],
.form-address-edit input:-webkit-autofill:focus[type="email"],
.form-edit-account input:-webkit-autofill:focus[type="email"],
.form-newsletter-manage input:-webkit-autofill:focus[type="email"],
.form-rewards-setting input:-webkit-autofill:focus[type="email"],
.form-create-account input:-webkit-autofill:focus[type="email"],
.form.password.forget input:-webkit-autofill:focus[type="email"],
.form.password.reset input:-webkit-autofill:focus[type="email"],
.form.form-new-agreement input:-webkit-autofill:focus[type="email"],
.page-product-giftcard .aw-gc-product-add-form input:-webkit-autofill:focus[type="email"],
.form.form-affiliate-login input:-webkit-autofill:focus[type="email"],
.affiliates-signup-form_inner .signup-form input:-webkit-autofill:focus[type="email"],
.block.block-signpost .form input:-webkit-autofill:focus[type="email"],
.block.block-generic-form .form input:-webkit-autofill:focus[type="email"],
.form-orders-search input:-webkit-autofill:focus[type="email"],
.block.block-competition-form form input:-webkit-autofill:focus[type="email"],
.checkout-billing-address form textarea:-webkit-autofill:focus,
.form-address-edit textarea:-webkit-autofill:focus,
.form-edit-account textarea:-webkit-autofill:focus,
.form-newsletter-manage textarea:-webkit-autofill:focus,
.form-rewards-setting textarea:-webkit-autofill:focus,
.form-create-account textarea:-webkit-autofill:focus,
.form.password.forget textarea:-webkit-autofill:focus,
.form.password.reset textarea:-webkit-autofill:focus,
.form.form-new-agreement textarea:-webkit-autofill:focus,
.page-product-giftcard .aw-gc-product-add-form textarea:-webkit-autofill:focus,
.form.form-affiliate-login textarea:-webkit-autofill:focus,
.affiliates-signup-form_inner .signup-form textarea:-webkit-autofill:focus,
.block.block-signpost .form textarea:-webkit-autofill:focus,
.block.block-generic-form .form textarea:-webkit-autofill:focus,
.form-orders-search textarea:-webkit-autofill:focus,
.block.block-competition-form form textarea:-webkit-autofill:focus,
.checkout-billing-address form select:-webkit-autofill:focus,
.form-address-edit select:-webkit-autofill:focus,
.form-edit-account select:-webkit-autofill:focus,
.form-newsletter-manage select:-webkit-autofill:focus,
.form-rewards-setting select:-webkit-autofill:focus,
.form-create-account select:-webkit-autofill:focus,
.form.password.forget select:-webkit-autofill:focus,
.form.password.reset select:-webkit-autofill:focus,
.form.form-new-agreement select:-webkit-autofill:focus,
.page-product-giftcard .aw-gc-product-add-form select:-webkit-autofill:focus,
.form.form-affiliate-login select:-webkit-autofill:focus,
.affiliates-signup-form_inner .signup-form select:-webkit-autofill:focus,
.block.block-signpost .form select:-webkit-autofill:focus,
.block.block-generic-form .form select:-webkit-autofill:focus,
.form-orders-search select:-webkit-autofill:focus,
.block.block-competition-form form select:-webkit-autofill:focus, .form.form-email .fieldset input:-webkit-autofill:focus, .form-login .fieldset input:-webkit-autofill:focus, .form-login .field.verification-code input:-webkit-autofill:focus, .block.newsletter .form.subscribe input:-webkit-autofill:focus, .block.block-customer-device .verification-code input:-webkit-autofill:focus, .unsubscribe input:-webkit-autofill:focus {
border-color: #5f5e7e;
border-radius: 100px;
border-width: 1px;
font-size: 1.6rem;
-webkit-text-fill-color: #fff;
box-shadow: 0 0 0 1000px #0c0020 inset; }
.checkout-billing-address form input.mage-error[type="text"], .form-address-edit input.mage-error[type="text"], .form-edit-account input.mage-error[type="text"], .form-newsletter-manage input.mage-error[type="text"], .form-rewards-setting input.mage-error[type="text"], .form-create-account input.mage-error[type="text"], .form.password.forget input.mage-error[type="text"], .form.password.reset input.mage-error[type="text"], .form.form-new-agreement input.mage-error[type="text"], .page-product-giftcard .aw-gc-product-add-form input.mage-error[type="text"], .form.form-affiliate-login input.mage-error[type="text"], .affiliates-signup-form_inner .signup-form input.mage-error[type="text"], .block.block-signpost .form input.mage-error[type="text"], .block.block-generic-form .form input.mage-error[type="text"], .form-orders-search input.mage-error[type="text"], .block.block-competition-form form input.mage-error[type="text"],
.checkout-billing-address form input.mage-error[type="password"],
.form-address-edit input.mage-error[type="password"],
.form-edit-account input.mage-error[type="password"],
.form-newsletter-manage input.mage-error[type="password"],
.form-rewards-setting input.mage-error[type="password"],
.form-create-account input.mage-error[type="password"],
.form.password.forget input.mage-error[type="password"],
.form.password.reset input.mage-error[type="password"],
.form.form-new-agreement input.mage-error[type="password"],
.page-product-giftcard .aw-gc-product-add-form input.mage-error[type="password"],
.form.form-affiliate-login input.mage-error[type="password"],
.affiliates-signup-form_inner .signup-form input.mage-error[type="password"],
.block.block-signpost .form input.mage-error[type="password"],
.block.block-generic-form .form input.mage-error[type="password"],
.form-orders-search input.mage-error[type="password"],
.block.block-competition-form form input.mage-error[type="password"],
.checkout-billing-address form input.mage-error[type="url"],
.form-address-edit input.mage-error[type="url"],
.form-edit-account input.mage-error[type="url"],
.form-newsletter-manage input.mage-error[type="url"],
.form-rewards-setting input.mage-error[type="url"],
.form-create-account input.mage-error[type="url"],
.form.password.forget input.mage-error[type="url"],
.form.password.reset input.mage-error[type="url"],
.form.form-new-agreement input.mage-error[type="url"],
.page-product-giftcard .aw-gc-product-add-form input.mage-error[type="url"],
.form.form-affiliate-login input.mage-error[type="url"],
.affiliates-signup-form_inner .signup-form input.mage-error[type="url"],
.block.block-signpost .form input.mage-error[type="url"],
.block.block-generic-form .form input.mage-error[type="url"],
.form-orders-search input.mage-error[type="url"],
.block.block-competition-form form input.mage-error[type="url"],
.checkout-billing-address form input.mage-error[type="tel"],
.form-address-edit input.mage-error[type="tel"],
.form-edit-account input.mage-error[type="tel"],
.form-newsletter-manage input.mage-error[type="tel"],
.form-rewards-setting input.mage-error[type="tel"],
.form-create-account input.mage-error[type="tel"],
.form.password.forget input.mage-error[type="tel"],
.form.password.reset input.mage-error[type="tel"],
.form.form-new-agreement input.mage-error[type="tel"],
.page-product-giftcard .aw-gc-product-add-form input.mage-error[type="tel"],
.form.form-affiliate-login input.mage-error[type="tel"],
.affiliates-signup-form_inner .signup-form input.mage-error[type="tel"],
.block.block-signpost .form input.mage-error[type="tel"],
.block.block-generic-form .form input.mage-error[type="tel"],
.form-orders-search input.mage-error[type="tel"],
.block.block-competition-form form input.mage-error[type="tel"],
.checkout-billing-address form input.mage-error[type="search"],
.form-address-edit input.mage-error[type="search"],
.form-edit-account input.mage-error[type="search"],
.form-newsletter-manage input.mage-error[type="search"],
.form-rewards-setting input.mage-error[type="search"],
.form-create-account input.mage-error[type="search"],
.form.password.forget input.mage-error[type="search"],
.form.password.reset input.mage-error[type="search"],
.form.form-new-agreement input.mage-error[type="search"],
.page-product-giftcard .aw-gc-product-add-form input.mage-error[type="search"],
.form.form-affiliate-login input.mage-error[type="search"],
.affiliates-signup-form_inner .signup-form input.mage-error[type="search"],
.block.block-signpost .form input.mage-error[type="search"],
.block.block-generic-form .form input.mage-error[type="search"],
.form-orders-search input.mage-error[type="search"],
.block.block-competition-form form input.mage-error[type="search"],
.checkout-billing-address form input.mage-error[type="number"],
.form-address-edit input.mage-error[type="number"],
.form-edit-account input.mage-error[type="number"],
.form-newsletter-manage input.mage-error[type="number"],
.form-rewards-setting input.mage-error[type="number"],
.form-create-account input.mage-error[type="number"],
.form.password.forget input.mage-error[type="number"],
.form.password.reset input.mage-error[type="number"],
.form.form-new-agreement input.mage-error[type="number"],
.page-product-giftcard .aw-gc-product-add-form input.mage-error[type="number"],
.form.form-affiliate-login input.mage-error[type="number"],
.affiliates-signup-form_inner .signup-form input.mage-error[type="number"],
.block.block-signpost .form input.mage-error[type="number"],
.block.block-generic-form .form input.mage-error[type="number"],
.form-orders-search input.mage-error[type="number"],
.block.block-competition-form form input.mage-error[type="number"],
.checkout-billing-address form input.mage-error[type="datetime"],
.form-address-edit input.mage-error[type="datetime"],
.form-edit-account input.mage-error[type="datetime"],
.form-newsletter-manage input.mage-error[type="datetime"],
.form-rewards-setting input.mage-error[type="datetime"],
.form-create-account input.mage-error[type="datetime"],
.form.password.forget input.mage-error[type="datetime"],
.form.password.reset input.mage-error[type="datetime"],
.form.form-new-agreement input.mage-error[type="datetime"],
.page-product-giftcard .aw-gc-product-add-form input.mage-error[type="datetime"],
.form.form-affiliate-login input.mage-error[type="datetime"],
.affiliates-signup-form_inner .signup-form input.mage-error[type="datetime"],
.block.block-signpost .form input.mage-error[type="datetime"],
.block.block-generic-form .form input.mage-error[type="datetime"],
.form-orders-search input.mage-error[type="datetime"],
.block.block-competition-form form input.mage-error[type="datetime"],
.checkout-billing-address form input.mage-error[type="email"],
.form-address-edit input.mage-error[type="email"],
.form-edit-account input.mage-error[type="email"],
.form-newsletter-manage input.mage-error[type="email"],
.form-rewards-setting input.mage-error[type="email"],
.form-create-account input.mage-error[type="email"],
.form.password.forget input.mage-error[type="email"],
.form.password.reset input.mage-error[type="email"],
.form.form-new-agreement input.mage-error[type="email"],
.page-product-giftcard .aw-gc-product-add-form input.mage-error[type="email"],
.form.form-affiliate-login input.mage-error[type="email"],
.affiliates-signup-form_inner .signup-form input.mage-error[type="email"],
.block.block-signpost .form input.mage-error[type="email"],
.block.block-generic-form .form input.mage-error[type="email"],
.form-orders-search input.mage-error[type="email"],
.block.block-competition-form form input.mage-error[type="email"],
.checkout-billing-address form textarea.mage-error,
.form-address-edit textarea.mage-error,
.form-edit-account textarea.mage-error,
.form-newsletter-manage textarea.mage-error,
.form-rewards-setting textarea.mage-error,
.form-create-account textarea.mage-error,
.form.password.forget textarea.mage-error,
.form.password.reset textarea.mage-error,
.form.form-new-agreement textarea.mage-error,
.page-product-giftcard .aw-gc-product-add-form textarea.mage-error,
.form.form-affiliate-login textarea.mage-error,
.affiliates-signup-form_inner .signup-form textarea.mage-error,
.block.block-signpost .form textarea.mage-error,
.block.block-generic-form .form textarea.mage-error,
.form-orders-search textarea.mage-error,
.block.block-competition-form form textarea.mage-error,
.checkout-billing-address form select.mage-error,
.form-address-edit select.mage-error,
.form-edit-account select.mage-error,
.form-newsletter-manage select.mage-error,
.form-rewards-setting select.mage-error,
.form-create-account select.mage-error,
.form.password.forget select.mage-error,
.form.password.reset select.mage-error,
.form.form-new-agreement select.mage-error,
.page-product-giftcard .aw-gc-product-add-form select.mage-error,
.form.form-affiliate-login select.mage-error,
.affiliates-signup-form_inner .signup-form select.mage-error,
.block.block-signpost .form select.mage-error,
.block.block-generic-form .form select.mage-error,
.form-orders-search select.mage-error,
.block.block-competition-form form select.mage-error, .form.form-email .fieldset input.mage-error, .form-login .fieldset input.mage-error, .form-login .field.verification-code input.mage-error, .block.newsletter .form.subscribe input.mage-error, .block.block-customer-device .verification-code input.mage-error, .unsubscribe input.mage-error {
border-color: #5f5e7e; }
.checkout-billing-address form .filled > .control > input[type="text"], .form-address-edit .filled > .control > input[type="text"], .form-edit-account .filled > .control > input[type="text"], .form-newsletter-manage .filled > .control > input[type="text"], .form-rewards-setting .filled > .control > input[type="text"], .form-create-account .filled > .control > input[type="text"], .form.password.forget .filled > .control > input[type="text"], .form.password.reset .filled > .control > input[type="text"], .form.form-new-agreement .filled > .control > input[type="text"], .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="text"], .form.form-affiliate-login .filled > .control > input[type="text"], .affiliates-signup-form_inner .signup-form .filled > .control > input[type="text"], .block.block-signpost .form .filled > .control > input[type="text"], .block.block-generic-form .form .filled > .control > input[type="text"], .form-orders-search .filled > .control > input[type="text"], .block.block-competition-form form .filled > .control > input[type="text"],
.checkout-billing-address form .filled > .control > input[type="password"],
.form-address-edit .filled > .control > input[type="password"],
.form-edit-account .filled > .control > input[type="password"],
.form-newsletter-manage .filled > .control > input[type="password"],
.form-rewards-setting .filled > .control > input[type="password"],
.form-create-account .filled > .control > input[type="password"],
.form.password.forget .filled > .control > input[type="password"],
.form.password.reset .filled > .control > input[type="password"],
.form.form-new-agreement .filled > .control > input[type="password"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"],
.form.form-affiliate-login .filled > .control > input[type="password"],
.affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"],
.block.block-signpost .form .filled > .control > input[type="password"],
.block.block-generic-form .form .filled > .control > input[type="password"],
.form-orders-search .filled > .control > input[type="password"],
.block.block-competition-form form .filled > .control > input[type="password"],
.checkout-billing-address form .filled > .control > input[type="url"],
.form-address-edit .filled > .control > input[type="url"],
.form-edit-account .filled > .control > input[type="url"],
.form-newsletter-manage .filled > .control > input[type="url"],
.form-rewards-setting .filled > .control > input[type="url"],
.form-create-account .filled > .control > input[type="url"],
.form.password.forget .filled > .control > input[type="url"],
.form.password.reset .filled > .control > input[type="url"],
.form.form-new-agreement .filled > .control > input[type="url"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="url"],
.form.form-affiliate-login .filled > .control > input[type="url"],
.affiliates-signup-form_inner .signup-form .filled > .control > input[type="url"],
.block.block-signpost .form .filled > .control > input[type="url"],
.block.block-generic-form .form .filled > .control > input[type="url"],
.form-orders-search .filled > .control > input[type="url"],
.block.block-competition-form form .filled > .control > input[type="url"],
.checkout-billing-address form .filled > .control > input[type="tel"],
.form-address-edit .filled > .control > input[type="tel"],
.form-edit-account .filled > .control > input[type="tel"],
.form-newsletter-manage .filled > .control > input[type="tel"],
.form-rewards-setting .filled > .control > input[type="tel"],
.form-create-account .filled > .control > input[type="tel"],
.form.password.forget .filled > .control > input[type="tel"],
.form.password.reset .filled > .control > input[type="tel"],
.form.form-new-agreement .filled > .control > input[type="tel"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="tel"],
.form.form-affiliate-login .filled > .control > input[type="tel"],
.affiliates-signup-form_inner .signup-form .filled > .control > input[type="tel"],
.block.block-signpost .form .filled > .control > input[type="tel"],
.block.block-generic-form .form .filled > .control > input[type="tel"],
.form-orders-search .filled > .control > input[type="tel"],
.block.block-competition-form form .filled > .control > input[type="tel"],
.checkout-billing-address form .filled > .control > input[type="search"],
.form-address-edit .filled > .control > input[type="search"],
.form-edit-account .filled > .control > input[type="search"],
.form-newsletter-manage .filled > .control > input[type="search"],
.form-rewards-setting .filled > .control > input[type="search"],
.form-create-account .filled > .control > input[type="search"],
.form.password.forget .filled > .control > input[type="search"],
.form.password.reset .filled > .control > input[type="search"],
.form.form-new-agreement .filled > .control > input[type="search"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="search"],
.form.form-affiliate-login .filled > .control > input[type="search"],
.affiliates-signup-form_inner .signup-form .filled > .control > input[type="search"],
.block.block-signpost .form .filled > .control > input[type="search"],
.block.block-generic-form .form .filled > .control > input[type="search"],
.form-orders-search .filled > .control > input[type="search"],
.block.block-competition-form form .filled > .control > input[type="search"],
.checkout-billing-address form .filled > .control > input[type="number"],
.form-address-edit .filled > .control > input[type="number"],
.form-edit-account .filled > .control > input[type="number"],
.form-newsletter-manage .filled > .control > input[type="number"],
.form-rewards-setting .filled > .control > input[type="number"],
.form-create-account .filled > .control > input[type="number"],
.form.password.forget .filled > .control > input[type="number"],
.form.password.reset .filled > .control > input[type="number"],
.form.form-new-agreement .filled > .control > input[type="number"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="number"],
.form.form-affiliate-login .filled > .control > input[type="number"],
.affiliates-signup-form_inner .signup-form .filled > .control > input[type="number"],
.block.block-signpost .form .filled > .control > input[type="number"],
.block.block-generic-form .form .filled > .control > input[type="number"],
.form-orders-search .filled > .control > input[type="number"],
.block.block-competition-form form .filled > .control > input[type="number"],
.checkout-billing-address form .filled > .control > input[type="datetime"],
.form-address-edit .filled > .control > input[type="datetime"],
.form-edit-account .filled > .control > input[type="datetime"],
.form-newsletter-manage .filled > .control > input[type="datetime"],
.form-rewards-setting .filled > .control > input[type="datetime"],
.form-create-account .filled > .control > input[type="datetime"],
.form.password.forget .filled > .control > input[type="datetime"],
.form.password.reset .filled > .control > input[type="datetime"],
.form.form-new-agreement .filled > .control > input[type="datetime"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="datetime"],
.form.form-affiliate-login .filled > .control > input[type="datetime"],
.affiliates-signup-form_inner .signup-form .filled > .control > input[type="datetime"],
.block.block-signpost .form .filled > .control > input[type="datetime"],
.block.block-generic-form .form .filled > .control > input[type="datetime"],
.form-orders-search .filled > .control > input[type="datetime"],
.block.block-competition-form form .filled > .control > input[type="datetime"],
.checkout-billing-address form .filled > .control > input[type="email"],
.form-address-edit .filled > .control > input[type="email"],
.form-edit-account .filled > .control > input[type="email"],
.form-newsletter-manage .filled > .control > input[type="email"],
.form-rewards-setting .filled > .control > input[type="email"],
.form-create-account .filled > .control > input[type="email"],
.form.password.forget .filled > .control > input[type="email"],
.form.password.reset .filled > .control > input[type="email"],
.form.form-new-agreement .filled > .control > input[type="email"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="email"],
.form.form-affiliate-login .filled > .control > input[type="email"],
.affiliates-signup-form_inner .signup-form .filled > .control > input[type="email"],
.block.block-signpost .form .filled > .control > input[type="email"],
.block.block-generic-form .form .filled > .control > input[type="email"],
.form-orders-search .filled > .control > input[type="email"],
.block.block-competition-form form .filled > .control > input[type="email"],
.checkout-billing-address form .filled > .control > textarea,
.form-address-edit .filled > .control > textarea,
.form-edit-account .filled > .control > textarea,
.form-newsletter-manage .filled > .control > textarea,
.form-rewards-setting .filled > .control > textarea,
.form-create-account .filled > .control > textarea,
.form.password.forget .filled > .control > textarea,
.form.password.reset .filled > .control > textarea,
.form.form-new-agreement .filled > .control > textarea,
.page-product-giftcard .aw-gc-product-add-form .filled > .control > textarea,
.form.form-affiliate-login .filled > .control > textarea,
.affiliates-signup-form_inner .signup-form .filled > .control > textarea,
.block.block-signpost .form .filled > .control > textarea,
.block.block-generic-form .form .filled > .control > textarea,
.form-orders-search .filled > .control > textarea,
.block.block-competition-form form .filled > .control > textarea,
.checkout-billing-address form .filled > .control > select,
.form-address-edit .filled > .control > select,
.form-edit-account .filled > .control > select,
.form-newsletter-manage .filled > .control > select,
.form-rewards-setting .filled > .control > select,
.form-create-account .filled > .control > select,
.form.password.forget .filled > .control > select,
.form.password.reset .filled > .control > select,
.form.form-new-agreement .filled > .control > select,
.page-product-giftcard .aw-gc-product-add-form .filled > .control > select,
.form.form-affiliate-login .filled > .control > select,
.affiliates-signup-form_inner .signup-form .filled > .control > select,
.block.block-signpost .form .filled > .control > select,
.block.block-generic-form .form .filled > .control > select,
.form-orders-search .filled > .control > select,
.block.block-competition-form form .filled > .control > select, .form.form-email .fieldset .filled > .control > input, .form-login .fieldset .filled > .control > input, .form-login .field.verification-code .filled > .control > input, .block.newsletter .form.subscribe .filled > .control > input, .block.block-customer-device .verification-code .filled > .control > input, .unsubscribe .filled > .control > input {
border-color: #2fc28f; }
.checkout-billing-address form .filled > .control > input[type="text"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="text"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="text"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="text"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="text"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="text"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="text"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="text"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="text"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="text"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="text"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="text"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="text"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="text"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="text"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="text"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="password"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="password"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="password"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="password"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="password"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="password"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="password"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="password"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="password"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="password"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="password"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="password"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="password"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="password"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="url"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="url"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="url"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="url"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="url"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="url"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="url"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="url"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="url"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="url"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="url"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="url"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="url"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="url"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="url"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="url"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="tel"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="tel"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="tel"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="tel"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="tel"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="tel"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="tel"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="tel"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="tel"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="tel"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="tel"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="tel"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="tel"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="tel"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="tel"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="tel"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="search"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="search"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="search"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="search"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="search"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="search"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="search"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="search"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="search"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="search"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="search"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="search"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="search"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="search"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="search"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="search"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="number"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="number"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="number"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="number"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="number"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="number"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="number"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="number"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="number"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="number"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="number"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="number"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="number"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="number"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="number"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="number"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="datetime"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="datetime"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="datetime"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="datetime"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="datetime"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="datetime"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="datetime"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="email"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="email"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="email"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="email"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="email"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="email"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="email"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="email"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="email"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="email"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="email"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="email"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="email"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="email"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="email"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="email"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > textarea ~ .filled-input-icon, .form-address-edit .filled > .control > textarea ~ .filled-input-icon, .form-edit-account .filled > .control > textarea ~ .filled-input-icon, .form-newsletter-manage .filled > .control > textarea ~ .filled-input-icon, .form-rewards-setting .filled > .control > textarea ~ .filled-input-icon, .form-create-account .filled > .control > textarea ~ .filled-input-icon, .form.password.forget .filled > .control > textarea ~ .filled-input-icon, .form.password.reset .filled > .control > textarea ~ .filled-input-icon, .form.form-new-agreement .filled > .control > textarea ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > textarea ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > textarea ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > textarea ~ .filled-input-icon, .block.block-signpost .form .filled > .control > textarea ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > textarea ~ .filled-input-icon, .form-orders-search .filled > .control > textarea ~ .filled-input-icon, .block.block-competition-form form .filled > .control > textarea ~ .filled-input-icon, .checkout-billing-address form .filled > .control > select ~ .filled-input-icon, .form-address-edit .filled > .control > select ~ .filled-input-icon, .form-edit-account .filled > .control > select ~ .filled-input-icon, .form-newsletter-manage .filled > .control > select ~ .filled-input-icon, .form-rewards-setting .filled > .control > select ~ .filled-input-icon, .form-create-account .filled > .control > select ~ .filled-input-icon, .form.password.forget .filled > .control > select ~ .filled-input-icon, .form.password.reset .filled > .control > select ~ .filled-input-icon, .form.form-new-agreement .filled > .control > select ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > select ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > select ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > select ~ .filled-input-icon, .block.block-signpost .form .filled > .control > select ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > select ~ .filled-input-icon, .form-orders-search .filled > .control > select ~ .filled-input-icon, .block.block-competition-form form .filled > .control > select ~ .filled-input-icon, .form.form-email .fieldset .filled > .control > input ~ .filled-input-icon, .form-login .fieldset .filled > .control > input ~ .filled-input-icon, .form-login .field.verification-code .filled > .control > input ~ .filled-input-icon, .block.newsletter .form.subscribe .filled > .control > input ~ .filled-input-icon, .block.block-customer-device .verification-code .filled > .control > input ~ .filled-input-icon, .unsubscribe .filled > .control > input ~ .filled-input-icon {
display: block; }
.checkout-billing-address form .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="password"][type="text"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="password"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="password"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="password"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="password"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="password"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="password"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="password"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="password"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="password"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="password"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="password"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="password"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="password"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="password"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="password"][type="url"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="password"][type="tel"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="password"][type="search"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="password"][type="number"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="password"][type="datetime"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form-address-edit .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form-edit-account .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form-create-account .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form.password.forget .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form.password.reset .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .form-orders-search .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input[type="password"][type="email"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form-address-edit .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form-edit-account .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form-create-account .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form.password.forget .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form.password.reset .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > textarea[type="password"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > textarea[type="password"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > textarea[type="password"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > textarea[type="password"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > textarea[type="password"] ~ .filled-input-icon, .form-orders-search .filled > .control > textarea[type="password"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > textarea[type="password"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > select[type="password"] ~ .filled-input-icon, .form-address-edit .filled > .control > select[type="password"] ~ .filled-input-icon, .form-edit-account .filled > .control > select[type="password"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > select[type="password"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > select[type="password"] ~ .filled-input-icon, .form-create-account .filled > .control > select[type="password"] ~ .filled-input-icon, .form.password.forget .filled > .control > select[type="password"] ~ .filled-input-icon, .form.password.reset .filled > .control > select[type="password"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > select[type="password"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > select[type="password"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > select[type="password"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > select[type="password"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > select[type="password"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > select[type="password"] ~ .filled-input-icon, .form-orders-search .filled > .control > select[type="password"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > select[type="password"] ~ .filled-input-icon, .form.form-email .fieldset .filled > .control > input[type="password"] ~ .filled-input-icon, .form-login .fieldset .filled > .control > input[type="password"] ~ .filled-input-icon, .form-login .field.verification-code .filled > .control > input[type="password"] ~ .filled-input-icon, .block.newsletter .form.subscribe .filled > .control > input[type="password"] ~ .filled-input-icon, .block.block-customer-device .verification-code .filled > .control > input[type="password"] ~ .filled-input-icon, .unsubscribe .filled > .control > input[type="password"] ~ .filled-input-icon {
display: none; }
.checkout-billing-address form .filled > .control > input.mage-error[type="text"], .form-address-edit .filled > .control > input.mage-error[type="text"], .form-edit-account .filled > .control > input.mage-error[type="text"], .form-newsletter-manage .filled > .control > input.mage-error[type="text"], .form-rewards-setting .filled > .control > input.mage-error[type="text"], .form-create-account .filled > .control > input.mage-error[type="text"], .form.password.forget .filled > .control > input.mage-error[type="text"], .form.password.reset .filled > .control > input.mage-error[type="text"], .form.form-new-agreement .filled > .control > input.mage-error[type="text"], .page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="text"], .form.form-affiliate-login .filled > .control > input.mage-error[type="text"], .affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="text"], .block.block-signpost .form .filled > .control > input.mage-error[type="text"], .block.block-generic-form .form .filled > .control > input.mage-error[type="text"], .form-orders-search .filled > .control > input.mage-error[type="text"], .block.block-competition-form form .filled > .control > input.mage-error[type="text"],
.checkout-billing-address form .filled > .control > input.mage-error[type="password"],
.form-address-edit .filled > .control > input.mage-error[type="password"],
.form-edit-account .filled > .control > input.mage-error[type="password"],
.form-newsletter-manage .filled > .control > input.mage-error[type="password"],
.form-rewards-setting .filled > .control > input.mage-error[type="password"],
.form-create-account .filled > .control > input.mage-error[type="password"],
.form.password.forget .filled > .control > input.mage-error[type="password"],
.form.password.reset .filled > .control > input.mage-error[type="password"],
.form.form-new-agreement .filled > .control > input.mage-error[type="password"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="password"],
.form.form-affiliate-login .filled > .control > input.mage-error[type="password"],
.affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="password"],
.block.block-signpost .form .filled > .control > input.mage-error[type="password"],
.block.block-generic-form .form .filled > .control > input.mage-error[type="password"],
.form-orders-search .filled > .control > input.mage-error[type="password"],
.block.block-competition-form form .filled > .control > input.mage-error[type="password"],
.checkout-billing-address form .filled > .control > input.mage-error[type="url"],
.form-address-edit .filled > .control > input.mage-error[type="url"],
.form-edit-account .filled > .control > input.mage-error[type="url"],
.form-newsletter-manage .filled > .control > input.mage-error[type="url"],
.form-rewards-setting .filled > .control > input.mage-error[type="url"],
.form-create-account .filled > .control > input.mage-error[type="url"],
.form.password.forget .filled > .control > input.mage-error[type="url"],
.form.password.reset .filled > .control > input.mage-error[type="url"],
.form.form-new-agreement .filled > .control > input.mage-error[type="url"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="url"],
.form.form-affiliate-login .filled > .control > input.mage-error[type="url"],
.affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="url"],
.block.block-signpost .form .filled > .control > input.mage-error[type="url"],
.block.block-generic-form .form .filled > .control > input.mage-error[type="url"],
.form-orders-search .filled > .control > input.mage-error[type="url"],
.block.block-competition-form form .filled > .control > input.mage-error[type="url"],
.checkout-billing-address form .filled > .control > input.mage-error[type="tel"],
.form-address-edit .filled > .control > input.mage-error[type="tel"],
.form-edit-account .filled > .control > input.mage-error[type="tel"],
.form-newsletter-manage .filled > .control > input.mage-error[type="tel"],
.form-rewards-setting .filled > .control > input.mage-error[type="tel"],
.form-create-account .filled > .control > input.mage-error[type="tel"],
.form.password.forget .filled > .control > input.mage-error[type="tel"],
.form.password.reset .filled > .control > input.mage-error[type="tel"],
.form.form-new-agreement .filled > .control > input.mage-error[type="tel"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="tel"],
.form.form-affiliate-login .filled > .control > input.mage-error[type="tel"],
.affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="tel"],
.block.block-signpost .form .filled > .control > input.mage-error[type="tel"],
.block.block-generic-form .form .filled > .control > input.mage-error[type="tel"],
.form-orders-search .filled > .control > input.mage-error[type="tel"],
.block.block-competition-form form .filled > .control > input.mage-error[type="tel"],
.checkout-billing-address form .filled > .control > input.mage-error[type="search"],
.form-address-edit .filled > .control > input.mage-error[type="search"],
.form-edit-account .filled > .control > input.mage-error[type="search"],
.form-newsletter-manage .filled > .control > input.mage-error[type="search"],
.form-rewards-setting .filled > .control > input.mage-error[type="search"],
.form-create-account .filled > .control > input.mage-error[type="search"],
.form.password.forget .filled > .control > input.mage-error[type="search"],
.form.password.reset .filled > .control > input.mage-error[type="search"],
.form.form-new-agreement .filled > .control > input.mage-error[type="search"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="search"],
.form.form-affiliate-login .filled > .control > input.mage-error[type="search"],
.affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="search"],
.block.block-signpost .form .filled > .control > input.mage-error[type="search"],
.block.block-generic-form .form .filled > .control > input.mage-error[type="search"],
.form-orders-search .filled > .control > input.mage-error[type="search"],
.block.block-competition-form form .filled > .control > input.mage-error[type="search"],
.checkout-billing-address form .filled > .control > input.mage-error[type="number"],
.form-address-edit .filled > .control > input.mage-error[type="number"],
.form-edit-account .filled > .control > input.mage-error[type="number"],
.form-newsletter-manage .filled > .control > input.mage-error[type="number"],
.form-rewards-setting .filled > .control > input.mage-error[type="number"],
.form-create-account .filled > .control > input.mage-error[type="number"],
.form.password.forget .filled > .control > input.mage-error[type="number"],
.form.password.reset .filled > .control > input.mage-error[type="number"],
.form.form-new-agreement .filled > .control > input.mage-error[type="number"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="number"],
.form.form-affiliate-login .filled > .control > input.mage-error[type="number"],
.affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="number"],
.block.block-signpost .form .filled > .control > input.mage-error[type="number"],
.block.block-generic-form .form .filled > .control > input.mage-error[type="number"],
.form-orders-search .filled > .control > input.mage-error[type="number"],
.block.block-competition-form form .filled > .control > input.mage-error[type="number"],
.checkout-billing-address form .filled > .control > input.mage-error[type="datetime"],
.form-address-edit .filled > .control > input.mage-error[type="datetime"],
.form-edit-account .filled > .control > input.mage-error[type="datetime"],
.form-newsletter-manage .filled > .control > input.mage-error[type="datetime"],
.form-rewards-setting .filled > .control > input.mage-error[type="datetime"],
.form-create-account .filled > .control > input.mage-error[type="datetime"],
.form.password.forget .filled > .control > input.mage-error[type="datetime"],
.form.password.reset .filled > .control > input.mage-error[type="datetime"],
.form.form-new-agreement .filled > .control > input.mage-error[type="datetime"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="datetime"],
.form.form-affiliate-login .filled > .control > input.mage-error[type="datetime"],
.affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="datetime"],
.block.block-signpost .form .filled > .control > input.mage-error[type="datetime"],
.block.block-generic-form .form .filled > .control > input.mage-error[type="datetime"],
.form-orders-search .filled > .control > input.mage-error[type="datetime"],
.block.block-competition-form form .filled > .control > input.mage-error[type="datetime"],
.checkout-billing-address form .filled > .control > input.mage-error[type="email"],
.form-address-edit .filled > .control > input.mage-error[type="email"],
.form-edit-account .filled > .control > input.mage-error[type="email"],
.form-newsletter-manage .filled > .control > input.mage-error[type="email"],
.form-rewards-setting .filled > .control > input.mage-error[type="email"],
.form-create-account .filled > .control > input.mage-error[type="email"],
.form.password.forget .filled > .control > input.mage-error[type="email"],
.form.password.reset .filled > .control > input.mage-error[type="email"],
.form.form-new-agreement .filled > .control > input.mage-error[type="email"],
.page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="email"],
.form.form-affiliate-login .filled > .control > input.mage-error[type="email"],
.affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="email"],
.block.block-signpost .form .filled > .control > input.mage-error[type="email"],
.block.block-generic-form .form .filled > .control > input.mage-error[type="email"],
.form-orders-search .filled > .control > input.mage-error[type="email"],
.block.block-competition-form form .filled > .control > input.mage-error[type="email"],
.checkout-billing-address form .filled > .control > textarea.mage-error,
.form-address-edit .filled > .control > textarea.mage-error,
.form-edit-account .filled > .control > textarea.mage-error,
.form-newsletter-manage .filled > .control > textarea.mage-error,
.form-rewards-setting .filled > .control > textarea.mage-error,
.form-create-account .filled > .control > textarea.mage-error,
.form.password.forget .filled > .control > textarea.mage-error,
.form.password.reset .filled > .control > textarea.mage-error,
.form.form-new-agreement .filled > .control > textarea.mage-error,
.page-product-giftcard .aw-gc-product-add-form .filled > .control > textarea.mage-error,
.form.form-affiliate-login .filled > .control > textarea.mage-error,
.affiliates-signup-form_inner .signup-form .filled > .control > textarea.mage-error,
.block.block-signpost .form .filled > .control > textarea.mage-error,
.block.block-generic-form .form .filled > .control > textarea.mage-error,
.form-orders-search .filled > .control > textarea.mage-error,
.block.block-competition-form form .filled > .control > textarea.mage-error,
.checkout-billing-address form .filled > .control > select.mage-error,
.form-address-edit .filled > .control > select.mage-error,
.form-edit-account .filled > .control > select.mage-error,
.form-newsletter-manage .filled > .control > select.mage-error,
.form-rewards-setting .filled > .control > select.mage-error,
.form-create-account .filled > .control > select.mage-error,
.form.password.forget .filled > .control > select.mage-error,
.form.password.reset .filled > .control > select.mage-error,
.form.form-new-agreement .filled > .control > select.mage-error,
.page-product-giftcard .aw-gc-product-add-form .filled > .control > select.mage-error,
.form.form-affiliate-login .filled > .control > select.mage-error,
.affiliates-signup-form_inner .signup-form .filled > .control > select.mage-error,
.block.block-signpost .form .filled > .control > select.mage-error,
.block.block-generic-form .form .filled > .control > select.mage-error,
.form-orders-search .filled > .control > select.mage-error,
.block.block-competition-form form .filled > .control > select.mage-error, .form.form-email .fieldset .filled > .control > input.mage-error, .form-login .fieldset .filled > .control > input.mage-error, .form-login .field.verification-code .filled > .control > input.mage-error, .block.newsletter .form.subscribe .filled > .control > input.mage-error, .block.block-customer-device .verification-code .filled > .control > input.mage-error, .unsubscribe .filled > .control > input.mage-error {
border-color: #5f5e7e; }
.checkout-billing-address form .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form-address-edit .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form-edit-account .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form-create-account .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form.password.forget .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form.password.reset .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .form-orders-search .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input.mage-error[type="text"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form-address-edit .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form-edit-account .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form-create-account .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form.password.forget .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form.password.reset .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .form-orders-search .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input.mage-error[type="password"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form-address-edit .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form-edit-account .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form-create-account .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form.password.forget .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form.password.reset .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .form-orders-search .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input.mage-error[type="url"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form-address-edit .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form-edit-account .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form-create-account .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form.password.forget .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form.password.reset .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .form-orders-search .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input.mage-error[type="tel"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form-address-edit .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form-edit-account .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form-create-account .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form.password.forget .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form.password.reset .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .form-orders-search .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input.mage-error[type="search"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form-address-edit .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form-edit-account .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form-create-account .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form.password.forget .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form.password.reset .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .form-orders-search .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input.mage-error[type="number"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form-address-edit .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form-edit-account .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form-create-account .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form.password.forget .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form.password.reset .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .form-orders-search .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input.mage-error[type="datetime"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form-address-edit .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form-edit-account .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form-newsletter-manage .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form-rewards-setting .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form-create-account .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form.password.forget .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form.password.reset .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form.form-new-agreement .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .block.block-signpost .form .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .form-orders-search .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .block.block-competition-form form .filled > .control > input.mage-error[type="email"] ~ .filled-input-icon, .checkout-billing-address form .filled > .control > textarea.mage-error ~ .filled-input-icon, .form-address-edit .filled > .control > textarea.mage-error ~ .filled-input-icon, .form-edit-account .filled > .control > textarea.mage-error ~ .filled-input-icon, .form-newsletter-manage .filled > .control > textarea.mage-error ~ .filled-input-icon, .form-rewards-setting .filled > .control > textarea.mage-error ~ .filled-input-icon, .form-create-account .filled > .control > textarea.mage-error ~ .filled-input-icon, .form.password.forget .filled > .control > textarea.mage-error ~ .filled-input-icon, .form.password.reset .filled > .control > textarea.mage-error ~ .filled-input-icon, .form.form-new-agreement .filled > .control > textarea.mage-error ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > textarea.mage-error ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > textarea.mage-error ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > textarea.mage-error ~ .filled-input-icon, .block.block-signpost .form .filled > .control > textarea.mage-error ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > textarea.mage-error ~ .filled-input-icon, .form-orders-search .filled > .control > textarea.mage-error ~ .filled-input-icon, .block.block-competition-form form .filled > .control > textarea.mage-error ~ .filled-input-icon, .checkout-billing-address form .filled > .control > select.mage-error ~ .filled-input-icon, .form-address-edit .filled > .control > select.mage-error ~ .filled-input-icon, .form-edit-account .filled > .control > select.mage-error ~ .filled-input-icon, .form-newsletter-manage .filled > .control > select.mage-error ~ .filled-input-icon, .form-rewards-setting .filled > .control > select.mage-error ~ .filled-input-icon, .form-create-account .filled > .control > select.mage-error ~ .filled-input-icon, .form.password.forget .filled > .control > select.mage-error ~ .filled-input-icon, .form.password.reset .filled > .control > select.mage-error ~ .filled-input-icon, .form.form-new-agreement .filled > .control > select.mage-error ~ .filled-input-icon, .page-product-giftcard .aw-gc-product-add-form .filled > .control > select.mage-error ~ .filled-input-icon, .form.form-affiliate-login .filled > .control > select.mage-error ~ .filled-input-icon, .affiliates-signup-form_inner .signup-form .filled > .control > select.mage-error ~ .filled-input-icon, .block.block-signpost .form .filled > .control > select.mage-error ~ .filled-input-icon, .block.block-generic-form .form .filled > .control > select.mage-error ~ .filled-input-icon, .form-orders-search .filled > .control > select.mage-error ~ .filled-input-icon, .block.block-competition-form form .filled > .control > select.mage-error ~ .filled-input-icon, .form.form-email .fieldset .filled > .control > input.mage-error ~ .filled-input-icon, .form-login .fieldset .filled > .control > input.mage-error ~ .filled-input-icon, .form-login .field.verification-code .filled > .control > input.mage-error ~ .filled-input-icon, .block.newsletter .form.subscribe .filled > .control > input.mage-error ~ .filled-input-icon, .block.block-customer-device .verification-code .filled > .control > input.mage-error ~ .filled-input-icon, .unsubscribe .filled > .control > input.mage-error ~ .filled-input-icon {
display: none; }
@media only screen and (min-width: 768px) {
.checkout-billing-address form input[type="text"]::placeholder, .form-address-edit input[type="text"]::placeholder, .form-edit-account input[type="text"]::placeholder, .form-newsletter-manage input[type="text"]::placeholder, .form-rewards-setting input[type="text"]::placeholder, .form-create-account input[type="text"]::placeholder, .form.password.forget input[type="text"]::placeholder, .form.password.reset input[type="text"]::placeholder, .form.form-new-agreement input[type="text"]::placeholder, .page-product-giftcard .aw-gc-product-add-form input[type="text"]::placeholder, .form.form-affiliate-login input[type="text"]::placeholder, .affiliates-signup-form_inner .signup-form input[type="text"]::placeholder, .block.block-signpost .form input[type="text"]::placeholder, .block.block-generic-form .form input[type="text"]::placeholder, .form-orders-search input[type="text"]::placeholder, .block.block-competition-form form input[type="text"]::placeholder,
.checkout-billing-address form input[type="password"]::placeholder,
.form-address-edit input[type="password"]::placeholder,
.form-edit-account input[type="password"]::placeholder,
.form-newsletter-manage input[type="password"]::placeholder,
.form-rewards-setting input[type="password"]::placeholder,
.form-create-account input[type="password"]::placeholder,
.form.password.forget input[type="password"]::placeholder,
.form.password.reset input[type="password"]::placeholder,
.form.form-new-agreement input[type="password"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="password"]::placeholder,
.form.form-affiliate-login input[type="password"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="password"]::placeholder,
.block.block-signpost .form input[type="password"]::placeholder,
.block.block-generic-form .form input[type="password"]::placeholder,
.form-orders-search input[type="password"]::placeholder,
.block.block-competition-form form input[type="password"]::placeholder,
.checkout-billing-address form input[type="url"]::placeholder,
.form-address-edit input[type="url"]::placeholder,
.form-edit-account input[type="url"]::placeholder,
.form-newsletter-manage input[type="url"]::placeholder,
.form-rewards-setting input[type="url"]::placeholder,
.form-create-account input[type="url"]::placeholder,
.form.password.forget input[type="url"]::placeholder,
.form.password.reset input[type="url"]::placeholder,
.form.form-new-agreement input[type="url"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="url"]::placeholder,
.form.form-affiliate-login input[type="url"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="url"]::placeholder,
.block.block-signpost .form input[type="url"]::placeholder,
.block.block-generic-form .form input[type="url"]::placeholder,
.form-orders-search input[type="url"]::placeholder,
.block.block-competition-form form input[type="url"]::placeholder,
.checkout-billing-address form input[type="tel"]::placeholder,
.form-address-edit input[type="tel"]::placeholder,
.form-edit-account input[type="tel"]::placeholder,
.form-newsletter-manage input[type="tel"]::placeholder,
.form-rewards-setting input[type="tel"]::placeholder,
.form-create-account input[type="tel"]::placeholder,
.form.password.forget input[type="tel"]::placeholder,
.form.password.reset input[type="tel"]::placeholder,
.form.form-new-agreement input[type="tel"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="tel"]::placeholder,
.form.form-affiliate-login input[type="tel"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="tel"]::placeholder,
.block.block-signpost .form input[type="tel"]::placeholder,
.block.block-generic-form .form input[type="tel"]::placeholder,
.form-orders-search input[type="tel"]::placeholder,
.block.block-competition-form form input[type="tel"]::placeholder,
.checkout-billing-address form input[type="search"]::placeholder,
.form-address-edit input[type="search"]::placeholder,
.form-edit-account input[type="search"]::placeholder,
.form-newsletter-manage input[type="search"]::placeholder,
.form-rewards-setting input[type="search"]::placeholder,
.form-create-account input[type="search"]::placeholder,
.form.password.forget input[type="search"]::placeholder,
.form.password.reset input[type="search"]::placeholder,
.form.form-new-agreement input[type="search"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="search"]::placeholder,
.form.form-affiliate-login input[type="search"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="search"]::placeholder,
.block.block-signpost .form input[type="search"]::placeholder,
.block.block-generic-form .form input[type="search"]::placeholder,
.form-orders-search input[type="search"]::placeholder,
.block.block-competition-form form input[type="search"]::placeholder,
.checkout-billing-address form input[type="number"]::placeholder,
.form-address-edit input[type="number"]::placeholder,
.form-edit-account input[type="number"]::placeholder,
.form-newsletter-manage input[type="number"]::placeholder,
.form-rewards-setting input[type="number"]::placeholder,
.form-create-account input[type="number"]::placeholder,
.form.password.forget input[type="number"]::placeholder,
.form.password.reset input[type="number"]::placeholder,
.form.form-new-agreement input[type="number"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="number"]::placeholder,
.form.form-affiliate-login input[type="number"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="number"]::placeholder,
.block.block-signpost .form input[type="number"]::placeholder,
.block.block-generic-form .form input[type="number"]::placeholder,
.form-orders-search input[type="number"]::placeholder,
.block.block-competition-form form input[type="number"]::placeholder,
.checkout-billing-address form input[type="datetime"]::placeholder,
.form-address-edit input[type="datetime"]::placeholder,
.form-edit-account input[type="datetime"]::placeholder,
.form-newsletter-manage input[type="datetime"]::placeholder,
.form-rewards-setting input[type="datetime"]::placeholder,
.form-create-account input[type="datetime"]::placeholder,
.form.password.forget input[type="datetime"]::placeholder,
.form.password.reset input[type="datetime"]::placeholder,
.form.form-new-agreement input[type="datetime"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="datetime"]::placeholder,
.form.form-affiliate-login input[type="datetime"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="datetime"]::placeholder,
.block.block-signpost .form input[type="datetime"]::placeholder,
.block.block-generic-form .form input[type="datetime"]::placeholder,
.form-orders-search input[type="datetime"]::placeholder,
.block.block-competition-form form input[type="datetime"]::placeholder,
.checkout-billing-address form input[type="email"]::placeholder,
.form-address-edit input[type="email"]::placeholder,
.form-edit-account input[type="email"]::placeholder,
.form-newsletter-manage input[type="email"]::placeholder,
.form-rewards-setting input[type="email"]::placeholder,
.form-create-account input[type="email"]::placeholder,
.form.password.forget input[type="email"]::placeholder,
.form.password.reset input[type="email"]::placeholder,
.form.form-new-agreement input[type="email"]::placeholder,
.page-product-giftcard .aw-gc-product-add-form input[type="email"]::placeholder,
.form.form-affiliate-login input[type="email"]::placeholder,
.affiliates-signup-form_inner .signup-form input[type="email"]::placeholder,
.block.block-signpost .form input[type="email"]::placeholder,
.block.block-generic-form .form input[type="email"]::placeholder,
.form-orders-search input[type="email"]::placeholder,
.block.block-competition-form form input[type="email"]::placeholder,
.checkout-billing-address form textarea::placeholder,
.form-address-edit textarea::placeholder,
.form-edit-account textarea::placeholder,
.form-newsletter-manage textarea::placeholder,
.form-rewards-setting textarea::placeholder,
.form-create-account textarea::placeholder,
.form.password.forget textarea::placeholder,
.form.password.reset textarea::placeholder,
.form.form-new-agreement textarea::placeholder,
.page-product-giftcard .aw-gc-product-add-form textarea::placeholder,
.form.form-affiliate-login textarea::placeholder,
.affiliates-signup-form_inner .signup-form textarea::placeholder,
.block.block-signpost .form textarea::placeholder,
.block.block-generic-form .form textarea::placeholder,
.form-orders-search textarea::placeholder,
.block.block-competition-form form textarea::placeholder,
.checkout-billing-address form select::placeholder,
.form-address-edit select::placeholder,
.form-edit-account select::placeholder,
.form-newsletter-manage select::placeholder,
.form-rewards-setting select::placeholder,
.form-create-account select::placeholder,
.form.password.forget select::placeholder,
.form.password.reset select::placeholder,
.form.form-new-agreement select::placeholder,
.page-product-giftcard .aw-gc-product-add-form select::placeholder,
.form.form-affiliate-login select::placeholder,
.affiliates-signup-form_inner .signup-form select::placeholder,
.block.block-signpost .form select::placeholder,
.block.block-generic-form .form select::placeholder,
.form-orders-search select::placeholder,
.block.block-competition-form form select::placeholder, .form.form-email .fieldset input::placeholder, .form-login .fieldset input::placeholder, .form-login .field.verification-code input::placeholder, .block.newsletter .form.subscribe input::placeholder, .block.block-customer-device .verification-code input::placeholder, .unsubscribe input::placeholder {
font-size: 1.8rem; } }
.control {
position: relative; }
.filled-input-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOBAMAAADQ9FGEAAAAG1BMVEUAAAAgz5Ud0pQd05UYz5AZz5Ad1JUd05Qd0pWZ3kPxAAAACXRSTlMAMO/fISDfvrCLSFvlAAAAOElEQVQI12PAAKwZMFaYIkwoSYCAULEDAwOLEUhIyISBwRmsilHZASwEFgQJQQRBQhBBRbiVECEAtzAGZi5TAQ4AAAAASUVORK5CYII=") !important;
background-repeat: no-repeat no-repeat;
display: none;
pointer-events: none;
position: absolute;
width: 18px;
height: 13px;
top: 13px;
right: 10px; }
.checkout-billing-address form .field-tooltip .field-tooltip-content, .form-address-edit .field-tooltip .field-tooltip-content, .form-edit-account .field-tooltip .field-tooltip-content, .form-newsletter-manage .field-tooltip .field-tooltip-content, .form-rewards-setting .field-tooltip .field-tooltip-content, .form.form-email .field-tooltip .field-tooltip-content, .form-login .field-tooltip .field-tooltip-content, .review-add .field-tooltip .field-tooltip-content {
display: block;
font-size: 1rem;
margin-top: 0.5em; }
.checkout-billing-address form .note, .form-address-edit .note, .form-edit-account .note, .form-newsletter-manage .note, .form-rewards-setting .note, .form.form-email .note, .form-login .note, .review-add .note {
display: block;
font-size: 1rem;
margin-top: 0.5em; }
@media only screen and (min-width: 768px) {
.checkout-billing-address form .field-tooltip .field-tooltip-content, .form-address-edit .field-tooltip .field-tooltip-content, .form-edit-account .field-tooltip .field-tooltip-content, .form-newsletter-manage .field-tooltip .field-tooltip-content, .form-rewards-setting .field-tooltip .field-tooltip-content, .form.form-email .field-tooltip .field-tooltip-content, .form-login .field-tooltip .field-tooltip-content, .review-add .field-tooltip .field-tooltip-content {
font-size: 1.2rem; }
.checkout-billing-address form .note, .form-address-edit .note, .form-edit-account .note, .form-newsletter-manage .note, .form-rewards-setting .note, .form.form-email .note, .form-login .note, .review-add .note {
font-size: 1.2rem; } }
.checkout-billing-address form .fieldset, .form-address-edit .fieldset, .form-edit-account .fieldset, .form-newsletter-manage .fieldset, .form-rewards-setting .fieldset, .form.form-new-agreement .fieldset, .page-product-giftcard .aw-gc-product-add-form .fieldset, .form.form-affiliate-login .fieldset, .affiliates-signup-form_inner .signup-form .fieldset,
.checkout-billing-address form .actions-toolbar,
.form-address-edit .actions-toolbar,
.form-edit-account .actions-toolbar,
.form-newsletter-manage .actions-toolbar,
.form-rewards-setting .actions-toolbar,
.form.form-new-agreement .actions-toolbar,
.page-product-giftcard .aw-gc-product-add-form .actions-toolbar,
.form.form-affiliate-login .actions-toolbar,
.affiliates-signup-form_inner .signup-form .actions-toolbar {
background-color: #0c0020;
margin: 0;
padding: 0 20px 20px; }
.checkout-billing-address form .fieldset, .form-address-edit .fieldset, .form-edit-account .fieldset, .form-newsletter-manage .fieldset, .form-rewards-setting .fieldset, .form.form-new-agreement .fieldset, .page-product-giftcard .aw-gc-product-add-form .fieldset, .form.form-affiliate-login .fieldset, .affiliates-signup-form_inner .signup-form .fieldset {
border: none; }
.checkout-billing-address form .fieldset .legend, .form-address-edit .fieldset .legend, .form-edit-account .fieldset .legend, .form-newsletter-manage .fieldset .legend, .form-rewards-setting .fieldset .legend, .form.form-new-agreement .fieldset .legend, .page-product-giftcard .aw-gc-product-add-form .fieldset .legend, .form.form-affiliate-login .fieldset .legend, .affiliates-signup-form_inner .signup-form .fieldset .legend {
text-align: left; }
.checkout-billing-address form .fieldset .legend span, .form-address-edit .fieldset .legend span, .form-edit-account .fieldset .legend span, .form-newsletter-manage .fieldset .legend span, .form-rewards-setting .fieldset .legend span, .form.form-new-agreement .fieldset .legend span, .page-product-giftcard .aw-gc-product-add-form .fieldset .legend span, .form.form-affiliate-login .fieldset .legend span, .affiliates-signup-form_inner .signup-form .fieldset .legend span {
transform: none; }
.checkout-billing-address form .fieldset + .fieldset, .form-address-edit .fieldset + .fieldset, .form-edit-account .fieldset + .fieldset, .form-newsletter-manage .fieldset + .fieldset, .form-rewards-setting .fieldset + .fieldset, .form.form-new-agreement .fieldset + .fieldset, .page-product-giftcard .aw-gc-product-add-form .fieldset + .fieldset, .form.form-affiliate-login .fieldset + .fieldset, .affiliates-signup-form_inner .signup-form .fieldset + .fieldset {
margin-top: 20px; }
.checkout-billing-address form .actions-toolbar,
.form-address-edit .actions-toolbar,
.form-edit-account .actions-toolbar,
.form-newsletter-manage .actions-toolbar,
.form-rewards-setting .actions-toolbar,
.form.form-new-agreement .actions-toolbar,
.page-product-giftcard .aw-gc-product-add-form .actions-toolbar,
.form.form-affiliate-login .actions-toolbar,
.affiliates-signup-form_inner .signup-form .actions-toolbar {
margin-top: 0; }
@media only screen and (min-width: 768px) {
.checkout-billing-address form .fieldset, .form-address-edit .fieldset, .form-edit-account .fieldset, .form-newsletter-manage .fieldset, .form-rewards-setting .fieldset, .form.form-new-agreement .fieldset, .page-product-giftcard .aw-gc-product-add-form .fieldset, .form.form-affiliate-login .fieldset, .affiliates-signup-form_inner .signup-form .fieldset,
.checkout-billing-address form .actions-toolbar,
.form-address-edit .actions-toolbar,
.form-edit-account .actions-toolbar,
.form-newsletter-manage .actions-toolbar,
.form-rewards-setting .actions-toolbar,
.form.form-new-agreement .actions-toolbar,
.page-product-giftcard .aw-gc-product-add-form .actions-toolbar,
.form.form-affiliate-login .actions-toolbar,
.affiliates-signup-form_inner .signup-form .actions-toolbar {
padding: 0 40px 40px; }
.checkout-billing-address form .fieldset + .fieldset, .form-address-edit .fieldset + .fieldset, .form-edit-account .fieldset + .fieldset, .form-newsletter-manage .fieldset + .fieldset, .form-rewards-setting .fieldset + .fieldset, .form.form-new-agreement .fieldset + .fieldset, .page-product-giftcard .aw-gc-product-add-form .fieldset + .fieldset, .form.form-affiliate-login .fieldset + .fieldset, .affiliates-signup-form_inner .signup-form .fieldset + .fieldset {
margin-top: 40px; } }
.checkout-billing-address form .actions-toolbar, .form-address-edit .actions-toolbar, .form-edit-account .actions-toolbar, .form-newsletter-manage .actions-toolbar, .form-rewards-setting .actions-toolbar {
align-items: center;
display: flex;
justify-content: space-between; }
.checkout-billing-address form .action.back, .form-address-edit .action.back, .form-edit-account .action.back, .form-newsletter-manage .action.back, .form-rewards-setting .action.back {
color: #525282;
font-size: 1.2rem;
letter-spacing: 0.05em;
text-decoration: underline;
text-transform: uppercase; }
.field-error[generated],
.mage-error[generated] {
color: red;
display: block;
font-size: 1rem;
margin: 4px 0 0;
text-transform: none;
width: 100%;
flex-basis: 100%;
max-width: 100%; }
@media only screen and (min-width: 768px) {
.field-error[generated],
.mage-error[generated] {
font-size: 1.4rem; } }
.payment-methods .field.save-card-option [type=checkbox], .checkout-agreements-block .checkout-agreement [type=checkbox], .block.newsletter .form.subscribe [type=checkbox], .block.success-register .form-create-account .fieldset .field.newsletter [type=checkbox] {
position: absolute;
left: -9999px; }
.payment-methods .field.save-card-option [type=checkbox] ~ .label, .checkout-agreements-block .checkout-agreement [type=checkbox] ~ .label, .block.newsletter .form.subscribe [type=checkbox] ~ .label, .block.success-register .form-create-account .fieldset .field.newsletter [type=checkbox] ~ .label {
align-items: center;
display: flex; }
.payment-methods .field.save-card-option [type=checkbox] ~ .label:before, .checkout-agreements-block .checkout-agreement [type=checkbox] ~ .label:before, .block.newsletter .form.subscribe [type=checkbox] ~ .label:before, .block.success-register .form-create-account .fieldset .field.newsletter [type=checkbox] ~ .label:before, .payment-methods .field.save-card-option [type=checkbox] ~ .label:after, .checkout-agreements-block .checkout-agreement [type=checkbox] ~ .label:after, .block.newsletter .form.subscribe [type=checkbox] ~ .label:after, .block.success-register .form-create-account .fieldset .field.newsletter [type=checkbox] ~ .label:after {
background-color: #fff;
background-image: url("../images/icons/white/check.svg");
background-position: -999px;
background-size: 9px 6px;
border-radius: 3px;
display: inline-block;
width: 15px;
height: 15px;
transition: background-color 0.3s; }
.payment-methods .field.save-card-option :checked[type=checkbox] ~ .label:before, .checkout-agreements-block .checkout-agreement :checked[type=checkbox] ~ .label:before, .block.newsletter .form.subscribe :checked[type=checkbox] ~ .label:before, .block.success-register .form-create-account .fieldset .field.newsletter :checked[type=checkbox] ~ .label:before, .payment-methods .field.save-card-option :checked[type=checkbox] ~ .label:after, .checkout-agreements-block .checkout-agreement :checked[type=checkbox] ~ .label:after, .block.newsletter .form.subscribe :checked[type=checkbox] ~ .label:after, .block.success-register .form-create-account .fieldset .field.newsletter :checked[type=checkbox] ~ .label:after {
background-color: #386fbb;
background-position: center center; }
@media only screen and (min-width: 768px) {
.payment-methods .field.save-card-option [type=checkbox] ~ .label:before, .checkout-agreements-block .checkout-agreement [type=checkbox] ~ .label:before, .block.newsletter .form.subscribe [type=checkbox] ~ .label:before, .block.success-register .form-create-account .fieldset .field.newsletter [type=checkbox] ~ .label:before, .payment-methods .field.save-card-option [type=checkbox] ~ .label:after, .checkout-agreements-block .checkout-agreement [type=checkbox] ~ .label:after, .block.newsletter .form.subscribe [type=checkbox] ~ .label:after, .block.success-register .form-create-account .fieldset .field.newsletter [type=checkbox] ~ .label:after {
background-size: 14px 11px;
width: 24px;
height: 24px; } }
.payment-methods .field.save-card-option [type=checkbox] ~ .label:before, .checkout-agreements-block .checkout-agreement [type=checkbox] ~ .label:before, .block.newsletter .form.subscribe [type=checkbox] ~ .label:before, .block.success-register .form-create-account .fieldset .field.newsletter [type=checkbox] ~ .label:before {
content: '';
margin-right: 10px; }
.password-toggle {
position: relative; }
.password-toggle.password-toggle_plain button.password-toggle_button:before {
background-color: white;
box-shadow: 0px 0px 0px 2px #0c0020;
content: '';
width: 100%;
height: 1px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(35deg); }
.password-toggle button.password-toggle_button {
background-image: url("../images/icons/white/eye.svg");
background-position: center center;
background-size: contain;
padding: 0;
position: absolute;
width: 20px;
height: 20px;
right: 10px;
top: 50%;
transform: translate(0, -50%); }
.form__loading {
position: relative; }
.form__loading:after {
background-color: rgba(12, 0, 32, 0.5);
background-image: url("../images/loader-1.gif");
background-position: center center;
background-repeat: no-repeat;
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10; }
#recaptcha-checkout-place-order-wrapper,
.required-captcha.checkbox {
position: absolute;
display: block;
visibility: visible;
overflow: hidden;
opacity: 0;
width: 1px;
height: 1px; }
.block.edit-profile, .block.friend-requests, .block.block-dashboard-platforms, .order-history_instruction_content {
background: #0c0020;
border-radius: 3px;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
max-width: 820px;
padding: 20px;
position: absolute;
top: 50%;
left: 50%;
width: 90%;
max-height: 90%;
overflow: auto;
transform: translate(-50%, -50%) translate(0, -50px);
transition: transform 0.3s; }
.block.edit-profile h2, .block.friend-requests h2, .block.block-dashboard-platforms h2, .order-history_instruction_content h2 {
border-bottom: 1px solid #1F143D;
font-size: 1rem;
font-weight: 400;
margin: 0 0 1.5em;
padding-bottom: 1.5em;
text-align: center; }
.block.edit-profile .block-content, .block.friend-requests .block-content, .block.block-dashboard-platforms .block-content, .order-history_instruction_content .block-content {
max-height: 100%;
overflow-y: auto;
overflow-x: hidden; }
@media only screen and (min-width: 768px) {
.block.edit-profile, .block.friend-requests, .block.block-dashboard-platforms, .order-history_instruction_content {
padding: 30px; }
.block.edit-profile h2, .block.friend-requests h2, .block.block-dashboard-platforms h2, .order-history_instruction_content h2 {
font-size: 2rem; } }
.__show-edit-profile .overlay-edit-profile .block, .__show-friend-requests .overlay-friend-requests .block, .__show-dashboard-platforms .overlay-dashboard-platforms .block, .is-active ~ .order-history_instruction .order-history_instruction_content {
transform: translate(-50%, -50%) translate(0, 0); }
.overlay {
background-color: rgba(12, 0, 32, 0.5);
overflow: hidden;
position: fixed;
width: 0;
height: 0;
z-index: 1001;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.3s; }
.__show-edit-profile .overlay-edit-profile, .__show-friend-requests .overlay-friend-requests, .__show-dashboard-platforms .overlay-dashboard-platforms, .is-active ~ .order-history_instruction {
opacity: 1;
width: 100%;
height: 100vh; }
.__show-edit-profile,
.__show-friend-requests {
position: fixed;
transform: translate(0, 0);
width: 100%; }
[data-platform] .result-platform:before {
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
pointer-events: none;
position: absolute;
bottom: 4px;
left: 8px;
width: 20px;
height: 20px;
z-index: 10; }
@media only screen and (min-width: 768px) {
[data-platform] .result-platform:before {
background-size: 20px 20px;
bottom: 12px;
width: 28px;
height: 28px; } }
[data-platform="Steam"] .result-platform:before,
[data-platform="31"] .result-platform:before {
background-color: #000;
background-image: url("../images/badges/steam.png");
background-size: 100% 100%;
content: ''; }
[data-platform="EA App"] .result-platform:before,
[data-platform="32"] .result-platform:before {
background-color: #FF4747;
background-image: url("../images/badges/origin.png");
content: ''; }
[data-platform="Xbox Live"] .result-platform:before,
[data-platform="22"] .result-platform:before,
[data-platform="XBox X"] .result-platform:before,
[data-platform="2197"] .result-platform:before {
background-color: #107C10;
background-image: url("../images/badges/xbox.svg");
content: ''; }
[data-platform="PS5"] .result-platform:before,
[data-platform="2196"] .result-platform:before,
[data-platform="Playstation Network"] .result-platform:before,
[data-platform="28"] .result-platform:before,
[data-platform="PlayStation Network"] .result-platform:before,
[data-platform="28"] .result-platform:before,
[data-platform="PS4 (Asia)"] .result-platform:before,
[data-platform="2449"] .result-platform:before {
background-color: #003791;
background-image: url("../images/badges/playstation.svg");
content: ''; }
[data-platform="Nintendo"] .result-platform:before,
[data-platform="361"] .result-platform:before {
background-color: #E60012;
background-image: url("../images/badges/nintendoswitch.svg");
content: ''; }
[data-platform="GOG.com"] .result-platform:before,
[data-platform="373"] .result-platform:before {
background-color: #86328A;
background-image: url("../images/badges/gogdotcom.svg");
content: ''; }
[data-platform="Battle.net"] .result-platform:before,
[data-platform="353"] .result-platform:before {
background-image: url("../images/badges/battledotnet.svg");
content: ''; }
[data-platform="Amazon"] .result-platform:before,
[data-platform="1978"] .result-platform:before {
background-image: url("../images/badges/amazon.svg");
content: ''; }
[data-platform="Epic Games Launcher"] .result-platform:before,
[data-platform="486"] .result-platform:before {
background-image: url("../images/badges/epicgames.svg");
content: ''; }
[data-platform="Facebook"] .result-platform:before,
[data-platform="360"] .result-platform:before {
background-image: url("../images/badges/facebook.svg");
content: ''; }
[data-platform="Google Play"] .result-platform:before,
[data-platform="376"] .result-platform:before {
background-image: url("../images/badges/googleplay.svg");
content: ''; }
[data-platform="Apple"] .result-platform:before,
[data-platform="355"] .result-platform:before {
background-image: url("../images/badges/apple.svg");
content: ''; }
[data-platform="Netflix"] .result-platform:before,
[data-platform="453"] .result-platform:before {
background-image: url("../images/badges/netflix.svg");
content: ''; }
[data-platform="NOW TV"] .result-platform:before,
[data-platform="454"] .result-platform:before {
background-image: url("../images/badges/sky.svg");
content: ''; }
[data-platform="Ubisoft Connect"] .result-platform:before,
[data-platform="30"] .result-platform:before {
background-image: url("../images/badges/ubisoft.svg");
content: ''; }
[data-platform="Windows"] .result-platform:before,
[data-platform="1910"] .result-platform:before {
background-image: url("../images/badges/windows.svg");
background-size: 14px 14px;
content: ''; }
[data-platform="Mojang"] .result-platform:before,
[data-platform="2034"] .result-platform:before {
background-image: url("../images/badges/mojangstudios.svg");
content: ''; }
[data-platform="Bethesda Launcher"] .result-platform:before,
[data-platform="868"] .result-platform:before {
background-color: #fff;
background-image: url("../images/badges/bethesda.svg");
content: ''; }
[data-platform="The Elder Scrolls Online"] .result-platform:before,
[data-platform="450"] .result-platform:before {
background-image: url("../images/attributes/platforms/the-elder-scrolls.svg");
content: ''; }
[data-platform="EVE Online"] .result-platform:before,
[data-platform="854"] .result-platform:before {
background-color: #fff;
background-image: url("../images/badges/eve.svg");
content: ''; }
[data-platform="Mog Station"] .result-platform:before,
[data-platform="452"] .result-platform:before {
background-color: #fff;
background-image: url("../images/badges/mog.jpeg");
background-size: 28px 28px;
content: ''; }
[data-platform="ArenaNet"] .result-platform:before,
[data-platform="451"] .result-platform:before {
background-color: #fff;
background-image: url("../images/badges/arenanet.jpeg");
background-size: 20px auto;
content: ''; }
[data-platform="Rockstar games"] .result-platform:before,
[data-platform="Rockstar Games"] .result-platform:before,
[data-platform="1643"] .result-platform:before,
[data-platform="Rockstar Social Club"] .result-platform:before,
[data-platform="371"] .result-platform:before {
background-image: url("../images/badges/rockstar.svg");
content: ''; }
[data-platform="Developer Website"] .result-platform:before,
[data-platform="29"] .result-platform:before {
background-color: #ccc;
color: #000;
content: '...';
font-size: 2.4em;
line-height: 6px;
text-align: center; }
[data-platform="Battlestate Games Launcher"] .result-platform:before,
[data-platform="2806"] .result-platform:before {
background-color: #fff;
background-image: url("../images/badges/battlestate.jpg");
background-size: 24px auto;
content: ''; }
[data-platform="PUBG Mobile"] .result-platform:before,
[data-platform="2700"] .result-platform:before,
[data-platform="2738"] .result-platform:before {
background-color: #000;
background-image: url("../images/badges/pubg.svg");
background-size: 20px auto;
content: ''; }
[data-platform="Free Fire"] .result-platform:before,
[data-platform="2946"] .result-platform:before {
background-color: #fff;
background-image: url("../images/badges/freefire.png");
background-size: 22px auto;
content: ''; }
[data-platform="Mobile Legends"] .result-platform:before,
[data-platform="3141"] .result-platform:before {
background-color: #fff;
background-image: url("../images/badges/mobilelegends.jpg");
background-size: 20px auto;
content: ''; }
[data-platform="Razer Gold"] .result-platform:before,
[data-platform="2977"] .result-platform:before {
background-image: url("../images/badges/razergold.png");
content: ''; }
[data-platform="Roblox"] .result-platform:before,
[data-platform="2945"] .result-platform:before {
background-image: url("../images/badges/roblox.png");
content: ''; }
[data-platform="Other"] .result-platform:before,
[data-platform="3329"] .result-platform:before {
background-color: #535353;
background-image: url("../images/badges/other.png");
content: ''; }
[data-platform="Call of Duty BETA"] .result-platform:before,
[data-platform="3309"] .result-platform:before {
background-image: url("../images/badges/call-of-duty-beta.png");
content: ''; }
[data-platform="Giants"] .result-platform:before,
[data-platform="3464"] .result-platform:before {
background-image: url("../images/badges/giants.png");
content: ''; }
[data-platform="V-BUCKS"] .result-platform:before,
[data-platform="3502"] .result-platform:before {
background-image: url("../images/badges/v-bucks.png");
content: ''; }
[data-platform="Minecraft"] .result-platform:before,
[data-platform="3503"] .result-platform:before {
background-image: url("../images/badges/minecraft.png");
content: ''; }
[data-platform="Football Manager"] .result-platform:before,
[data-platform="3519"] .result-platform:before {
background-image: url("../images/badges/football-manager.svg");
content: ''; }
[data-platform="Spotify"] .result-platform:before,
[data-platform="3581"] .result-platform:before {
background-image: url("../images/badges/spotify.svg");
content: ''; }
[data-platform="Diablo IV BETA"] .result-platform:before,
[data-platform="3608"] .result-platform:before {
background-image: url("../images/badges/diablo-iv-beta.svg");
content: ''; }
[data-platform="Zalando"] .result-platform:before,
[data-platform="3705"] .result-platform:before {
background-image: url("../images/badges/zalando.svg");
content: ''; }
[data-platform="KOBO"] .result-platform:before,
[data-platform="3704"] .result-platform:before {
background-image: url("../images/badges/kobo.svg");
content: ''; }
[data-platform="Tinder"] .result-platform:before,
[data-platform="3707"] .result-platform:before {
background-image: url("../images/badges/tinder.svg");
content: ''; }
[data-platform="Steam Wallet"] .result-platform:before,
[data-platform="3615"] .result-platform:before {
background-color: #000;
background-image: url("../images/badges/steam-wallet.png");
background-size: 100% 100%;
content: ''; }
[data-platform="Takeaway"] .result-platform:before,
[data-platform="3735"] .result-platform:before {
background-image: url("../images/badges/takeaway.png");
content: ''; }
[data-platform="Just Eat (FR)"] .result-platform:before,
[data-platform="3736"] .result-platform:before {
background-image: url("../images/badges/just-eat-fr.png");
content: ''; }
[data-platform="Just Eat (CH)"] .result-platform:before,
[data-platform="3737"] .result-platform:before {
background-image: url("../images/badges/just-eat-ch.png");
content: ''; }
[data-platform="Lieferando"] .result-platform:before,
[data-platform="3738"] .result-platform:before {
background-image: url("../images/badges/liefernado.png");
content: ''; }
[data-platform="Pyszne"] .result-platform:before,
[data-platform="3739"] .result-platform:before {
background-image: url("../images/badges/pyszne.png");
content: ''; }
[data-platform="Thuisbezorgd"] .result-platform:before,
[data-platform="3740"] .result-platform:before {
background-image: url("../images/badges/thuisbezorgd.png");
content: ''; }
[data-platform="RuneScape"] .result-platform:before,
[data-platform="3805"] .result-platform:before {
background-color: #000;
background-image: url("../images/badges/runescape.svg");
background-size: 100% 100%;
content: ''; }
[data-platform="Nexon"] .result-platform:before,
[data-platform="3806"] .result-platform:before {
background-color: #000;
background-image: url("../images/badges/nexon.svg");
background-size: 100% 100%;
content: ''; }
[data-platform="NCSOFT"] .result-platform:before,
[data-platform="3807"] .result-platform:before {
background-color: #000;
background-image: url("../images/badges/ncsoft.svg");
background-size: 100% 100%;
content: ''; }
[data-platform="GOG"] .result-platform:before,
[data-platform="3844"] .result-platform:before {
background-color: #86328A;
background-image: url("../images/badges/gog-gog.svg");
content: ''; }
[data-platform="Mytrainz"] .result-platform:before,
[data-platform="3263"] .result-platform:before {
background-image: url("../images/badges/trainz.svg");
content: ''; }
[data-platform="League of Legends"] .result-platform:before,
[data-platform="3860"] .result-platform:before {
background-image: url("../images/badges/emo-emo.svg");
content: ''; }
[data-platform="Candy Crush"] .result-platform:before,
[data-platform="3868"] .result-platform:before {
background-image: url("../images/badges/candy-crush.png");
content: ''; }
[data-platform="Meta Quest"] .result-platform:before,
[data-platform="3874"] .result-platform:before {
background-image: url("../images/badges/meta-quest.svg");
content: ''; }
[data-platform="GLYPH"] .result-platform:before,
[data-platform="3936"] .result-platform:before {
background-image: url("../images/badges/glyph.svg");
content: ''; }
[data-platform="Xbox Play Anywhere"] .result-platform:before,
[data-platform="3894"] .result-platform:before {
background-image: url("../images/badges/xbox-play-anywhere.svg");
content: ''; }
[data-platform="Xbox Series X/S"] .result-platform:before,
[data-platform="3893"] .result-platform:before {
background-image: url("../images/badges/xbox-series-xs.svg");
content: ''; }
[data-platform="Xbox One & Xbox Series X/S"] .result-platform:before,
[data-platform="3896"] .result-platform:before {
background-image: url("../images/badges/xbox-one-and-box-series-xs.svg");
content: ''; }
[data-platform="Xbox 360"] .result-platform:before,
[data-platform="3895"] .result-platform:before {
background-image: url("../images/badges/xbox-360.svg");
content: ''; }
[data-platform="Xbox One"] .result-platform:before,
[data-platform="3892"] .result-platform:before {
background-image: url("../images/badges/xbox-one.svg");
content: ''; }
[data-platform="Microsoft"] .result-platform:before,
[data-platform="3328"] .result-platform:before {
background-image: url("../images/badges/microsoft.svg");
content: ''; }
[data-platform="Crunchyroll"] .result-platform:before,
[data-platform="3265"] .result-platform:before {
background-image: url("../images/badges/crunchyroll.svg");
content: ''; }
[data-platform="Guild Wars"] .result-platform:before,
[data-platform="3986"] .result-platform:before {
background-image: url("../images/badges/guildwars.svg");
content: ''; }
[data-platform="McAfee"] .result-platform:before,
[data-platform="3990"] .result-platform:before {
background-image: url("../images/badges/mcafeesearch.svg");
content: ''; }
[data-platform="NordVPN"] .result-platform:before,
[data-platform="3991"] .result-platform:before {
background-image: url("../images/badges/nordseach.svg");
content: ''; }
[data-platform="Adobe"] .result-platform:before,
[data-platform="3992"] .result-platform:before {
background-image: url("../images/badges/adobesearch.svg");
content: ''; }
[data-platform="IMVU"] .result-platform:before,
[data-platform="4003"] .result-platform:before {
background-image: url("../images/badges/imvusearch.svg");
content: ''; }
[data-platform="Antstream"] .result-platform:before,
[data-platform="5179"] .result-platform:before {
background-image: url("../images/badges/antstreamsearch.svg");
content: ''; }
[data-platform="Path of Exile"] .result-platform:before,
[data-platform="5198"] .result-platform:before {
background-image: url("../images/badges/path-of-exile-search.svg");
content: ''; }
[data-platform="PaysafeCard"] .result-platform:before,
[data-platform="5249"] .result-platform:before {
background-image: url("../images/badges/paysafe-search.svg");
content: ''; }
[data-platform="Switch 2"] .result-platform:before,
[data-platform="5269"] .result-platform:before {
background-color: #E60012;
background-image: url("../images/badges/switch-2-search.svg");
content: ''; }
/* Slider */
.slick-list {
max-width: 100%; }
.slick-loading .slick-list {
background: #fff url("./ajax-loader.gif") center center no-repeat; }
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: 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: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: "←"; }
[dir="rtl"] .slick-prev:before {
content: "→"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: "→"; }
[dir="rtl"] .slick-next:before {
content: "←"; }
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.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 {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
margin-bottom: 25px;
-webkit-user-select: none;
user-select: none;
max-width: 100%; }
.chosen-container * {
box-sizing: border-box; }
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
clip: rect(0, 0, 0, 0);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%); }
.chosen-container.chosen-with-drop .chosen-drop {
clip: auto;
-webkit-clip-path: none;
clip-path: none; }
.chosen-container a {
cursor: pointer; }
.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400;
color: #999; }
.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top; }
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px; }
.chosen-container-single .chosen-default {
color: #999; }
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap; }
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px; }
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url("../images/vendor/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px; }
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px; }
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px; }
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%; }
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url("../images/vendor/chosen-sprite.png") no-repeat 0 2px; }
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap; }
.chosen-container-single .chosen-search input[type=text] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: url("../images/vendor/chosen-sprite.png") no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0; }
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box; }
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
clip: rect(0, 0, 0, 0);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%); }
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch; }
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none; }
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer; }
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default; }
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff; }
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4; }
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: 700;
cursor: default; }
.chosen-container .chosen-results li.group-option {
padding-left: 15px; }
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline; }
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text; }
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none; }
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap; }
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
margin: 1px 0;
padding: 0;
height: 38px;
outline: 0;
border: 0 !important;
background: 0 0 !important;
box-shadow: none;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px; }
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 9px 5px 0 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eee;
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default; }
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url("../images/vendor/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px; }
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666; }
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4; }
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px; }
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0; }
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default; }
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: linear-gradient(#eee 20%, #fff 80%);
box-shadow: 0 1px 0 #fff inset; }
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: 0 0; }
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px; }
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #222 !important; }
.chosen-disabled {
opacity: 0.5 !important;
cursor: default; }
.chosen-disabled .chosen-single {
cursor: default; }
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default; }
.chosen-rtl {
text-align: right; }
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0; }
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl; }
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px; }
.chosen-rtl .chosen-single div {
right: auto;
left: 3px; }
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px; }
.chosen-rtl .chosen-choices li {
float: right; }
.chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl; }
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px; }
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px; }
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0; }
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0; }
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none; }
.chosen-rtl .chosen-search input[type=text] {
padding: 4px 5px 4px 20px;
background: url("../images/vendor/chosen-sprite.png") no-repeat -30px -20px;
direction: rtl; }
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px; }
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span,
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container-single .chosen-search input[type=text],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-rtl .chosen-search input[type=text] {
background-image: url("../images/vendor/chosen-sprite@2x.png") !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important; } }
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
touch-action: none;
user-select: none;
box-sizing: border-box; }
.noUi-target {
position: relative; }
.noUi-base, .noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1; }
.noUi-connects {
overflow: hidden;
z-index: 0; }
.noUi-connect, .noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat; }
.noUi-connect {
height: 100%;
width: 100%; }
.noUi-origin {
height: 10%;
width: 10%; }
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto; }
.noUi-vertical .noUi-origin {
width: 0; }
.noUi-horizontal .noUi-origin {
height: 0; }
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute; }
.noUi-touch-area {
height: 100%;
width: 100%; }
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
transition: transform .3s; }
.noUi-state-drag * {
cursor: inherit !important; }
.noUi-horizontal {
height: 18px; }
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px; }
.noUi-vertical {
width: 18px; }
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
top: -17px; }
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto; }
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB; }
.noUi-connects {
border-radius: 3px; }
.noUi-connect {
background: #3FB8AF; }
.noUi-draggable {
cursor: ew-resize; }
.noUi-vertical .noUi-draggable {
cursor: ns-resize; }
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB; }
.noUi-active {
box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB; }
.noUi-handle:after, .noUi-handle:before {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px; }
.noUi-handle:after {
left: 17px; }
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
width: 14px;
height: 1px;
left: 6px;
top: 14px; }
.noUi-vertical .noUi-handle:after {
top: 17px; }
[disabled] .noUi-connect {
background: #B8B8B8; }
[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
cursor: not-allowed; }
.noUi-pips, .noUi-pips * {
box-sizing: border-box; }
.noUi-pips {
position: absolute;
color: #999; }
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center; }
.noUi-value-sub {
color: #ccc;
font-size: 10px; }
.noUi-marker {
position: absolute;
background: #CCC; }
.noUi-marker-sub {
background: #AAA; }
.noUi-marker-large {
background: #AAA; }
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%; }
.noUi-value-horizontal {
transform: translate(-50%, 50%); }
.noUi-rtl .noUi-value-horizontal {
transform: translate(50%, 50%); }
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px; }
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px; }
.noUi-marker-horizontal.noUi-marker-large {
height: 15px; }
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%; }
.noUi-value-vertical {
transform: translate(0, -50%);
padding-left: 25px; }
.noUi-rtl .noUi-value-vertical {
transform: translate(0, 50%); }
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px; }
.noUi-marker-vertical.noUi-marker-sub {
width: 10px; }
.noUi-marker-vertical.noUi-marker-large {
width: 15px; }
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap; }
.noUi-horizontal .noUi-tooltip {
transform: translate(-50%, 0);
left: 50%;
bottom: 120%; }
.noUi-vertical .noUi-tooltip {
transform: translate(0, -50%);
top: 50%;
right: 120%; }
.smile-es-range-slider .noUi-target {
background-color: rgba(255, 255, 255, 0.35);
background-image: none;
box-shadow: none; }
.smile-es-range-slider .noUi-horizontal .noUi-handle {
height: 30px;
right: -15px;
top: -10px;
width: 30px; }
.noUi-target {
background-image: linear-gradient(to left, #2fc28f 0%, #f0de18 37%, #f07e18 73%, #f01841 100%);
border: none;
height: 10px; }
.noUi-handle {
background-color: #0c0020;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
border: none;
border-radius: 50%;
box-shadow: none;
outline: unset; }
.noUi-handle:before, .noUi-handle:after {
content: unset; }
.noUi-handle:before {
background: none;
content: attr(data-value);
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
left: 0;
letter-spacing: 0.09rem;
height: 25px;
text-align: center;
top: -25px;
width: 100%; }
.noUi-horizontal .noUi-handle {
height: 40px;
right: -20px;
top: -15px;
width: 40px; }
.noUi-marker {
display: none; }
.noUi-pips-horizontal {
top: -36px; }
.noUi-value {
color: #6e6d93;
font-family: "Quantico", sans-serif;
font-size: 1.2rem;
letter-spacing: 0.06rem; }
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.ui-datepicker {
display: none;
z-index: 999999 !important; }
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
cursor: pointer; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -5px;
font-size: 0px;
width: 0px;
height: 0px;
border: solid;
border-width: 5px 8px 5px 0;
border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent; }
.ui-datepicker .ui-datepicker-prev {
left: 2px; }
.ui-datepicker .ui-datepicker-next {
right: 2px; }
.ui-datepicker .ui-datepicker-next span {
margin-left: 0px;
top: 50%;
margin-top: -5px;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); }
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month-year {
width: 100%; }
.ui-datepicker table {
width: 100%;
font-size: .9em; }
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: 4px;
text-align: right;
text-decoration: none;
color: #000000; }
.ui-datepicker .ui-datepicker-buttonpane button {
float: right; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left; }
.ui-datepicker-rtl {
direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right; }
.ui-datepicker-rtl .ui-datepicker-group {
float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px; }
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px; }
.ui-timepicker-div dl {
text-align: left; }
.ui-timepicker-div dl dt {
height: 25px;
margin-bottom: -22px; }
.ui-timepicker-div dl .ui_tpicker_time_label {
margin-bottom: -25px; }
.ui-timepicker-div dl dd {
margin: 0 10px 10px 65px; }
.ui-timepicker-div td {
font-size: 90%; }
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0; }
.ui-datepicker {
padding: 15px;
border: #5f5e7e 1px solid;
border-radius: 3px;
box-sizing: border-box;
background: #1F143D;
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35); }
.ui-datepicker .ui-datepicker-header {
background: transparent;
border: none;
padding-bottom: 10px; }
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
width: 47%;
margin-right: 6%; }
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
width: 47%; }
.ui-datepicker .ui-datepicker-calendar td {
border: #cfcfcf 1px solid; }
.ui-datepicker .ui-datepicker-calendar td a {
padding: 4px;
display: block; }
.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
background: #f6f2fc; }
.ui-datepicker .ui-datepicker-calendar {
background: #ffffff;
border: #cfcfcf 1px solid;
border-collapse: collapse; }
.ui-datepicker .ui-datepicker-calendar th {
background: #efefef;
border: #cfcfcf 1px solid;
color: #000;
padding: 4px;
text-transform: uppercase; }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col {
text-align: center;
border: #cfcfcf 1px solid; }
.ui-datepicker {
width: auto; }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
background: #e9e1f4; }
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
background: #cebbea; }
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px; }
.ui-timepicker-div dl {
text-align: left; }
.ui-timepicker-div dl dd {
margin: 0 0 10px 65px; }
.ui-timepicker-div td {
font-size: 90%; }
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0; }
.ui-slider {
position: relative;
text-align: left; }
.ui-slider-horizontal .ui-slider-handle {
margin-left: -5px; }
.ui-slider .ui-slider-range {
background-color: #fff;
position: absolute;
height: 100%; }
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
cursor: default; }
.ui-slider .ui-slider-handle:before {
background-color: #ff335e;
border-radius: 50%;
content: '';
width: 150%;
height: 150%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.ui-slider-horizontal {
height: 10px;
border-radius: 10px;
border: none;
background: rgba(255, 255, 255, 0.5); }
.ui-slider-handle {
height: 10px;
width: 10px;
border-radius: 10px;
background: #ff335e;
display: block;
position: absolute; }
.ui-timepicker-div {
padding: 10px 0 5px 0; }
.ui-datepicker .ui-datepicker-buttonpane {
overflow: hidden;
padding-top: 10px;
border-top: #cfcfcf 1px solid; }
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
background: #f9f9f9; }
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
color: #959595; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
position: absolute;
/*must have*/
z-index: -1;
/*must have*/
filter: mask();
/*must have*/
top: -4px;
/*must have*/
left: -4px;
/*must have*/
width: 200px;
/*must have*/
height: 200px;
/*must have*/ }
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative; }
.owl-carousel {
display: none;
width: 100%;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.owl-height {
transition: height .5s ease-in-out; }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease; }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease; }
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
.owl-carousel {
padding-bottom: 0; }
.owl-carousel .owl-item img {
height: auto; }
.new_released .owl-nav {
height: 0; }
.new_released .owl-nav button.owl-next:focus,
.new_released .owl-nav button.owl-prev:focus {
outline: none; }
.new_released .owl-nav button.owl-next:before,
.new_released .owl-nav button.owl-prev:before {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
content: '';
position: absolute;
width: 10px;
height: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.new_released .owl-nav button.owl-next span,
.new_released .owl-nav button.owl-prev span {
display: none; }
.new_released .owl-nav button.owl-next:before {
background-image: url("../images/icons/white/arrow-next.svg"); }
.new_released .owl-nav button.owl-prev:before {
background-image: url("../images/icons/white/arrow-prev.svg"); }
.new_released button.owl-prev {
position: absolute;
top: 50%;
left: 0;
padding: 0 9px !important;
transform: translate(0, -75%);
font-size: 43px !important;
color: black;
background: rgba(255, 255, 255, 0.7) !important;
height: 35px;
width: 35px;
overflow: hidden;
display: block;
z-index: 2; }
.new_released button.owl-next {
position: absolute;
top: 50%;
right: 0;
padding: 0 9px !important;
transform: translate(0, -75%);
font-size: 43px !important;
color: black;
background: rgba(255, 255, 255, 0.7) !important;
height: 35px;
width: 35px;
overflow: hidden;
display: block;
z-index: 2; }
.new_released button:hover {
color: white !important;
background: #292f36 !important; }
.new_released button.owl-next span {
position: relative;
top: -13px;
margin-left: 3px; }
.new_released button.owl-prev span {
position: relative;
top: -13px;
margin-right: 3px; }
.__menuhover .page-header {
background-color: #1F143D; }
.header.links {
border-bottom: 1px solid #e8e6ed;
font-size: 1.2rem;
list-style: none;
margin: 0;
padding: 5px 10px;
text-align: right; }
.header.links li {
display: inline-block;
margin: 0; }
.header.links li + li {
margin-left: 10px; }
.header.content {
align-items: center;
display: flex;
flex-wrap: wrap;
padding: 10px 10px 0; }
.header.content .minicart-wrapper {
margin-left: auto; }
@media only screen and (min-width: 768px) {
.header.content {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto;
padding: 18px 20px 10px;
align-items: start; }
.header-content-wrapper.__sticky {
background-color: #1F143D;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000; }
.body__show-header-currency .header-content-wrapper.__sticky,
.body__show-header-store .header-content-wrapper.__sticky {
background-color: #100426;
pointer-events: none; }
.body__show-header-currency .header-content-wrapper.__sticky .nav-top > ul > li,
.body__show-header-currency .header-content-wrapper.__sticky .block-search,
.body__show-header-currency .header-content-wrapper.__sticky .logo,
.body__show-header-store .header-content-wrapper.__sticky .nav-top > ul > li,
.body__show-header-store .header-content-wrapper.__sticky .block-search,
.body__show-header-store .header-content-wrapper.__sticky .logo {
opacity: 0.5; }
.body__show-footer-currency .header-content-wrapper.__sticky,
.body__show-footer-store .header-content-wrapper.__sticky {
z-index: 1; }
.body__show-header-currency .header-content-wrapper.__sticky .nav-top > ul > li:nth-child(1) {
opacity: 1; }
.body__show-header-currency .header-content-wrapper.__sticky .switcher-currency {
pointer-events: all; }
.body__show-header-store .header-content-wrapper.__sticky .nav-top > ul > li:nth-child(2) {
opacity: 1; }
.body__show-header-store .header-content-wrapper.__sticky .switcher-store {
pointer-events: all; } }
@media only screen and (min-width: 1024px) {
.header.content {
padding-top: 18px; } }
.checkout-index-index .nav-toggle,
.paypal-express-review .nav-toggle {
display: none; }
.nav-toggle svg {
width: 20px;
height: auto; }
@media only screen and (min-width: 768px) {
.nav-toggle {
display: none; } }
.logo {
color: #fff;
margin-left: 12px;
outline-offset: 1px;
padding-top: 5px; }
.logo:hover, .logo:focus {
color: #fff; }
.logo svg {
display: block;
width: 84px;
height: auto; }
@media only screen and (min-width: 768px) {
.logo {
margin-left: 0;
margin-right: 10px;
place-self: center start; }
.logo svg {
width: 150px; } }
@media only screen and (min-width: 1024px) {
.logo {
padding-bottom: 0;
padding-top: 0; }
.logo svg {
width: 175px; } }
@keyframes logo-flash {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.logo-flash {
animation: 1s linear 1s infinite alternate logo-flash; }
.header-link {
color: #fff;
outline-offset: 1px;
display: block;
position: relative; }
.header-link:hover, .header-link:focus {
color: #fff; }
.header-link:hover .header-link_hover {
opacity: 1; }
.header-link .header-link_hover {
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: opacity 0.3s; }
@keyframes no-pointer-events {
99% {
pointer-events: none; }
100% {
pointer-events: all; } }
nav ul,
nav ol {
list-style: none;
margin: 0;
padding: 0; }
nav li {
margin: 0;
padding: 0; }
@media only screen and (min-width: 768px) {
.nav-sections-item-title {
display: none; } }
.nav-account {
background-color: #0c0020;
font-size: 1rem;
letter-spacing: 0.04em;
margin-bottom: -1px;
padding: 14px 0;
text-transform: uppercase; }
.catalog-category-view .nav-account {
margin-bottom: -1px; }
.nav-account ul {
align-items: center;
display: flex;
justify-content: center; }
.nav-account li {
padding: 0 10px;
position: relative; }
.nav-account li:hover > .nav-account_tooltip {
opacity: 1;
transform: translate(-50%, 20px); }
.nav-account a {
align-items: center;
color: #fff;
display: flex;
text-shadow: 0 0 9px #2592ee, 0 0 9px #2592ee, 0 0 9px #2592ee; }
.nav-account img {
width: 16px;
height: 16px; }
.nav-account .nav-account_desktop {
display: none; }
.nav-account .nav-account_mobile {
display: block; }
.nav-account .to-account {
background-color: #1F143D;
border-radius: 4px; }
.nav-account .nav-account_tooltip {
background-color: #0c0020;
border-radius: 3px;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
display: none;
font-size: 1.4rem;
line-height: 1.7;
opacity: 0;
padding: 10px;
pointer-events: none;
position: absolute;
left: 50%;
text-align: center;
text-transform: none;
transform: translate(-50%, 0);
transition: opacity 0.3s, transform 0.3s;
top: 100%;
width: 220px;
z-index: 2; }
.nav-account .nav-account_tooltip:before, .nav-account .nav-account_tooltip:after {
background-color: #0c0020;
content: '';
position: absolute;
top: 0;
z-index: 0; }
.nav-account .nav-account_tooltip:before {
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
left: 50%;
width: 20px;
height: 20px;
transform: translate(-50%, -50%) rotate(-45deg); }
.nav-account .nav-account_tooltip:after {
width: 100%;
height: 20px;
left: 0; }
.nav-account .nav-account_tooltip span {
position: relative;
z-index: 1; }
@media only screen and (min-width: 768px) {
.nav-account {
font-size: 1.4rem;
padding: 18px 0; }
.cms-index-index .nav-account {
margin-bottom: 15px; }
.nav-account img {
width: 28px;
height: 28px; }
.nav-account .nav-account_desktop {
display: block; }
.nav-account .nav-account_mobile {
display: none; }
.nav-account .nav-account_tooltip {
display: block; } }
@media only screen and (min-width: 1024px) {
.nav-account {
font-size: 1.6rem;
padding: 21px 0; }
.nav-account li {
padding: 0 14px; }
.nav-account img {
width: auto;
height: auto; } }
.navigation {
font-family: "Quantico", sans-serif;
text-transform: uppercase; }
.navigation.default-nav {
display: none; }
.navigation a {
color: #fff;
display: block; }
.navigation .subnav_title {
padding-top: 30px; }
.navigation .subnav_title .subnav_close {
width: 30px;
height: 30px;
position: relative; }
.navigation .subnav_title .subnav_close:before {
background-image: url("../images/icons/white/chevron-right.svg");
background-size: contain;
content: '';
position: absolute;
width: 8px;
height: 13px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(180deg); }
@media only screen and (max-width: 767px) {
.navigation {
margin: 15px 0; }
.navigation ul {
padding: 0 30px; }
.navigation ul ul {
background-color: #0c0020;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform: translateX(-100%);
transition: transform 0.3s;
z-index: 10; }
.navigation li {
background-color: #0c0020;
border-bottom: 1px solid #1F143D;
padding: 15px 0; }
.navigation .navigation__item--parent,
.navigation .navigation__inner-item--parent {
background-image: url("../images/icons/white/chevron-right.svg");
background-position: right center; }
.navigation .navigation__item--parent.__showsubnav > ul,
.navigation .navigation__inner-item--parent.__showsubnav > ul {
transform: translateX(0); }
.navigation .navigation__item--parent.nav-new-releases,
.navigation .navigation__inner-item--parent.nav-new-releases {
background-image: none; }
.navigation .navigation__item--parent.nav-new-releases.__showsubnav > ul,
.navigation .navigation__inner-item--parent.nav-new-releases.__showsubnav > ul {
display: none; }
.navigation .subnav_title {
align-items: center;
display: flex; }
.navigation .subnav_title .subnav_text {
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
padding-left: 14px;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.navigation .navigation__inner-item--type-cms_block {
display: none; } }
@media only screen and (min-width: 768px) {
.__menuhover:after {
background-color: rgba(0, 0, 0, 0.5);
opacity: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2; }
.__menuhover .page-header {
position: relative;
z-index: 3; }
.__menuhover .algolia-instant-results-wrapper {
position: relative;
z-index: 1; }
.__menuhover .page-wrapper > .page-main {
position: relative;
z-index: 1; }
.navigation {
font-size: 1.4rem;
font-weight: 300; }
.navigation .subnav_title,
.navigation .navigation__inner-item--all {
display: none; }
.navigation > ul > li.promo > a span,
.navigation > ul > li.promo > a.current span {
background-color: #386fbb;
border-radius: 3px; }
.navigation > ul > li.promo-red > a span,
.navigation > ul > li.promo-red > a.current span {
background-color: #ff350d;
border-radius: 3px; }
.navigation > ul > li.promo-green > a span,
.navigation > ul > li.promo-green > a.current span {
background-color: #0e9b72;
border-radius: 3px; }
.navigation > ul > li.promo-yellow > a span,
.navigation > ul > li.promo-yellow > a.current span {
background-color: #ffa828;
border-radius: 3px; }
.navigation > ul > li.promo-light-yellow > a span,
.navigation > ul > li.promo-light-yellow > a.current span {
background-color: #fffcb3;
border-radius: 3px; }
.navigation > ul > li.promo-dark-yellow > a span,
.navigation > ul > li.promo-dark-yellow > a.current span {
background-color: #FFD028;
border-radius: 3px; }
.navigation > ul > li.promo-dark-orange > a span,
.navigation > ul > li.promo-dark-orange > a.current span {
background-color: #E77F2E;
border-radius: 3px; }
.navigation > ul > li.promo-pink > a span,
.navigation > ul > li.promo-pink > a.current span {
background-color: #ff335e;
border-radius: 3px; }
.navigation > ul > li.promo-light-pink > a span,
.navigation > ul > li.promo-light-pink > a.current span {
background-color: #FC7262;
border-radius: 3px; }
.navigation > ul > li.promo-purple-pink > a span,
.navigation > ul > li.promo-purple-pink > a.current span {
background-color: #E128EA;
border-radius: 3px; }
.navigation > ul > li.promo-purple > a span,
.navigation > ul > li.promo-purple > a.current span {
background-color: #525282;
border-radius: 3px; }
.navigation > ul > li.promo-light-purple > a span,
.navigation > ul > li.promo-light-purple > a.current span {
background-color: #6e6d93;
border-radius: 3px; }
.navigation > ul > li.promo-magenta > a span,
.navigation > ul > li.promo-magenta > a.current span {
background-color: #C67CE6;
border-radius: 3px; }
.navigation > ul > li.promo-cyan > a span,
.navigation > ul > li.promo-cyan > a.current span {
background-color: #28BBF2;
border-radius: 3px; }
.navigation > ul > li.promo-dark-magenta > a span,
.navigation > ul > li.promo-dark-magenta > a.current span {
background-color: #eb31b0;
border-radius: 3px; }
.navigation > ul > li.promo-dark-cyan > a span,
.navigation > ul > li.promo-dark-cyan > a.current span {
background-color: #28BBF2;
border-radius: 3px; }
.navigation > ul > li.promo-bright-purple > a span,
.navigation > ul > li.promo-bright-purple > a.current span {
background-color: #be91e3;
border-radius: 3px; }
.navigation > ul > li.promo-blue-magento > a span,
.navigation > ul > li.promo-blue-magento > a.current span {
background-color: #733ca3;
border-radius: 3px; }
.navigation > ul > li.promo-purple-red > a span,
.navigation > ul > li.promo-purple-red > a.current span {
background-color: #ea289c;
border-radius: 3px; }
.navigation > ul > li.promo-dark-pink > a span,
.navigation > ul > li.promo-dark-pink > a.current span {
background-color: #f71b47;
border-radius: 3px; }
.navigation > ul > li > a {
background-color: transparent;
padding: 4px 0 16px;
text-shadow: 0 0 9px rgba(37, 146, 238, 0), 0 0 9px rgba(37, 146, 238, 0), 0 0 9px rgba(37, 146, 238, 0);
transition: background-color 0.3s, text-shadow 0.3s; }
.navigation > ul > li > a:hover {
text-decoration: none;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.navigation > ul > li > a.current span {
background-color: #386fbb;
border-radius: 3px; }
.navigation > ul > li > a span {
display: block;
padding: 4px 16px;
transition: background-color 0.3s; }
.navigation > ul > li > ul {
align-items: stretch;
background-color: #0c0020;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
display: block;
flex-wrap: wrap;
font-family: "Montserrat", sans-serif;
justify-content: flex-start;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
width: 90%;
width: calc(100% - 30px);
max-width: 1260px;
left: 50%;
transform: translate(-50%, 20px);
transition: opacity 0.15s, transform 0.15s;
height: 0;
z-index: 1; }
.navigation > ul > li > ul:before {
background-color: #0c0020;
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 11px;
z-index: 10; }
.navigation > ul > li > ul:after {
background-color: transparent;
content: '';
position: absolute;
top: -9px;
left: 0;
width: 100%;
height: 10px; }
.navigation > ul > li > ul > li {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%;
padding: 10px 20px;
opacity: 0;
transition: none; }
.navigation > ul > li > ul > li ~ li {
border-left: 1px solid #1F143D; }
.navigation > ul > li > ul > li:nth-child(4n+3) {
transition-delay: 0.2s; }
.navigation > ul > li > ul > li:nth-child(4n+4) {
transition-delay: 0.3s; }
.navigation > ul > li > ul > li:nth-child(4n+5) {
transition-delay: 0.4s; }
.navigation > ul > li > ul > li:nth-child(4n+6) {
transition-delay: 0.5s; }
.navigation > ul > li > ul > li:nth-child(8n+7) {
transition-delay: 0.6s; }
.navigation > ul > li > ul > li:nth-child(8n+8) {
transition-delay: 0.7s; }
.navigation > ul > li > ul > li:nth-child(8n+9) {
transition-delay: 0.8s; }
.navigation > ul > li > ul > li:nth-child(8n+10) {
transition-delay: 0.9s; }
.navigation > ul > li > ul > li.subnav_title + li, .navigation > ul > li > ul > li.navigation__inner-item--all + li {
border-left-width: 0; }
.navigation > ul > li:nth-child(1) > ul > li:nth-child(3), .navigation > ul > li:nth-child(2) > ul > li:nth-child(3), .navigation > ul > li:nth-child(3) > ul > li:nth-child(3), .navigation > ul > li:nth-child(4) > ul > li:nth-child(3), .navigation > ul > li:nth-child(6) > ul > li:nth-child(3) {
flex-basis: 40%;
max-width: 40%; }
.navigation > ul > li:nth-child(1) > ul > li:nth-child(3) ~ li, .navigation > ul > li:nth-child(2) > ul > li:nth-child(3) ~ li, .navigation > ul > li:nth-child(3) > ul > li:nth-child(3) ~ li, .navigation > ul > li:nth-child(4) > ul > li:nth-child(3) ~ li, .navigation > ul > li:nth-child(6) > ul > li:nth-child(3) ~ li {
border-left: 1px solid #1F143D; }
.navigation > ul > li:nth-child(1) > ul > li:nth-child(3) ul, .navigation > ul > li:nth-child(2) > ul > li:nth-child(3) ul, .navigation > ul > li:nth-child(3) > ul > li:nth-child(3) ul, .navigation > ul > li:nth-child(4) > ul > li:nth-child(3) ul, .navigation > ul > li:nth-child(6) > ul > li:nth-child(3) ul {
columns: 2; }
.navigation > ul > li:nth-child(1) > ul > li:nth-child(4), .navigation > ul > li:nth-child(2) > ul > li:nth-child(4), .navigation > ul > li:nth-child(3) > ul > li:nth-child(4), .navigation > ul > li:nth-child(4) > ul > li:nth-child(4), .navigation > ul > li:nth-child(6) > ul > li:nth-child(4) {
flex-basis: 25%;
max-width: 25%; }
.navigation > ul > li:nth-child(1) > ul > li:nth-child(5), .navigation > ul > li:nth-child(2) > ul > li:nth-child(5), .navigation > ul > li:nth-child(3) > ul > li:nth-child(5), .navigation > ul > li:nth-child(4) > ul > li:nth-child(5), .navigation > ul > li:nth-child(6) > ul > li:nth-child(5) {
flex-basis: 35%;
max-width: 35%; }
.navigation ul {
align-items: center;
display: flex;
justify-content: center; }
.navigation ul ul {
font-size: 1.4rem; }
.navigation ul ul a {
padding: 0; }
.navigation ul ul ul {
color: #9694aa;
display: block;
margin-top: 30px; }
.navigation ul ul ul li {
break-inside: avoid; }
.navigation ul ul ul a {
color: inherit;
padding: 6px 0;
transition: color 0.3s; }
.navigation ul ul ul a:hover {
color: #fff; }
.navigation a:hover {
text-decoration: none; }
.navigation .navigation__item--parent > a:before, .navigation .navigation__item--parent > a:after {
content: '';
opacity: 0;
transition: opacity 0.15s 0.05s; }
.navigation .navigation__item--parent:hover > a {
position: relative; }
.navigation .navigation__item--parent:hover > a:before, .navigation .navigation__item--parent:hover > a:after {
background-color: #0c0020;
content: '';
opacity: 1;
pointer-events: none;
position: absolute;
z-index: 1; }
.navigation .navigation__item--parent:hover > a:after {
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
width: 21px;
height: 21px;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%) rotate(45deg); }
.navigation .navigation__item--parent:hover > a:before {
width: 21px;
height: 21px;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%) rotate(45deg);
z-index: 2; }
.navigation .navigation__item--parent:hover > ul {
animation: no-pointer-events 0.3s;
animation-fill-mode: forwards;
height: auto;
opacity: 1;
overflow: visible;
padding: 25px 10px;
pointer-events: all;
transform: translate(-50%, 0); }
.navigation .navigation__item--parent:hover > ul > li {
opacity: 1; }
.navigation .block.widget.block-products-list.default {
margin: 36px 0 0;
padding: 0; }
.navigation .block.widget.block-products-list .product-items {
margin-left: -6px;
margin-right: -6px; }
.navigation .block.widget.block-products-list .product-items .product-item {
flex-basis: 50%;
max-width: 50%;
padding: 6px; }
.navigation .block.widget.block-products-list .product-items .product-item .product-item-name,
.navigation .block.widget.block-products-list .product-items .product-item .product-item-actions {
display: none; }
.navigation .block.widget.block-products-list .product-items .product-item .product-item-photo {
transition: transform 0.3s; }
.navigation .block.widget.block-products-list .product-items .product-item .product-item-photo:after {
content: none; }
.navigation .block.widget.block-products-list .product-items .product-item .product-item-details {
display: none;
margin-top: 8px; }
.navigation .block.widget.block-products-list .product-items .product-item .product-item-inner {
border-top: none;
padding-top: 0; }
.navigation .block.widget.block-products-list .product-items .product-item .price-box {
display: none; }
.navigation .block.widget.block-products-list .product-items .product-item .price-box .special-price {
font-size: 1.2rem; }
.navigation .block.widget.block-products-list .product-items .product-item .price-box .old-price {
font-size: 1rem; }
.navigation .block.widget.block-products-list .product-items .product-item-discount {
font-size: 1.2rem; }
.navigation .nav-new-releases .navigation__inner-item--type-category,
.navigation .nav-new-releases .navigation__inner-item--type-cms_page {
flex-basis: 100%;
max-width: 100%; }
.navigation .nav-new-releases .block.widget.block-products-list .product-items .product-item {
flex-basis: 20%;
max-width: 20%; }
.navigation > .navigation__list > li {
position: relative; }
.navigation > .navigation__list > li > .navigation__inner-list {
flex-direction: column;
padding: 10px;
width: 300px; }
.navigation > .navigation__list > li > .navigation__inner-list:before, .navigation > .navigation__list > li > .navigation__inner-list:after {
content: none; }
.navigation > .navigation__list > li > .navigation__inner-list .navigation__inner-item {
border: none;
flex-basis: auto;
flex-grow: 0;
max-width: 100%;
padding: 10px; }
.navigation > .navigation__list > li > .navigation__inner-list .navigation__inner-item li {
padding: 5px; }
.navigation > .navigation__list > li > .navigation__inner-list .navigation__inner-list {
column-count: 1;
margin-top: 10px; }
.navigation > .navigation__list .nav-new-releases .navigation__inner-item--type-category,
.navigation > .navigation__list .nav-new-releases .navigation__inner-item--type-cms_page {
flex-basis: 100%;
max-width: 100%; }
.navigation > .navigation__list .nav-new-releases .block.widget.block-products-list .product-items .product-item {
flex-basis: 50%;
max-width: 50%; } }
@media only screen and (min-width: 1024px) {
.navigation {
font-size: 1.6rem; }
.navigation > ul > li > a {
padding: 4px 8px 20px; }
.navigation > ul > li > ul:before {
width: 21px; }
.navigation > ul > li > ul > li {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%;
padding: 10px 50px; }
.navigation > ul > li > ul > .navigation__inner-item--type-cms_block {
flex-basis: 50%;
max-width: 50%; }
.navigation .navigation__item--parent:hover > ul {
padding: 50px 20px; }
.navigation > .navigation__list > li > .navigation__inner-list {
padding: 10px; } }
.nav-top {
margin-left: auto; }
.nav-top > ul {
align-items: center;
display: flex; }
.nav-top > ul > li + li {
margin-left: 5px; }
.nav-top .link.wishlist span {
display: none; }
.nav-top .link.wishlist img {
width: 30px; }
@media only screen and (min-width: 768px) {
.nav-top {
place-self: center right; }
.nav-top .link.wishlist img {
width: 42px; }
.nav-top > ul > li + li {
margin-left: 10px; } }
@media only screen and (min-width: 1024px) {
.nav-top {
padding-bottom: 10px; } }
.secondary-navigation {
color: #525282;
font-family: "Quantico", sans-serif;
font-size: 1.7rem;
margin: 30px;
text-transform: uppercase; }
.secondary-navigation img,
.secondary-navigation svg {
position: absolute;
top: 50%;
left: 18px;
transform: translate(-50%, -50%); }
.secondary-navigation li + li {
margin-top: 30px; }
.secondary-navigation a {
color: inherit;
display: block;
padding-left: 36px;
position: relative; }
.secondary-navigation img {
border-radius: 50%;
width: 24px; }
.secondary-navigation svg {
height: auto; }
.secondary-navigation svg path {
fill: #525282; }
@media only screen and (min-width: 768px) {
.secondary-navigation {
display: none; } }
.sitenav_close {
border-radius: 3px;
width: 40px;
height: 40px;
position: absolute;
right: 20px;
top: 30px;
z-index: 20; }
.sitenav_close:before, .sitenav_close:after {
background-color: #fff;
content: '';
height: 3px;
width: 60%;
top: 50%;
left: 50%;
position: absolute; }
.sitenav_close:before {
transform: translate(-50%, -50%) rotate(45deg); }
.sitenav_close:after {
transform: translate(-50%, -50%) rotate(-45deg); }
@media only screen and (max-width: 767px) {
.__showflyout {
position: fixed;
width: 100%; }
.sitenav {
background-color: rgba(0, 0, 0, 0.5);
margin: 0 !important;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
transition: opacity 0.3s;
z-index: 999; }
.__showflyout .sitenav {
opacity: 1;
width: 100%;
height: 100%; }
.__showflyout .sitenav .sitenav_inner {
transform: translateX(0); }
.sitenav .sitenav_inner {
background-color: #0c0020;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
top: 0;
left: 0;
height: 100%;
max-width: 340px;
padding: 30px 0;
width: 90%;
transform: translateX(-100%);
transition: transform 0.3s; }
.sitenav .sitenav_title {
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
margin: 0 30px;
text-transform: uppercase; } }
@media only screen and (min-width: 768px) {
.sitenav {
position: relative;
z-index: 5; }
.sitenav .sitenav_title,
.sitenav .sitenav_close {
display: none; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.navigation > ul > li:nth-child(2) > ul {
left: 0;
transform: translate(0, 20px); }
.navigation > ul > li:nth-last-child(2) > ul {
left: unset;
right: 0;
transform: translate(0, 20px); }
.navigation .navigation__item--parent:nth-child(2):hover > ul {
left: 0;
transform: translate(0, 0); }
.navigation .navigation__item--parent:nth-last-child(2):hover > ul {
left: unset;
right: 0;
transform: translate(0, 0); } }
@media only screen and (min-width: 768px) and (max-width: 1280px) {
.navigation > ul > li:nth-child(1) > ul {
left: 12px;
transform: translate(0, 20px); }
.navigation > ul > li:nth-last-child(1) > ul {
left: unset;
right: 12px;
transform: translate(0, 20px); }
.navigation .navigation__item--parent:nth-child(1):hover > ul {
left: 12px;
transform: translate(0, 0); }
.navigation .navigation__item--parent:nth-last-child(1):hover > ul {
left: unset;
right: 12px;
transform: translate(0, 0); } }
.nav-featured {
--bgc-var: #0c0020;
font-family: "Quantico", sans-serif;
font-size: 1.4rem;
font-weight: 300;
padding: 5px 10px 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
max-width: 900px;
text-transform: uppercase; }
.nav-featured ul {
align-items: stretch;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px; }
.nav-featured li {
align-items: stretch;
display: flex; }
.nav-featured a {
align-items: center;
background-color: var(--bgc-var);
border-radius: 3px;
color: #fff;
display: flex;
padding: 5px;
flex-grow: 1;
justify-content: center;
max-width: 100%; }
.nav-featured a:hover {
text-decoration: none; }
.nav-featured img {
margin-right: 10px;
width: 18px;
height: auto; }
@media only screen and (min-width: 768px) {
.nav-featured {
padding-top: 10px;
padding-bottom: 20px; }
.nav-featured a {
padding: 10px;
text-shadow: 0 0 9px rgba(37, 146, 238, 0), 0 0 9px rgba(37, 146, 238, 0), 0 0 9px rgba(37, 146, 238, 0);
transition: text-shadow 0.3s; }
.nav-featured a:hover {
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.nav-featured img {
width: 24px; } }
@media only screen and (min-width: 1024px) {
.nav-featured {
font-size: 1.6rem; }
.nav-featured img {
width: 30px; } }
.bgc-red {
--bgc-var: #ff350d; }
.bgc-blue {
--bgc-var: #386fbb; }
.bgc-pink {
--bgc-var: #ff335e; }
.bgc-green {
--bgc-var: #0e9b72; }
.bgc-yellow {
--bgc-var: #ffa828; }
.bgc-purple {
--bgc-var: #525282; }
.bgc-magenta {
--bgc-var: #C67CE6; }
.bgc-cyan {
--bgc-var: #28BBF2; }
.page-footer {
background: #0c0020;
margin-top: auto;
padding-top: 45px; }
.footer.content {
display: flex;
flex-wrap: wrap; }
.footer.content .copyright {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; }
.footer.links {
margin-right: auto;
order: -1; }
@media only screen and (max-width: 767px) {
.footer {
padding-left: 35px;
padding-right: 35px; } }
.footer-contact {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%;
position: relative;
z-index: 1; }
@media only screen and (min-width: 768px) {
.footer-contact {
flex-basis: 47%; } }
@media only screen and (min-width: 1024px) {
.footer-contact {
flex-basis: 40%;
max-width: 40%;
padding-left: 30px;
padding-top: 40px;
margin-left: auto;
margin-bottom: -50px; }
.footer-contact .nav-footer__list {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%; } }
.catalog-category-view .page-main > .category-view {
position: relative;
z-index: 2; }
.catalog-category-view .products-grid {
position: relative;
z-index: 2; }
.catalog-category-view .page-title, .catalog-category-view .question-detail .faq-cat-title, .question-detail .catalog-category-view .faq-cat-title, .catalog-category-view .koins-content h1, .koins-content .catalog-category-view h1 {
align-items: center;
display: flex;
font-size: 1.4rem;
justify-content: center;
margin-top: 1.5em;
margin-bottom: 0; }
.catalog-category-view .loading-mask {
display: none; }
@media only screen and (max-width: 767px) {
.catalog-category-view .category-top-inner {
display: flex;
flex-direction: column-reverse;
padding: 25px 0 15px; }
.catalog-category-view .breadcrumbs {
padding: 0;
text-align: center; }
.catalog-category-view .page-title-wrapper h1 {
margin: 0 0 25px; }
.catalog-category-view .page-main {
background-image: none; } }
@media only screen and (min-width: 768px) {
.catalog-category-view .category-top {
background-color: #180d38; }
.catalog-category-view .category-top-inner {
align-items: center;
display: flex;
padding: 25px 0 10px; }
.catalog-category-view .breadcrumbs,
.catalog-category-view .page-title-wrapper {
flex-basis: 33%; }
.catalog-category-view .breadcrumbs {
padding: 0 15px; }
.catalog-category-view .breadcrumbs strong {
color: #fff; }
.catalog-category-view .breadcrumbs a,
.catalog-category-view .breadcrumbs strong {
font-size: 1.1rem; }
.catalog-category-view .page-title-wrapper {
background-color: #180d38;
overflow: hidden; }
.catalog-category-view .page-title-wrapper h1 {
font-size: 3rem;
margin: 0; }
.catalog-category-view .page-title, .catalog-category-view .question-detail .faq-cat-title, .question-detail .catalog-category-view .faq-cat-title, .catalog-category-view .koins-content h1, .koins-content .catalog-category-view h1 {
font-size: 1.8rem; } }
.category-image {
display: inline-block;
padding-right: 30px;
margin-right: 30px;
position: relative; }
.category-image:after {
background-color: rgba(255, 255, 255, 0.25);
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 100%;
max-height: 48px; }
.toolbar-products {
background-color: #180d38;
padding: 24px 15px;
text-align: center; }
.toolbar-products .toolbar-amount {
margin: 18px 0 0; }
.toolbar-products .toolbar-number {
color: rgba(255, 255, 255, 0.5);
font-size: 1rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
.toolbar-products .toolbar-number span {
color: #fff; }
.toolbar-products .toolbar-next {
margin-top: 18px; }
.toolbar-products .toolbar-pager {
display: none; }
.toolbar-products .toolbar-mobile {
align-items: center;
display: flex; }
.toolbar-products .toolbar-mobile .toolbar-mobile_item {
flex-basis: 0;
flex-grow: 1;
padding: 0 6px; }
.toolbar-products .toolbar-mobile .action.show-filters {
background-image: url("../images/icons/white/chevron-right.svg");
background-size: 8px 13px; }
.toolbar-products .toolbar-mobile .action.show-filters .show-filters_count {
align-items: center;
background-color: #386fbb;
border-radius: 50%;
color: #fff;
display: inline-flex;
font-size: 0.9rem;
line-height: 1;
justify-content: center;
width: 15px;
height: 15px;
margin-left: 6px; }
.toolbar-products ~ .toolbar-products .toolbar-pager {
display: block; }
.toolbar-products ~ .toolbar-products .toolbar-sorter,
.toolbar-products ~ .toolbar-products .toolbar-mobile {
display: none; }
@media only screen and (min-width: 768px) {
.toolbar-products {
display: none; }
.toolbar-products .toolbar-amount,
.toolbar-products .toolbar-next {
margin-top: 32px; }
.toolbar-products .toolbar-mobile {
display: none; }
.toolbar-products .toolbar-number {
font-size: 1.4rem; }
.toolbar-products ~ .toolbar-products {
display: block;
margin-top: 30px; }
.toolbar-products .action.show-filters {
display: none; } }
.pages-indicator {
background-color: rgba(12, 0, 32, 0.5);
display: block;
overflow: hidden;
border-radius: 4px;
position: relative;
height: 6px;
width: 100%;
max-width: 200px;
margin: 20px auto 0; }
.pages-indicator .pages-indicator_progress {
background-color: #0c0020;
background-image: linear-gradient(to top, #0e9b72 0%, #20c293 100%);
border-radius: 3px;
display: block;
height: 6px; }
@media only screen and (min-width: 768px) {
.pages-indicator {
border-radius: 6px;
height: 12px;
max-width: 400px; }
.pages-indicator .pages-indicator_progress {
border-radius: 6px;
height: 12px; } }
.category-description {
background-color: #180d38;
overflow: hidden;
padding: 20px; }
.category-description p {
color: rgba(255, 255, 255, 0.5);
font-size: 1.4rem; }
.category-content {
background-color: #180d38;
line-height: 2;
overflow: hidden;
text-align: center; }
.category-content p {
color: rgba(255, 255, 255, 0.5);
font-size: 1.4rem; }
.category-content .wrap, .category-content .page-main, .category-content .header.content, .category-content .nav-sections, .category-content .footer, .category-content .catalog-category-view .category-top-inner, .catalog-category-view .category-content .category-top-inner, .category-content .catalog-category-view .products-grid, .catalog-category-view .category-content .products-grid, .category-content .catalog-category-view .page-title, .catalog-category-view .category-content .page-title, .category-content .catalog-category-view .question-detail .faq-cat-title, .catalog-category-view .question-detail .category-content .faq-cat-title, .category-content .question-detail .catalog-category-view .faq-cat-title, .question-detail .catalog-category-view .category-content .faq-cat-title, .category-content .catalog-category-view .koins-content h1, .catalog-category-view .koins-content .category-content h1, .category-content .koins-content .catalog-category-view h1, .koins-content .catalog-category-view .category-content h1, .category-content .catalog-product-view .column.main > .block.widget, .catalog-product-view .category-content .column.main > .block.widget,
.category-content .catalog-product-view .columns > .block.widget, .catalog-product-view .category-content .columns > .block.widget, .category-content .block.widget.block-products-list, .category-content .home-top, .category-content .widget.developer-list, .category-content .widget.trustpilot-summary .widget-content, .widget.trustpilot-summary .category-content .widget-content, .category-content .promo-bar .promo-bar-inner, .promo-bar .category-content .promo-bar-inner, .category-content #algolia-category-facets .ais-Panel, #algolia-category-facets .category-content .ais-Panel, .category-content #algolia-category-sorts .ais-SortBy, #algolia-category-sorts .category-content .ais-SortBy {
max-width: 840px; }
.category-content .cms-content-important {
color: #6e6d93;
font-size: 1.4rem;
line-height: normal;
text-align: center; }
* + .category-content .cms-content-important {
margin-top: 36px; }
.category-content .big-category-image {
max-width: 900px;
text-align: center;
padding-left: 15px;
padding-right: 15px;
width: calc(100vw - 30px);
margin-left: 50%;
transform: translate(-50%, 0); }
.category-content .big-category-image img {
height: auto; }
@media only screen and (max-width: 767px) {
.category-content .big-category-image {
display: none; } }
@media only screen and (min-width: 768px) {
.category-content .cms-content-important {
font-size: 2rem; } }
.block.filter .sorter-options.__disabled,
.ais-SortBy .sorter-options.__disabled {
pointer-events: none; }
.block.filter .action.close, .block.filter .action.filter-options-content-close,
.ais-SortBy .action.close,
.ais-SortBy .action.filter-options-content-close {
display: none;
padding: 0;
width: 28px;
height: 28px; }
.block.filter .action.close,
.ais-SortBy .action.close {
right: auto;
left: 20px;
top: 26px;
z-index: 10; }
.block.filter .action.close:before, .block.filter .action.close:after,
.ais-SortBy .action.close:before,
.ais-SortBy .action.close:after {
width: 50%; }
.block.filter .action.filter-options-content-close,
.ais-SortBy .action.filter-options-content-close {
background-image: url("../images/icons/white/chevron-left.svg");
background-position: center center;
background-size: 8px 13px;
margin-right: 15px; }
.block.filter .filter-options-content,
.ais-SortBy .filter-options-content {
align-items: stretch;
display: flex;
flex-direction: column; }
.block.filter .filter-options-content .filter-options-content-title,
.ais-SortBy .filter-options-content .filter-options-content-title {
flex-basis: auto;
flex-grow: 0; }
.block.filter .filter-options-content .items,
.ais-SortBy .filter-options-content .items {
color: #fff;
list-style: none;
margin: 10px 0 0;
padding: 0; }
.block.filter .filter-options-content .items a,
.ais-SortBy .filter-options-content .items a {
color: inherit; }
.block.filter .filter-options-content .items [type="checkbox"],
.ais-SortBy .filter-options-content .items [type="checkbox"] {
position: absolute;
left: -9999px; }
.block.filter .filter-options-content .items [type="checkbox"] ~ label,
.ais-SortBy .filter-options-content .items [type="checkbox"] ~ label {
background-image: url("../images/icons/white/check.svg");
background-position: -100px -100px;
background-size: 0 0;
display: block; }
.block.filter .filter-options-content .items [type="checkbox"]:checked ~ label,
.ais-SortBy .filter-options-content .items [type="checkbox"]:checked ~ label {
background-size: 12px 9px;
background-position: right center; }
.block.filter .filter-options-content .items .count,
.ais-SortBy .filter-options-content .items .count {
display: none; }
.block.filter .filter-options-content .actions .button, .block.filter .filter-options-content .actions .navigation .nav-button > a, .navigation .block.filter .filter-options-content .actions .nav-button > a, .block.filter .filter-options-content .actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.filter .filter-options-content .actions .action-delete, .block.filter .filter-options-content .actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.filter .filter-options-content .actions .action-accept, .block.filter .filter-options-content .actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.filter .filter-options-content .actions .action-dismiss,
.ais-SortBy .filter-options-content .actions .button,
.ais-SortBy .filter-options-content .actions .navigation .nav-button > a,
.navigation .ais-SortBy .filter-options-content .actions .nav-button > a,
.ais-SortBy .filter-options-content .actions .cart-items .cart-items-item .product-item-error .action-delete,
.cart-items .cart-items-item .product-item-error .ais-SortBy .filter-options-content .actions .action-delete,
.ais-SortBy .filter-options-content .actions .modals-wrapper .modal-popup .action-accept,
.modals-wrapper .modal-popup .ais-SortBy .filter-options-content .actions .action-accept,
.ais-SortBy .filter-options-content .actions .modals-wrapper .modal-popup .action-dismiss,
.modals-wrapper .modal-popup .ais-SortBy .filter-options-content .actions .action-dismiss {
width: 100%; }
.block.filter .filter-options-faux-select,
.ais-SortBy .filter-options-faux-select {
display: none; }
.block.filter .filter-options-faux-select:before,
.ais-SortBy .filter-options-faux-select:before {
opacity: 0; }
.block.filter .smile-es-range-slider,
.ais-SortBy .smile-es-range-slider {
align-items: stretch;
display: flex;
flex-basis: auto;
flex-direction: column;
flex-grow: 1; }
.block.filter .smile-es-range-slider .smile-es-range-slider-widget,
.ais-SortBy .smile-es-range-slider .smile-es-range-slider-widget {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.block.filter .smile-es-range-slider [data-role="from-label"],
.block.filter .smile-es-range-slider [data-role="to-label"],
.ais-SortBy .smile-es-range-slider [data-role="from-label"],
.ais-SortBy .smile-es-range-slider [data-role="to-label"] {
font-size: 1rem; }
.block.filter .smile-es-range-slider [data-role="slider-bar"],
.ais-SortBy .smile-es-range-slider [data-role="slider-bar"] {
flex-basis: 100%;
max-width: 100%;
margin-top: 12px; }
.block.filter .smile-es-range-slider .actions-toolbar,
.ais-SortBy .smile-es-range-slider .actions-toolbar {
align-items: stretch;
display: flex;
flex-basis: auto;
flex-direction: column;
flex-grow: 1;
padding-top: 12px; }
.block.filter .smile-es-range-slider .actions-primary,
.ais-SortBy .smile-es-range-slider .actions-primary {
padding-top: 12px;
margin-top: auto; }
.block.filter .smile-es-range-slider .button, .block.filter .smile-es-range-slider .navigation .nav-button > a, .navigation .block.filter .smile-es-range-slider .nav-button > a, .block.filter .smile-es-range-slider .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.filter .smile-es-range-slider .action-delete, .block.filter .smile-es-range-slider .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.filter .smile-es-range-slider .action-accept, .block.filter .smile-es-range-slider .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.filter .smile-es-range-slider .action-dismiss,
.ais-SortBy .smile-es-range-slider .button,
.ais-SortBy .smile-es-range-slider .navigation .nav-button > a,
.navigation .ais-SortBy .smile-es-range-slider .nav-button > a,
.ais-SortBy .smile-es-range-slider .cart-items .cart-items-item .product-item-error .action-delete,
.cart-items .cart-items-item .product-item-error .ais-SortBy .smile-es-range-slider .action-delete,
.ais-SortBy .smile-es-range-slider .modals-wrapper .modal-popup .action-accept,
.modals-wrapper .modal-popup .ais-SortBy .smile-es-range-slider .action-accept,
.ais-SortBy .smile-es-range-slider .modals-wrapper .modal-popup .action-dismiss,
.modals-wrapper .modal-popup .ais-SortBy .smile-es-range-slider .action-dismiss {
width: 100%; }
.block.filter .chosen-container,
.ais-SortBy .chosen-container {
margin: 0;
width: 100% !important;
z-index: unset; }
.block.filter .chosen-container.chosen-container-single:before,
.ais-SortBy .chosen-container.chosen-container-single:before {
background-color: #0c0020;
border-radius: 3px 3px 0 0;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
content: '';
opacity: 0;
position: absolute;
left: -3px;
top: -3px;
right: -3px;
bottom: -9px;
z-index: -1; }
.block.filter .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop:before,
.ais-SortBy .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop:before {
opacity: 1;
transition: opacity 0.3s; }
.block.filter .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop:after,
.ais-SortBy .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop:after {
background-color: #0c0020;
content: '';
pointer-events: none;
position: absolute;
bottom: -9px;
left: -3px;
right: -3px;
height: 9px;
z-index: 2; }
.block.filter .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-drop,
.ais-SortBy .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-drop {
opacity: 1; }
.block.filter .chosen-container.chosen-container-single .chosen-single,
.ais-SortBy .chosen-container.chosen-container-single .chosen-single {
background-color: #180d38;
background-repeat: no-repeat;
box-shadow: none;
height: auto; }
.block.filter .chosen-container.chosen-container-single .chosen-single div,
.ais-SortBy .chosen-container.chosen-container-single .chosen-single div {
display: none; }
.block.filter .chosen-container.chosen-container-single .chosen-single span,
.ais-SortBy .chosen-container.chosen-container-single .chosen-single span {
font-size: inherit;
line-height: 1.3;
padding: 0; }
.block.filter .chosen-container.chosen-container-single .chosen-drop,
.ais-SortBy .chosen-container.chosen-container-single .chosen-drop {
background-color: #0c0020;
border: none;
border-radius: 0 3px 3px 3px;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
margin-top: 6px;
opacity: 0;
padding: 15px;
left: -3px;
top: 100%;
transition: opacity 0.3s;
width: 285px;
z-index: 1; }
.block.filter .chosen-container.chosen-container-single .chosen-results,
.ais-SortBy .chosen-container.chosen-container-single .chosen-results {
margin: 0;
padding: 0;
max-height: none; }
.block.filter .chosen-container.chosen-container-single .chosen-results li,
.ais-SortBy .chosen-container.chosen-container-single .chosen-results li {
border-radius: 3px;
color: #fff;
display: block;
margin: 4px 0;
padding: 14px 21px; }
.block.filter .chosen-container.chosen-container-single .chosen-results li, .block.filter .chosen-container.chosen-container-single .chosen-results li.highlighted,
.ais-SortBy .chosen-container.chosen-container-single .chosen-results li,
.ais-SortBy .chosen-container.chosen-container-single .chosen-results li.highlighted {
background-color: #1F143D;
background-image: none; }
@media only screen and (max-width: 767px) {
.__showfilters {
position: fixed;
overflow: hidden;
width: 100%; }
.block.filter {
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
z-index: 10; }
.__showfilters .block.filter {
width: 100%;
height: 100%;
opacity: 1; }
.block.filter .action.close {
border-radius: 3px;
display: block;
width: 40px;
height: 40px; }
.block.filter .action.close:before, .block.filter .action.close:after {
width: 60%;
height: 3px; }
.block.filter .block-inner {
align-items: stretch;
background-color: #1F143D;
display: flex;
flex-direction: column;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 90%;
max-width: 380px;
transform: translateX(100%);
transition: transform 0.3s; }
.__showfilters .block.filter .block-inner {
transform: translateX(0); }
.block.filter .block-title {
flex-basis: auto;
flex-grow: 0;
margin: 30px 30px 0 75px;
text-align: left; }
.block.filter .block-title strong {
margin: 0;
transform: none; }
.block.filter .block-content {
flex-basis: 0;
flex-grow: 1;
margin: 30px;
overflow: auto; }
.block.filter .filter-current {
display: none; }
.block.filter .filter-actions {
position: absolute;
right: 20px;
top: 30px; }
.block.filter .filter-options-item {
border-bottom: 1px solid #525282; }
.block.filter .filter-options-item.sorter {
display: none; }
.block.filter .filter-options-item.__active > .filter-options-content {
opacity: 1;
overflow: auto;
padding: 30px;
transform: translateX(0);
width: 100%; }
.block.filter .filter-options-title {
align-items: center;
background-image: url("../images/icons/white/chevron-right.svg");
background-position: right center;
background-size: 8px 13px;
display: flex;
font-family: "Quantico", sans-serif;
font-size: 1.7rem;
line-height: 1;
padding: 19px 0;
text-transform: uppercase; }
.block.filter .filter-options-title[data-count]:after {
align-items: center;
background-color: #386fbb;
border-radius: 50%;
color: #fff;
content: attr(data-count);
display: inline-flex;
font-size: 0.8rem;
justify-content: center;
line-height: 1;
margin-left: 1em;
width: 2em;
height: 2em; }
.block.filter .filter-options-content {
background-color: #1F143D;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 0;
height: 100%;
transform: translateX(100%);
top: 0;
left: 0;
z-index: 1;
transition: opacity 0.3s, transform 0.3s; }
.block.filter .filter-options-content .items {
font-size: 1.4rem; }
.block.filter .filter-options-content .items .item {
padding: 10px 0; }
.block.filter .filter-options-content-title {
align-items: center;
border-bottom: 1px solid #525282;
display: flex;
font-family: "Quantico", sans-serif;
font-size: 2.1rem;
letter-spacing: 0.05em;
padding-bottom: 16px;
padding-left: 40px;
text-transform: uppercase; }
.block.filter .filter-options-content-title ~ div {
margin-top: 20px; }
.block.filter .action.filter-options-content-close {
display: inline-block; } }
@media only screen and (min-width: 768px) {
.block.filter {
background-color: #180d38;
padding-bottom: 10px;
margin-bottom: 10px;
width: 100%; }
.block.filter .block-inner {
max-width: 1286px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto; }
.block.filter .block-title {
display: none; }
.block.filter .block-content {
margin: 0; }
.block.filter .filter-current,
.block.filter .filter-actions {
display: none; }
.block.filter .filter-options {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
position: relative;
z-index: 3; }
.block.filter .filter-options-item {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%;
padding: 15px;
position: relative;
z-index: unset; }
.block.filter .filter-options-item:nth-child(4n).__active .filter-options-content {
left: auto;
right: 12px; }
.block.filter .filter-options-item .filter-options-faux-select:before {
background-color: #0c0020;
border-radius: 3px 3px 0 0;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
content: '';
position: absolute;
left: -3px;
top: -3px;
right: -3px;
bottom: -9px;
z-index: -1; }
.block.filter .filter-options-item .filter-options-faux-select .active {
align-items: center;
display: flex;
justify-content: space-between; }
.block.filter .filter-options-item .filter-options-faux-select .active:after {
background-color: #4d3d7d;
border-radius: 100%;
color: #fff;
content: attr(data-active);
display: inline-block;
font-size: 1.1rem;
height: 20px;
line-height: 20px;
margin-right: 10px;
text-align: center;
width: 20px; }
.block.filter .filter-options-item.__active .filter-options-content {
display: block;
left: 12px;
opacity: 1;
width: 285px;
display: flex;
align-items: stretch;
flex-direction: column; }
.block.filter .filter-options-item.__active .filter-options-content[style*="max-height"] > div:not(.filter-options-content-title):not(.smile-es-range-slider) {
align-items: stretch;
display: flex;
flex-direction: column;
max-height: 100%;
overflow: hidden; }
.block.filter .filter-options-item.__active .filter-options-faux-select:before {
opacity: 1;
transition: opacity 0.3s; }
.block.filter .filter-options-item.__active .filter-options-faux-select:after {
background-color: #0c0020;
content: '';
pointer-events: none;
position: absolute;
bottom: -9px;
left: -3px;
right: -3px;
height: 9px;
z-index: 2; }
.block.filter .filter-options-item[data-filter="category"] a {
background-color: #1F143D;
border-radius: 3px;
display: block;
padding: 14px 21px; }
.block.filter .filter-options-title {
color: rgba(255, 255, 255, 0.5);
display: none;
font-size: 1.1rem;
text-transform: uppercase; }
.block.filter .filter-options-content {
background-color: #0c0020;
border-radius: 0 3px 3px 3px;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
display: block;
opacity: 0;
overflow: hidden;
position: absolute;
left: -9999px;
top: 100%;
margin-top: -9px;
padding: 15px;
transition: opacity 0.3s;
width: 0;
z-index: 1;
-webkit-transform: translate3d(0, 0, 0); }
.block.filter .filter-options-content .items {
margin: 0;
max-height: 372px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 2px; }
.block.filter .filter-options-content .items::-webkit-scrollbar {
width: 12px; }
.block.filter .filter-options-content .items::-webkit-scrollbar-track {
background-color: #1F143D;
border-radius: 10px; }
.block.filter .filter-options-content .items::-webkit-scrollbar-thumb {
background-color: #525282;
border: 3px solid #1F143D;
border-radius: 10px; }
.block.filter .filter-options-content .items a {
display: block;
font-size: 1.1rem; }
.block.filter .filter-options-content .items [type="checkbox"] ~ label {
background-color: #1F143D;
border-radius: 3px;
display: block;
padding: 14px 21px; }
.block.filter .filter-options-content .items [type="checkbox"]:checked ~ label {
background-color: #525282;
background-position: right 12px center; }
.block.filter .filter-options-content .items .item {
margin: 4px 0; }
.block.filter .filter-options-select,
.block.filter .filter-options-faux-select {
display: block;
margin-top: 6px;
position: relative; }
.block.filter .filter-options-content-title {
display: none; }
.block.filter .field .control {
margin: 0; } }
@media only screen and (min-width: 1024px) {
.block.filter .filter-options-item {
flex-basis: 16.666%;
max-width: 16.666%; }
.block.filter .filter-options-item:nth-child(4n).__active .filter-options-content {
left: 12px;
right: auto; }
.block.filter .filter-options-item:nth-child(6n).__active .filter-options-content {
left: auto;
right: 12px; } }
.product-attributes {
background-color: #1F143D;
border: 1px solid #4c4364;
border-radius: 5px;
color: #ffffff;
display: block;
font-size: 1.2rem;
font-weight: 600;
grid-column: 1 / 3;
grid-row: 4;
letter-spacing: 0.05em;
line-height: 1;
margin: 25px 0 0;
text-transform: uppercase;
width: 100%; }
.product-attributes strong,
.product-attributes .value {
padding: 15px 10px; }
.product-attributes strong {
color: rgba(255, 255, 255, 0.6);
font-weight: 400;
max-width: 130px;
width: 130px; }
.product-attributes sup {
display: inline-block;
margin-bottom: 3px;
margin-right: 3px;
text-transform: lowercase; }
.product-attributes .attribute {
align-items: stretch;
display: flex; }
.product-attributes .attribute svg {
margin-left: 10px;
order: 2; }
.product-attributes .attribute + .attribute {
border-top: 1px solid rgba(255, 255, 255, 0.2); }
.product-attributes .value {
align-items: center;
display: flex;
flex-basis: 0;
flex-grow: 1;
justify-content: flex-start;
flex-wrap: wrap;
word-break: break-word; }
.product-attributes .language-flag {
display: inline-block;
margin: 1px 3px 1px 0;
overflow: hidden;
position: relative;
vertical-align: top;
width: 26px; }
.product-attributes .language-flag:before {
content: '';
display: block;
padding-bottom: 66%; }
.product-attributes .language-flag img {
position: absolute;
max-width: none;
width: 120%;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.product-attributes .tooltip {
display: block;
margin-left: 10px; }
.product-attributes .tooltip .tooltip_icon {
background-image: url("../images/icons/white/info.svg");
background-size: contain;
width: 18px;
height: 18px; }
.product-attributes .tooltip .tooltip_content {
margin-top: 10px; }
.product-attributes .tooltip .tooltip_content:before {
border-radius: 3px 0 0 0;
width: 20px;
height: 20px; }
.product-attributes .language .value {
padding-top: 11px;
padding-bottom: 11px; }
.product-attributes .language .value.__several-languages:not(.__show-extra) .language-flag:nth-child(4) ~ .language-flag {
display: none; }
.product-attributes .language .value.__several-languages.__show-extra .attribute_see-all {
display: none; }
.product-attributes .review_score .red {
color: #ff350d; }
.product-attributes .review_score .orange {
color: #ffa200; }
.product-attributes .review_score .yellow {
color: #e2d21a; }
.product-attributes .review_score .green {
color: #2fc28f; }
.product-attributes .attribute_see-all {
align-items: center;
background-color: transparent;
border: 1px solid #4C4264;
border-radius: 3px;
color: #fff;
display: inline-flex;
font-size: 0.8rem;
letter-spacing: 0.05em;
margin-left: 1em;
text-transform: uppercase;
padding: 1px 2px;
vertical-align: top; }
.product-attributes .attribute_see-all_count {
font-size: 1.2rem;
margin-right: 0.4em; }
@media only screen and (max-width: 767px) {
.product-attributes strong {
word-break: break-word; } }
@media only screen and (max-width: 639px) {
.product-attributes .language-flag {
width: 22px; }
.product-attributes .attribute_see-all {
margin-left: 0.75em;
margin-top: 0.5em;
margin-bottom: 0.5em; } }
@media only screen and (min-width: 768px) {
.product-attributes {
align-items: stretch;
display: flex;
flex-wrap: wrap; }
.product-attributes strong,
.product-attributes .value {
padding: 0; }
.product-attributes strong {
display: block;
width: auto;
max-width: none; }
.product-attributes .value {
display: flex;
font-size: 1.4rem;
margin-top: 6px; }
.product-attributes .attribute {
border-color: #4c4364;
border-style: solid;
border-width: 0 0 1px 1px;
display: block;
flex-basis: 50%;
flex-grow: 0;
max-width: 50%;
padding: 16px 24px;
margin-bottom: -1px; }
.product-attributes .attribute + .attribute {
border-top: none; }
.product-attributes .attribute.genres {
flex-basis: 100%; }
.product-attributes .review_score {
display: none; }
.product-attributes .language {
padding-bottom: 11px; }
.product-attributes .language .value {
padding-top: 0;
padding-bottom: 0; }
.product-attributes .language-flag {
margin-left: 6px;
margin-right: 6px; } }
@media only screen and (min-width: 1024px) {
.product-attributes {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: dense; }
.product-attributes .attribute {
grid-column: span 1 / span 1;
max-width: unset;
padding: 16px 32px; }
.product-attributes .attribute.language {
max-width: none; }
.product-attributes .attribute.platforms {
grid-column: 3; }
.product-attributes .attribute_see-all {
padding-left: 4px;
padding-right: 4px; } }
.product-info-usps {
background-color: #0c0020;
border: 1px solid #4c4364;
border-radius: 5px; }
.product-usps-item {
align-items: center;
display: flex;
padding: 15px; }
.product-usps-item.__hidden {
display: none; }
.product-usps-item:not(.__hidden) ~ .product-usps-item {
border-top: 1px solid #4c4364; }
.product-usps-icon {
flex-basis: 32px;
flex-grow: 0; }
.product-usps-icon svg,
.product-usps-icon img {
display: block;
width: 100%;
height: auto; }
.product-usps-icon + .product-usps-text {
padding-left: 15px; }
.product-usps-text {
font-size: 1.2rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
.product-usps-price .product-usps-text {
color: #AFFFE4;
text-shadow: 0px 0px 10px #1DD395; }
.product-usps-price:not(.__hidden) ~ .product-usps-item.stock {
display: none; }
@media only screen and (min-width: 768px) {
.product-usps-text {
font-size: 1.4rem; } }
.product-item-ribbons {
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10; }
.product-item-ribbons .product-item-ribbons_position {
padding-top: 28px;
transform-origin: 50% 0;
transform: translateX(-50%) rotate(-45deg); }
.product-item-ribbons .product-item-ribbon {
background-color: goldenrod;
color: #fff;
display: block;
font-size: 0.8rem;
font-weight: 700;
text-align: center;
text-transform: uppercase;
padding: 1px 0;
width: 100%; }
.product-item-ribbons .product-item-ribbon__preorder {
background-image: linear-gradient(to left, #0e9b72 0%, #20c293 100%); }
.product-item-ribbons .product-item-ribbon__dlc {
background-image: linear-gradient(to left, #386fbb 0%, #45a2f9 100%); }
.product-item-ribbons .product-item-ribbon__bundle {
background-color: #ff350d; }
.algolia-instant-selector-results .product-item-ribbons .product-item-ribbon__preorder, .algolia-results-list .product-item-ribbons .product-item-ribbon__preorder {
display: none; }
.algolia-instant-selector-results .product-item-ribbons .product-item-ribbon__preorder_Pre-Order, .algolia-results-list .product-item-ribbons .product-item-ribbon__preorder_Pre-Order {
display: block; }
.algolia-instant-selector-results .product-item-ribbons .product-item-ribbon__dlc, .algolia-results-list .product-item-ribbons .product-item-ribbon__dlc {
display: none; }
.algolia-instant-selector-results .product-item-ribbons .product-item-ribbon__dlc_Yes, .algolia-results-list .product-item-ribbons .product-item-ribbon__dlc_Yes {
display: block; }
@media only screen and (min-width: 768px) {
.product-item-ribbons .product-item-ribbon {
font-size: 1rem;
padding: 2px 0; } }
@media only screen and (min-width: 1024px) {
.product-item-ribbons .product-item-ribbons_position {
padding-top: 32px; }
.product-item-ribbons .product-item-ribbon {
font-size: 1.1rem; } }
.catalog-product-view .page-main {
margin: 0;
padding: 0;
width: auto;
max-width: none;
position: relative; }
.catalog-product-view .page-title-wrapper {
background-color: #0c0020;
border-bottom: 1px solid #4C4264;
margin-left: -15px;
margin-right: -15px;
padding: 0 15px 16px; }
.catalog-product-view .page-title, .catalog-product-view .question-detail .faq-cat-title, .question-detail .catalog-product-view .faq-cat-title, .catalog-product-view .koins-content h1, .koins-content .catalog-product-view h1 {
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 2.4rem;
font-weight: 400;
letter-spacing: 1.18px;
line-height: 1.5;
margin: 0;
text-align: left;
text-shadow: none;
text-transform: uppercase; }
.catalog-product-view .breadcrumbs {
grid-column: 1 / 3; }
@media only screen and (max-width: 767px) {
.catalog-product-view .breadcrumbs {
display: none; }
.catalog-product-view .page-title, .catalog-product-view .question-detail .faq-cat-title, .question-detail .catalog-product-view .faq-cat-title, .catalog-product-view .koins-content h1, .koins-content .catalog-product-view h1 {
font-size: 2rem; }
.catalog-product-view .column.main {
align-items: stretch;
display: flex;
flex-direction: column; }
.catalog-product-view .column.main > * {
order: 10; }
.catalog-product-view .column.main > .product.info.detailed {
order: 20; }
.catalog-product-view .column.main > .product.info.detailed ~ * {
order: 40; }
.catalog-product-view .column.main > .block.related {
order: 30; } }
@media only screen and (max-width: 639px) {
.catalog-product-view .page-title, .catalog-product-view .question-detail .faq-cat-title, .question-detail .catalog-product-view .faq-cat-title, .catalog-product-view .koins-content h1, .koins-content .catalog-product-view h1 {
font-size: 1.6rem; } }
@media only screen and (min-width: 768px) {
.catalog-product-view .page-title-wrapper {
background-color: transparent;
border-bottom: none;
margin-left: 0;
margin-right: 0;
padding: 0; } }
.page-product-downloadable .product-info-main .product-options-wrapper {
display: none; }
.product-top-wrapper {
background-color: #0c0020;
align-items: stretch;
display: flex;
flex-direction: row;
position: relative;
margin: 0 -15px;
padding: 12px 15px 18px; }
.product-top-wrapper .product-top-attributes-mobile {
align-items: stretch;
display: flex;
flex-basis: 85px;
flex-direction: column;
flex-grow: 0;
max-width: 85px; }
.product-top-wrapper .product.attribute {
background-color: #1F143D;
border-radius: 3px;
font-size: 1.1rem;
padding: 8px;
text-align: center; }
.product-top-wrapper .product.attribute + .attribute {
margin-top: 8px; }
.product-top-wrapper .product-out-of-stock {
background-color: #666;
background-image: linear-gradient(to top, #666 0%, #9694aa 100%);
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 1.2rem;
position: absolute;
top: 15px;
right: 10px;
padding: 4px 8px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.15); }
.product.attribute.attribute-icon {
align-items: center; }
.product.attribute.attribute-icon img {
max-height: 32px;
max-width: 38px;
padding: 4px;
order: 99; }
.product.attribute.attribute-icon > span {
display: flex; }
.product.attribute.overview {
color: #fff;
margin-bottom: 30px;
width: 100%; }
.product.attribute.overview a {
color: #fff;
text-decoration: underline; }
.product.attribute.overview a:hover {
text-decoration: none; }
.product.attribute.overview p {
margin: 0; }
.product.attribute.overview p + p {
margin-top: 8px; }
.product.attribute.overview span,
.product.attribute.overview strong {
color: #eeeeee !important;
font-weight: 400 !important; }
@media only screen and (min-width: 768px) {
.product-top-wrapper {
margin-left: 0;
margin-right: 0;
padding: 0; }
.product-top-attributes-mobile {
display: none; }
.product.attribute.attribute-icon {
align-items: center;
display: flex;
justify-content: space-between; }
.product.attribute.attribute-icon img {
max-height: 38px;
max-width: 42px;
padding: 0; }
.product.attribute.attribute-icon > span {
display: block; } }
.product.media {
margin: 0 auto;
max-width: 50vw;
flex-basis: 0;
flex-grow: 1; }
.product.media img {
border-radius: 10px 10px 0 0;
display: block;
margin: 0 auto;
width: 100%; }
.product.media .product-info-variant-image ~ * {
display: none !important;
visibility: hidden; }
.product.media .platforms {
align-items: center;
background-color: rgba(255, 255, 255, 0.15);
border-radius: 0;
display: flex;
font-size: 1.4rem;
font-weight: 600;
justify-content: space-between;
padding: 6px 9px 6px 12px;
text-transform: uppercase; }
.product.media .platforms[data-platform="steam"] {
background-color: #2A5590; }
.product.media .platforms[data-platform="origin"] {
background-color: #FF4747; }
.product.media .platforms[data-platform="ubisoft"] {
background-color: #1D1D1D; }
.product.media .platforms[data-platform="epic-games"] {
background-color: #363636; }
.product.media .platforms[data-platform="battle-net"] {
background-color: #0074E0; }
.product.media .platforms[data-platform="nintendo"] {
background-color: #D5011D; }
.product.media .platforms[data-platform="gog-com"], .product.media .platforms[data-platform="gog"] {
background-color: #9800E0; }
.product.media .platforms[data-platform="rockstar-games"] {
background-color: #000; }
.product.media .platforms[data-platform="mog-station"], .product.media .platforms[data-platform="mog-station2"] {
background-color: #757575; }
.product.media .platforms[data-platform="playstation-network"] {
background-color: #006FCD; }
.product.media .platforms[data-platform="windows"] {
background-color: #838383; }
.product.media .platforms[data-platform="xbox"] {
background-color: #107C10; }
.product.media .platforms[data-platform="mojang"] {
background-color: #EF323D; }
.product.media .platforms img {
border-radius: 0;
margin: 0;
padding: 0;
width: auto; }
.product.media .platforms .type {
font-weight: 400; }
.product-background {
display: none;
background: #0c0020;
height: calc(100vh - 210px);
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
overflow: hidden;
position: absolute;
right: 50%;
top: 0;
width: 100vw;
z-index: -1; }
.product-background_image {
height: inherit;
position: relative; }
.product-background_image img {
height: 100%;
object-fit: cover;
width: 100%; }
.product-background_image:after {
background: rgba(12, 0, 32, 0.7);
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.product-background:after {
background: #1f153d;
background: linear-gradient(180deg, rgba(31, 21, 61, 0) 0%, rgba(31, 21, 61, 0) 75%, rgba(31, 21, 61, 0.5) 85%, #1f153d 95%);
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.product-content-top {
margin-bottom: 30px;
position: relative; }
.product-info-editions {
align-items: center;
background: #0c0020;
border-radius: 5px;
justify-content: space-between;
display: flex;
padding: 25px 30px; }
.product-info-addto {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
margin-top: 15px; }
.product-info-addto .actions {
align-items: stretch;
flex-direction: column;
display: flex; }
.product-info-addto .action.primary.tocart {
font-size: 1.6rem;
padding: 0.9em 2.5em; }
.product-info-addto .action.primary.tocart:hover {
text-decoration: none; }
.product-info-addto .action.primary.tocart .button_icon {
width: 20px; }
.product-info-main {
display: flex;
flex: 1;
flex-direction: column; }
.product.alert.price {
flex-basis: 100%;
margin: 10px 0;
max-width: 100%;
text-align: right;
order: 99;
display: flex; }
.product-info-price {
margin-right: auto; }
.product-info-price .price-box {
display: flex;
flex-direction: column-reverse; }
.product-info-price .price-box > .price-container {
font-size: 2.4rem;
letter-spacing: 0.05em; }
.product-info-price .special-price,
.product-info-price .final-price {
line-height: 1;
text-transform: uppercase; }
.product-info-price .special-price {
color: #ffffff;
font-size: 3rem;
font-weight: 600;
letter-spacing: 0.05em; }
.product-info-price .old-price {
color: rgba(255, 255, 255, 0.6);
font-size: 1.4rem;
letter-spacing: 0.05em; }
.product-info-price .old-price .price {
text-decoration: line-through; }
[lang="de"] .product-info-price .old-price .price-label {
display: none; }
.product-info-reviews {
align-items: center;
display: flex;
flex-direction: column-reverse;
justify-content: space-between; }
.product-info-reviews .review-link {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 15px; }
.product-info-reviews .product-reviews-summary {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: column-reverse; }
.product-info-reviews .product-reviews-summary.short {
margin: 0 15px 0 0; }
.product-info-reviews .product-reviews-summary.short .rating-circle .progress-ring {
width: 100px;
height: 100px; }
.product-info-reviews .product-reviews-summary.empty {
display: none; }
.product-info-reviews .rating-summary .label {
display: none; }
.product-info-reviews .rating-summary .rating-result {
text-align: center; }
.product-info-reviews .rating-summary .rating-result span {
display: block;
overflow: hidden; }
.product-info-reviews .rating-summary .rating-result span:before {
position: relative;
z-index: 2;
-webkit-font-smoothing: antialiased;
color: #0e9b72;
font-family: "Montserrat", sans-serif;
font-size: 16px;
height: 16px;
letter-spacing: 2px;
line-height: 16px;
content: '\2605' '\2605' '\2605' '\2605' '\2605';
display: block;
font-style: normal;
font-weight: normal;
speak: none; }
.product-info-reviews .rating-summary .rating-result span span {
display: none; }
.product-info-reviews .reviews-actions {
font-size: 1.2rem; }
.product-info-reviews .action.view {
color: #fff;
pointer-events: none; }
.product-info-reviews .button.s, .product-info-reviews .navigation .nav-button > a, .navigation .product-info-reviews .nav-button > a, .product-info-reviews .cart-items .cart-items-item .product-item-error .s.action-delete, .cart-items .cart-items-item .product-item-error .product-info-reviews .s.action-delete, .product-info-reviews .modals-wrapper .modal-popup .s.action-accept, .modals-wrapper .modal-popup .product-info-reviews .s.action-accept, .product-info-reviews .modals-wrapper .modal-popup .s.action-dismiss, .modals-wrapper .modal-popup .product-info-reviews .s.action-dismiss {
font-size: 1rem;
letter-spacing: 0.5px;
padding: 10px 15px; }
.product-info-reviews .button:hover, .product-info-reviews .navigation .nav-button > a:hover, .navigation .product-info-reviews .nav-button > a:hover, .product-info-reviews .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .product-info-reviews .action-delete:hover, .product-info-reviews .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .product-info-reviews .action-accept:hover, .product-info-reviews .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .product-info-reviews .action-dismiss:hover {
text-decoration: none; }
.product-info-top {
grid-column: 2;
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
align-items: flex-start;
margin-bottom: 15px;
position: relative; }
.product-info-editions {
flex-basis: 100%;
margin-bottom: 25px; }
.product-info-editions_inner {
flex-basis: 50%;
padding: 0 0 0 5px; }
.product-info-editions_inner:first-child {
padding: 0 5px 0 0; }
.product-info-editions .label {
color: #807898;
display: block;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.59px;
margin-bottom: 10px;
text-transform: uppercase; }
.product-info-editions_items-inner {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-bottom: 0;
padding: 0; }
.product-info-editions_items li {
display: block; }
.product-info-editions_items a,
.product-info-editions_items span {
color: #fff;
text-transform: uppercase; }
.product-info-editions .product-info-variant-image {
display: none; }
.product.attribute.description .readmore {
display: none; }
.product.attribute.description h2,
.product.attribute.description h3 {
display: flex; }
.product.attribute.description h2 strong,
.product.attribute.description h3 strong {
border: 1px solid gray;
border-radius: 10px;
display: inline-block;
font-weight: 900;
margin: 0 auto;
padding: 10px;
text-align: center;
width: 100%;
max-width: 500px;
text-transform: uppercase; }
.product.attribute.description h2 strong {
font-size: 2.4rem; }
.product.attribute.description h3 strong {
font-size: 1.8rem; }
.product.attribute.video .value {
max-height: 80vh;
overflow: hidden;
position: relative; }
.product.attribute.video .value:after {
content: '';
display: block;
padding-bottom: 55%; }
.product.attribute.video .value iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.product-add-form {
flex-basis: 100%;
flex-grow: 0;
margin-top: 12px;
max-width: 100%; }
.product-add-form .paypal-button,
.product-add-form .paypal-buttons {
position: relative;
z-index: 0; }
.product-add-form #paypal-smart-button {
margin-top: 15px; }
.product-add-form #paypal-smart-button.__is-paypal-restricted {
cursor: pointer;
position: relative;
z-index: 0; }
.product-add-form #paypal-smart-button.__is-paypal-restricted::before {
content: '';
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10; }
@media only screen and (max-width: 767px) {
.product-discount {
padding: 10px; }
.product-discount span {
font-size: 1.8rem; }
.product-info-editions {
align-items: flex-start;
padding: 15px 20px; }
.product-info-editions_items {
border-bottom: 1px solid #453b56;
padding: 0;
position: relative; }
.product-info-editions_items-inner {
background: #0c0020;
display: flex;
flex-direction: column;
margin: 0;
padding: 0 5px; }
.product-info-editions_items-inner:before, .product-info-editions_items-inner:after {
opacity: 0;
transition: opacity 0.3s ease-in; }
.product-info-editions_items-inner:before {
background: rgba(12, 0, 32, 0.8);
content: '';
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1; }
.product-info-editions_items-inner:after {
content: '';
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36), 0 0 12px 1px rgba(100, 162, 235, 0.36);
display: block;
height: calc(100% + 10px);
left: -5px;
padding: 5px;
pointer-events: none;
position: absolute;
top: -5px;
width: calc(100% + 10px); }
.product-info-editions_items-inner.is-active {
position: absolute;
width: 100%;
z-index: 2; }
.product-info-editions_items-inner.is-active:before, .product-info-editions_items-inner.is-active:after {
opacity: 1; }
.product-info-editions .label {
font-weight: 400;
margin-bottom: 0;
padding: 0 5px; }
.product-info-editions li {
display: none;
padding: 10px 0; }
.product-info-editions li.active {
display: block;
order: -1;
background-color: transparent;
background-image: url("../images/icons/white/chevron-down.svg");
background-position: right 8px center;
background-size: 11px 7px;
padding-right: 26px; }
.product-info-editions a,
.product-info-editions span {
font-size: 1.4rem;
letter-spacing: 1px; }
.product-info-editions .is-active li {
display: block; }
.product-info-main {
grid-column: 1 / span 2; }
.product-info-reviews {
order: 99; }
.product-info-top {
border-bottom: none;
padding-bottom: 0; }
.product-info-addto {
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 12px 15px; }
.product-info-addto .product-add-form .action.tocart svg {
width: 13px;
height: auto; }
.product-top-attributes-mobile {
align-self: flex-end;
grid-column: 1 / span 2; }
.product-top-attributes-mobile .attribute {
background-color: #0c0020;
border-radius: 5px;
font-size: 1.25rem;
padding: 10px; }
.product-top-attributes-mobile .attribute-icon {
align-items: center;
display: flex; }
.product-top-attributes-mobile .attribute-icon img {
margin-right: 15px;
max-height: 48px;
max-width: 42px; }
.product-top-attributes-mobile .attribute + .attribute {
margin-top: 10px; } }
@media only screen and (min-width: 640px) {
.product-info-reviews {
flex-direction: row; }
.product-info-reviews .review-link {
margin-bottom: 0; } }
@media only screen and (min-width: 768px) {
.product.media {
margin-right: 30px; }
.product.media img {
max-width: 480px; }
.product.media .platforms {
font-size: 1.6rem;
padding: 9px 18px 9px 25px; }
.product-content-top {
padding-top: 30px;
padding-bottom: 45px; }
.product-content-top:before {
background-color: #0c0020;
content: '';
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: -1; }
.product-content-top-inner {
display: grid;
grid-template-columns: 1fr 1fr; }
.product-info-addto {
margin-bottom: 25px;
margin-top: 25px; }
.product-info-addto .action.primary.tocart .button_icon {
width: 20px; }
.product-info-editions {
align-items: flex-start;
order: 1; }
.product-info-editions_items {
margin: 0; }
.product-info-editions_items li {
display: inline-block;
margin-bottom: 8px;
margin-right: 8px; }
.product-info-editions_items a,
.product-info-editions_items span {
border: 1px solid #453a69;
border-radius: 10px;
display: block;
font-size: 1.22rem;
letter-spacing: 0.59px;
padding: 8px 12px; }
.product-info-editions_items a:hover, .product-info-editions_items a.self,
.product-info-editions_items span:hover,
.product-info-editions_items span.self {
border-color: #1dbb8e;
background-color: #1dbb8e;
background-image: linear-gradient(to top, #0e9b72 0%, #20c293 100%);
text-decoration: none; }
.product-info-main {
grid-column: 2; }
.product-info-main .std_coupon_validity {
background-color: #0c0020;
border-radius: 5px;
order: 2;
margin-top: -50px;
margin-bottom: 30px;
padding: 0 30px 25px;
text-align: right; }
.product-info-top {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
align-items: flex-start; }
.product-discount {
order: -1; }
.product-info-price {
margin-left: 40px; }
.product-info-price .price-box > .price-container {
font-size: 3.6rem; }
.product-info-price .special-price {
font-size: 4rem; }
.product-info-price .old-price {
font-size: 1.6rem; }
.product-top-wrapper {
grid-row: 2 / span 2; } }
@media only screen and (min-width: 1024px) {
.product.media {
margin-right: 60px; }
.product-content-top-inner {
grid-template-columns: 480px 1fr; } }
.action.towishlist {
color: currentColor;
order: 2; }
.action.towishlist svg {
display: block; }
.product-content-top .action.towishlist {
border-radius: 3px;
background-color: #392a65;
background-image: linear-gradient(to top, #392a65 0%, #58468d 100%);
padding: 11px;
position: absolute;
top: 12px;
right: 30px; }
.product-content-top .action.towishlist svg {
width: 21px;
height: auto; }
@media only screen and (min-width: 768px) {
.action.towishlist {
grid-column: 2;
justify-self: flex-end;
margin: 0;
order: 0; }
.product-content-top .action.towishlist {
padding: 8px;
transform: translate(50%, 0); }
.product-content-top .action.towishlist svg {
width: 17px; } }
@media only screen and (min-width: 1024px) {
.action.towishlist {
order: 2; }
.product-content-top .action.towishlist {
right: 60px;
top: 16px; } }
.product-info-main #vss-discount-data {
display: none; }
.product-info-main .std_coupon_validity {
margin: 0;
order: 0;
padding: 0; }
.product-info-main .product-add-form .paypal-button {
margin-top: 15px; }
@media only screen and (min-width: 768px) {
.product-add-form {
margin: 20px auto 0; } }
@media only screen and (min-width: 1024px) {
.product-add-form {
flex-basis: 0;
flex-grow: 1;
margin: 0 0 0 30px;
max-width: 350px; } }
.product.data.items {
display: flex;
flex-wrap: wrap; }
.product.data.items > .title {
border-radius: 5px;
font-family: "Quantico", sans-serif;
font-size: 2.2rem;
letter-spacing: 1.54px;
line-height: 1;
margin: 0 10px 10px 0;
order: 1;
position: relative;
text-transform: uppercase;
transition: background-color 0.3s ease-in-out; }
.product.data.items > .title a {
align-items: center;
color: #ffffff;
display: flex;
justify-content: center;
padding: 15px 30px;
position: relative; }
.product.data.items > .title a:focus {
outline: none; }
.product.data.items > .title a:hover, .product.data.items > .title a:focus {
text-decoration: none; }
.product.data.items > .title .counter {
color: #9694aa;
font-size: 1.2rem;
letter-spacing: 0.06em;
margin-right: -10px;
padding-left: 15px; }
.product.data.items > .title.active {
background-color: #0c0020;
border-bottom-left-radius: unset;
border-bottom-right-radius: unset;
margin-bottom: 0; }
.product.data.items > .title:not(.active) {
background-color: rgba(12, 0, 32, 0.3); }
.product.data.items > .title:not(.active):hover {
background-color: #0c0020; }
.product.data.items > .content {
background: #0c0020;
border-radius: 5px;
border-top-left-radius: unset;
min-width: 100%;
order: 2;
padding: 15px;
position: relative; }
.product.data.items > .content.hidden {
height: 0;
overflow: hidden;
padding: 0 15px;
visibility: hidden; }
.product.data.items .product.attribute.description.readmore__active.readmore__showall .readmore_content {
max-height: none; }
.product.data.items .product.attribute.description.readmore__active.readmore__showall .readmore_content:after {
opacity: 0; }
.product.data.items .product.attribute.description.readmore__active.readmore__showall .readmore_button {
display: none; }
.product.data.items .product.attribute.description.readmore__active .readmore_content {
max-height: 250px;
overflow: hidden;
position: relative; }
.product.data.items .product.attribute.description.readmore__active .readmore_content:after {
background-image: linear-gradient(to top, #0c0020 0%, rgba(12, 0, 32, 0));
background-position: 0 bottom;
background-size: 100% 100%;
content: '';
height: 50px;
position: absolute;
bottom: 0;
left: -1px;
right: -1px; }
.product.data.items .product.attribute.description.readmore__active .readmore_button {
display: block;
margin: 15px auto 0; }
@media only screen and (max-width: 767px) {
.product.data.items {
background-color: #0c0020; }
.product.data.items > .title {
flex-basis: 50%;
border-radius: 0;
flex-grow: 0;
font-size: 1.4rem;
margin: 0;
max-width: 50%;
padding: 5px;
text-align: center; }
.product.data.items > .title.active a {
background-color: #1F143D;
border-color: #fff; }
.product.data.items > .title.active + .content {
border-top: 5px solid #1F143D; }
.product.data.items > .title a {
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 10px 20px; }
.product.data.items > .content {
border-radius: 0; } }
@media only screen and (min-width: 1024px) {
.product.data.items > .title a {
padding: 25px 45px; }
.product.data.items > .title .counter {
font-size: 1.8rem;
margin-right: -20px; } }
.gallery-screenshots {
position: relative; }
.gallery-screenshots.thumbs {
padding: 0 25px; }
.gallery-screenshots.thumbs .slick-prev {
left: 0; }
.gallery-screenshots.thumbs .slick-next {
right: 0; }
.gallery-screenshots .screenshot-full {
display: block;
margin-bottom: 15px; }
.gallery-screenshots .screenshot-full img {
display: block;
margin: auto; }
.gallery-screenshots .screenshot-thumbnail {
display: block;
margin: 0 10px; }
.gallery-screenshots .screenshot-thumbnail img {
border-radius: 5px; }
.gallery-screenshots .screenshot-thumbnail.slick-current img {
border: 1px solid #e8eff5; }
.gallery-screenshots :focus {
outline: none; }
.gallery-screenshots .slick-arrow {
background-color: #386fbb;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
height: 48px;
width: 48px;
z-index: 1; }
.gallery-screenshots .slick-arrow:before, .gallery-screenshots .slick-arrow:after {
background-position: center;
background-size: contain;
display: block;
height: 100%;
margin: 0 auto;
max-width: 15px;
width: 100%; }
.gallery-screenshots .slick-slide {
opacity: 0.4;
transition: opacity 0.3s; }
.gallery-screenshots .slick-current {
opacity: 1; }
.gallery-screenshots .slick-list {
overflow: hidden;
position: relative;
width: 100%; }
.gallery-screenshots .slick-track {
display: flex; }
.gallery-screenshots .slick-prev:before {
content: '';
background-image: url("../images/icons/white/chevron-left.svg"); }
.gallery-screenshots .slick-next:before {
content: '';
background-image: url("../images/icons/white/chevron-right.svg"); }
@media only screen and (max-width: 767px) {
.gallery-screenshots .slick-arrow {
width: 36px;
height: 36px; }
.gallery-screenshots .slick-arrow:before {
background-size: 75% 75%; }
.gallery-screenshots .slick-next {
right: 0; }
.gallery-screenshots .slick-prev {
left: 0; }
.gallery-screenshots.thumbs .slick-arrow {
width: 24px;
height: 24px; }
.gallery-screenshots.thumbs .slick-arrow:before {
background-size: 50% 50%; } }
@media only screen and (min-width: 768px) {
.gallery-screenshots.thumbs {
padding: 0 60px; } }
.block.related .slick-list {
overflow: hidden;
position: relative;
width: 100%; }
.block.related .slick-track {
display: flex;
min-width: 100%; }
@media only screen and (min-width: 768px) {
.block.related {
margin-top: 30px; } }
.product-info-selection {
background-color: #1F143D; }
.product-info-selection select {
-webkit-appearance: none;
appearance: none;
background-color: #0c0020;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 10px;
color: #fff;
flex-grow: 1;
font-size: 1.2rem;
opacity: 0.8;
padding: 8px 32px 8px 18px;
text-transform: uppercase;
width: 100%; }
.product-info-selection select:not([disabled]) {
background-image: url("../images/icons/white/chevron-down.svg");
background-position: right 18px center;
background-repeat: no-repeat;
opacity: 1; }
.product-info-selection select > option {
color: #fff; }
.product-info-selection .product-info-editions_inner,
.product-info-selection .product-info-platforms_inner {
flex-grow: 1; }
.product-info-selection .product-info-editions_items,
.product-info-selection .product-info-platforms_items {
border-bottom: none; }
.product-info-selection .product-info-selection_item {
align-items: center;
display: flex; }
.product-info-selection .product-info-selection_item + .product-info-selection_item {
margin-top: 10px; }
.product-info-selection .product-info-selection_item:last-child {
margin-left: auto; }
.product-info-selection .product-info-selection_item_title {
color: rgba(255, 255, 255, 0.6);
flex-basis: 40%;
font-size: 1.2rem;
letter-spacing: 0.05em;
max-width: 150px;
text-align: right;
text-transform: uppercase; }
.product-info-selection .product-info-selection_item_count {
font-style: italic; }
.product-info-selection .product-info-selection_review {
display: none;
text-align: center; }
.product-info-selection .product-info-selection_review .review-score {
display: block;
font-family: "Quantico", sans-serif;
letter-spacing: 0.05em;
margin-top: 15px; }
.product-info-selection .product-info-selection_review .red {
color: #ff350d; }
.product-info-selection .product-info-selection_review .orange {
color: #ffa200; }
.product-info-selection .product-info-selection_review .yellow {
color: #e2d21a; }
.product-info-selection .product-info-selection_review .green {
color: #2fc28f; }
@media only screen and (min-width: 640px) {
.product-info-selection select {
font-size: 1.6rem; } }
@media only screen and (min-width: 768px) {
.product-info-selection {
align-items: stretch;
border: 1px solid rgba(255, 255, 255, 0.2);
display: flex;
flex-direction: column;
border-radius: 5px; }
.product-info-selection select {
background-color: #1F143D;
border-radius: 100px;
margin-top: 15px;
opacity: 1; }
.product-info-selection .product-info-selection_item {
align-items: stretch;
flex-direction: column;
padding: 20px 20px 25px; }
.product-info-selection .product-info-selection_item + .product-info-selection_item {
border-top: 1px solid rgba(255, 255, 255, 0.2);
margin-top: 0; }
.product-info-selection .product-info-selection_item_title {
text-align: left; } }
@media only screen and (min-width: 1024px) {
.product-info-selection {
flex-direction: row; }
.product-info-selection .product-info-selection_platforms,
.product-info-selection .product-info-selection_editions {
flex-grow: 1; }
.product-info-selection .product-info-selection_item {
display: block;
padding: 20px 20px 25px; }
.product-info-selection .product-info-selection_item + .product-info-selection_item {
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-top: none; }
.product-info-selection .product-info-selection_item_title {
font-size: 1.4rem;
text-align: left; }
.product-info-selection .product-info-selection_review {
display: block; }
.product-info-selection .product-info-selection_review .review-score {
font-size: 3rem; }
.product-info-selection .product-info-selection_review .product-info-selection_item_title {
text-align: center; } }
.product.info.detailed {
margin-bottom: 45px; }
.product-items {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
margin-left: -6px;
margin-right: -6px;
padding: 0; }
.product-items .product-item {
align-items: stretch;
display: flex;
flex-basis: 33.333%;
flex-direction: column;
flex-grow: 0;
max-width: 33.333%;
padding: 6px 5px; }
.product-items .product-item:focus {
outline: none; }
.product-items .product-item:nth-child(1) .product-item-position, .product-items .product-item:nth-child(2) .product-item-position, .product-items .product-item:nth-child(3) .product-item-position, .product-items .product-item:nth-child(4) .product-item-position, .product-items .product-item:nth-child(5) .product-item-position {
display: block; }
.product-items .product-item:nth-child(1) .product-item-position {
background-color: #ffb82d; }
.product-items .product-item:nth-child(2) .product-item-position {
background-color: #afb7c0; }
.product-items .product-item:nth-child(3) .product-item-position {
background-color: #d69667; }
.product-items .product-item:nth-child(4) .product-item-position, .product-items .product-item:nth-child(5) .product-item-position {
background-color: #999; }
.product-items .product-item-discount {
background-color: #E6224D;
box-shadow: 0 4px 0 rgba(230, 34, 77, 0.5);
color: #fff;
font-family: "Quantico", sans-serif;
font-size: 0.9rem;
padding: 3px 6px;
position: absolute;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
bottom: 5px;
right: -2.5px;
z-index: 2; }
.product-items .product-item-info {
align-items: stretch;
display: flex;
flex-direction: column;
flex-grow: 1; }
.product-items .product-item-details {
align-items: stretch;
display: flex;
flex-direction: column;
flex-grow: 1;
margin-top: 6px;
background-color: #0c0020;
border-radius: 3px;
padding: 4px 10px 10px; }
.product-items .product-item-name {
color: #fff;
font-size: 1.1rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.5;
margin-bottom: 16px;
margin-top: 0;
text-transform: uppercase; }
.product-items .product-item-name a {
color: inherit; }
.product-items .product-item-inner {
align-items: center;
border-top: 1px solid rgba(255, 255, 255, 0.1);
display: block;
margin-top: auto;
padding-top: 8px; }
.product-items .product-item-position {
box-shadow: 0 1.5px 0 rgba(10, 162, 112, 0.43), inset 0 1px 0 rgba(255, 255, 255, 0.27);
color: #fff;
display: none;
font-family: "Quantico", sans-serif;
font-size: 0.65rem;
padding: 3px 6px;
position: absolute;
text-shadow: 0 0 1px #000;
text-transform: uppercase;
white-space: nowrap;
top: -4px;
left: -1.5px;
z-index: 2; }
.product-items .product-item-position span {
display: inline;
font-size: 0.9rem; }
.product-items .product-item-actions {
margin-top: 8px; }
.product-items .price-box {
font-size: 1.2rem;
letter-spacing: 0.05em;
line-height: 1;
width: 100%; }
.product-item-giftcart .product-items .price-box {
display: none; }
.product-items .price-box p {
margin: 0; }
.product-items .price-box .special-price {
display: inline-block;
vertical-align: baseline; }
.product-items .price-box .price-label,
.product-items .price-box .old-price {
display: none; }
.product-items .price-box .special-price {
color: #fff; }
.product-items .product-item-actions {
align-self: flex-start;
align-items: center;
color: #fff;
display: flex;
justify-content: flex-end;
margin-left: auto;
margin-right: auto; }
.product-items .product-item-actions .actions-primary {
flex-grow: 1; }
.product-items .product-item-actions .actions-secondary {
margin-right: 8px; }
.product-items .product-item-actions .action {
display: block;
margin: 0; }
.product-items .product-item-actions .action.tocart {
align-items: center;
color: #fff;
cursor: pointer;
border-radius: 3px;
background-color: #1ad396;
background-image: linear-gradient(to top, #0cbb80 0%, #1ad496 100%);
display: flex;
font-size: 1rem;
justify-content: center;
padding: 6px;
text-transform: none;
width: 100%; }
.product-items .product-item-actions .action.tocart span {
display: none; }
.product-items .product-item-actions .action.tocart svg {
order: -1;
width: 16px;
height: auto;
margin: 0; }
.product-items .product-item-actions .action.tocart path {
fill: #fff;
transition: fill 0.3s; }
.product-items .product-item-actions .action.tocart:hover {
background-color: #1ad396;
background-image: linear-gradient(to top, #0cbb80 0%, #2de7a9 100%); }
.product-items .product-item-actions .action.towishlist {
border-radius: 3px;
background-color: #392a65;
background-image: linear-gradient(to top, #392a65 0%, #58468d 100%);
padding: 7px; }
.product-items .product-item-actions .action.towishlist svg {
width: 14px;
height: auto; }
.product-items .product-item-actions .action.delete {
border-radius: 3px;
background-color: #392a65;
background-image: linear-gradient(to top, #392a65 0%, #58468d 100%);
padding: 7px; }
.product-items .product-item-actions .action.delete svg {
width: 14px;
height: auto; }
.product-items .product-item-actions .action.delete path {
fill: #fff; }
.product-items .product-item-actions .action svg {
display: block; }
.product-items .stock.unavailable {
background-color: #666;
border-radius: 3px;
font-size: 1rem;
text-align: right;
padding: 6px;
position: relative; }
.product-items .stock.unavailable:before, .product-items .stock.unavailable:after {
background-color: #fff;
content: '';
position: absolute;
width: 50%;
height: 2px;
left: 50%;
top: 50%;
max-width: 22px; }
.product-items .stock.unavailable:before {
transform: translate(-50%, -50%) rotate(45deg); }
.product-items .stock.unavailable:after {
transform: translate(-50%, -50%) rotate(-45deg); }
.product-items .stock.unavailable svg {
display: block;
margin: 0 auto;
opacity: 0.8;
width: 16px;
height: auto; }
.product-items .product-item-platform {
background-color: #000;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
padding: 4px;
position: absolute;
top: 8px;
right: 8px;
width: 28px;
height: 28px;
z-index: 10; }
.product-items .product-item-platform svg {
width: 100%;
height: 100%; }
.product-items .product-item-platform path {
fill: #fff; }
.product-items .product-item-platform.steam {
background-color: #fff;
padding: 0; }
.product-items .product-item-platform.steam path {
fill: #000; }
.product-items .product-item-platform.xbox {
background-color: #107C10; }
.product-items .product-item-platform.psn {
background-color: #003791; }
.product-items .product-item-platform.nintendo {
background-color: #E60012; }
.product-items .product-item-platform.gog {
background-color: #86328A; }
.product-items .product-item-platform.origin {
background-color: #F56C2D; }
.product-items .product-item-giftcard .product-item-photo .product-image-wrapper {
border-radius: 3px; }
.product-items .product-item-giftcard .product-item-photo .product-image-photo {
object-fit: contain; }
.product-items .product-item-giftcard .price-to {
display: none; }
.product-items.product-items__best-sellers .product-item {
padding-top: 16px;
padding-bottom: 16px; }
.product-items.product-items__best-sellers .product-item .product-item-position {
background-color: #0e9b72;
display: block; }
@media only screen and (max-width: 639px) {
.cms-index-index .product-items .product-item-details {
padding-left: 5px;
padding-right: 5px; } }
@media only screen and (max-width: 767px) {
.cms-index-index .block.widget.block-products-list {
margin-top: 15px;
margin-bottom: 15px; }
.cms-index-index .block.widget.block-products-list .block-content {
margin-top: 8px; }
.cms-index-index .product-items .product-item-name {
display: none; }
.cms-index-index .product-items .product-item-inner {
border: none;
flex-grow: 1;
margin-top: 0;
padding-top: 0; }
.cms-index-index .product-items .product-item-details {
margin-top: 0; }
.cms-index-index .product-items .product-item-actions {
padding-top: 8px;
margin-top: auto; }
.cms-index-index .product-items .product-item-photo:after {
content: none; }
.cms-index-index .product-items .product-item .price-box {
margin-top: 4px; }
.product-items .product-item-name {
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; } }
.action.towishlist svg {
stroke: #bec0d1;
stroke-width: 50px; }
.action.towishlist path {
fill: transparent;
transition: fill 0.3s; }
.action.towishlist:hover svg {
stroke: #fff; }
.action.towishlist:focus {
box-shadow: inset 0 0 0 1px currentColor;
outline: none; }
.action.towishlist.inlist svg {
stroke: #fff; }
.action.towishlist.inlist path {
fill: #fff; }
.action.towishlist .tooltip.tooltip__active .tooltip_content {
pointer-events: all; }
.action.towishlist .tooltip.tooltip__active .tooltip_content * {
pointer-events: none; }
.action.towishlist .tooltip .tooltip_content {
width: 240px; }
@media only screen and (max-width: 1439px) {
.action.towishlist .tooltip .tooltip_content {
left: auto;
right: 0;
transform: translate(0, 10px) scale(0.3); }
.action.towishlist .tooltip .tooltip_content:before {
right: 0;
left: auto; }
.action.towishlist .tooltip .tooltip_content:after {
border-radius: 3px 3px 0 0;
left: 0;
right: 0; }
.action.towishlist .tooltip.tooltip__active .tooltip_content {
transform: translate(0, 10px) scale(1); } }
@media only screen and (max-width: 639px) {
.product-items .product-item-name a {
word-break: break-word; } }
@media only screen and (min-width: 640px) {
.product-items .product-item-inner {
flex-direction: row; }
.product-items .product-item-actions {
margin-right: 0; }
.product-items .price-box {
text-align: left; }
.product-items .price-box .special-price {
display: block; } }
@media only screen and (min-width: 768px) {
.product-items {
margin-left: -10px;
margin-right: -10px; }
.product-items .product-item {
flex-basis: 25%;
max-width: 25%;
padding: 15px 10px; }
.product-items .product-item .price-box {
font-size: 1.6rem; }
.product-items .product-item-discount {
font-size: 2rem;
right: -5px;
bottom: 12px;
padding: 3px 8px; }
.product-items .product-item-details {
margin-top: 14px;
padding: 10px; }
.product-items .product-item-inner {
min-height: 53px; }
.product-items .product-item-name {
display: block;
font-size: 1.2rem; }
.product-items .product-item-position {
font-variant: small-caps;
font-size: 1.3rem;
left: -4px;
top: -38px;
padding: 3px 14px; }
.product-items .product-item-position span {
font-size: 2rem; }
.product-items .product-item-actions .action.tocart span {
display: block; }
.product-items .product-item-actions .action.tocart svg {
margin-right: 6px;
width: 22px; }
.product-items .product-item-actions .action.towishlist svg {
width: 20px; }
.product-items .product-item-actions .action.delete svg {
width: 20px; }
.product-items .stock.unavailable svg {
width: 22px; }
.product-items.product-items__best-sellers .product-item {
padding-top: 25px;
padding-bottom: 25px; } }
@media only screen and (min-width: 1024px) {
.product-items .product-item {
flex-basis: 20%;
max-width: 20%; }
.product-items .product-item-name {
font-size: 1.4rem; }
.product-items .product-item-details {
margin-top: 14px;
padding: 15px; }
.product-items .product-item-actions .action.tocart {
font-size: 1.2rem; } }
@media only screen and (min-width: 1440px) {
.product-items {
margin-left: -15px;
margin-right: -15px; }
.product-items .product-item {
padding: 20px 15px; }
.product-items .product-item .price-box {
font-size: 2rem; }
.product-items .product-item-actions .actions-secondary {
margin-right: 12px; }
.product-items.product-items__best-sellers .product-item {
padding-top: 30px;
padding-bottom: 30px; } }
.product-item-photo {
transform-origin: center center;
transition: transform 0.3s; }
.product-item-photo,
.product-item-photo span {
display: block;
position: relative;
z-index: 0; }
.product-item-photo:after {
background: url("../images/bg/product-shadow.png") bottom center no-repeat;
bottom: -20px;
content: '';
display: block;
height: 30px;
opacity: 0.8;
position: absolute;
width: 100%;
z-index: -1; }
.page-layout-black-friday-sb .product-item-photo:after {
background-image: none;
content: none; }
.product-item-photo:focus {
outline: none;
transform: scale(1.05); }
.product-item-photo:hover {
transform: scale(1.05); }
.product-item-photo .product-image-container {
width: 100% !important;
z-index: 1; }
.product-item-photo .product-image-wrapper {
overflow: hidden;
position: relative; }
.product-item-photo .product-image-photo {
border-radius: 3px;
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
transform: translate(-50%, -50%); }
.block.widget.block-products-list {
margin-top: -8px;
padding-top: 8px;
position: relative;
overflow: hidden; }
.block.widget.block-products-list .product-items.slick-initialized {
margin-left: -2px;
margin-right: -2px; }
.block.widget.block-products-list .product-items .product-item {
flex-basis: 33.333%;
max-width: 33.333%; }
.block.widget.block-products-list .slick-list {
overflow: visible;
width: 100%; }
.block.widget.block-products-list .slick-track {
display: flex;
min-width: 100%; }
@media only screen and (max-width: 767px) {
.block.widget.block-products-list.best-bundles .product-items .product-item {
flex-basis: 50%;
max-width: 50%;
padding: 10px; }
.block.widget.block-products-list.best-bundles .product-items .product-item-name {
display: block; }
.block.widget.block-products-list.coming-soon, .block.widget.block-products-list.best-sellers, .block.widget.block-products-list.trending {
margin-top: 15px;
margin-bottom: 15px; }
.block.widget.block-products-list.coming-soon .block-content, .block.widget.block-products-list.best-sellers .block-content, .block.widget.block-products-list.trending .block-content {
margin-top: 15px; }
.block.widget.block-products-list.block-products-list__slider .product-items {
margin-left: -2px;
margin-right: -2px; }
.block.widget.block-products-list.block-products-list__slider .product-items:not(.slick-initialized) .product-item:nth-child(3) ~ .product-item {
display: none; } }
@media only screen and (min-width: 768px) {
.block.widget.block-products-list {
overflow: visible;
margin-top: 0;
padding-top: 0; }
.block.widget.block-products-list .product-items .product-item {
flex-basis: 25%;
max-width: 25%; } }
@media only screen and (min-width: 1024px) {
.block.widget.block-products-list .product-items .product-item {
flex-basis: 20%;
max-width: 20%; } }
.products.wrapper.trending {
margin-top: 0; }
.products.wrapper.trending .slick-list {
overflow: hidden;
position: relative;
width: 100%; }
.products.wrapper.trending .slick-track {
display: flex;
min-width: 100%; }
.product_attributes ul {
border: 1px solid #525282;
list-style: none;
margin: 0;
padding: 10px; }
.product_attributes ul li {
margin: 0;
padding: 0 5px; }
.product_attributes ul li + li {
border-top: 1px solid #525282;
margin-top: 10px;
padding-top: 10px; }
.product_attributes .attributes-list_name {
font-size: 0.9em;
font-weight: 700;
text-transform: uppercase; }
.product_attributes .attributes-list_name:after {
content: ':'; }
.product_attributes .attributes-list_name + .attributes-list_value {
margin-left: 10px; }
@media only screen and (min-width: 768px) {
.product_attributes ul {
padding: 20px; }
.product_attributes ul li + li {
margin-top: 20px;
padding-top: 20px; } }
@media only screen and (min-width: 1024px) {
.product-specs {
display: flex;
gap: 30px; }
.product-specs .attributes-list {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 0; } }
.block-search {
flex-basis: 100%;
flex-grow: 0;
margin-top: 10px;
max-width: 100%;
order: 4; }
.block-search .nested,
.block-search .label {
display: none; }
.block-search .block-content {
margin: 0 auto; }
.block-search .form {
align-items: center;
display: flex;
background-color: #fff;
border-radius: 22px;
font-size: 1.6rem;
padding: 0.75em 1em; }
.block-search .form .field {
flex-basis: 0;
flex-grow: 1; }
.block-search .form .field input {
border: none;
display: block;
font-size: 1.6rem;
padding: 0;
width: 100%; }
.block-search .form .field input::placeholder {
color: #b5b4b8; }
.block-search .form .field .control {
margin-top: 0; }
.block-search .form .field .algolia-autocomplete {
width: 100%; }
.block-search .form .actions {
margin-left: 10px; }
.block-search .form .action {
display: block; }
.block-search .form .action svg {
display: block;
width: 20px;
height: 20px; }
@media only screen and (max-width: 767px) {
.block-search {
background: #0c0020;
left: -10px;
margin-bottom: 5px;
min-width: 100vw;
padding: 10px;
position: relative; } }
@media only screen and (min-width: 768px) {
.block-search {
grid-column: 2;
grid-row: 1;
margin: 0 auto;
width: 90%; }
.block-search .block-content {
max-width: 430px; }
.block-search .form .field input {
font-size: 1.6rem; }
.block-search .form .action svg {
width: 38px;
height: 38px; } }
@media only screen and (min-width: 1440px) {
.block-search {
max-width: 450px;
width: 100vw; } }
.action.showcart {
position: relative; }
.action.showcart img {
width: 30px; }
.action.showcart .text,
.action.showcart .counter-label {
display: none; }
.action.showcart .counter.qty {
align-items: center;
background-color: #1F143D;
border-radius: 3px;
box-shadow: 0 0 9px #386fbb;
color: #fff;
display: flex;
font-size: 1rem;
justify-content: center;
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
text-shadow: 0 0 9px #386fbb, 0 0 9px #386fbb, 0 0 9px #386fbb, 0 0 9px #386fbb;
transform: translate(7px, -25%); }
.action.showcart .counter.qty.empty {
display: none; }
.action.showcart .counter.qty:before, .action.showcart .counter.qty:after {
background-color: #0c0020;
position: absolute;
left: 0;
z-index: 0; }
.action.showcart .counter.qty:before {
box-shadow: 0 0 9px #386fbb, 0 0 9px #386fbb;
width: 4px;
height: 4px;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg); }
.action.showcart .counter.qty:after {
border-radius: 3px;
width: 100%;
height: 100%;
top: 0; }
.action.showcart .counter.qty .counter-number {
position: relative;
z-index: 1; }
.action.delete {
cursor: pointer; }
.action.close {
position: absolute;
top: 32px;
right: 40px; }
@media only screen and (min-width: 768px) {
.action.showcart img {
width: 39px; }
.action.showcart .counter.qty {
left: 100%;
right: auto;
top: 50%;
transform: translate(0, -50%); }
.action.showcart .counter.qty:before, .action.showcart .counter.qty:after {
content: ''; } }
@media only screen and (min-width: 1440px) {
.action.showcart .counter.qty {
transform: translate(3px, -50%); } }
.block-minicart {
background-color: rgba(12, 0, 32, 0.6);
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
transition: opacity 0.3s;
z-index: 999; }
.block-minicart .block-inner {
align-items: stretch;
background-color: #0c0020;
display: flex;
flex-direction: column;
position: absolute;
right: 0;
top: 0;
width: 100%;
max-width: 380px;
height: 100%;
transform: translateX(100%);
transition: transform 0.3s; }
.block-minicart .block-inner > div {
align-items: stretch;
display: flex;
flex-direction: column;
flex-grow: 1;
max-height: 100%; }
.block-minicart .block-title {
font-size: 1.6rem;
font-weight: 300;
letter-spacing: 0.05em;
padding: 32px 48px;
text-transform: uppercase; }
.block-minicart .block-title strong {
font-weight: 300; }
.block-minicart .block-title .qty {
color: #9694aa;
font-size: 1.1rem;
margin-left: 0.3em; }
.block-minicart .block-title .qty.empty {
display: none; }
.block-minicart .block-content {
align-items: stretch;
display: flex;
flex-basis: 0;
flex-direction: column;
flex-grow: 1;
margin: 0 0 32px;
padding: 0 32px;
overflow: hidden; }
.block-minicart .actions .button, .block-minicart .actions .navigation .nav-button > a, .navigation .block-minicart .actions .nav-button > a, .block-minicart .actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block-minicart .actions .action-delete, .block-minicart .actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block-minicart .actions .action-accept, .block-minicart .actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block-minicart .actions .action-dismiss,
.block-minicart .actions .action {
font-size: 1.6rem;
padding: 0.85em 2.5em;
width: 100%; }
.block-minicart .actions .button + div .paypal.checkout, .block-minicart .actions .navigation .nav-button > a + div .paypal.checkout, .navigation .block-minicart .actions .nav-button > a + div .paypal.checkout, .block-minicart .actions .cart-items .cart-items-item .product-item-error .action-delete + div .paypal.checkout, .cart-items .cart-items-item .product-item-error .block-minicart .actions .action-delete + div .paypal.checkout, .block-minicart .actions .modals-wrapper .modal-popup .action-accept + div .paypal.checkout, .modals-wrapper .modal-popup .block-minicart .actions .action-accept + div .paypal.checkout, .block-minicart .actions .modals-wrapper .modal-popup .action-dismiss + div .paypal.checkout, .modals-wrapper .modal-popup .block-minicart .actions .action-dismiss + div .paypal.checkout,
.block-minicart .actions .button + .button,
.block-minicart .actions .navigation .nav-button > a + .button,
.navigation .block-minicart .actions .nav-button > a + .button,
.block-minicart .actions .cart-items .cart-items-item .product-item-error .action-delete + .button,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .action-delete + .button,
.block-minicart .actions .modals-wrapper .modal-popup .action-accept + .button,
.modals-wrapper .modal-popup .block-minicart .actions .action-accept + .button,
.block-minicart .actions .modals-wrapper .modal-popup .action-dismiss + .button,
.modals-wrapper .modal-popup .block-minicart .actions .action-dismiss + .button,
.block-minicart .actions .navigation .nav-button > .button + a,
.navigation .block-minicart .actions .nav-button > .button + a,
.block-minicart .actions .navigation .nav-button > a + a,
.navigation .block-minicart .actions .nav-button > a + a,
.block-minicart .actions .cart-items .cart-items-item .product-item-error .navigation .nav-button > .action-delete + a,
.navigation .block-minicart .actions .cart-items .cart-items-item .product-item-error .nav-button > .action-delete + a,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .navigation .nav-button > .action-delete + a,
.navigation .cart-items .cart-items-item .product-item-error .block-minicart .actions .nav-button > .action-delete + a,
.block-minicart .actions .modals-wrapper .modal-popup .navigation .nav-button > .action-accept + a,
.navigation .block-minicart .actions .modals-wrapper .modal-popup .nav-button > .action-accept + a,
.modals-wrapper .modal-popup .block-minicart .actions .navigation .nav-button > .action-accept + a,
.navigation .modals-wrapper .modal-popup .block-minicart .actions .nav-button > .action-accept + a,
.block-minicart .actions .modals-wrapper .modal-popup .navigation .nav-button > .action-dismiss + a,
.navigation .block-minicart .actions .modals-wrapper .modal-popup .nav-button > .action-dismiss + a,
.modals-wrapper .modal-popup .block-minicart .actions .navigation .nav-button > .action-dismiss + a,
.navigation .modals-wrapper .modal-popup .block-minicart .actions .nav-button > .action-dismiss + a,
.block-minicart .actions .cart-items .cart-items-item .product-item-error .button + .action-delete,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .button + .action-delete,
.block-minicart .actions .navigation .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .navigation .nav-button > a + .action-delete,
.navigation .block-minicart .actions .cart-items .cart-items-item .product-item-error .nav-button > a + .action-delete,
.cart-items .cart-items-item .product-item-error .navigation .block-minicart .actions .nav-button > a + .action-delete,
.block-minicart .actions .cart-items .cart-items-item .product-item-error .action-delete + .action-delete,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .action-delete + .action-delete,
.block-minicart .actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-accept + .action-delete,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .modals-wrapper .modal-popup .action-accept + .action-delete,
.modals-wrapper .modal-popup .block-minicart .actions .cart-items .cart-items-item .product-item-error .action-accept + .action-delete,
.cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .block-minicart .actions .action-accept + .action-delete,
.block-minicart .actions .modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .modals-wrapper .modal-popup .action-dismiss + .action-delete,
.modals-wrapper .modal-popup .block-minicart .actions .cart-items .cart-items-item .product-item-error .action-dismiss + .action-delete,
.cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .block-minicart .actions .action-dismiss + .action-delete,
.block-minicart .actions .modals-wrapper .modal-popup .button + .action-accept,
.modals-wrapper .modal-popup .block-minicart .actions .button + .action-accept,
.block-minicart .actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-accept,
.modals-wrapper .modal-popup .block-minicart .actions .navigation .nav-button > a + .action-accept,
.navigation .block-minicart .actions .modals-wrapper .modal-popup .nav-button > a + .action-accept,
.modals-wrapper .modal-popup .navigation .block-minicart .actions .nav-button > a + .action-accept,
.block-minicart .actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-accept,
.modals-wrapper .modal-popup .block-minicart .actions .cart-items .cart-items-item .product-item-error .action-delete + .action-accept,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .modals-wrapper .modal-popup .action-delete + .action-accept,
.modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .block-minicart .actions .action-delete + .action-accept,
.block-minicart .actions .modals-wrapper .modal-popup .action-accept + .action-accept,
.modals-wrapper .modal-popup .block-minicart .actions .action-accept + .action-accept,
.block-minicart .actions .modals-wrapper .modal-popup .action-dismiss + .action-accept,
.modals-wrapper .modal-popup .block-minicart .actions .action-dismiss + .action-accept,
.block-minicart .actions .modals-wrapper .modal-popup .button + .action-dismiss,
.modals-wrapper .modal-popup .block-minicart .actions .button + .action-dismiss,
.block-minicart .actions .navigation .modals-wrapper .modal-popup .nav-button > a + .action-dismiss,
.modals-wrapper .modal-popup .block-minicart .actions .navigation .nav-button > a + .action-dismiss,
.navigation .block-minicart .actions .modals-wrapper .modal-popup .nav-button > a + .action-dismiss,
.modals-wrapper .modal-popup .navigation .block-minicart .actions .nav-button > a + .action-dismiss,
.block-minicart .actions .cart-items .cart-items-item .product-item-error .modals-wrapper .modal-popup .action-delete + .action-dismiss,
.modals-wrapper .modal-popup .block-minicart .actions .cart-items .cart-items-item .product-item-error .action-delete + .action-dismiss,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .modals-wrapper .modal-popup .action-delete + .action-dismiss,
.modals-wrapper .modal-popup .cart-items .cart-items-item .product-item-error .block-minicart .actions .action-delete + .action-dismiss,
.block-minicart .actions .modals-wrapper .modal-popup .action-accept + .action-dismiss,
.modals-wrapper .modal-popup .block-minicart .actions .action-accept + .action-dismiss,
.block-minicart .actions .modals-wrapper .modal-popup .action-dismiss + .action-dismiss,
.modals-wrapper .modal-popup .block-minicart .actions .action-dismiss + .action-dismiss,
.block-minicart .actions .button + .action,
.block-minicart .actions .navigation .nav-button > a + .action,
.navigation .block-minicart .actions .nav-button > a + .action,
.block-minicart .actions .cart-items .cart-items-item .product-item-error .action-delete + .action,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .action-delete + .action,
.block-minicart .actions .modals-wrapper .modal-popup .action-accept + .action,
.modals-wrapper .modal-popup .block-minicart .actions .action-accept + .action,
.block-minicart .actions .modals-wrapper .modal-popup .action-dismiss + .action,
.modals-wrapper .modal-popup .block-minicart .actions .action-dismiss + .action,
.block-minicart .actions .action + div .paypal.checkout,
.block-minicart .actions .action + .button,
.block-minicart .actions .navigation .nav-button > .action + a,
.navigation .block-minicart .actions .nav-button > .action + a,
.block-minicart .actions .cart-items .cart-items-item .product-item-error .action + .action-delete,
.cart-items .cart-items-item .product-item-error .block-minicart .actions .action + .action-delete,
.block-minicart .actions .modals-wrapper .modal-popup .action + .action-accept,
.modals-wrapper .modal-popup .block-minicart .actions .action + .action-accept,
.block-minicart .actions .modals-wrapper .modal-popup .action + .action-dismiss,
.modals-wrapper .modal-popup .block-minicart .actions .action + .action-dismiss,
.block-minicart .actions .action + .action {
margin-top: 14px; }
.block-minicart .update-cart-item {
display: none !important; }
.block-minicart iframe {
display: none; }
.block-minicart .action.close:before, .block-minicart .action.close:after {
background-color: currentColor;
color: #fff;
box-shadow: inset currentColor 0 0 0 5px; }
@media only screen and (orientation: landscape) and (max-height: 767px) {
.block-minicart .block-inner > div {
flex-basis: auto;
flex-shrink: 0;
overflow-y: auto; }
.block-minicart .block-content {
overflow: visible;
position: relative; }
.block-minicart .block-content .action.close {
top: -52px; }
.block-minicart .minicart-items-wrapper {
height: auto !important; } }
.__showminibasket {
overflow: hidden; }
.__showminibasket .block-minicart {
opacity: 1;
width: 100%;
height: 100%; }
.__showminibasket .block-minicart .block-inner {
transform: translateX(0); }
.__showminibasket .block-minicart .actions .paypal {
display: block; }
.__showminibasket .block-minicart iframe {
display: block; }
@media only screen and (min-width: 1024px) {
.__showminibasket {
overflow-y: scroll;
position: static;
transform: none;
height: auto; } }
.minicart-items-wrapper {
flex-grow: 1;
overflow: auto;
padding: 0 4px;
margin: 0 -4px; }
.minicart-items {
color: #0c0020;
list-style: none;
margin: 0;
padding: 0; }
.minicart-items li {
margin: 0;
padding: 0; }
.minicart-items li + li {
margin-top: 12px; }
.minicart-items a {
color: inherit; }
.minicart-items .item.__loading {
position: relative;
pointer-events: none; }
.minicart-items .item.__loading::after {
background-color: rgba(0, 0, 0, 0.2);
background-image: url("../images/loader-1.gif");
background-position: center;
background-repeat: no-repeat;
background-size: 32px 32px;
content: '';
position: absolute;
top: 0;
right: -10px;
bottom: 0;
left: 0; }
.minicart-items .item .product {
background-color: #fff;
border-radius: 5px;
display: flex;
font-size: 1rem;
line-height: 1.6;
padding: 12px;
position: relative;
text-transform: uppercase;
width: 100%; }
.minicart-items .item .product .product-item-photo {
flex-basis: 85px;
flex-grow: 0;
max-width: 85px; }
.minicart-items .item .product .product-item-photo:after {
content: none; }
.minicart-items .item .product .product-item-details {
align-items: stretch;
display: flex;
flex-direction: column;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 0;
overflow: hidden; }
.minicart-items .item .product .product-item-name {
display: block;
overflow: hidden;
padding-right: 28px;
text-overflow: ellipsis;
width: 100%; }
.minicart-items .item .product .product-item-name a {
white-space: nowrap; }
.minicart-items .item .product .qty {
align-items: center;
display: flex; }
.minicart-items .item .product .qty input[type="number"] {
-webkit-appearance: textfield;
appearance: textfield; }
.minicart-items .item .product .qty input[type=number]::-webkit-inner-spin-button,
.minicart-items .item .product .qty input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none; }
.minicart-items .item .product .qty-input {
align-items: stretch;
display: flex;
justify-content: space-between;
border: 1px solid #979797;
border-radius: 100px;
margin: 0 8px;
padding: 0;
flex-basis: 82px;
max-width: 82px; }
.minicart-items .item .product .qty-input span {
cursor: pointer;
font-size: 1.6rem;
line-height: 1;
padding: 0 12px; }
.minicart-items .item .product .qty-input input {
flex-basis: 0;
flex-grow: 1;
pointer-events: none; }
.minicart-items .item .product .qty-decr, .minicart-items .item .product .qty-incr {
flex-basis: auto;
flex-grow: 0;
position: relative; }
.minicart-items .item .product .qty-decr::before, .minicart-items .item .product .qty-decr::after, .minicart-items .item .product .qty-incr::before, .minicart-items .item .product .qty-incr::after {
background-color: #0c0020;
height: 1px;
width: 100%;
max-width: 8px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.minicart-items .item .product .qty-decr::before {
content: ''; }
.minicart-items .item .product .qty-incr::before, .minicart-items .item .product .qty-incr::after {
content: ''; }
.minicart-items .item .product .qty-incr:after {
transform: translate(-50%, -50%) rotate(90deg); }
.minicart-items .item .product .qty .item-qty {
background-color: #fff;
border: none;
color: #0c0020;
font-size: 1rem;
font-weight: 600;
padding: 8px 5px;
text-align: center; }
.minicart-items .item .product .qty .label {
font-size: 1rem;
font-weight: 600; }
.minicart-items .item .product .qty .label:after {
content: ':'; }
.minicart-items .item .product .product-item-bottom {
align-items: flex-end;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 8px; }
.minicart-items .item .product .product-item-actions {
margin-bottom: 4px; }
.minicart-items .item .product .product-item-actions .action {
display: block; }
.minicart-items .item .product .price-discount {
background-color: #E6224D;
box-shadow: 0 4px 0 rgba(230, 34, 77, 0.5);
color: #fff;
font-family: "Quantico", sans-serif;
font-size: 1rem;
padding: 3px 6px;
position: absolute;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
top: 5px;
right: -2.5px;
z-index: 2; }
.minicart-items .item .product .price {
font-weight: 600;
font-size: 1.2rem; }
.minicart-items .item .product .minicart-old-price .price {
font-size: 1rem;
opacity: 0.5;
text-decoration: line-through; }
.minicart-items .item .product .old-price-wrapper,
.minicart-items .item .product .price-wrapper {
flex-grow: 1;
text-align: right; }
.minicart-items .item .product .old-price-wrapper {
align-self: center;
flex-basis: 0; }
.minicart-items .item .product .old-price-wrapper .minicart-price,
.minicart-items .item .product .old-price-wrapper .price-discount {
display: none; }
.minicart-items .item .product .price-wrapper {
flex-basis: 100%; }
.minicart-items .item .product .price-wrapper .minicart-old-price {
display: none; }
.minicart-items .item .product .action.delete svg {
max-height: 14px; }
.minicart-items .item .product .action.delete path {
fill: #9694aa; }
.minicart-items .item[data-type="giftcard"] .product .product-item-bottom {
align-items: center; }
.minicart-items .item[data-type="giftcard"] .product .product-item-pricing {
flex-grow: 0; }
.minicart-items .item[data-type="giftcard"] .product .product-item-actions {
margin-bottom: 0;
margin-left: auto;
margin-right: 1em; }
@media only screen and (min-width: 1024px) {
.minicart-items .item .product .product-item-name {
padding-right: 38px; }
.minicart-items .item .product .price {
font-size: 1.6rem; }
.minicart-items .item .product .minicart-old-price .price {
font-size: 1.2rem; }
.minicart-items .item .product .price-discount {
font-size: 1.4rem; } }
.minicart-footer {
margin-top: auto; }
.minicart-footer .subtotal {
align-items: center;
display: flex;
justify-content: space-between;
padding: 18px 0; }
.minicart-footer .subtotal .label {
color: #9694aa;
font-size: 1.6rem;
text-transform: uppercase; }
.minicart-footer .subtotal .amount {
color: #fff;
font-size: 2.4rem; }
.minicart-message {
background-image: url("../images/icons/white/info-glow.svg");
background-position: 5px center;
background-repeat: no-repeat;
border-radius: 5px;
box-shadow: 0 0 5px #525282;
font-size: 1.1rem;
letter-spacing: 0.05em;
margin: 5px 0 15px;
padding: 15px 15px 15px 45px;
line-height: 1.5;
text-transform: uppercase; }
.checkout-cart-index .page-wrapper {
background-image: url("../images/bg/red-light.png"), url("../images/bg/blue-light.png");
background-position: left 115px, right 115px;
background-size: 100px auto; }
.checkout-cart-index .page-title-wrapper {
position: relative; }
.checkout-cart-index .page-title, .checkout-cart-index .question-detail .faq-cat-title, .question-detail .checkout-cart-index .faq-cat-title, .checkout-cart-index .koins-content h1, .koins-content .checkout-cart-index h1 {
margin: 30px 0 15px; }
@media only screen and (min-width: 768px) {
.checkout-cart-index .page-wrapper {
background-size: 200px auto; } }
@media only screen and (min-width: 1024px) {
.checkout-cart-index .page-wrapper {
background-size: auto; } }
.cart-container {
padding-bottom: 30px; }
.cart-container > .col {
padding-bottom: 0; }
.cart-summary {
background-color: #0c0020;
border-radius: 3px;
padding: 15px;
text-align: center; }
.cart-summary:after {
background-image: url("../images/content/payment-logos.png");
background-position: center center;
background-size: contain;
content: '';
display: block;
margin: 24px 0 0;
height: 24px; }
.cart-summary .block,
.cart-summary .cart-totals {
text-align: left; }
.cart-summary .cart-totals .table {
border-collapse: collapse;
width: 100%; }
.cart-summary .cart-totals .table th,
.cart-summary .cart-totals .table td {
color: #9694aa;
font-size: 1.2rem;
font-weight: 400;
padding: 5px 0;
text-transform: uppercase; }
.cart-summary .cart-totals .table th strong,
.cart-summary .cart-totals .table td strong {
font-weight: 400; }
.cart-summary .cart-totals .table td {
text-align: right; }
.cart-summary .cart-totals .table .totals th,
.cart-summary .cart-totals .table .totals td {
padding-bottom: 20px; }
.cart-summary .cart-totals .table .totals:not(.grand) + .totals:not(.grand) {
padding-bottom: 5px; }
.cart-summary .cart-totals .table .totals.grand th,
.cart-summary .cart-totals .table .totals.grand td {
border-top: 1px solid rgba(255, 255, 255, 0.25);
color: #fff;
font-size: 1.4rem;
padding-top: 10px; }
.cart-summary .checkout-methods-items .button, .cart-summary .checkout-methods-items .navigation .nav-button > a, .navigation .cart-summary .checkout-methods-items .nav-button > a, .cart-summary .checkout-methods-items .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .cart-summary .checkout-methods-items .action-delete, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .action-accept, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .action-dismiss {
font-size: 1.6rem;
padding: 0.85em 1em; }
.cart-summary .checkout-methods-items .paypal-button {
max-width: 100%; }
@media only screen and (min-width: 768px) {
.cart-summary .checkout-methods-items .button, .cart-summary .checkout-methods-items .navigation .nav-button > a, .navigation .cart-summary .checkout-methods-items .nav-button > a, .cart-summary .checkout-methods-items .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .cart-summary .checkout-methods-items .action-delete, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .action-accept, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .action-dismiss {
font-size: 1.2rem; }
.cart-summary .checkout-methods-items .button.checkout svg, .cart-summary .checkout-methods-items .navigation .nav-button > a.checkout svg, .navigation .cart-summary .checkout-methods-items .nav-button > a.checkout svg, .cart-summary .checkout-methods-items .cart-items .cart-items-item .product-item-error .checkout.action-delete svg, .cart-items .cart-items-item .product-item-error .cart-summary .checkout-methods-items .checkout.action-delete svg, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .checkout.action-accept svg, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .checkout.action-accept svg, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .checkout.action-dismiss svg, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .checkout.action-dismiss svg {
width: 9px; } }
@media only screen and (min-width: 1024px) {
.cart-summary {
padding: 20px 28px; }
.cart-summary .cart-totals .table th,
.cart-summary .cart-totals .table td {
font-size: 1.6rem; }
.cart-summary .cart-totals .table .totals.grand th,
.cart-summary .cart-totals .table .totals.grand td {
font-size: 2rem;
padding-top: 20px; } }
@media only screen and (min-width: 1157px) {
.cart-summary .checkout-methods-items .button, .cart-summary .checkout-methods-items .navigation .nav-button > a, .navigation .cart-summary .checkout-methods-items .nav-button > a, .cart-summary .checkout-methods-items .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .cart-summary .checkout-methods-items .action-delete, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .action-accept, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .action-dismiss {
font-size: 1.6rem; }
.cart-summary .checkout-methods-items .button.checkout svg, .cart-summary .checkout-methods-items .navigation .nav-button > a.checkout svg, .navigation .cart-summary .checkout-methods-items .nav-button > a.checkout svg, .cart-summary .checkout-methods-items .cart-items .cart-items-item .product-item-error .checkout.action-delete svg, .cart-items .cart-items-item .product-item-error .cart-summary .checkout-methods-items .checkout.action-delete svg, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .checkout.action-accept svg, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .checkout.action-accept svg, .cart-summary .checkout-methods-items .modals-wrapper .modal-popup .checkout.action-dismiss svg, .modals-wrapper .modal-popup .cart-summary .checkout-methods-items .checkout.action-dismiss svg {
width: 19px; } }
.cart-side {
order: 2;
padding-top: 0; }
.form-cart {
order: 1;
position: relative; }
.cart-items .cart-items-header .cell,
.cart-items .cart-items-item .cell {
align-items: center;
display: flex;
flex-basis: 0;
flex-grow: 1;
justify-content: center;
text-align: center; }
.cart-items .cart-items-header .cell_product,
.cart-items .cart-items-item .cell_product {
flex-basis: 260px;
flex-grow: 0;
justify-content: flex-start;
max-width: 260px;
text-align: left; }
.cart-items .cart-items-header {
align-items: center;
background-color: #0c0020;
border-radius: 3px;
display: none;
font-size: 0.9rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
.cart-items .cart-items-header .cell {
padding: 14px; }
.cart-items .cart-items-header .cell_product {
padding-left: 98px; }
.cart-items .cart-items-body {
background-color: #190f34;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 3px; }
.cart-items .cart-items-item {
align-items: stretch;
display: flex;
position: relative; }
.cart-items .cart-items-item.cart-item-giftcard .product-item-photo .product-image-photo {
width: 100%;
height: auto; }
.cart-items .cart-items-item ~ .cart-items-item {
border-top: 1px solid rgba(255, 255, 255, 0.3); }
.cart-items .cart-items-item .cell {
padding: 20px; }
.cart-items .cart-items-item .cell_platform,
.cart-items .cart-items-item .cell_region {
flex-direction: column; }
.cart-items .cart-items-item .cell_platform,
.cart-items .cart-items-item .cell_region,
.cart-items .cart-items-item .cell_delivery,
.cart-items .cart-items-item .cell_qty {
font-size: 0.8rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
.cart-items .cart-items-item .cell_qty input {
border: none;
text-align: center; }
.cart-items .cart-items-item .cell_qty .control {
margin-top: 0; }
.cart-items .cart-items-item .product-item-photo {
flex-basis: 90px;
flex-grow: 0;
max-width: 90px; }
.cart-items .cart-items-item .product-item-photo .product-image-container {
margin: auto;
max-width: 160px; }
.cart-items .cart-items-item .product-item-details {
display: none; }
.cart-items .cart-items-item .product-item-info {
align-items: stretch;
display: flex;
flex-direction: column;
flex-basis: 0;
flex-grow: 1;
padding-left: 1em; }
.cart-items .cart-items-item .product-item-name a,
.cart-items .cart-items-item .product-item-oos a {
color: inherit;
font-size: 0.9rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
.cart-items .cart-items-item .product-item-platform,
.cart-items .cart-items-item .product-item-region {
display: block;
font-size: 0.8rem;
margin-top: 0.25em;
text-transform: uppercase;
opacity: 0.75; }
.cart-items .cart-items-item .product-item-error {
padding-left: 18px; }
.cart-items .cart-items-item .product-item-error .product-item-error-text {
color: #ff350d;
display: block;
font-size: 1.2rem;
margin-top: 1em;
text-transform: none; }
.cart-items .cart-items-item .product-item-error .action-delete {
margin-top: 0.5em; }
.cart-items .cart-items-item .product-item-oos div {
border-radius: 5px;
display: block;
margin-top: 1em;
background-color: #ff350d;
color: #fff;
padding: 0.5em 1em; }
.cart-items .cart-items-item .product-item-warning {
margin-top: 1em; }
.cart-items .cart-items-item .product-item-subtotal {
align-items: center;
display: flex;
flex-direction: column-reverse;
margin-top: 0;
position: relative; }
.cart-items .cart-items-item .product-item-subtotal .price,
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-special,
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-rrp {
font-size: 1.2rem;
line-height: 1.25; }
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-special,
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-rrp,
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-discount {
display: block;
font-weight: 400; }
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-special + .product-item-subtotal-rrp {
color: rgba(255, 255, 255, 0.6);
text-decoration: line-through; }
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-discount {
background-color: #0e9b72;
box-shadow: 0 3px 0 rgba(10, 162, 112, 0.43), inset 0 1px 0 rgba(255, 255, 255, 0.27);
color: #fff;
font-family: "Quantico", sans-serif;
font-size: 1.1rem;
font-weight: 400;
letter-spacing: 0.05em;
padding: 2px 4px;
position: absolute;
right: -30px;
text-shadow: 0 0 9px rgba(17, 240, 169, 0.9), 0 0 9px rgba(17, 240, 169, 0.9), 0 0 9px rgba(17, 240, 169, 0.9); }
.cart-items .cart-items-item .cell_actions .action.action-delete {
background-image: url("../images/icons/white/bin.svg");
background-size: contain;
display: block;
width: 19px;
height: 24px; }
.cart-items .cart-items-notification {
padding: 0 10px 10px; }
.cart-items .cart-items-notification .message {
align-items: center;
display: flex; }
.cart-items .cart-items-notification .message svg {
display: block;
flex-basis: 18px;
flex-grow: 0;
margin-right: 18px; }
.cart-items .actions-toolbar {
margin-top: 0; }
.cart-items select.qty {
background-color: #0c0020;
background-image: url("../images/icons/white/chevron-down.svg");
background-position: right 11px center;
background-size: 9px 6px;
border-color: rgba(255, 255, 255, 0.5);
color: #fff;
font-size: 1.6rem;
padding: 10px 30px 10px 12px; }
.cart-items .product-item-warning {
display: none; }
.cart-items .product-item-warning.__mobile {
display: block; }
.cart-items .product-item-warning.__qty {
color: rgba(255, 255, 255, 0.7);
font-size: 1.2rem; }
@media only screen and (max-width: 767px) {
.cart-items .cart-items-item {
padding: 10px; }
.cart-items .cart-items-item .cell_platform,
.cart-items .cart-items-item .cell_region,
.cart-items .cart-items-item .cell_delivery,
.cart-items .cart-items-item .cell_qty {
flex-basis: 0;
flex-grow: 1;
padding: 0; }
.cart-items .cart-items-item .cell {
padding: 0; }
.cart-items .cart-items-item .cell.cell_platform {
border-left: none;
padding-left: 20px; }
.cart-items .cart-items-item .cell.cell_delivery {
padding-right: 20px; }
.cart-items .cart-items-item .cell.cell_product {
flex-basis: 0;
flex-grow: 2;
max-width: 100%; }
.cart-items .cart-items-item .cell.cell_qty {
border: none;
max-width: 62px; }
.cart-items .cart-items-item .cell.cell_qty input {
padding-left: 0;
padding-right: 0;
padding: 5px 0; }
.cart-items .cart-items-item .cell.cell_price {
border: none;
max-width: 100px; }
.cart-items .cart-items-item .cell.cell_actions {
border: none;
flex-basis: 0;
max-width: 0;
padding: 0; }
.cart-items .cart-items-item .cell.cell_actions .action.action-delete {
position: absolute;
top: 10px;
right: 10px;
width: 14px;
height: 18px; }
.cart-items .cart-items-item .product-item-photo {
flex-basis: 60px;
max-width: 60px; }
.cart-items .cart-items-item .product-item-photo::after {
display: none; }
.cart-items .cart-items-item .product-item-name {
overflow: hidden; }
.cart-items .cart-items-item .product-item-name a {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; }
.cart-items .cart-items-item .product-item-subtotal {
align-items: flex-end;
margin-top: 0;
width: 100%; }
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-special + .product-item-subtotal-rrp {
margin-top: 0; }
.checkout-cart-index .block.block-wishlist .product-item-inner {
flex-direction: row; }
.checkout-cart-index .block.block-wishlist .product-item-actions {
margin-left: auto;
margin-right: 0; }
.checkout-cart-index .block.block-wishlist .product-item-actions .action.tocart {
width: 4rem; } }
@media only screen and (min-width: 768px) {
.cart-items .cart-items-header .cell.cell_product,
.cart-items .cart-items-body .cell.cell_product {
flex-basis: 0;
flex-grow: 1;
max-width: none; }
.cart-items .cart-items-header .cell.cell_qty,
.cart-items .cart-items-body .cell.cell_qty {
max-width: 150px; }
.cart-items .cart-items-header .cell.cell_price,
.cart-items .cart-items-body .cell.cell_price {
max-width: 200px; }
.cart-items .cart-items-header .cell.cell_actions,
.cart-items .cart-items-body .cell.cell_actions {
max-width: 100px; }
.cart-items .cart-items-header {
display: flex; }
.cart-items .cart-items-item .product-item-photo {
flex-basis: 60px;
max-width: 60px; }
.cart-items .cart-items-item .product-item-info {
padding-left: 32px; }
.cart-items .cart-items-item .product-item-platform,
.cart-items .cart-items-item .product-item-region {
font-size: 1.2rem; }
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-discount {
background-color: transparent;
box-shadow: none;
color: #0e9b72;
font-family: "Montserrat", sans-serif;
font-weight: 600;
padding: 0;
position: static;
text-shadow: none; }
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-rrp {
font-size: 1.1rem; }
.cart-items .cart-items-item .product-item-subtotal .price,
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-special {
font-size: 1.6rem; }
.cart-items .cart-items-notification {
padding: 0 20px 20px; }
.cart-items .cart-items-notification.__mobile {
display: none; }
.cart-items select.qty {
background-position: right 16px center;
padding: 12px 40px 12px 14px; }
.cart-items .product-item-warning {
display: block; }
.cart-items .product-item-warning.__mobile {
display: none; }
.cart-items .product-item-warning.__qty {
font-size: 1.3rem; } }
@media only screen and (min-width: 1024px) {
.cart-items .cart-items-header {
font-size: 1.2rem; }
.cart-items .cart-items-header .cell_product {
padding-left: 138px; }
.cart-items .cart-items-item .cell_platform,
.cart-items .cart-items-item .cell_region,
.cart-items .cart-items-item .cell_delivery,
.cart-items .cart-items-item .cell_qty {
font-size: 1.2rem; }
.cart-items .cart-items-item .product-item-name a,
.cart-items .cart-items-item .product-item-oos a {
font-size: 1.4rem; }
.cart-items .cart-items-item .product-item-error {
padding-left: 28px; }
.cart-items .cart-items-item .product-item-photo {
flex-basis: 90px;
max-width: 90px; }
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-rrp {
font-size: 1.2rem; }
.cart-items .cart-items-item .product-item-subtotal .price,
.cart-items .cart-items-item .product-item-subtotal .product-item-subtotal-special {
font-size: 2rem; } }
.cart-products-toolbar .items .item {
text-align: center; }
.cart-actions {
padding: 10px 0;
text-align: center; }
@media only screen and (min-width: 768px) {
.cart-actions {
position: absolute;
top: 100%;
left: 0;
padding: 20px 0 0; } }
@media only screen and (min-width: 768px) {
.col-checkout-after {
margin-top: 0; } }
div.fb_discount_holder {
align-items: center;
background-color: #190f34;
color: #fff;
display: flex;
font-size: 0.9rem;
font-weight: 400;
justify-content: flex-start;
letter-spacing: 0.05em;
margin-bottom: 15px;
max-width: 100%;
padding: 10px;
text-transform: uppercase; }
div.fb_discount_holder:before {
background-size: contain;
content: '';
display: inline-block; }
div.fb_discount_holder:before {
background-image: url("../images/icons/white/like.png");
width: 26px;
height: 25px; }
div.fb_discount_holder table {
width: 100%; }
div.fb_discount_holder table tr {
display: table-row; }
div.fb_discount_holder table .fbd_message,
div.fb_discount_holder table .fbd_message_wrapper {
display: table-cell; }
div.fb_discount_holder .cart-social-discount-value {
font-weight: 600;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
div.fb_discount_holder .fb-discount-wrapper {
background-color: transparent;
border: none;
flex-grow: 1; }
div.fb_discount_holder .fbd_message {
background-color: transparent;
background-image: none;
padding: 0;
text-align: center;
width: auto; }
div.fb_discount_holder .fbd_message:after {
opacity: 0; }
div.fb_discount_holder .fbd_message .fb-discount-r1,
div.fb_discount_holder .fbd_message .fb-discount-r2,
div.fb_discount_holder .fbd_message .fb-discount-r3,
div.fb_discount_holder .fbd_message .fb-discount-order {
color: inherit;
display: inline-block;
font-family: inherit;
font-size: 1em;
font-weight: 400; }
div.fb_discount_holder .fbd_message .fb-discount-r2 {
font-weight: 600;
margin: 0 0.3em;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
div.fb_discount_holder .fb_iframe_widget {
display: block;
position: static; }
div.fb_discount_holder .fb_iframe_widget span {
display: block;
width: 88px !important; }
div.fb_discount_holder .fb_iframe_widget iframe {
position: absolute;
width: 88px !important; }
div.fb_discount_holder .fb-like {
width: 90px;
min-height: 1px; }
div.fb_discount_holder .fb-like > span {
display: block;
max-height: 22px;
overflow: hidden; }
@media only screen and (max-width: 480px) {
div.fb_discount_holder:before {
content: none; }
div.fb_discount_holder .fb-discount-wrapper .fbd_message_wrapper {
padding: 0; }
div.fb_discount_holder .fbd_message {
letter-spacing: normal; }
div.fb_discount_holder .fbd_message .fb-discount-r1,
div.fb_discount_holder .fbd_message .fb-discount-r3 {
margin: 0; } }
@media only screen and (min-width: 768px) {
div.fb_discount_holder {
font-size: 1.8rem;
padding: 12px 26px; }
div.fb_discount_holder:before {
width: 53px;
height: 51px; } }
.checkout-methods-items {
list-style: none;
margin: 32px 0 0;
padding: 0; }
.checkout-methods-items li {
margin: 0;
padding: 0; }
.checkout-methods-items .item + .item {
margin-top: 15px; }
.checkout-methods-items .button, .checkout-methods-items .navigation .nav-button > a, .navigation .checkout-methods-items .nav-button > a, .checkout-methods-items .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .checkout-methods-items .action-delete, .checkout-methods-items .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .checkout-methods-items .action-accept, .checkout-methods-items .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .checkout-methods-items .action-dismiss {
align-items: center;
display: flex;
justify-content: center;
width: 100%; }
.checkout-methods-items .button svg, .checkout-methods-items .navigation .nav-button > a svg, .navigation .checkout-methods-items .nav-button > a svg, .checkout-methods-items .cart-items .cart-items-item .product-item-error .action-delete svg, .cart-items .cart-items-item .product-item-error .checkout-methods-items .action-delete svg, .checkout-methods-items .modals-wrapper .modal-popup .action-accept svg, .modals-wrapper .modal-popup .checkout-methods-items .action-accept svg, .checkout-methods-items .modals-wrapper .modal-popup .action-dismiss svg, .modals-wrapper .modal-popup .checkout-methods-items .action-dismiss svg {
margin-right: 8px; }
.checkout-methods-items .button.checkout svg, .checkout-methods-items .navigation .nav-button > a.checkout svg, .navigation .checkout-methods-items .nav-button > a.checkout svg, .checkout-methods-items .cart-items .cart-items-item .product-item-error .checkout.action-delete svg, .cart-items .cart-items-item .product-item-error .checkout-methods-items .checkout.action-delete svg, .checkout-methods-items .modals-wrapper .modal-popup .checkout.action-accept svg, .modals-wrapper .modal-popup .checkout-methods-items .checkout.action-accept svg, .checkout-methods-items .modals-wrapper .modal-popup .checkout.action-dismiss svg, .modals-wrapper .modal-popup .checkout-methods-items .checkout.action-dismiss svg {
width: 12px;
height: auto;
margin-top: -2px;
margin-bottom: -2px; }
.checkout-methods-items .zoid-outlet > iframe.zoid-visible {
z-index: 0 !important; }
@media only screen and (min-width: 768px) {
.checkout-methods-items .button.checkout svg, .checkout-methods-items .navigation .nav-button > a.checkout svg, .navigation .checkout-methods-items .nav-button > a.checkout svg, .checkout-methods-items .cart-items .cart-items-item .product-item-error .checkout.action-delete svg, .cart-items .cart-items-item .product-item-error .checkout-methods-items .checkout.action-delete svg, .checkout-methods-items .modals-wrapper .modal-popup .checkout.action-accept svg, .modals-wrapper .modal-popup .checkout-methods-items .checkout.action-accept svg, .checkout-methods-items .modals-wrapper .modal-popup .checkout.action-dismiss svg, .modals-wrapper .modal-popup .checkout-methods-items .checkout.action-dismiss svg {
width: 19px;
margin-top: -3px;
margin-bottom: -3px; } }
@media only screen and (min-width: 1024px) {
.checkout-methods-items .zoid-outlet > iframe.zoid-visible {
overflow: hidden; } }
.block.discount {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 14px;
padding: 14px 0; }
.block.discount input {
font-size: 1.6rem; }
.block.discount .title {
position: relative; }
.block.discount .title:before, .block.discount .title:after {
background-color: #fff;
content: '';
height: 2px;
width: 10px;
opacity: 1;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.3s, transform 0.3s; }
.block.discount .title:before {
transform: translateY(-50%) rotate(90deg); }
.block.discount .title strong {
font-weight: 500;
text-transform: uppercase;
font-size: 1.2rem;
letter-spacing: 0.05em; }
.block.discount .content {
display: none;
margin-top: 10px; }
.block.discount .field {
display: block; }
.block.discount .control {
margin-top: 6px; }
.block.discount .actions-toolbar {
margin-top: 10px; }
.block.discount .actions-toolbar .action {
width: 100%; }
.block.discount .actions-toolbar .secondary {
margin-top: 10px; }
.block.discount.is-active .title:before {
opacity: 0;
transform: translateY(-50%) rotate(0); }
.block.discount.is-active .content {
display: block; }
@media only screen and (min-width: 768px) {
.block.discount .title strong {
font-size: 1.6rem; } }
@media only screen and (min-width: 1024px) {
.block.discount {
margin-top: 24px;
padding: 24px 0; }
.block.discount .title strong {
font-size: 1.6rem; }
.block.discount .title:before, .block.discount .title:after {
height: 3px;
width: 15px; } }
.block.crosssell {
margin: 0 -15px 15px;
overflow: hidden;
position: relative;
padding-left: 30px;
padding-right: 30px; }
.block.crosssell .block-top {
margin-left: -15px;
margin-right: -15px; }
.block.crosssell .slick-list {
min-width: 100%; }
.block.crosssell .slick-track {
display: flex;
min-width: 100%; }
.block.crosssell .slick-slide {
opacity: 0.5;
transition: opacity 0.3s; }
.block.crosssell .slick-current,
.block.crosssell .slick-active {
opacity: 1; }
@media only screen and (min-width: 768px) {
.block.crosssell {
overflow: visible;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0; }
.block.crosssell .block-top {
margin-left: 0;
margin-right: 0; }
.block.crosssell .block-top .block-pager {
display: none; } }
.basket-items-count {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%); }
.form.form-email, .opc-payment, .checkout-billing-address, .opc-block-summary {
background-color: #0c0020;
border-radius: 5px;
margin: 30px 0 60px;
padding: 0 24px 24px; }
.form.form-email fieldset, .opc-payment fieldset, .checkout-billing-address fieldset, .opc-block-summary fieldset {
border: none;
margin: 0;
padding: 0; }
@media only screen and (min-width: 768px) {
.form.form-email, .opc-payment, .checkout-billing-address, .opc-block-summary {
padding: 0 48px 48px; } }
@media only screen and (min-width: 1024px) {
.form.form-email, .opc-payment, .checkout-billing-address, .opc-block-summary {
padding-left: 90px;
padding-right: 90px; } }
.checkout-column .checkout-column_title span, .opc-payment .step-title span, .opc-block-summary > .title span, .checkout-login .checkout-login_top-title span {
background: rgba(60, 118, 195, 0.8);
box-shadow: #2e7cea 0 0 10px, rgba(255, 255, 255, 0.3) 0 1px 1px inset;
text-shadow: #ebf5ff 0 0 10px;
font-weight: 400;
font-size: 1.6rem;
letter-spacing: 0.1em;
padding: 4px 16px;
text-align: center;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.checkout-column .checkout-column_title span, .opc-payment .step-title span, .opc-block-summary > .title span, .checkout-login .checkout-login_top-title span {
font-size: 1.8rem;
min-width: 310px; } }
.checkout-index-index::after {
background-color: rgba(12, 0, 32, 0.6);
background-image: url("../images/loader-1.gif");
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
opacity: 1;
padding-top: 100px;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
text-transform: uppercase; }
.checkout-index-index.__cko-loading::after {
width: 100%;
height: 100%; }
.checkout-index-index .logo {
padding-bottom: 0; }
.checkout-index-index .page-title-wrapper {
margin-left: auto;
padding: 15px 0;
pointer-events: none; }
.checkout-index-index .page-title, .checkout-index-index .question-detail .faq-cat-title, .question-detail .checkout-index-index .faq-cat-title, .checkout-index-index .koins-content h1, .koins-content .checkout-index-index h1 {
margin: 0; }
.checkout-index-index .page-main {
padding-bottom: 50px; }
.checkout-index-index .g-recaptcha {
position: relative;
z-index: 10; }
@media screen and (prefers-color-scheme: dark) {
.checkout-index-index select option {
background-color: #333333;
color: #ffffff; } }
@media screen and (prefers-color-scheme: light) {
.checkout-index-index select option {
background-color: #ffffff;
color: #333333; } }
@media only screen and (max-width: 767px) {
.checkout-index-index .header.content,
.paypal-express-review .header.content {
padding-bottom: 10px; } }
@media only screen and (min-width: 768px) {
.checkout-index-index .header.content {
grid-template-columns: 1fr 1fr; }
.checkout-index-index .page-title-wrapper {
padding: 48px 0 28px; } }
.opc-progress-bar,
.opc-estimated-wrapper,
.social-buttons {
display: none; }
.checkout-column {
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-bottom: 60px;
position: relative; }
.checkout-column > * {
order: 2; }
.checkout-column.checkout-column_second {
margin-bottom: 125px; }
.__paypal-card-active .checkout-column.checkout-column_second {
margin-bottom: 1100px; }
.checkout-column .checkout-column_title {
order: 1; }
@media only screen and (min-width: 768px) {
.checkout-column.checkout-column_second {
margin-bottom: 160px; } }
.form.payments .fieldset {
border: none;
margin: 0;
padding: 0; }
.form.payments .fieldset > br {
display: none; }
.form.payments > .fieldset {
align-items: stretch;
display: flex;
flex-direction: column; }
.form.payments .legend {
display: none; }
.form.form-email {
border-radius: 0;
margin: -32px 0 0;
order: 1;
padding-bottom: 10px;
padding: 32px 24px 24px; }
.form.form-email .fieldset {
align-items: stretch;
display: flex;
flex-direction: column; }
.form.form-email .actions-toolbar > .primary {
margin: 0; }
.form.form-email .action.login {
width: 100%; }
.form.form-email .action.remind {
color: inherit;
display: block;
font-size: 1.2rem;
margin-top: 8px; }
.form.form-email ~ .checkout-billing-address {
margin-top: 0;
padding-top: 0; }
.form.form-email .form-email_message {
background-color: #191034;
border: 1px solid #393150;
border-radius: 5px;
font-size: 1rem;
font-style: italic;
letter-spacing: 0.05em;
margin-top: 15px;
padding: 8px 8px 8px 45px;
position: relative;
text-transform: uppercase; }
.form.form-email .form-email_message::before {
background-color: #191034;
border: 1px solid #393150;
content: "";
position: absolute;
transform: rotate(45deg);
width: 12px;
height: 12px;
top: -6px;
left: 8px; }
.form.form-email .form-email_message::after {
background-color: #191034;
content: "";
height: 10px;
width: 18px;
position: absolute;
top: 0px;
left: 5px; }
.form.form-email .form-email_message svg {
position: absolute;
left: 12px;
top: 13px;
width: 20px;
height: 20px; }
@media only screen and (min-width: 768px) {
.form.form-email {
margin-top: -40px;
margin-bottom: 0;
padding: 44px 48px 48px; }
.form.form-email .fieldset {
display: block; } }
@media only screen and (min-width: 1024px) {
.checkout-column .form.form-email {
padding-left: 90px;
padding-right: 90px; } }
@media only screen and (min-width: 1440px) {
.form.form-email .fieldset > .field {
margin-top: 10px; } }
.opc-payment {
margin: 0 0 30px;
opacity: 1;
order: 1;
transition: opacity 0.3s ease-in; }
.opc-payment .step-title {
margin-bottom: 15px; }
.opc-payment .step-title span {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAbCAMAAABRPb9kAAAAvVBMVEUAAAC06PK32/O+3/P0+v242/O73/K53vC63fG83em53PK73u76/f643fG73vG83va62u+83/G63vC+4PO54PK83/P+//+64PC/3/X9/v/m8/rl9PzT6vXw9/vz+v3y+fzY6/e73vG53vC22e3i8Pm+4PG83/G83/L4+/75/f73+/7v+fzs9frd7vjg8Pm73fD3+/3R6Pbi8Pn+///9/v/9/v/+///8/f74+/zt9vz0+f3w9/3t+f273vD///8gAVFpAAAAPnRSTlMAAgQYmQgkLCoHFgzOHygRHQ8wJhs08yET52VpVaCbikw6Nwt4RD8y1tK0jISCb0y3ZFf16ejn3MSrqpKAVljU8iMAAAF0SURBVCjPhZLpcqQgFIVHQUAQlMWt1bbV3tJblpnJnrz/YwXIXpWq3F9wvjqH5d4/v1YQhLaC4Lto1YjJqkpZ9IVZNZ4kNUgLlFE5xe8siKcUcK1Wh8OwERykzEZ6ndGSqOa++FcUF40SJWAehIyiGSySh/a4vdzf1LuFBpMDseR90TXjsFqena+H9qLueRo6QBHsBkVwfjpb5yofOoiqyIIICNjl2nDSJLlGJJ9DARyYAIFznFUAzRJcAo7nkDgQOIddptSBjBridj6KfgUgs0C8AW2jTOUB91Gauqi4Qv1OcfB6hinVrkdV7B4o+VWR6ywTs0ShUmzqRenfETBDkr3SCNvrYqweE2KYBT7rqlhsNuMpWY/jwhli/70hA2Jft2v3Jav2utfAGbxFcgLry/Pj9un0HxIjncFbojTDy/ruuO2KJc7SyOmfpL39+5y0Trfd+CTSiPzQjC4n/JDf2sgR4pTZ/G/lx0S6IflhsPxY/VovAYcexmseteUAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: right 17px center;
padding-right: 55px;
vertical-align: top; }
.opc-payment.disabled {
opacity: 0.5; }
.opc-payment.disabled .payment-method-title .label {
pointer-events: none; }
.opc-payment.disabled .action.primary.checkout {
pointer-events: none; }
@media only screen and (min-width: 768px) {
.opc-payment .step-title {
margin-bottom: 30px; }
.opc-payment .step-title span {
background-position: right 29px center; } }
.checkout-billing-address {
border-radius: 0 0 5px 5px;
margin: -32px 0 0;
padding-top: 32px; }
.__authshow ~ .checkout-billing-address {
margin-top: 0;
padding-top: 0; }
.checkout-billing-address form .fieldset {
padding: 0; }
.checkout-billing-address form .fieldset.address {
align-items: stretch;
display: flex;
flex-direction: column; }
.checkout-billing-address form .fieldset.address > .field {
order: 10; }
.checkout-billing-address form .fieldset.address > .field[name*=country_id] {
margin-bottom: 15px;
margin-top: 0;
order: 1; }
.checkout-billing-address .field .field-tooltip {
display: none; }
.checkout-billing-address .field.__hidden {
display: none !important; }
.checkout-billing-address .actions-toolbar {
margin-top: 15px;
text-align: center; }
.checkout-billing-address .actions-toolbar > .primary {
display: flex;
flex-direction: column; }
.checkout-billing-address .actions-toolbar .action.action-update, .checkout-billing-address .actions-toolbar .action.action-cancel {
line-height: 1.25; }
.checkout-billing-address .actions-toolbar .action.action-update {
width: 100%; }
.checkout-billing-address .actions-toolbar .action + .action {
margin-top: 10px; }
@media only screen and (max-width: 767px) {
.checkout-billing-address .actions-toolbar .action.action-update, .checkout-billing-address .actions-toolbar .action.action-cancel {
padding-top: 1.4em;
padding-bottom: 1.4em; } }
@media only screen and (min-width: 768px) {
.checkout-billing-address {
margin-top: -44px;
padding-top: 54px; }
.checkout-billing-address form .fieldset.address > .field[name*=country_id] {
margin-bottom: 30px; }
.checkout-billing-address .actions-toolbar {
margin-top: 30px; }
.checkout-billing-address .actions-toolbar > .primary {
flex-direction: row;
justify-content: center; }
.checkout-billing-address .actions-toolbar .action + .action {
margin-left: 10px;
margin-top: 0; } }
@media only screen and (min-width: 1440px) {
.checkout-billing-address .fieldset {
display: block;
margin-left: -10px;
margin-right: -10px; }
.checkout-billing-address .fieldset > .field {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%;
margin: 10px 0 0;
padding: 0 10px; } }
.discount-code,
.aw-giftcard-code,
.reward {
border-top: 1px solid #40384E;
border-bottom: 1px solid #40384E;
margin: 0;
order: 3; }
.discount-code._active .payment-option-title:before,
.aw-giftcard-code._active .payment-option-title:before,
.reward._active .payment-option-title:before {
transform: translate(0, -50%) rotate(-45deg); }
.discount-code._active .payment-option-title:after,
.aw-giftcard-code._active .payment-option-title:after,
.reward._active .payment-option-title:after {
transform: translate(0, -50%) rotate(45deg); }
.discount-code .payment-option-title,
.aw-giftcard-code .payment-option-title,
.reward .payment-option-title {
font-size: 1.2rem;
letter-spacing: 0.05em;
padding: 14px 0;
font-weight: 400;
text-transform: uppercase;
position: relative; }
.discount-code .payment-option-title:before, .discount-code .payment-option-title:after,
.aw-giftcard-code .payment-option-title:before,
.aw-giftcard-code .payment-option-title:after,
.reward .payment-option-title:before,
.reward .payment-option-title:after {
background-color: #fff;
content: '';
opacity: 1;
position: absolute;
right: 0;
top: 50%;
height: 2px;
width: 10px;
transition: transform 0.3s; }
.discount-code .payment-option-title:before,
.aw-giftcard-code .payment-option-title:before,
.reward .payment-option-title:before {
transform: translate(0, -50%); }
.discount-code .payment-option-title:after,
.aw-giftcard-code .payment-option-title:after,
.reward .payment-option-title:after {
transform: translate(0, -50%) rotate(90deg); }
.discount-code .payment-option-title:focus,
.aw-giftcard-code .payment-option-title:focus,
.reward .payment-option-title:focus {
outline: none; }
.discount-code .payment-option-content,
.aw-giftcard-code .payment-option-content,
.reward .payment-option-content {
padding-bottom: 30px; }
.discount-code ~ .payment-option,
.aw-giftcard-code ~ .payment-option,
.reward ~ .payment-option {
margin-top: -1px; }
.discount-code,
.aw-giftcard-code {
margin-top: -1px; }
.discount-code .form,
.aw-giftcard-code .form {
display: flex; }
.discount-code .payment-option-inner,
.aw-giftcard-code .payment-option-inner {
flex-basis: 0;
flex-grow: 1; }
.discount-code .field .label,
.aw-giftcard-code .field .label {
color: #5F5E7E;
display: none;
width: auto;
height: auto;
visibility: visible;
position: static;
font-family: "Quantico",sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1.4rem;
line-height: 20px;
text-transform: uppercase; }
.discount-code .field .input-text,
.aw-giftcard-code .field .input-text {
border-radius: 100px 0 0 100px; }
.discount-code .actions-toolbar,
.aw-giftcard-code .actions-toolbar {
align-self: flex-end;
margin-top: 0;
margin-left: 4px; }
.discount-code .actions-toolbar .button, .discount-code .actions-toolbar .navigation .nav-button > a, .navigation .discount-code .actions-toolbar .nav-button > a, .discount-code .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .discount-code .actions-toolbar .action-delete, .discount-code .actions-toolbar .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .discount-code .actions-toolbar .action-accept, .discount-code .actions-toolbar .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .discount-code .actions-toolbar .action-dismiss,
.aw-giftcard-code .actions-toolbar .button,
.aw-giftcard-code .actions-toolbar .navigation .nav-button > a,
.navigation .aw-giftcard-code .actions-toolbar .nav-button > a,
.aw-giftcard-code .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete,
.cart-items .cart-items-item .product-item-error .aw-giftcard-code .actions-toolbar .action-delete,
.aw-giftcard-code .actions-toolbar .modals-wrapper .modal-popup .action-accept,
.modals-wrapper .modal-popup .aw-giftcard-code .actions-toolbar .action-accept,
.aw-giftcard-code .actions-toolbar .modals-wrapper .modal-popup .action-dismiss,
.modals-wrapper .modal-popup .aw-giftcard-code .actions-toolbar .action-dismiss {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 1.4rem;
padding-left: 0.5em;
padding-right: 0.5em; }
.discount-code div.mage-error,
.aw-giftcard-code div.mage-error {
position: absolute; }
.reward {
order: 2; }
.reward .block.discount {
margin: 0;
padding: 0;
border: none;
align-items: center;
display: flex;
justify-content: space-between;
width: 100%; }
.reward .block.discount .payment-option-title:before, .reward .block.discount .payment-option-title:after {
content: unset; }
.reward .payment-option-content {
padding-bottom: 20px; }
@media only screen and (min-width: 768px) {
.discount-code .payment-option-title,
.aw-giftcard-code .payment-option-title,
.reward .payment-option-title {
font-size: 1.6rem;
padding: 20px 0; }
.discount-code .actions-toolbar .button, .discount-code .actions-toolbar .navigation .nav-button > a, .navigation .discount-code .actions-toolbar .nav-button > a, .discount-code .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .discount-code .actions-toolbar .action-delete, .discount-code .actions-toolbar .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .discount-code .actions-toolbar .action-accept, .discount-code .actions-toolbar .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .discount-code .actions-toolbar .action-dismiss,
.aw-giftcard-code .actions-toolbar .button,
.aw-giftcard-code .actions-toolbar .navigation .nav-button > a,
.navigation .aw-giftcard-code .actions-toolbar .nav-button > a,
.aw-giftcard-code .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete,
.cart-items .cart-items-item .product-item-error .aw-giftcard-code .actions-toolbar .action-delete,
.aw-giftcard-code .actions-toolbar .modals-wrapper .modal-popup .action-accept,
.modals-wrapper .modal-popup .aw-giftcard-code .actions-toolbar .action-accept,
.aw-giftcard-code .actions-toolbar .modals-wrapper .modal-popup .action-dismiss,
.modals-wrapper .modal-popup .aw-giftcard-code .actions-toolbar .action-dismiss {
padding-left: 1.5em;
padding-right: 1.5em; } }
@media only screen and (min-width: 1024px) {
.discount-code .payment-option-title:before, .discount-code .payment-option-title:after,
.aw-giftcard-code .payment-option-title:before,
.aw-giftcard-code .payment-option-title:after,
.reward .payment-option-title:before,
.reward .payment-option-title:after {
width: 15px;
height: 3px; } }
.opc-wrapper .opc {
list-style: none;
margin: 0;
padding: 0; }
.loading-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100; }
.loading-mask img,
.loading-mask p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.loading-mask p {
margin-top: 50px; }
.checkout-container {
align-items: stretch;
display: flex;
flex-direction: column;
margin-top: 50px; }
.checkout-container .authentication-wrapper .action-auth-toggle,
.checkout-container .authentication-wrapper .modal-header,
.checkout-container .authentication-wrapper .field-email,
.checkout-container .authentication-wrapper .field-password,
.checkout-container .authentication-wrapper .actions-toolbar {
display: none; }
.checkout-container .authentication-wrapper .block.block-customer-login {
border-radius: 5px 5px 0 0;
padding-bottom: 0; }
.checkout-container .authentication-wrapper .block.block-customer-login .login-or {
align-items: center;
display: flex;
margin: 0 0 40px; }
.checkout-container .authentication-wrapper .block.block-customer-login .login-or:before, .checkout-container .authentication-wrapper .block.block-customer-login .login-or:after {
background-color: #1F143D;
content: '';
height: 1px;
flex-basis: 0;
flex-grow: 1; }
.checkout-container .authentication-wrapper .block.block-customer-login .login-or span {
position: relative;
z-index: 2; }
.checkout-container .authentication-wrapper .lof-social-login .actions-toolbar {
display: block; }
.checkout-container .authentication-wrapper .lof-social-login .actions-toolbar .button span span, .checkout-container .authentication-wrapper .lof-social-login .actions-toolbar .navigation .nav-button > a span span, .navigation .checkout-container .authentication-wrapper .lof-social-login .actions-toolbar .nav-button > a span span, .checkout-container .authentication-wrapper .lof-social-login .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete span span, .cart-items .cart-items-item .product-item-error .checkout-container .authentication-wrapper .lof-social-login .actions-toolbar .action-delete span span, .checkout-container .authentication-wrapper .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-accept span span, .modals-wrapper .modal-popup .checkout-container .authentication-wrapper .lof-social-login .actions-toolbar .action-accept span span, .checkout-container .authentication-wrapper .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-dismiss span span, .modals-wrapper .modal-popup .checkout-container .authentication-wrapper .lof-social-login .actions-toolbar .action-dismiss span span {
display: inline; }
@media only screen and (min-width: 768px) {
.checkout-container {
max-width: 770px;
margin-left: auto;
margin-right: auto; }
.checkout-container .authentication-wrapper .block.block-customer-login .login-or {
font-size: 2.4rem; } }
.opc-summary-wrapper .modal-header {
display: none; }
.opc-block-summary .minicart-items-wrapper {
overflow: hidden; }
.opc-block-summary .items-in-cart .title {
display: none; }
.opc-block-summary .items-in-cart .product-item {
background-color: #f4f4f4;
border-radius: 3px; }
.opc-block-summary .items-in-cart .product-item + .product-item {
margin-top: 10px; }
.opc-block-summary .items-in-cart .product {
align-items: stretch;
display: flex; }
.opc-block-summary .items-in-cart .product-image {
align-items: center;
background-color: #fff;
border-radius: 3px 0 0 3px;
display: flex;
flex-basis: 80px;
flex-direction: column;
flex-grow: 0;
max-width: 80px;
padding: 14px; }
.opc-block-summary .items-in-cart .product-image-container {
flex-grow: 1;
height: auto !important;
max-width: 100%; }
.opc-block-summary .items-in-cart .product-image-container img {
height: auto; }
.opc-block-summary .items-in-cart .product-item-details {
flex-basis: 0;
flex-grow: 1;
padding: 24px; }
.opc-block-summary .items-in-cart .product-item-warning {
color: rgba(0, 0, 0, 0.7);
font-size: 1.2rem;
margin-top: 1em; }
.opc-block-summary .items-in-cart .message {
align-items: center;
display: flex;
font-size: 1.2rem;
margin-top: 0.5em; }
.opc-block-summary .items-in-cart .message svg {
display: block;
flex-basis: 18px;
flex-grow: 0;
flex-shrink: 0;
margin-right: 1em; }
.opc-block-summary .items-in-cart .product-item-name {
display: block;
font-size: 0.9rem;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: uppercase; }
.opc-block-summary .items-in-cart .details-qty {
font-size: 0.9rem;
letter-spacing: 0.05em; }
.opc-block-summary .items-in-cart .details-qty .label {
color: #9694aa;
text-transform: uppercase; }
.opc-block-summary .items-in-cart .subtotal {
display: block;
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 0.05em; }
.opc-block-summary .messages {
margin: 28px 0 0;
order: 3;
position: relative; }
@media only screen and (min-width: 768px) {
.opc-block-summary .items-in-cart .product-image {
flex-basis: 110px;
max-width: 110px;
padding: 20px; }
.opc-block-summary .items-in-cart .product-item-name,
.opc-block-summary .items-in-cart .details-qty {
font-size: 1.2rem; }
.opc-block-summary .items-in-cart .message {
font-size: 1.3rem; }
.opc-block-summary .items-in-cart .product-item-warning {
font-size: 1.3rem; } }
.opc-block-summary {
align-items: stretch;
display: flex;
flex-direction: column;
margin-bottom: 0;
order: 4;
padding: 0 16px 26px; }
.opc-block-summary > .title {
order: 1; }
.opc-block-summary .table-totals {
border-collapse: collapse;
color: rgba(255, 255, 255, 0.5);
margin-top: 10px;
order: 3;
text-transform: uppercase;
width: 100%; }
.opc-block-summary .table-totals > tbody > tr.totals:first-child {
display: none; }
.opc-block-summary .table-totals th,
.opc-block-summary .table-totals td {
font-size: 1.2rem;
letter-spacing: 0.05em;
padding: 0 12px 12px; }
.opc-block-summary .table-totals th,
.opc-block-summary .table-totals th strong,
.opc-block-summary .table-totals td,
.opc-block-summary .table-totals td strong {
font-weight: 400; }
.opc-block-summary .table-totals .table-caption {
display: none; }
.opc-block-summary .table-totals .mark {
text-align: left;
padding-left: 0; }
.opc-block-summary .table-totals .amount {
text-align: right;
padding-right: 0; }
.opc-block-summary .table-totals .grand.totals th,
.opc-block-summary .table-totals .grand.totals td {
border-top: 1px solid rgba(255, 255, 255, 0.25);
color: #fff;
font-size: 1.6rem;
padding-top: 12px;
padding-bottom: 0; }
.opc-block-summary .table-totals .grand.totals .mark {
font-size: 1.2rem; }
.opc-block-summary .table-totals .discounts-wrapper > td {
padding-left: 0;
padding-right: 0; }
.opc-block-summary .table-totals .discounts-wrapper_frame {
border: 1px solid #5F5E7E;
border-radius: 5px;
padding: 20px 25px;
position: relative; }
.opc-block-summary .table-totals .discounts-wrapper_title {
background-color: #0c0020;
font-size: 1.2rem;
position: absolute;
padding-left: 4px;
padding-right: 4px;
text-transform: uppercase;
left: 50%;
top: 0;
transform: translate(-50%, -50%); }
.opc-block-summary .table-totals .discounts-wrapper_table {
width: 100%; }
.opc-block-summary .table-totals .discounts-wrapper_table tr:last-child td,
.opc-block-summary .table-totals .discounts-wrapper_table tr:last-child th {
padding-bottom: 0; }
.opc-block-summary .items-in-cart {
order: 2; }
@media only screen and (min-width: 768px) {
.opc-block-summary {
padding: 0 26px 50px; }
.opc-block-summary .table-totals {
margin-top: 28px; }
.opc-block-summary .table-totals th,
.opc-block-summary .table-totals td {
font-size: 1.6rem;
padding: 0 18px 18px; }
.opc-block-summary .table-totals .grand.totals th,
.opc-block-summary .table-totals .grand.totals td {
padding-top: 18px; }
.opc-block-summary .table-totals .grand.totals .mark {
font-size: 1.6rem; }
.opc-block-summary .table-totals .grand.totals .amount {
font-size: 2.4rem; } }
@media only screen and (min-width: 1024px) {
.opc-block-summary {
margin-top: 45px;
padding-left: 90px;
padding-right: 90px; } }
.modals-wrapper .modal-popup {
align-items: center;
background-color: rgba(0, 0, 0, 0.3);
display: flex;
justify-content: center;
overflow: hidden;
position: fixed;
opacity: 0;
top: 0;
left: 0;
width: 0;
height: 0;
transition: opacity 0.3s;
z-index: 2000 !important; }
.modals-wrapper .modal-popup._show {
width: 100%;
height: 100%;
opacity: 1; }
.modals-wrapper .modal-popup.remove-from-minicart .action-accept:after {
background-image: url("../images/icons/white/bin.svg");
background-size: 15px 19px;
content: '';
display: inline-block;
margin-left: 24px;
width: 15px;
height: 19px;
margin-top: -2px;
margin-bottom: -1px; }
.modals-wrapper .modal-popup .action-close,
.modals-wrapper .modal-popup .action-hide-popup {
background-color: #0c0020;
color: #fff;
display: block;
width: 26px;
height: 26px;
position: absolute;
top: 5px;
right: 5px; }
.modals-wrapper .modal-popup .action-close:before, .modals-wrapper .modal-popup .action-close:after,
.modals-wrapper .modal-popup .action-hide-popup:before,
.modals-wrapper .modal-popup .action-hide-popup:after {
background-color: currentColor;
height: 3px; }
.modals-wrapper .modal-popup .modal-inner-wrap {
align-items: stretch;
background-color: #0c0020;
border-radius: 5px;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
color: #fff;
display: flex;
flex-direction: column;
position: relative;
text-align: center;
max-height: 90%;
width: 90%;
max-width: 820px; }
.modals-wrapper .modal-popup .modal-header {
flex-shrink: 0;
padding: 12px; }
.modals-wrapper .modal-popup .modal-content {
flex-shrink: 1;
overflow: auto;
padding: 12px 12px 18px; }
.modals-wrapper .modal-popup .modal-footer {
flex-shrink: 0;
padding: 12px; }
.modals-wrapper .modal-popup .modal-footer > button {
margin: 0 10px; }
.modals-wrapper .modal-popup .action-link {
color: #fff; }
.modals-wrapper .confirm.region-confirm .modal-footer {
align-items: center;
display: flex;
flex-direction: column;
gap: 24px; }
.modals-wrapper .confirm.paypal-confirm #paypal-smart-button,
.modals-wrapper .confirm.paypal-confirm #paypal-smart-button-modal,
.modals-wrapper .confirm.paypal-confirm .action-secondary.action-dismiss {
width: 100%;
max-width: 300px; }
.modals-wrapper .confirm.paypal-confirm .action-secondary.action-dismiss {
margin: 0;
vertical-align: top;
order: 999; }
.modals-wrapper .confirm.paypal-confirm .paypal-buttons {
vertical-align: top; }
@media only screen and (min-width: 768px) {
.modals-wrapper .modal-popup .action-close,
.modals-wrapper .modal-popup .action-hide-popup {
top: 20px;
right: 20px; }
.modals-wrapper .modal-popup .modal-header {
padding: 20px; }
.modals-wrapper .modal-popup .modal-content {
padding: 20px; }
.modals-wrapper .modal-popup .modal-footer {
padding: 20px 20px 30px; } }
.payment-methods .payment-method._active .payment-method-content {
display: block;
margin-top: 10px; }
.payment-methods .payment-method + .payment-method {
margin-top: 36px; }
.payment-methods .payment-method-title input {
position: absolute;
left: -9999px; }
.payment-methods .payment-method-title input:checked + .label:before {
border-color: #1d6cc4; }
.payment-methods .payment-method-title .label {
align-items: center;
display: flex;
font-size: 0.9rem;
letter-spacing: 0.05em;
position: relative;
padding-left: 48px;
text-transform: uppercase; }
.payment-methods .payment-method-title .label:before {
background-color: #fff;
border: 4px solid #fff;
border-radius: 50%;
content: '';
width: 16px;
height: 16px;
position: absolute;
transition: border-color 0.3s;
top: 50%;
left: 0;
transform: translate(0, -50%); }
.payment-methods .payment-method-title .label img {
margin-right: 8px; }
.payment-methods .payment-method-title .label .action-help {
color: inherit;
font-size: 1rem;
text-transform: none;
position: absolute;
right: 0;
top: 100%; }
.payment-methods .payment-method-title .label .instructions {
font-size: 0.8rem;
line-height: 1;
margin-left: 4px;
opacity: 0.9; }
.payment-methods .payment-method-title .payment-method-title-error {
color: red;
display: block;
font-size: 1.1rem;
margin-left: 48px;
text-transform: none; }
.payment-methods .payment-method-content {
display: none; }
.payment-methods .payment-method-content * {
margin: 0; }
.payment-methods .payment-method-content .payment-method-content-error {
color: red;
display: block;
font-size: 1.3rem;
margin-left: 48px;
margin-top: 10px;
text-transform: none; }
.payment-methods .payment-method-content .payment-method-content-error + * {
margin-top: 10px; }
.payment-methods .payment-method-content .payment-method-content-error a {
color: inherit;
text-decoration: underline; }
.payment-methods #checkoutcom_card_payment_container .message {
display: none; }
.payment-methods #checkoutcom_google_pay_container .message {
display: none; }
.payment-methods #checkoutcom_google_pay_container #ckoGooglePayButton.google-pay {
width: 100%; }
.payment-methods #checkoutcom_vault_container .message {
display: none; }
.payment-methods #checkoutcom_apm_container .message {
display: none; }
.payment-methods #apm-container div[data-role="collapsible"]:hover, .payment-methods #apm-container div[data-role="collapsible"]:focus {
background-color: rgba(255, 255, 255, 0.1); }
.payment-methods #apm-container div[data-role="collapsible"]:focus {
outline: 1px dotted rgba(255, 255, 255, 0.4);
outline-offset: 1px; }
.payment-methods #apm-container div[aria-selected="true"] {
background-color: rgba(255, 255, 255, 0.25); }
.payment-methods .checkout-agreements-block,
.payment-methods .actions-toolbar {
position: absolute;
left: 0;
width: 100%; }
.payment-methods .checkout-agreements-block {
top: 100%; }
.payment-methods .checkout-agreements-block .mage-error {
color: #ff350d;
font-size: 1.2rem;
margin-top: 4px; }
.payment-methods .field.save-card-option {
width: 100%; }
.payment-methods .field.save-card-option .label {
width: 100%; }
.payment-methods .actions-toolbar {
margin-top: 50px;
padding-top: 18px;
top: 100%; }
.__paypal-card-active .payment-methods .actions-toolbar.--card {
background-color: #fff;
padding: 20px;
border-radius: 30px;
margin-top: 86px; }
.payment-methods .actions-toolbar .action {
font-size: 1.25rem;
width: 100%; }
.payment-methods .actions-toolbar .action span {
margin-right: 20px; }
.payment-methods .actions-toolbar .action:before {
background-image: url("../images/icons/white/secure.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: '';
display: inline-block;
width: 11px;
height: 14px;
margin-right: 20px; }
.payment-methods .actions-toolbar .action.apple-pay-button:before, .payment-methods .actions-toolbar .action.google-pay:before {
content: unset; }
div#vault-container .card-on,
div#vault-container .card-selected {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 3px; }
div#vault-container .cko-vault-card {
align-items: center;
border: none;
border-radius: 5px;
display: flex;
padding: 10px;
overflow: hidden; }
div#vault-container .cko-vault-card img {
display: block;
vertical-align: top; }
div#vault-container .cko-vault-card .vault-cvv {
float: none;
margin-left: auto;
padding-left: 8px;
width: 70px; }
div#vault-container .cko-vault-card .vault-cvv input {
padding-left: 0.5em;
padding-right: 0.5em; }
div#vault-container .cko-vault-card .vault-details {
align-items: center;
display: flex;
float: none; }
div#vault-container .cko-vault-card .vault-details span {
padding-left: 8px; }
@media only screen and (min-width: 768px) {
.payment-methods .payment-method-title .label {
font-size: 1.4rem;
line-height: 2.5rem; }
.payment-methods .payment-method-title .label:before {
border-width: 7px;
width: 25px;
height: 25px; }
.payment-methods .payment-method-title .label .instructions {
font-size: 1rem;
margin-left: 8px; }
.payment-methods .actions-toolbar {
padding: 36px 0; }
.payment-methods .actions-toolbar .action {
font-size: 1.6rem; }
.payment-methods .actions-toolbar .action::before {
width: 15px;
height: 18px; } }
.checkout-agreements-block {
padding-top: 18px; }
.checkout-agreements-block .checkout-agreement {
align-items: center;
color: #6e6d93;
display: flex;
flex-direction: column;
flex-wrap: wrap;
font-size: 0.9rem;
justify-content: center;
width: 100%; }
.checkout-agreements-block .checkout-agreement a {
color: #fff; }
.checkout-agreements-block .checkout-agreement [type=checkbox] ~ .label:after {
content: none; }
.checkout-agreements-block .checkout-agreement .action {
color: #6e6d93;
font-size: 0.9rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.checkout-agreements-block {
padding-top: 28px; }
.checkout-agreements-block .checkout-agreement {
font-size: 1.4rem; }
.checkout-agreements-block .checkout-agreement .action {
font-size: 1.4rem; } }
#checkoutcom_card_payment_frm .one-liner {
background-color: #fff;
border-radius: 3px;
margin-top: 10px; }
.checkout-login {
background-color: rgba(31, 20, 61, 0.8);
opacity: 1;
position: fixed;
top: 0;
left: 0;
text-align: center;
width: 100%;
height: 100%;
transition: opacity 0.4s;
z-index: 999; }
.__checkout-as-guest .checkout-login {
opacity: 0;
pointer-events: none; }
.checkout-login .checkout-login_title,
.checkout-login .checkout-login_text {
font-size: 1.4rem;
letter-spacing: 0.05em; }
.checkout-login .checkout-login_top-title .checkout-login_top-title_desktop {
display: none; }
.checkout-login .checkout-login_title {
color: #fff;
text-transform: uppercase; }
.checkout-login .checkout-login_title + * {
margin-top: 24px; }
.checkout-login .checkout-login_text {
color: #525282; }
.checkout-login .checkout-login_note {
display: block;
font-size: 1rem;
margin-top: 10px; }
.checkout-login .row {
margin-left: 0;
margin-right: 0; }
.checkout-login .col {
border-top: 1px solid #525282; }
.checkout-login .col.order-1 {
border-top: none; }
.checkout-login .form.form-email {
margin: 0;
padding: 0; }
.checkout-login .form.form-email .fieldset {
text-align: left; }
.checkout-login .form.form-email .fieldset .field {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; }
.checkout-login .form.form-email .actions-toolbar {
justify-content: center; }
.checkout-login .social-login-authentication-channel .col {
border-top: none; }
.checkout-login .social-login-authentication-channel .col + .col {
border: none; }
.checkout-login .block.block-customer-login {
padding: 0; }
.checkout-login .form-email-toggle {
display: none; }
.checkout-login .password-toggle button.password-toggle_button {
top: 50% !important;
transform: translate(0, -50%); }
.checkout-login-inner {
align-items: stretch;
background-color: #0c0020;
display: flex;
flex-direction: column;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 1256px;
max-height: 90%; }
.checkout-login-inner_scroll {
overflow: auto; }
@media only screen and (max-width: 767px) {
.checkout-login .lof-social-login .actions-toolbar .button, .checkout-login .lof-social-login .actions-toolbar .navigation .nav-button > a, .navigation .checkout-login .lof-social-login .actions-toolbar .nav-button > a, .checkout-login .lof-social-login .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .checkout-login .lof-social-login .actions-toolbar .action-delete, .checkout-login .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .checkout-login .lof-social-login .actions-toolbar .action-accept, .checkout-login .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .checkout-login .lof-social-login .actions-toolbar .action-dismiss {
justify-content: flex-start;
padding-left: 22px;
padding-right: 0; }
.checkout-login .lof-social-login .actions-toolbar .button i, .checkout-login .lof-social-login .actions-toolbar .navigation .nav-button > a i, .navigation .checkout-login .lof-social-login .actions-toolbar .nav-button > a i, .checkout-login .lof-social-login .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .checkout-login .lof-social-login .actions-toolbar .action-delete i, .checkout-login .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .checkout-login .lof-social-login .actions-toolbar .action-accept i, .checkout-login .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .checkout-login .lof-social-login .actions-toolbar .action-dismiss i {
left: 5px;
transform: translate(0, -50%); }
.checkout-login .form.form-email .fieldset {
display: none; }
.__show-login-form .checkout-login .form.form-email .fieldset {
display: block; }
.checkout-login .form-email-toggle {
display: block;
margin-top: 20px; }
.checkout-login .form-email-toggle .button, .checkout-login .form-email-toggle .navigation .nav-button > a, .navigation .checkout-login .form-email-toggle .nav-button > a, .checkout-login .form-email-toggle .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .checkout-login .form-email-toggle .action-delete, .checkout-login .form-email-toggle .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .checkout-login .form-email-toggle .action-accept, .checkout-login .form-email-toggle .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .checkout-login .form-email-toggle .action-dismiss {
min-width: 230px; }
.__show-login-form .checkout-login .form-email-toggle {
display: none; } }
@media only screen and (min-width: 768px) {
.checkout-login .checkout-login_top-title {
position: absolute;
left: 0;
top: 0;
width: 100%; }
.checkout-login .checkout-login_top-title .checkout-login_top-title_desktop {
display: inline-block; }
.checkout-login .checkout-login_top-title .checkout-login_top-title_mobile {
display: none; }
.checkout-login .checkout-login_note {
font-size: 1.2rem; }
.checkout-login .col {
border-top: none;
padding: 68px 45px 45px; }
.checkout-login .col + .col {
border-left: 1px solid #190f34; } }
.address-options + .billing-address-form-wrapper {
margin-top: 15px; }
@media only screen and (min-width: 768px) {
.address-options .billing-address-form-wrapper {
margin-top: 20px; } }
.address-option {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
display: flex;
padding: 18px 10px;
text-transform: uppercase; }
.address-option.address-option__selected {
padding-left: 0;
padding-right: 0; }
.address-option .address-option_radio {
flex-basis: 16px;
flex-grow: 0;
max-width: 16px; }
.address-option .address-option_radio + .address-option_content {
padding-left: 12px; }
.address-option .address-option_radio input {
opacity: 0;
position: absolute;
left: -9999px; }
.address-option .address-option_radio input + span {
display: block; }
.address-option .address-option_radio input + span:before {
background-color: #fff;
border: 4px solid #fff;
border-radius: 50%;
content: '';
display: block;
width: 16px;
height: 16px;
transition: border-color 0.3s; }
.address-option .address-option_radio input:checked + span:before {
border-color: #386fbb; }
.address-option .address-option_content {
flex-basis: 0;
flex-grow: 1; }
.address-option .address-option_label,
.address-option .address-option_value {
letter-spacing: 0.05em; }
.address-option .address-option_label {
color: #6e6d93;
font-size: 0.9rem; }
.address-option .address-option_label + * {
margin-top: 2px; }
.address-option .address-option_value {
color: #fff;
font-size: 1.2rem; }
.address-option .address-option_value + * {
margin-top: 10px; }
@media only screen and (min-width: 768px) {
.address-option {
padding: 24px 16px; }
.address-option .address-option_radio {
flex-basis: 25px;
max-width: 25px; }
.address-option .address-option_radio + .address-option_content {
padding-left: 17px; }
.address-option .address-option_radio input + span {
display: block; }
.address-option .address-option_radio input + span:before {
border-width: 7px;
width: 25px;
height: 25px; }
.address-option .address-option_label {
font-size: 1.2rem; }
.address-option .address-option_label + * {
margin-top: 4px; }
.address-option .address-option_value {
font-size: 1.4rem; }
.address-option .address-option_value + * {
margin-top: 20px; } }
.address-new {
margin-top: 24px;
text-align: center; }
.address-new.__hide {
height: 0;
margin: 0;
overflow: hidden;
position: relative; }
.address-new input {
position: absolute;
opacity: 0;
left: -999em; }
.field.field-select-billing {
display: none !important; }
.action-edit-address {
width: 100%;
display: block;
margin-top: 20px; }
.epag-index-index #launcher {
display: none !important; }
.form.form-email .checkout-step-title,
.checkout-billing-address .checkout-step-title {
display: none; }
@media only screen and (min-width: 768px) {
.checkout-column.checkout-column_first .checkout-column_title {
display: none; }
.form.form-email,
.checkout-billing-address {
position: relative; }
.form.form-email .checkout-step-title,
.checkout-billing-address .checkout-step-title {
background: rgba(60, 118, 195, 0.8);
box-shadow: #2e7cea 0 0 10px, rgba(255, 255, 255, 0.3) 0 1px 1px inset;
display: block;
text-shadow: #ebf5ff 0 0 10px;
font-family: Quantico, sans-serif;
font-weight: 400;
transform: translate(-50%, -50%);
font-size: 1.8rem;
min-width: 310px;
letter-spacing: 0.1em;
padding: 4px 16px;
position: absolute;
text-align: center;
text-transform: uppercase;
left: 50%;
top: 0; }
.checkout-billing-address .checkout-step-title::before {
content: '1.'; }
.checkout-column .form.form-email .checkout-step-title::before {
content: '1.'; }
.checkout-column .form.form-email ~ .checkout-billing-address {
margin-top: 60px;
padding-top: 54px; }
.checkout-column .form.form-email ~ .checkout-billing-address .checkout-step-title::before {
content: '2.'; }
.opc-payment .step-title span::before {
content: '2.'; }
.checkout-login ~ .checkout-column .opc-payment .step-title span::before {
content: "3."; } }
.checkout-message-wrapper ~ .paypal-promotion {
display: none; }
.widget-checkout-message {
background-color: #4091E4;
border-radius: 3px;
color: #fff;
padding: 10px 12px; }
.paypal-promotion .widget-checkout-message {
margin: -10px -12px -10px -64px;
box-shadow: 0 0 10px 10px #0c0020; }
.aw-giftcard .aw-giftcard-codes-block table,
.aw-giftcard-code .aw-giftcard-codes-block table {
font-size: 1.4rem;
width: 100%; }
.aw-giftcard .aw-giftcard-codes-block table td,
.aw-giftcard-code .aw-giftcard-codes-block table td {
padding: 0; }
.aw-giftcard .aw-giftcard-codes-block table tr + tr td,
.aw-giftcard-code .aw-giftcard-codes-block table tr + tr td {
padding-top: 0.5em; }
.aw-giftcard .aw-giftcard-codes-block .box,
.aw-giftcard-code .aw-giftcard-codes-block .box {
width: 100%; }
.aw-giftcard .aw-giftcard-codes-block .box .action-apply,
.aw-giftcard-code .aw-giftcard-codes-block .box .action-apply {
text-align: right; }
html {
--logo-intercept-top: 0;
--logo-intercept-left: 0; }
.logo-intercept {
background-color: #0c0020;
border-radius: 5px;
opacity: 0;
padding: 24px 14px 14px;
pointer-events: none;
position: absolute;
width: 90vw;
max-width: 375px;
left: -9999px;
top: -9999px;
transition: opacity 0.4s; }
.smartbanner-show-android.smartbanner-show .logo-intercept {
margin-top: 80px; }
.logo-intercept::before {
border-color: #0c0020 transparent;
border-style: solid;
border-width: 0 8px 8px;
content: '';
position: absolute;
bottom: 100%;
left: 65px; }
.logo-intercept .actions {
align-items: center;
display: flex;
justify-content: center;
margin-top: 14px;
margin-left: -14px;
margin-right: -14px; }
.logo-intercept .actions .button, .logo-intercept .actions .navigation .nav-button > a, .navigation .logo-intercept .actions .nav-button > a, .logo-intercept .actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .logo-intercept .actions .action-delete, .logo-intercept .actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .logo-intercept .actions .action-accept, .logo-intercept .actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .logo-intercept .actions .action-dismiss {
margin-left: 5px;
margin-right: 5px; }
.__show-logo-intercept .logo-intercept {
opacity: 1;
pointer-events: all;
top: var(--logo-intercept-top);
left: var(--logo-intercept-left); }
.logo-intercept_content {
font-size: 1rem;
font-style: italic;
letter-spacing: 0.05em;
text-align: center;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.logo-intercept::before {
left: 80px; }
.logo-intercept .actions .button, .logo-intercept .actions .navigation .nav-button > a, .navigation .logo-intercept .actions .nav-button > a, .logo-intercept .actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .logo-intercept .actions .action-delete, .logo-intercept .actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .logo-intercept .actions .action-accept, .logo-intercept .actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .logo-intercept .actions .action-dismiss {
font-size: 1.2rem; } }
@media only screen and (min-width: 1440px) {
.logo-intercept::before {
left: 50%;
transform: translate(-50%, 0); } }
.qty-widget {
align-items: center;
display: flex; }
.qty-widget button,
.qty-widget input {
border-radius: 50%;
margin: 0 3px; }
.qty-widget button {
border: 1px solid #bebcc6;
position: relative;
width: 18px;
height: 18px; }
.qty-widget button:before, .qty-widget button:after {
background-color: #292929;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 5px;
height: 1px; }
.qty-widget input {
border: none;
font-size: 1rem;
font-weight: 600;
padding: 0;
text-align: center;
width: 24px;
height: 24px; }
.qty-widget .control {
align-items: center;
display: flex;
margin: 0; }
.qty-widget .qty-decr:before {
content: ''; }
.qty-widget .qty-incr:before, .qty-widget .qty-incr:after {
content: ''; }
.qty-widget .qty-incr:after {
transform: translate(-50%, -50%) rotateZ(90deg); }
@media only screen and (min-width: 768px) {
.qty-widget button,
.qty-widget input {
margin: 0 6px; }
.qty-widget button {
width: 36px;
height: 36px; }
.qty-widget button:before, .qty-widget button:after {
width: 10px;
height: 2px; }
.qty-widget input {
font-size: 2rem;
width: 48px;
height: 48px; } }
.cms-page-view.cms-explore-test-content .page-main, .cms-page-view.cms-explore .page-main {
background-image: url("../images/bg/red-square.png"), url("../images/bg/blue-square.png");
background-position: left 75px, right 50px; }
@media only screen and (max-width: 639px) {
.cms-page-view.cms-explore-test-content .page-main, .cms-page-view.cms-explore .page-main {
background-size: 30px auto; } }
.countdown {
align-items: center;
display: flex;
justify-content: center;
text-align: center; }
.countdown .countdown_segment {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 5px;
flex-basis: 56px;
flex-grow: 0;
font-family: "Quantico", sans-serif;
font-size: 2rem;
line-height: 1;
padding: 12px 0;
position: relative; }
.countdown .countdown_segment + .countdown_segment {
margin-left: 16px; }
.countdown .countdown_segment + .countdown_segment:before {
content: ':';
font-family: "Montserrat", sans-serif;
position: absolute;
left: -8px;
top: 50%;
transform: translateX(-50%) translateY(-50%); }
.countdown .countdown_segment_label {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 0.8rem;
margin-top: 15px;
text-transform: uppercase; }
@media only screen and (min-width: 1024px) {
.countdown .countdown_segment {
font-size: 3rem; }
.countdown .countdown_segment_label {
font-size: 1rem; } }
.home-top {
display: flex;
flex-direction: column;
padding-left: 0;
padding-right: 0; }
.home-top p {
margin: 0; }
@media only screen and (min-width: 768px) {
.home-top {
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (min-width: 1024px) {
.home-top {
flex-direction: row; }
.home-top .home-slider {
flex-basis: 0;
flex-grow: 1; }
.home-top .features {
flex-basis: 300px;
padding-left: 20px; } }
.features {
display: flex;
flex-direction: row;
position: relative;
margin: 0; }
@media only screen and (min-width: 768px) {
.features {
margin: 0 -15px;
margin-top: 15px; } }
@media only screen and (min-width: 1024px) {
.features {
flex-direction: column;
margin: 0; } }
.block.block-home-feature {
color: #fff;
flex-basis: 0;
flex-grow: 1;
margin-top: 1px;
padding: 0;
position: relative;
z-index: 0; }
.block.block-home-feature.block-feature__coming-soon .block-content {
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%); }
.block.block-home-feature.block-feature__daily-deals .block-content {
background-image: linear-gradient(to top, #ffb92e 0%, #ffd75d 100%); }
.block.block-home-feature .block-image {
display: none;
overflow: hidden;
position: relative;
z-index: 0; }
.block.block-home-feature .block-image:before {
content: '';
display: block;
padding-bottom: 73%; }
.block.block-home-feature .block-image img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.block.block-home-feature .block-content {
background-color: #666;
align-items: center;
display: flex;
margin-top: 0;
padding: 6px 8px 6px 12px;
position: relative;
width: 100%;
z-index: 1; }
.block.block-home-feature .block-title {
background-image: url("../images/icons/white/chevron-right.svg");
background-position: right center;
background-repeat: no-repeat;
background-size: 10px 10px;
color: inherit;
flex-grow: 1;
font-size: 1.5rem;
padding-right: 10px; }
.block.block-home-feature .countdown {
display: none;
flex-basis: 0;
flex-grow: 1;
justify-content: flex-end; }
.block.block-home-feature .countdown .countdown_segment {
flex-basis: 28px;
font-size: 1.4rem;
padding: 6px 0; }
.block.block-home-feature .countdown .countdown_segment + .countdown_segment {
margin-left: 7px; }
.block.block-home-feature .countdown .countdown_segment + .countdown_segment:before {
left: -3px; }
.block.block-home-feature .countdown .countdown_segment_label {
font-size: 0.5rem;
margin-top: 5px; }
@media only screen and (min-width: 768px) {
.block.block-home-feature {
margin-top: 0;
padding: 15px; }
.block.block-home-feature .block-image {
border-radius: 5px 5px 0 0;
display: block; }
.block.block-home-feature .block-content {
border-radius: 0 0 5px 5px; }
.block.block-home-feature .block-title {
background-image: none;
flex-grow: 0; }
.block.block-home-feature .countdown {
display: flex; } }
@media only screen and (max-width: 767px) {
.block.block-home-feature {
display: flex;
padding-top: 0;
padding-bottom: 0; } }
@media only screen and (min-width: 1024px) {
.block.block-home-feature {
flex-basis: auto;
flex-grow: 0;
padding: 0; }
.block.block-home-feature + .block {
margin-top: 20px; }
.block.block-home-feature .block-title {
flex-basis: 0;
flex-grow: 1; } }
.cms-index-index .cms-content {
display: none;
visibility: hidden; }
@keyframes glitch-p {
17% {
--scale: 0.87; }
31% {
--scale: 1.1; }
37% {
--scale: 1.3; }
47% {
--scale: 0.91; }
87% {
--scale: 1; } }
@keyframes glitch-a {
10%,
30%,
50%,
70%,
90% {
--top: 0;
--left: 0; }
0% {
--v-height: 15%; }
20% {
--left: 0.005; }
40% {
--left: 0.01;
--v-height: 20%;
--top: 3; }
60% {
--left: 0.03;
--v-height: 25%;
--top: 6; }
80% {
--left: 0.07;
--v-height: 5%;
--top: 8; }
100% {
--left: 0.083;
--v-height: 30%;
--top: 1; } }
@keyframes glitch-b {
10%,
30%,
50%,
70%,
90% {
--top: 0;
--left: 0; }
0% {
--v-height: 15%;
--top: 10; }
20% {
--left: -0.005; }
40% {
--left: -0.01;
--v-height: 17%;
--top: 3; }
60% {
--left: -0.03;
--v-height: 35%;
--top: 6; }
80% {
--left: -0.07;
--v-height: 5%;
--top: 8; }
100% {
--left: -0.083;
--v-height: 30%;
--top: 1; } }
.cms-no-route .page-title-wrapper {
margin: auto 0; }
.cms-no-route .page-title-wrapper .page-title, .cms-no-route .page-title-wrapper .question-detail .faq-cat-title, .question-detail .cms-no-route .page-title-wrapper .faq-cat-title, .cms-no-route .page-title-wrapper .koins-content h1, .koins-content .cms-no-route .page-title-wrapper h1 {
--f-size: 100;
--f-unit: 0.1rem;
--f: calc(var(--f-size) * var(--f-unit));
flex: 1;
line-height: 0.75;
margin: auto;
color: #fff;
font-size: var(--f);
text-align: center;
transform: scaleX(var(--scale, 1));
animation: glitch-p 11s infinite alternate; }
.cms-no-route .page-title-wrapper .page-title, .cms-no-route .page-title-wrapper .question-detail .faq-cat-title, .question-detail .cms-no-route .page-title-wrapper .faq-cat-title, .cms-no-route .page-title-wrapper .koins-content h1, .koins-content .cms-no-route .page-title-wrapper h1, .cms-no-route .page-title-wrapper .page-title:before, .cms-no-route .page-title-wrapper .question-detail .faq-cat-title:before, .question-detail .cms-no-route .page-title-wrapper .faq-cat-title:before, .cms-no-route .page-title-wrapper .koins-content h1:before, .koins-content .cms-no-route .page-title-wrapper h1:before, .cms-no-route .page-title-wrapper .page-title:after, .cms-no-route .page-title-wrapper .question-detail .faq-cat-title:after, .question-detail .cms-no-route .page-title-wrapper .faq-cat-title:after, .cms-no-route .page-title-wrapper .koins-content h1:after, .koins-content .cms-no-route .page-title-wrapper h1:after {
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.cms-no-route .page-title-wrapper .page-title::before, .cms-no-route .page-title-wrapper .question-detail .faq-cat-title::before, .question-detail .cms-no-route .page-title-wrapper .faq-cat-title::before, .cms-no-route .page-title-wrapper .koins-content h1::before, .koins-content .cms-no-route .page-title-wrapper h1::before, .cms-no-route .page-title-wrapper .page-title::after, .cms-no-route .page-title-wrapper .question-detail .faq-cat-title::after, .question-detail .cms-no-route .page-title-wrapper .faq-cat-title::after, .cms-no-route .page-title-wrapper .koins-content h1::after, .koins-content .cms-no-route .page-title-wrapper h1::after {
--top: 0;
--left: 0;
--v-height: 30%;
--n-tenth: calc(var(--f-size) * 0.1 * var(--top));
--t-cut: calc(var(--n-tenth) / var(--f-size) * 100%);
--b-cut: calc(var(--t-cut) + var(--v-height));
content: attr(data-text);
position: absolute;
width: 100%;
left: 0;
text-align: center;
transform: translateX(calc(var(--left) * 100%));
filter: drop-shadow(0 0 transparent);
background-color: var(--bg);
background-color: #1F143D;
-webkit-clip-path: polygon(0% var(--t-cut), 100% var(--t-cut), 100% var(--b-cut), 0% var(--b-cut));
clip-path: polygon(0% var(--t-cut), 100% var(--t-cut), 100% var(--b-cut), 0% var(--b-cut)); }
.cms-no-route .page-title-wrapper .page-title::before, .cms-no-route .page-title-wrapper .question-detail .faq-cat-title::before, .question-detail .cms-no-route .page-title-wrapper .faq-cat-title::before, .cms-no-route .page-title-wrapper .koins-content h1::before, .koins-content .cms-no-route .page-title-wrapper h1::before {
animation: glitch-b 1.7s 1s infinite alternate-reverse; }
.cms-no-route .page-title-wrapper .page-title::after, .cms-no-route .page-title-wrapper .question-detail .faq-cat-title::after, .question-detail .cms-no-route .page-title-wrapper .faq-cat-title::after, .cms-no-route .page-title-wrapper .koins-content h1::after, .koins-content .cms-no-route .page-title-wrapper h1::after {
animation: glitch-a 3.1s 1s infinite alternate; }
@media only screen and (min-width: 768px) {
.cms-no-route .page-title-wrapper {
padding-bottom: 200px; }
.cms-no-route .page-title-wrapper .page-title, .cms-no-route .page-title-wrapper .question-detail .faq-cat-title, .question-detail .cms-no-route .page-title-wrapper .faq-cat-title, .cms-no-route .page-title-wrapper .koins-content h1, .koins-content .cms-no-route .page-title-wrapper h1 {
--f-size: 300; } }
.no-route-wrapper {
align-items: center;
background-image: url("../images/bg/404-bg-mob.png");
background-position: center center;
background-size: 100% auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100vw;
max-height: 450px;
width: 100%;
overflow: hidden; }
@media only screen and (min-width: 768px) {
.no-route-wrapper {
background-image: url("../images/bg/404-bg-desktop.png");
background-size: auto auto;
height: 877px;
max-height: 877px; } }
.no-route-content {
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
letter-spacing: 0.05em;
margin: 50px 0 0;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36);
text-transform: uppercase; }
.no-route-content * {
margin: 0; }
@media only screen and (min-width: 768px) {
.no-route-content {
font-size: 3.6rem;
margin-top: 100px; } }
.block.block-vip-content {
background-color: #0c0020;
padding: 0 40px 40px;
text-align: center; }
.block.block-vip-content .block-content {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 1.5;
text-transform: uppercase; }
.block.block-vip-content .block-image {
overflow: hidden;
position: relative; }
.block.block-vip-content .block-image:after {
content: '';
display: block;
padding-bottom: 50%; }
.block.block-vip-content .block-image img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
transform: translate(-50%, -50%); }
.block.block-feature a {
color: inherit; }
.block.block-feature .page-title, .block.block-feature .question-detail .faq-cat-title, .question-detail .block.block-feature .faq-cat-title, .block.block-feature .koins-content h1, .koins-content .block.block-feature h1 {
align-items: center;
display: flex;
justify-content: center;
margin: 1em 0; }
.block.block-feature .block-content {
font-size: 1.4rem;
line-height: 2.142;
max-width: 840px;
margin-left: auto;
margin-right: auto;
text-align: center; }
.block.block-register {
background-color: #0c0020;
padding: 0 24px 24px; }
.block.block-register .block-content {
align-items: center;
display: flex;
justify-content: center; }
.block.block-register .block-content span {
font-size: 1.4rem;
letter-spacing: 0.05em;
margin-right: auto;
text-transform: uppercase; }
.block.block-register .block-content .button, .block.block-register .block-content .navigation .nav-button > a, .navigation .block.block-register .block-content .nav-button > a, .block.block-register .block-content .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.block-register .block-content .action-delete, .block.block-register .block-content .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.block-register .block-content .action-accept, .block.block-register .block-content .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.block-register .block-content .action-dismiss {
margin-left: 10px; }
@media only screen and (min-width: 768px) {
.block.block-register {
padding: 0 48px 48px; } }
.block.block-call-to-action.__in-box {
background-color: #0c0020; }
.block.block-call-to-action.__in-box .block-title {
padding: 26px 36px 0; }
.block.block-call-to-action.__in-box .block-content {
padding: 26px 36px; }
.block.block-call-to-action p {
color: rgba(255, 255, 255, 0.5); }
.block.block-call-to-action .block-title-1 {
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
text-align: center;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
.block.block-call-to-action .block-title-2 {
font-family: "Quantico", sans-serif;
font-size: 1.2rem;
text-align: center;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
.block.block-call-to-action .subheadline {
color: #fff;
font-size: 1.8rem; }
.block.block-call-to-action .block-content {
font-size: 1.4rem;
line-height: 2.142;
margin: 0; }
.block.block-call-to-action .block-actions {
margin-top: 28px;
text-align: center; }
@media only screen and (min-width: 768px) {
.block.block-call-to-action.__in-box .block-title {
padding: 55px 75px 0; }
.block.block-call-to-action.__in-box .block-content {
padding: 55px 75px; }
.block.block-call-to-action .block-title-1 {
font-size: 2.4rem; }
.block.block-call-to-action .block-title-2 {
font-size: 2rem; } }
.storyblok-wysiwyg * {
line-height: 2;
margin: 0; }
.storyblok-wysiwyg * + * {
margin-top: 1em; }
.storyblok-wysiwyg * + h1,
.storyblok-wysiwyg * + h2,
.storyblok-wysiwyg * + h3,
.storyblok-wysiwyg * + h4,
.storyblok-wysiwyg * + h5,
.storyblok-wysiwyg * + h6 {
margin-top: 2em; }
.storyblok-wysiwyg p {
color: rgba(255, 255, 255, 0.5);
font-size: 1.4rem; }
.storyblok-wysiwyg p * + * {
margin-top: 0; }
.storyblok-wysiwyg a {
color: inherit;
text-decoration: underline; }
.storyblok-wysiwyg h1,
.storyblok-wysiwyg h2,
.storyblok-wysiwyg h3,
.storyblok-wysiwyg h4,
.storyblok-wysiwyg h5,
.storyblok-wysiwyg h6 {
color: #fff;
line-height: 1.5; }
.storyblok-wysiwyg h1,
.storyblok-wysiwyg h2 {
font-family: "Quantico", sans-serif;
font-weight: 400; }
.storyblok-wysiwyg h2 + * {
margin-top: 0; }
.storyblok-wysiwyg h3 {
font-size: 1.8rem;
font-weight: 400;
text-transform: uppercase; }
.storyblok-wysiwyg ul {
list-style: none;
padding-left: 0; }
.storyblok-wysiwyg ul > li {
padding: 6px 12px 6px 45px;
position: relative; }
.storyblok-wysiwyg ul > li + li {
margin-top: 0; }
.storyblok-wysiwyg ul > li:before {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
content: '';
width: 3px;
height: 3px;
position: absolute;
left: 32px;
top: 1em;
transform: translate(0, -50%) translate(0, 4px); }
.storyblok-wysiwyg ul > li:nth-child(even) {
background-color: #0c0020;
border-radius: 5px; }
.block.block-cms .block-title {
font-size: 1.2rem; }
.block.block-cms .block-content {
color: rgba(255, 255, 255, 0.5);
font-size: 1rem;
line-height: 2; }
.block.block-cms .block-content strong {
color: #fff;
font-size: 1.2em;
font-weight: 400; }
.block.block-cms .block-content * {
margin: 0; }
.block.block-cms .block-content * + * {
margin-top: 2em; }
@media only screen and (min-width: 768px) {
.block.block-cms .block-title {
font-size: 2.4rem; }
.block.block-cms .block-content {
font-size: 1.4rem; }
.block.block-cms .block-content strong {
font-size: inherit; } }
.cms-content {
margin-top: 20px;
margin-bottom: 20px; }
@media only screen and (min-width: 768px) {
.cms-content {
margin-top: 40px;
margin-bottom: 40px; } }
.home-slider {
align-items: stretch;
display: flex;
overflow: hidden;
position: relative;
width: 100%;
z-index: 0; }
.home-slider:not(.slick-initialized) > * {
align-items: stretch;
background-image: url("../images/loader-1.gif");
background-position: center;
display: flex;
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; }
.home-slider:not(.slick-initialized) > *:not(:first-child) {
display: none; }
.home-slider:not(.slick-initialized) .slide-product {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; }
.home-slider .slider-container {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%; }
.home-slider .slide {
overflow: hidden; }
.home-slider .slide:focus {
outline: none; }
.home-slider .slick-list {
align-items: stretch;
display: flex;
width: 100%; }
.home-slider .slick-track {
align-items: stretch;
display: flex; }
.home-slider .slick-slide {
align-items: stretch;
display: flex; }
.home-slider .slick-slide > * {
flex-basis: 100%; }
.home-slider .slick-arrow {
cursor: pointer;
padding: 25px;
width: auto;
height: auto;
z-index: 10; }
.home-slider .slick-arrow:before {
background-size: contain;
content: '';
display: block;
width: 10px;
height: 17px; }
.home-slider .slick-prev {
padding-left: 10px;
left: 0; }
.home-slider .slick-prev:before {
background-image: url("../images/icons/white/chevron-left.svg"); }
.home-slider .slick-next {
padding-right: 10px;
right: 0; }
.home-slider .slick-next:before {
background-image: url("../images/icons/white/chevron-right.svg"); }
@media only screen and (min-width: 768px) {
.home-slider .slide {
border-radius: 5px; }
.home-slider .slick-arrow:before {
width: 20px;
height: 34px; }
.home-slider .slick-prev {
padding-left: 25px; }
.home-slider .slick-next {
padding-right: 25px; } }
@media only screen and (min-width: 1024px) {
.home-slider .slide:before {
content: '';
display: block;
padding-bottom: 48%; }
.home-slider .slide img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } }
.block.block-page-placeholder {
margin: 20vh 0; }
.block.block-page-placeholder h1 {
font-size: 2.8rem;
font-weight: 400;
margin: 0;
text-align: center;
text-shadow: 0 0 0.3em #4eb0f0, 0 0 0.3em #4eb0f0; }
.block.block-page-placeholder h1 small {
display: block;
font-size: 0.4em;
margin-bottom: 0.25em; }
@media only screen and (min-width: 768px) {
.block.block-page-placeholder h1 {
font-size: 6rem; } }
@media only screen and (min-width: 1024px) {
.block.block-page-placeholder h1 {
font-size: 8rem; } }
.bestseller h1,
.bestseller h2 {
background-image: linear-gradient(to top, #e6224d 0%, #ff5a7e 100%);
border-radius: 3px;
padding: 0.5em 1em;
text-shadow: 0 0 15px rgba(255, 255, 255, 0.4); }
.bestseller h1 {
align-items: center;
display: flex;
font-size: 2.4rem; }
.bestseller h1:after {
background-image: url("../images/icons/white/platforms.svg");
background-position: right center;
background-size: contain;
content: '';
display: inline-block;
flex-basis: 0;
flex-grow: 1;
width: auto;
height: 8vw;
max-width: 348px;
max-height: 74px;
margin-left: auto; }
.bestseller h2 {
font-size: 1.8rem;
margin-top: 2em; }
@media only screen and (min-width: 768px) {
.bestseller h1 {
font-size: 3.6rem; }
.bestseller h2 {
font-size: 2.4rem; } }
.content-products .block.widget.block-products-list {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0; }
.trustpilot-widget {
background-color: #fff;
border-radius: 3px; }
.top-content {
max-width: 760px;
margin: 25px auto; }
@media only screen and (min-width: 768px) {
.top-content {
margin: 50px auto; } }
.page-layout-black-friday-cms.__showminibasket {
position: static;
transform: none; }
.page-layout-black-friday-cms .page-main {
background-color: #090517;
background-image: url("../images/black-friday-bg.png");
background-position: center top;
background-size: contain; }
.page-layout-black-friday-cms .page-main::before, .page-layout-black-friday-cms .page-main::after {
content: none; }
.page-layout-black-friday-cms .page-main:not([style*="none"]) {
min-height: 50vw; }
@media only screen and (max-width: 639px) {
.page-layout-black-friday-cms .block-content-nav .button, .page-layout-black-friday-cms .block-content-nav .navigation .nav-button > a, .navigation .page-layout-black-friday-cms .block-content-nav .nav-button > a, .page-layout-black-friday-cms .block-content-nav .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .page-layout-black-friday-cms .block-content-nav .action-delete, .page-layout-black-friday-cms .block-content-nav .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .page-layout-black-friday-cms .block-content-nav .action-accept, .page-layout-black-friday-cms .block-content-nav .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .page-layout-black-friday-cms .block-content-nav .action-dismiss {
width: 100%; } }
@media only screen and (min-width: 1440px) {
.page-layout-black-friday-cms .page-main {
background-size: auto auto; } }
.page-layout-black-friday-sb .page-header .nav-featured {
display: none; }
.page-layout-black-friday-sb .page-title, .page-layout-black-friday-sb .question-detail .faq-cat-title, .question-detail .page-layout-black-friday-sb .faq-cat-title, .page-layout-black-friday-sb .koins-content h1, .koins-content .page-layout-black-friday-sb h1 {
margin-top: 0.75em;
margin-bottom: 0.75em; }
.page-layout-black-friday-sb .page-main .nav-featured {
margin-top: 18px;
margin-bottom: 15px;
padding-top: 0;
padding-bottom: 0; }
.page-layout-black-friday-sb .block.block-regional-notice {
margin: 0;
padding: 12px; }
.page-layout-black-friday-sb .promo-bar-wrapper {
display: none; }
@media only screen and (min-width: 768px) {
.page-layout-black-friday-sb .header.content {
padding-top: 18px;
padding-bottom: 10px; }
.page-layout-black-friday-sb .page-title, .page-layout-black-friday-sb .question-detail .faq-cat-title, .question-detail .page-layout-black-friday-sb .faq-cat-title, .page-layout-black-friday-sb .koins-content h1, .koins-content .page-layout-black-friday-sb h1 {
font-size: 3rem; } }
@media only screen and (min-width: 1024px) {
.page-layout-black-friday-sb .logo {
padding: 0; }
.page-layout-black-friday-sb .nav-top {
padding-bottom: 10px; }
.page-layout-black-friday-sb .header.content {
padding-top: 18px;
padding-bottom: 10px; } }
.account .action.back {
color: #fff;
display: block;
font-size: 1rem;
letter-spacing: 0.05em;
margin-top: 10px;
text-transform: uppercase; }
.profile-link {
display: block;
position: relative;
width: 32px;
height: 32px; }
.profile-link img {
background-color: #1F143D;
border: 1px solid #1F143D;
border-radius: 50%;
display: block;
position: absolute;
width: calc(100% - 4px);
margin: 2px;
height: auto; }
.header-profile-links {
width: 32px;
min-height: 1px; }
@media only screen and (min-width: 768px) {
.profile-link {
width: 42px;
height: 42px; }
.header-profile-links {
width: 42px; } }
.block.order-history .block-title {
font-size: 2.4rem; }
@media only screen and (min-width: 768px) {
.block.order-history .block-title {
font-size: 2.4rem; } }
.affiliates-dashboard .affiliates-block {
background-color: #0c0020;
padding: 25px;
margin: 25px 0; }
.affiliates-dashboard .affiliates-block h3 {
margin-top: 0; }
.affiliates-dashboard .affiliates-block-news .affiliates-block-content {
font-size: 1.2rem;
word-break: break-word; }
.affiliates-dashboard .block-content > .row {
margin-top: 25px;
margin-bottom: 25px; }
.affiliates-dashboard .block-content > .row > .col {
padding-top: 0;
padding-bottom: 0; }
.affiliates-dashboard .block-content > .row .affiliates-block {
margin: 0; }
@media only screen and (max-width: 639px) {
.affiliates-dashboard .block-content > .row > .col-12 + .col-12 {
margin-top: 25px; } }
.affiliates-share {
align-items: center;
display: flex;
justify-content: space-between; }
.affiliates-share .affiliates-share-item {
margin: 10px;
flex-basis: 80px;
max-width: 80px; }
.affiliates-share .affiliates-share-item svg {
width: 100%;
height: auto; }
.affiliates-load-more {
align-items: center;
display: flex; }
.affiliates-load-more:before, .affiliates-load-more:after {
background-color: rgba(255, 255, 255, 0.1);
content: '';
display: block;
height: 1px;
flex-basis: 0;
flex-grow: 1; }
.affiliates-load-more:before {
margin-right: 10px; }
.affiliates-load-more:after {
margin-left: 10px; }
.affiliates-stats-value {
text-align: center; }
.affiliates-stats-value .affiliates-stats-round {
align-items: center;
border: 4px solid currentColor;
border-radius: 50%;
display: inline-flex;
font-size: 2.4rem;
justify-content: center;
width: 4em;
height: 4em; }
.affiliates-stats-small {
text-align: left; }
.affiliates-stats-small .affiliates-stats-round {
font-size: 1.5rem; }
.affiliates-stats-small + .affiliates-stats-small {
margin-top: 10px; }
.affiliates-stats-value-primary {
color: #0e9b72; }
.affiliates-stats-value-primary .affiliates-stats-round {
font-size: 3rem; }
.block.block-collapsible-nav select,
.block.account-nav select {
-webkit-appearance: none;
appearance: none;
background-color: #0c0020;
background-image: url("../images/icons/white/chevron-down.svg");
background-position: right 16px center;
background-size: 9px 6px;
border: none;
color: #fff;
font-size: 1.2rem;
line-height: 2;
padding: 12px 40px 12px 14px;
text-indent: 6px;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.block.block-collapsible-nav select option,
.block.account-nav select option {
color: #333; }
.block.block-collapsible-nav .block-content,
.block.account-nav .block-content {
background-color: #0c0020;
font-size: 1.6rem;
margin-top: 0;
padding: 28px 0; }
.block.block-collapsible-nav .block-collapsible-nav-title,
.block.block-collapsible-nav .account-nav-title,
.block.account-nav .block-collapsible-nav-title,
.block.account-nav .account-nav-title {
display: none; }
.block.block-collapsible-nav .block-collapsible-nav-content,
.block.block-collapsible-nav .account-nav-content,
.block.account-nav .block-collapsible-nav-content,
.block.account-nav .account-nav-content {
display: none; }
.block.block-collapsible-nav .nav,
.block.account-nav .nav {
list-style: none;
margin: 0;
padding: 0;
text-align: right; }
.block.block-collapsible-nav .nav a,
.block.block-collapsible-nav .nav strong,
.block.account-nav .nav a,
.block.account-nav .nav strong {
color: #fff;
display: block;
font-weight: 400;
position: relative;
transition: text-shadow 0.3s; }
.block.block-collapsible-nav .nav li,
.block.account-nav .nav li {
margin: 0;
padding: 0;
position: relative; }
.block.block-collapsible-nav .nav li.current a,
.block.account-nav .nav li.current a {
padding: 0; }
.block.block-collapsible-nav .nav strong,
.block.account-nav .nav strong {
padding: 6px 18px 6px 0;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.block.block-collapsible-nav .nav strong:after,
.block.account-nav .nav strong:after {
background-color: #fff;
box-shadow: 0 0 9px 1px rgba(37, 146, 238, 0.9), 0 0 9px 1px rgba(37, 146, 238, 0.9), 0 0 9px 1px rgba(37, 146, 238, 0.9);
content: '';
width: 2px;
height: 100%;
position: absolute;
top: 0;
right: 0; }
.block.block-collapsible-nav .nav a,
.block.account-nav .nav a {
background-color: transparent;
padding: 14px 36px 14px 20px;
text-shadow: 0 0 0 rgba(37, 146, 238, 0), 0 0 0 rgba(37, 146, 238, 0), 0 0 0 rgba(37, 146, 238, 0); }
.block.block-collapsible-nav .nav a:hover,
.block.account-nav .nav a:hover {
text-decoration: none;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
@media only screen and (min-width: 768px) {
.block.block-collapsible-nav select,
.block.account-nav select {
display: none; }
.block.block-collapsible-nav .block-collapsible-nav-content,
.block.block-collapsible-nav .account-nav-content,
.block.account-nav .block-collapsible-nav-content,
.block.account-nav .account-nav-content {
display: block; } }
@media only screen and (min-width: 1440px) {
.block.block-collapsible-nav .nav strong,
.block.account-nav .nav strong {
padding: 14px 36px 14px 20px; } }
.row.customer-account-login {
margin-bottom: 15px;
margin-top: 50px; }
@media only screen and (min-width: 768px) {
.row.customer-account-login {
margin-top: 75px; } }
.block.block-customer-login,
.block.block-new-customer {
background-color: #0c0020;
padding: 0 24px 24px; }
.block.block-customer-login p,
.block.block-customer-login .field.note,
.block.block-new-customer p,
.block.block-new-customer .field.note {
flex-basis: 100%;
font-size: 1rem;
letter-spacing: 0.05em;
line-height: 1.7142857143;
margin: 0 auto;
max-width: 390px;
order: -2;
text-align: center;
text-transform: capitalize; }
.block.block-customer-login p,
.block.block-new-customer p {
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.block.block-customer-login,
.block.block-new-customer {
padding: 0 32px 32px; }
.block.block-customer-login p,
.block.block-customer-login .field.note,
.block.block-new-customer p,
.block.block-new-customer .field.note {
font-size: 1.4rem; } }
.block.block-social-link .field {
margin-left: auto;
margin-right: auto; }
.block.block-social-link .field input {
border-bottom: 1px solid #fff; }
.block.block-social-link .field .label {
color: #fff; }
.form-login .fieldset {
align-items: stretch;
display: flex;
flex-direction: column; }
.form-login .fieldset .field + .field {
margin-top: 30px; }
.form-login .fieldset .lof-social-login {
display: flex;
flex-basis: 100%;
flex-grow: 0;
max-width: 100%;
flex-direction: column-reverse;
order: 5; }
.form-login .actions-toolbar {
align-items: center;
display: flex;
flex-direction: row; }
.form-login .actions-toolbar > .primary {
margin-left: auto;
order: 2;
text-align: center; }
.form-login .actions-toolbar > .secondary {
order: 1; }
.form-login .action.remind {
color: #525282;
font-size: 1.2rem;
letter-spacing: 0.05em;
text-decoration: underline;
text-transform: uppercase; }
.form-login .field.verification-code {
align-items: center;
display: flex;
justify-content: center;
margin: 30px auto;
position: relative;
width: 100%; }
.form-login .field.verification-code input {
background: #525282;
border-radius: 3px;
font-family: "Quantico", sans-serif;
font-size: 2rem;
flex-basis: 0;
flex-grow: 1;
min-width: 0;
padding: 5px 0;
text-align: center; }
.form-login .field.verification-code input:not(:last-child) {
margin-right: 5px; }
.form-login .field.verification-code input:nth-of-type(3) {
margin-right: 10px; }
.form-login .field.verification-code input:focus {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(37, 146, 238, 0.8); }
.form-login .field.verification-code input[type="number"]::placeholder {
color: rgba(31, 20, 61, 0.5); }
.form-login .field.verification-code input::-webkit-outer-spin-button,
.form-login .field.verification-code input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.form-login .field.verification-code input[type=number] {
-moz-appearance: textfield; }
.form-login .field.verification-code input[type="number"]:focus::placeholder {
opacity: 0; }
.form-login .field.verification-code div.mage-error {
position: absolute;
top: 100%;
left: 0;
width: 100%; }
.form-login .form-login-messages {
margin-top: 1em; }
.form-login.form-verify .actions-toolbar {
align-items: stretch;
flex-direction: column; }
.form-login.form-verify .actions-toolbar > .primary {
margin-left: 0;
order: 1; }
.form-login.form-verify .actions-toolbar > .secondary {
margin-top: 10px;
order: 2; }
@media only screen and (min-width: 1440px) {
.form-login .fieldset {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between; }
.form-login .field.email, .form-login .field.password {
max-width: 49%;
width: 100%; }
.form-login .actions-toolbar {
width: 100%; } }
.block-new-customer {
align-items: stretch;
display: flex;
flex-direction: column; }
.block-new-customer .block-content {
align-items: stretch;
display: flex;
flex-direction: column;
flex-grow: 1; }
.block-new-customer .new-customer-benefits {
font-size: 1.6rem;
letter-spacing: 0.05em;
list-style: none;
margin: 50px 0;
padding: 0;
text-transform: uppercase; }
.block-new-customer .new-customer-benefits li {
align-items: center;
display: flex;
justify-content: center; }
.block-new-customer .new-customer-benefits li + li {
margin-top: 25px; }
.block-new-customer .new-customer-benefits li img {
margin-right: 12px; }
.block-new-customer .actions-toolbar {
margin-top: auto;
text-align: center; }
@media only screen and (max-width: 639px) {
.block-new-customer .new-customer-benefits li {
min-height: 2em;
padding-left: 82px;
position: relative;
justify-content: flex-start; }
.block-new-customer .new-customer-benefits li img {
position: absolute;
top: 50%;
left: 41px;
transform: translate(-50%, -50%); } }
.form-create-account .fieldset {
background-color: #0c0020;
border-color: #0c0020;
padding: 0 24px 24px; }
.form-create-account .fieldset + .fieldset {
margin-top: 25px; }
.form-create-account .fieldset-fields {
align-items: stretch;
display: flex;
flex-wrap: wrap; }
.form-create-account .fieldset-fields .field,
.form-create-account .fieldset-fields .lof-social-login-widget {
flex-basis: 100%;
max-width: 100%; }
.form-create-account .fieldset-inner {
align-items: stretch;
display: flex;
flex-direction: column;
padding-top: 25px; }
.form-create-account .field + .field {
margin-top: 30px; }
.form-create-account .field.choice {
align-items: center;
display: flex; }
.form-create-account .field.choice .label {
display: inline-block;
margin-left: 8px; }
.form-create-account .legend {
text-align: left; }
.form-create-account .legend span,
.form-create-account .legend strong {
transform: none; }
.form-create-account .lof-social-login {
order: -1; }
.form-create-account .lof-social-login .lof-social-login-or {
margin-bottom: 20px; }
.form-create-account > .actions-toolbar {
align-items: center;
display: flex;
justify-content: space-between;
margin: 25px 0; }
.form-create-account > .actions-toolbar .secondary {
order: -1; }
.form-create-account .action.back {
color: #fff; }
@media only screen and (min-width: 768px) {
.form-create-account .fieldset {
padding: 0 48px 48px; }
.form-create-account .fieldset-fields {
margin-left: -15px;
margin-right: -15px; }
.form-create-account .fieldset-fields .field {
flex-basis: 50%;
max-width: 50%;
margin: 0;
padding: 15px; } }
.mage-error:not(input):not(select):not(textarea) {
font-size: 1rem;
margin-top: 5px;
text-transform: uppercase; }
.password-meta {
margin-top: 1em; }
.password-meta .password-strength-meter {
font-size: 1.4rem;
text-transform: none; }
.password-meta [id="password-strength-meter-label"] {
display: inline-flex;
align-items: center; }
.password-meta [id="password-strength-meter-label"]::before {
background-image: url("../images/icons/white/check.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 8px auto;
display: block;
width: 16px;
height: 16px;
border-radius: 100%;
margin-right: 0.5em; }
.password-meta .password-weak .password-medium .password-strong .password-strength-meter span,
.password-meta .password-very-strong .password-strength-meter span {
color: #fff; }
.password-meta .password-weak .password-medium .password-strong .password-strength-label,
.password-meta .password-very-strong .password-strength-label {
display: none; }
.password-meta .password-weak .password-medium .password-strong [id="password-strength-meter-label"]::before,
.password-meta .password-very-strong [id="password-strength-meter-label"]::before {
content: ''; }
.password-meta .password-weak [id="password-strength-meter-label"]::before {
background-image: url("../images/icons/white/close.svg");
background-color: #ff350d; }
.password-meta .password-medium [id="password-strength-meter-label"]::before {
background-color: #e2d21a; }
.password-meta .password-strong [id="password-strength-meter-label"]::before,
.password-meta .password-very-strong [id="password-strength-meter-label"]::before {
background-color: #2fc28f; }
.password-meta .password-none [id="password-strength-meter-label"]::before {
content: none; }
@media only screen and (min-width: 1024px) {
.password-meta {
display: flex;
align-items: center; }
.password-meta [id="password-strength-meter-container"] {
flex-basis: 0;
flex-grow: 1;
margin-left: 1em; }
.password-meta .password-strength-meter {
margin-top: 0; } }
.password-guide {
color: rgba(255, 255, 255, 0.5);
font-size: 1.2rem;
margin: 16px 0; }
.password-strength-meter {
font-size: 1rem;
margin-top: 5px;
text-transform: uppercase; }
.password-weak .password-strength-meter span {
color: #ff350d; }
.password-medium .password-strength-meter span {
color: #e2d21a; }
.password-strong .password-strength-meter span,
.password-very-strong .password-strength-meter span {
color: #2fc28f; }
.form.password.forget,
.form.password.reset {
background-color: #0c0020;
margin: 25px 0;
padding: 24px; }
.form.password.forget .fieldset,
.form.password.reset .fieldset {
border: none;
padding: 0; }
.form.password.forget .field.note,
.form.password.reset .field.note {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 1.7142857143;
margin: 0 auto;
max-width: 370px;
text-transform: uppercase;
text-align: center; }
.form.password.forget .field.captcha .nested,
.form.password.reset .field.captcha .nested {
margin-top: 10px; }
.form.password.forget .actions-toolbar,
.form.password.reset .actions-toolbar {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 25px; }
.form.password.forget .actions-toolbar .secondary,
.form.password.reset .actions-toolbar .secondary {
order: -1; }
.form.password.forget .action.back,
.form.password.reset .action.back {
color: #fff; }
@media only screen and (min-width: 768px) {
.form.password.forget {
padding: 48px; } }
.account .block.block-dashboard-info {
margin-top: 0; }
.account .block.account-intro {
margin-top: 0; }
.account .block.block-addresses-default {
margin-top: 0; }
.account .block.block-addresses-default > .block-content {
margin-top: 0; }
.account .block.block-addresses-list .toolbar {
text-align: center; }
.account .block.block-addresses-list .toolbar .limiter {
display: none; }
.table-additional-addresses-items .col.actions {
text-align: right; }
.table-additional-addresses-items .action {
display: inline-block;
margin: 5px;
padding: 5px; }
.table-additional-addresses-items .action svg {
display: block; }
@media only screen and (max-width: 767px) {
.table-additional-addresses-items {
border: none; }
.table-additional-addresses-items,
.table-additional-addresses-items tbody,
.table-additional-addresses-items tfoot,
.table-additional-addresses-items tr,
.table-additional-addresses-items td,
.table-additional-addresses-items th {
display: block; }
.table-additional-addresses-items thead {
display: none; }
.table-additional-addresses-items .streetaddress,
.table-additional-addresses-items .city,
.table-additional-addresses-items .country,
.table-additional-addresses-items .state,
.table-additional-addresses-items .zip,
.table-additional-addresses-items .phone {
padding-top: 0;
padding-bottom: 0; }
.table-additional-addresses-items .name {
padding-bottom: 0; }
.table-additional-addresses-items .action {
margin: 0;
display: inline-block;
vertical-align: top; }
.table-additional-addresses-items .action svg {
width: 30px;
height: auto; } }
.block.block-reviews-dashboard .items {
font-size: 1.4rem;
list-style: none;
margin: 0;
padding: 0; }
.block.block-reviews-dashboard .item {
align-items: center;
display: flex;
justify-content: space-between;
padding: 10px; }
.block.block-reviews-dashboard .item:nth-child(odd) {
background-color: #0c0020; }
.block.block-reviews-dashboard .item + .item {
border-top: 1px solid rgba(255, 255, 255, 0.5); }
.block.block-reviews-dashboard .item a {
color: inherit; }
.block.block-reviews-dashboard .rating-summary .rating-result {
display: inline-block; }
.table.table-reviews .col.summary {
text-align: center; }
.table.table-reviews .review-rating {
color: #fff;
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
width: 68px;
height: 68px;
width: 42px;
height: 42px; }
.table.table-reviews .review-rating.green {
color: #2fc28f; }
.table.table-reviews .review-rating.yellow {
color: #e2d21a; }
.table.table-reviews .review-rating.red {
color: #ff350d; }
.table.table-reviews .review-rating circle {
stroke-width: 8px; }
.table.table-reviews .review-rating .review-rating-result {
align-items: center;
background-color: #0c0020;
border-radius: 50%;
display: flex;
font-family: "Quantico", sans-serif;
font-size: 1.2rem;
justify-content: center;
letter-spacing: 0.05em;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 4px);
height: calc(100% - 4px); }
.products-reviews-toolbar {
text-align: center; }
.products-reviews-toolbar .limiter {
display: none; }
.account-billing-agreements select {
-webkit-appearance: none;
appearance: none;
background-color: #1F143D;
background-image: url("../images/icons/white/chevron-down.svg");
background-position: right 8px center;
background-repeat: no-repeat;
background-size: 10px 7px;
border: 1px solid #525282;
border-radius: 3px;
color: #fff;
padding: 6px 24px 6px 6px; }
.account-billing-agreements select option {
color: #333; }
.form.form-new-agreement {
margin: 15px 0; }
.form.form-new-agreement .legend {
text-align: left; }
.form.form-new-agreement .actions-toolbar {
align-items: center;
display: flex;
justify-content: space-between; }
@media only screen and (min-width: 768px) {
.form.form-new-agreement {
margin: 30px 0; } }
.block.block-customer-confirmation {
margin: 20px 0; }
@media only screen and (min-width: 768px) {
.block.block-customer-confirmation {
margin: 30px 0; } }
.form.send.confirmation .fieldset {
border: none;
margin: 0;
padding: 0; }
.form.send.confirmation .faux-input {
font-weight: 600; }
.form.send.confirmation .actions-toolbar {
margin-top: 30px; }
.form.send.confirmation .actions-toolbar .secondary {
margin-top: 10px; }
@media only screen and (min-width: 768px) {
.form.send.confirmation .actions-toolbar {
align-items: center;
display: flex;
justify-content: space-between; }
.form.send.confirmation .actions-toolbar .secondary {
margin-top: 0; } }
.customer-account-verify .page.messages {
display: none; }
.customer-account-verify .columns .message.permanent {
margin: 20px 0; }
.footer-newsletter {
border-color: #190f34;
border-style: solid;
border-width: 1px 0;
flex-basis: 100%;
flex-grow: 0;
margin: 30px 0 10px;
max-width: 100%;
padding: 30px 0; }
.block.newsletter .block-title {
text-align: center;
text-transform: uppercase; }
.block.newsletter .block-title span {
color: #fff;
font-family: "Quantico", sans-serif;
font-size: 2rem; }
.block.newsletter .block-title small {
color: #9694aa;
display: block;
font-size: 1.2rem;
letter-spacing: 0.1em; }
.block.newsletter .form.subscribe {
margin-left: auto;
margin-right: auto;
margin-top: 24px; }
.block.newsletter .form.subscribe .field .label {
color: #9694aa; }
.block.newsletter .form.subscribe .label {
display: none; }
.block.newsletter .form.subscribe input::placeholder {
color: #fff;
opacity: 1; }
.block.newsletter .form.subscribe a {
color: inherit;
pointer-events: all;
text-decoration: underline; }
.block.newsletter .form.subscribe .field.terms .label {
font-size: 0.9rem; }
.block.newsletter .form.subscribe .actions {
text-align: center;
margin-top: 18px; }
@media only screen and (min-width: 768px) {
.footer-newsletter {
border-width: 1px 0 0;
margin: 10px 0;
padding: 30px 0 0; }
.block.newsletter {
display: flex;
align-items: flex-start;
justify-content: space-between; }
.block.newsletter .form.subscribe {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-top: 0; }
.block.newsletter .form.subscribe .field.terms {
margin-top: 15px; }
.block.newsletter .form.subscribe .field.terms .label {
font-size: 1.1rem; }
.block.newsletter .form.subscribe > div {
flex-grow: 1; }
.block.newsletter .form.subscribe .actions {
margin: 0;
white-space: nowrap;
max-width: 220px;
padding-left: 18px; }
.block.newsletter .form.subscribe .actions .button, .block.newsletter .form.subscribe .actions .navigation .nav-button > a, .navigation .block.newsletter .form.subscribe .actions .nav-button > a, .block.newsletter .form.subscribe .actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.newsletter .form.subscribe .actions .action-delete, .block.newsletter .form.subscribe .actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.newsletter .form.subscribe .actions .action-accept, .block.newsletter .form.subscribe .actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.newsletter .form.subscribe .actions .action-dismiss {
width: 100%; }
.block.newsletter .block-title {
margin-right: 30px;
margin-top: 0;
text-align: left; }
.block.newsletter .block-title span {
font-size: 2rem; }
.block.newsletter .block-title small {
font-size: 1.5rem; }
.block.newsletter .block-content {
flex: 1;
margin-top: 0; } }
@media only screen and (min-width: 1024px) {
.block.newsletter .block-title {
align-items: center;
display: flex; }
.block.newsletter .block-title small {
margin-top: 3px; }
.block.newsletter .block-title span {
margin-left: 0.6em; } }
.review-add {
padding: 25px; }
.review-add fieldset {
border: none;
padding: 0; }
.review-add .block-title {
letter-spacing: 0.09rem;
margin-bottom: 45px;
text-align: left;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
.review-add-fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.review-add .field {
flex-basis: 100%;
margin-bottom: 15px; }
.review-add .field.review-field-text, .review-add .field.review-field-ratings {
flex-basis: 100%; }
.review-add .field.review-field-ratings {
margin-bottom: 30px; }
.review-add .field.review-field-ratings .label {
margin-bottom: 25px;
top: 0; }
.review-add .field + .field {
margin-top: 0; }
.review-add .control {
margin-top: 0; }
.review-add input,
.review-add textarea {
background: none;
border: none;
border-bottom: 1px solid #453b56;
border-radius: 0;
color: #ffffff;
outline: unset;
padding-left: 0;
padding-right: 0;
z-index: 2; }
.review-add input,
.review-add textarea,
.review-add .label {
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
letter-spacing: 0.09rem;
position: relative;
display: inline-block;
width: 100%; }
.review-add .label {
color: #6e6d93;
display: inline-block;
line-height: 24px;
margin: 0 auto;
padding: 0;
text-transform: uppercase;
z-index: 1; }
.review-add .actions-primary {
display: flex;
justify-content: flex-end; }
.review-add .note {
color: #888;
margin-top: 0; }
.review-add #review_field + .mage-error {
display: none !important;
visibility: hidden; }
.review-add #review_field.mage-error ~ .note {
color: red; }
.review-add .ratings {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 15px;
grid-column-gap: 25px; }
.review-add .ratings [type="radio"]:checked,
.review-add .ratings [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
width: 0;
height: 0;
visibility: hidden; }
.review-add .ratings .radio:checked ~ label,
.review-add .ratings .radio:not(:checked) ~ label {
border-radius: 100%;
cursor: pointer;
display: block;
font-size: 1.4rem;
height: 40px;
line-height: 40px;
margin: 0 auto;
padding: 0;
position: relative;
text-align: center;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.85);
width: 40px; }
.review-add .ratings .radio:not(:checked) ~ label {
opacity: 0.8; }
.review-add .ratings .radio:checked ~ label {
box-shadow: 0 0 0 2px #000, 0 0 10px 6px #fff;
opacity: 1; }
.review-add .ratings .radio[data-value="0"] ~ label {
background: #f01841; }
.review-add .ratings .radio[data-value="25"] ~ label {
background: #f08f19; }
.review-add .ratings .radio[data-value="50"] ~ label {
background: #f0c81a; }
.review-add .ratings .radio[data-value="75"] ~ label {
background: #85cc6e; }
.review-add .ratings .radio[data-value="100"] ~ label {
background: #2fc28e; }
@media only screen and (min-width: 640px) {
.review-add .ratings {
grid-column-gap: 25px; } }
@media only screen and (min-width: 768px) {
.review-add .field {
flex-basis: 48%; }
.review-add .note {
font-size: 1.4rem; }
.review-add .field.review-field-ratings {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px; }
.review-add .field.review-field-ratings .label {
margin: 0 45px 25px 0;
width: auto; }
.review-add .ratings .radio:checked ~ label,
.review-add .ratings .radio:not(:checked) ~ label {
font-size: 1.6rem;
height: 42px;
letter-spacing: 0.15rem;
line-height: 42px;
width: 42px; } }
@media only screen and (min-width: 1024px) {
.review-add .field.review-field-ratings .label {
margin-bottom: 0; }
.review-add .ratings .radio:checked ~ label,
.review-add .ratings .radio:not(:checked) ~ label {
font-size: 1.8rem;
height: 60px;
letter-spacing: 0.25rem;
line-height: 60px;
width: 60px; } }
@media only screen and (min-width: 1440px) {
.review-add {
padding: 45px; } }
.review-form {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative; }
.review-form::before {
align-items: center;
background-color: rgba(0, 0, 0, 0);
background-image: url("../images/loader-1.gif");
background-position: center;
background-size: 64px;
color: #fff;
content: '';
display: flex;
justify-content: center;
opacity: 0;
pointer-events: none;
position: absolute;
width: 0;
height: 0;
transition: background-color 0.4s;
z-index: 3; }
.review-form.__loading {
z-index: 0; }
.review-form.__loading::before {
background-color: rgba(0, 0, 0, 0.5);
content: attr(data-label-loading);
inset: -10px;
padding-top: 96px;
opacity: 1;
pointer-events: initial;
width: auto;
height: auto; }
.review-support {
color: #666;
margin-top: 15px;
order: 99; }
@media only screen and (min-width: 768px) {
.review-support {
flex: 1;
margin-top: 0;
order: unset; }
.review-form-actions {
flex: 1;
max-width: 250px; } }
.block.review-list {
padding: 15px; }
.block.review-list .block-top {
align-items: stretch;
border-bottom: 1px solid #1F143D;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 18px; }
.block.review-list .block-title {
align-items: center;
display: flex;
font-size: 1.4rem; }
.block.review-list .block-title strong {
font-weight: 400;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
.block.review-list .block-title .review-list_count {
font-size: 1.8rem; }
.block.review-list .block-title .button, .block.review-list .block-title .navigation .nav-button > a, .navigation .block.review-list .block-title .nav-button > a, .block.review-list .block-title .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.review-list .block-title .action-delete, .block.review-list .block-title .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.review-list .block-title .action-accept, .block.review-list .block-title .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.review-list .block-title .action-dismiss {
margin-left: 10px; }
.block.review-list .block-content {
position: relative; }
.block.review-list .block-content:after {
background-image: linear-gradient(to top, #0c0020 0%, rgba(12, 0, 32, 0) 100%);
content: '';
position: absolute;
top: 650px;
height: 50px;
left: 0;
width: 100%; }
.block.review-list .block-scroll {
max-height: 700px;
overflow: auto; }
.block.review-list .review-list_overall {
align-items: center;
display: flex;
justify-content: flex-end;
margin-top: 10px; }
.block.review-list .review-list_overall strong {
font-weight: 400;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
.block.review-list .review-list_overall .review-list_overall-rating {
font-size: 0.6rem;
margin-left: 10px;
width: 50px;
height: 50px; }
.block.review-list .review-list_overall .review-list_overall-rating .rating-circle {
width: 100%;
height: 100%; }
.block.review-list .review-list_overall .review-list_overall-rating .rating-circle circle {
stroke-width: 2px; }
.block.review-list .review-items .review-item {
background-color: #fff;
color: #0c0020;
border-radius: 4px;
margin-top: 36px;
padding: 40px 24px 24px;
position: relative; }
.block.review-list .review-info {
display: flex;
align-items: center;
justify-content: space-between; }
.block.review-list .review-votes {
align-items: stretch;
display: flex;
margin: 10px -4px 0; }
.block.review-list .review-votes .review-votes_yay,
.block.review-list .review-votes .review-votes_nay {
background-color: #eee;
border: none;
border-radius: 3px;
flex-basis: 0;
flex-grow: 1;
margin-left: 4px;
margin-right: 4px;
padding: 30px 10px 10px;
position: relative;
text-align: center;
transition: background-color 0.3s; }
.block.review-list .review-votes .review-votes_yay:focus,
.block.review-list .review-votes .review-votes_nay:focus {
background-color: #e0e0e0;
outline: none; }
.block.review-list .review-votes .review-votes_yay:after,
.block.review-list .review-votes .review-votes_nay:after {
background-color: #ddd; }
.block.review-list .review-votes .review-votes_yay:before,
.block.review-list .review-votes .review-votes_nay:before {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
content: '';
position: absolute;
left: 50%;
top: 10px;
width: 20px;
height: 10px; }
.block.review-list .review-votes .review-votes_yay {
color: #2fc28f; }
.block.review-list .review-votes .review-votes_yay:before {
background-image: url("../images/icons/green/chevron-down.svg");
transform: translate(-50%, 0) rotate(180deg); }
.block.review-list .review-votes .review-votes_nay {
color: #ff350d; }
.block.review-list .review-votes .review-votes_nay:before {
background-image: url("../images/icons/red/chevron-down.svg");
transform: translate(-50%, 0); }
.block.review-list .review-points {
align-items: stretch;
display: flex;
flex-direction: column;
margin: 10px -12px 0;
text-align: left; }
.block.review-list .review-points ul {
color: #666;
font-size: 1.4rem;
list-style: none;
margin: 10px 0 0;
padding: 0; }
.block.review-list .review-points ul li {
position: relative;
padding-left: 12px; }
.block.review-list .review-points ul li:before {
background-color: #000;
content: '';
border-radius: 50%;
width: 3px;
height: 3px;
position: absolute;
top: 0.7em;
left: 0; }
.block.review-list .review-points ul li + li {
margin-top: 4px; }
.block.review-list .review-points .review-points_good,
.block.review-list .review-points .review-points_bad {
background-color: #eee;
border-radius: 3px;
flex-basis: auto;
margin: 12px 12px 0;
padding: 15px;
position: relative; }
.block.review-list .review-points .review-points_good .review-points_title {
background-image: url("../images/icons/green/check.svg");
color: #2fc28f; }
.block.review-list .review-points .review-points_good ul li:before {
background-color: #2fc28f; }
.block.review-list .review-points .review-points_bad .review-points_title {
background-image: url("../images/icons/red/close.svg");
color: #ff350d; }
.block.review-list .review-points .review-points_bad ul li:before {
background-color: #ff350d; }
.block.review-list .review-points .review-points_title {
background-position: 0 center;
background-repeat: no-repeat;
font-weight: 700;
padding-left: 30px;
background-size: 15px auto; }
.block.review-list .review-title {
font-size: 1.6rem;
font-weight: 700;
text-transform: uppercase; }
.block.review-list .review-rating {
border-radius: 50%;
width: 70px;
height: 70px;
position: relative; }
.block.review-list .review-rating .review-rating-result {
font-size: 1.8rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.block.review-list .review-rating circle {
fill: #0c0020;
stroke-width: 5px; }
.block.review-list .review-account {
background-color: #0c0020;
border-radius: 50%;
width: 50px;
height: 50px;
margin-left: 10px; }
.block.review-list .review-account circle {
stroke-width: 5px; }
.block.review-list .review-account .profile-link {
width: 50px;
height: 50px; }
.block.review-list .review-account .profile-link img {
margin: 4px;
width: calc(100% - 8px); }
.block.review-list .review-details {
align-items: center;
border-bottom: 1px solid #9694aa;
color: #9694aa;
display: flex;
justify-content: space-between;
font-size: 1.2rem;
margin-top: 18px;
margin-bottom: 30px;
padding-bottom: 20px; }
.block.review-list .review-details .review-author {
color: #251936;
font-size: 1.6rem;
font-weight: 600; }
.block.review-list .review-content {
color: #666;
font-size: 1.4rem;
margin-top: 14px;
word-break: break-word; }
.block.review-list .toolbar.review-toolbar {
text-align: center; }
.block.review-list .toolbar.review-toolbar .pages-indicator {
background-color: #1F143D; }
.block.review-list .toolbar.review-toolbar .limiter {
display: none; }
@media only screen and (max-width: 767px) {
.block.review-list .review-items .review-item {
padding-bottom: 110px; }
.block.review-list .review-votes {
position: absolute;
bottom: 24px;
left: 24px;
right: 24px; } }
@media only screen and (min-width: 768px) {
.block.review-list {
padding: 45px; }
.block.review-list .block-top {
align-items: center;
flex-direction: row; }
.block.review-list .block-title {
font-size: 1.8rem; }
.block.review-list .block-title .review-list_count {
font-size: 2.4rem; }
.block.review-list .review-list_overall {
margin-top: 0; }
.block.review-list .review-list_overall .review-list_overall-rating {
font-size: 0.9rem;
width: 70px;
height: 70px; }
.block.review-list .review-rating {
width: 90px;
height: 90px; }
.block.review-list .review-account {
width: 70px;
height: 70px; }
.block.review-list .review-rating .review-rating-result,
.block.review-list .review-account .review-rating-result {
font-size: 2.6rem; }
.block.review-list .review-rating .profile-link,
.block.review-list .review-account .profile-link {
width: 70px;
height: 70px; }
.block.review-list .review-items .review-item {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-top: 32px;
padding: 32px 32px; }
.block.review-list .reviews-right {
flex: 1;
margin-left: 30px; } }
@media only screen and (min-width: 1024px) {
.block.review-list .review-points {
flex-direction: row; }
.block.review-list .review-points .review-points_bad,
.block.review-list .review-points .review-points_good {
flex-basis: 0;
flex-grow: 1; } }
.customer-review {
background-color: #fff;
border-radius: 4px;
color: #0c0020;
padding: 0 24px 24px;
position: relative; }
.customer-review .review-inner {
display: flex; }
.customer-review .review-image {
flex-basis: 90px;
flex-grow: 0;
max-width: 90px; }
.customer-review .review-image .product-item-photo {
padding-top: 20px; }
.customer-review .review-title {
font-size: 1.6rem;
font-weight: 700;
text-transform: uppercase; }
.customer-review .review-details {
flex-basis: 0;
flex-grow: 1;
font-size: 1.2rem;
padding-left: 12px;
padding-top: 40px;
position: relative; }
.customer-review .review-meta {
color: #9694aa;
font-size: 0.9rem;
margin-top: 10px; }
.customer-review .review-rating {
background-color: #0c0020;
border-radius: 50%;
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 12px;
transform: translate(0, -50%); }
.customer-review .review-rating .review-rating-result {
font-size: 1.8rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.customer-review .review-rating circle {
stroke-width: 5px; }
.customer-review .review-content {
color: #9694aa;
margin-top: 1em;
word-break: break-word; }
@media only screen and (min-width: 768px) {
.customer-review {
padding: 0 32px 32px; }
.customer-review .review-image {
flex-basis: 175px;
max-width: 175px; }
.customer-review .review-image .product-item-photo {
margin-top: -45px;
padding-top: 0; }
.customer-review .review-details {
font-size: 1.4rem;
padding-top: 60px;
padding-left: 50px; }
.customer-review .review-meta {
font-size: 1.2rem;
margin-top: 20px; }
.customer-review .review-rating {
width: 70px;
height: 70px;
left: 50px; }
.customer-review .review-rating .review-rating-result {
font-size: 2.6rem; } }
body {
background-color: #1F143D;
color: #eee; }
@media only screen and (max-width: 767px) {
.panel.header {
display: none; } }
.header-top {
background-color: #0c0020; }
@media only screen and (max-width: 767px) {
.header-top {
display: none; } }
@media only screen and (min-width: 768px) {
.header-top .wrap, .header-top .page-main, .header-top .header.content, .header-top .nav-sections, .header-top .footer, .header-top .catalog-category-view .category-top-inner, .catalog-category-view .header-top .category-top-inner, .header-top .catalog-category-view .products-grid, .catalog-category-view .header-top .products-grid, .header-top .catalog-category-view .page-title, .catalog-category-view .header-top .page-title, .header-top .catalog-category-view .question-detail .faq-cat-title, .catalog-category-view .question-detail .header-top .faq-cat-title, .header-top .question-detail .catalog-category-view .faq-cat-title, .question-detail .catalog-category-view .header-top .faq-cat-title, .header-top .catalog-category-view .koins-content h1, .catalog-category-view .koins-content .header-top h1, .header-top .koins-content .catalog-category-view h1, .koins-content .catalog-category-view .header-top h1, .header-top .catalog-product-view .column.main > .block.widget, .catalog-product-view .header-top .column.main > .block.widget,
.header-top .catalog-product-view .columns > .block.widget, .catalog-product-view .header-top .columns > .block.widget, .header-top .block.widget.block-products-list, .header-top .home-top, .header-top .widget.developer-list, .header-top .widget.trustpilot-summary .widget-content, .widget.trustpilot-summary .header-top .widget-content, .header-top .promo-bar .promo-bar-inner, .promo-bar .header-top .promo-bar-inner, .header-top #algolia-category-facets .ais-Panel, #algolia-category-facets .header-top .ais-Panel, .header-top #algolia-category-sorts .ais-SortBy, #algolia-category-sorts .header-top .ais-SortBy {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto;
place-items: center center; } }
.header-trustpilot {
align-items: center;
display: flex;
padding: 5px;
text-align: center;
width: 100%; }
.header-trustpilot img {
display: block; }
.header-trustpilot .stars {
margin-right: 10px; }
.header-trustpilot .trustpilot-widget {
background-color: transparent;
width: 100%; }
.header-trustpilot .trustpilot-widget iframe {
vertical-align: top; }
@media only screen and (min-width: 768px) {
.header-trustpilot {
grid-area: 1 / 2 / 2 / 3;
padding: 10px 10px; } }
.cookie-status-message {
display: none; }
.footer.content {
display: flex;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.footer.content {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between; } }
@media only screen and (min-width: 768px) {
.footer-nav-container {
display: flex;
margin-bottom: 20px;
flex: 1;
justify-content: space-between; } }
.nav-footer__title ~ .nav-footer__title {
margin-top: 30px; }
.nav-footer__contact svg {
display: block;
margin-right: 4px;
width: 17px; }
.nav-footer__contact path {
fill: currentColor; }
.nav-footer__contact .nav-footer__link {
align-items: center;
display: flex; }
@media only screen and (max-width: 767px) {
.nav-footer {
border-bottom: 1px solid #210f3f; }
.nav-footer__title {
align-items: center;
display: flex;
position: relative; }
.nav-footer__title:before, .nav-footer__title:after {
background: #ffffff;
content: '';
height: 2px;
position: absolute;
right: 0;
top: 50%;
transition: transform 0.5s ease;
width: 21px; }
.nav-footer__title:before {
transform: translate(0, -50%); }
.nav-footer__title:after {
transform: translate(0, -50%) rotate(90deg);
transform-origin: 50% 50%; }
.nav-footer_inner {
overflow: hidden;
position: absolute;
height: 0;
margin: 0 0 25px; }
.nav-footer.is-active .nav-footer__title:after {
transform: translate(0, -50%) rotate(0); }
.nav-footer.is-active .nav-footer_inner {
overflow: visible;
position: static;
height: auto; } }
@media only screen and (min-width: 768px) {
.nav-footer {
max-width: 25%;
width: 100%; }
.nav-footer__mobile {
display: none; }
.nav-footer:not(:last-child) {
margin-right: 45px; } }
.page-header__title,
.footer-switcher__title {
display: block; }
.page-header .switcher:not(.store),
.footer-switcher .switcher:not(.store) {
margin-bottom: 25px; }
.page-header .switcher-label,
.footer-switcher .switcher-label {
display: none;
padding: 0; }
.page-header .switcher-dropdown,
.footer-switcher .switcher-dropdown {
height: 0;
width: 0;
opacity: 0;
overflow: hidden;
transition: opacity 0.3s; }
.page-header .switcher-trigger,
.footer-switcher .switcher-trigger {
border: 1px solid #605d81;
cursor: pointer;
line-height: 1;
padding: 15px;
transition: border-color 0.3s; }
.page-header .switcher-trigger:hover,
.footer-switcher .switcher-trigger:hover {
border-color: #fff;
text-decoration: none; }
.page-header .switcher-trigger strong,
.footer-switcher .switcher-trigger strong {
align-items: center;
display: flex;
font-weight: 400;
justify-content: space-between; }
.page-header .switcher-trigger strong > span,
.footer-switcher .switcher-trigger strong > span {
padding-right: 10px; }
.page-header .switcher-trigger strong:after,
.footer-switcher .switcher-trigger strong:after {
background: url("../images/icons/white/chevron-down.svg") 0 0 no-repeat;
background-size: contain;
content: '';
height: 9px;
transition: transform 0.5s ease;
width: 10px; }
.page-header .switcher-option a,
.footer-switcher .switcher-option a {
align-items: center;
display: flex;
font-size: 1.4rem;
letter-spacing: 0.35px;
margin-bottom: 5px; }
.page-header .switcher ul,
.page-header .switcher ol,
.footer-switcher .switcher ul,
.footer-switcher .switcher ol {
list-style: none;
margin: 0;
padding: 0; }
.page-header .switcher li,
.footer-switcher .switcher li {
margin: 0;
padding: 0; }
.page-header .switcher .currency-option,
.footer-switcher .switcher .currency-option {
column-count: 2; }
.page-header .switcher .currency-option span,
.footer-switcher .switcher .currency-option span {
color: #fff;
display: inline-block;
font-weight: 600;
min-width: 34px;
margin-right: 6px; }
.page-header .switcher .flag-icon,
.footer-switcher .switcher .flag-icon {
margin-right: 10px;
opacity: 0;
transition: opacity 0.25s ease-in; }
.page-header .switcher .flag-icon-in,
.footer-switcher .switcher .flag-icon-in {
opacity: 1; }
.page-header .switcher-store .switcher-label,
.footer-switcher .switcher-store .switcher-label {
margin-top: 45px;
order: 2; }
.page-header .switcher-store .switcher-label__popular,
.footer-switcher .switcher-store .switcher-label__popular {
margin-top: 0;
order: 0; }
.page-header .switcher-store .switcher-option,
.footer-switcher .switcher-store .switcher-option {
order: 3; }
.page-header .switcher-store .switcher-option__english,
.page-header .switcher-store .switcher-option__french,
.page-header .switcher-store .switcher-option__german,
.page-header .switcher-store .switcher-option__italian,
.page-header .switcher-store .switcher-option__italy,
.page-header .switcher-store .switcher-option__spanish,
.page-header .switcher-store .switcher-option__dutch,
.page-header .switcher-store .switcher-option__netherlands,
.footer-switcher .switcher-store .switcher-option__english,
.footer-switcher .switcher-store .switcher-option__french,
.footer-switcher .switcher-store .switcher-option__german,
.footer-switcher .switcher-store .switcher-option__italian,
.footer-switcher .switcher-store .switcher-option__italy,
.footer-switcher .switcher-store .switcher-option__spanish,
.footer-switcher .switcher-store .switcher-option__dutch,
.footer-switcher .switcher-store .switcher-option__netherlands {
order: 1; }
.page-header .switcher-store .switcher-option__arabic,
.footer-switcher .switcher-store .switcher-option__arabic {
order: 4; }
.page-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
.cms-index-index .page-header {
border-bottom-color: transparent; }
.page-header .header-top .switcher {
display: none; }
.page-header .nav-top {
position: relative; }
.page-header .header-top .switcher,
.page-header .nav-top .switcher {
margin-bottom: 0; }
.page-header .header-top .switcher-trigger,
.page-header .nav-top .switcher-trigger {
align-items: center;
color: #fff;
display: flex;
min-height: 42px;
padding: 10px;
white-space: nowrap; }
.page-header .header-top .switcher-trigger:before, .page-header .header-top .switcher-trigger:after,
.page-header .nav-top .switcher-trigger:before,
.page-header .nav-top .switcher-trigger:after {
content: '';
opacity: 0;
position: absolute;
transition: opacity 0.3s; }
.page-header .header-top .switcher-trigger:before,
.page-header .nav-top .switcher-trigger:before {
transition-delay: 0.1s; }
.page-header .header-top .switcher-trigger:focus,
.page-header .nav-top .switcher-trigger:focus {
outline: none; }
.page-header .switcher-currency .currency-code {
display: none; }
.page-header .switcher-store .switcher-trigger span {
display: none; }
.flag-icon {
background-position: center;
background-size: 32px;
border-radius: 50%;
display: block;
height: 20px;
width: 20px; }
@media only screen and (max-width: 767px) {
.page-header .header-top .switcher {
display: block;
margin-bottom: 0;
margin-left: 8px; }
.page-header .header-top .switcher .flag-icon {
background-size: 24px;
margin-right: 8px;
width: 16px;
height: 16px; }
.page-header .header-top .switcher-trigger {
font-size: 1rem;
height: 32px;
min-height: 0;
padding: 8px; }
.page-header .header.content {
position: relative; }
.page-header .nav-top {
position: unset; }
.page-header .nav-top .header-link img {
max-height: 32px;
width: auto;
max-width: 32px; }
.page-header .nav-top .switcher-trigger {
font-size: 1rem;
height: 32px;
min-height: 0;
padding: 8px; }
.page-header .nav-top .switcher-trigger > span {
padding-right: 5px; }
.page-header .nav-top .link.wishlist {
transform: scale(1.2); }
.page-header .switcher-currency .switcher-dropdown {
column-count: 2; }
.page-header .switcher-currency .switcher-dropdown .switcher-label {
column-span: all; }
.footer-switcher .switcher-currency .switcher-dropdown {
column-count: 2; }
.footer-switcher .switcher-currency .switcher-dropdown .switcher-label {
column-span: all; }
.footer-switcher .switcher-trigger .flag-icon {
margin-right: auto; } }
@media only screen and (min-width: 768px) {
.page-header .switcher-store .switcher-trigger span {
display: none; }
.page-header .switcher-currency .switcher-dropdown {
column-count: 3; }
.page-header .switcher-currency .switcher-dropdown .switcher-label {
column-span: all; }
.footer-switcher {
margin-right: 45px; }
.footer-switcher .switcher-dropdown {
column-count: 3; }
.footer-switcher .switcher-dropdown .switcher-label {
column-span: all; } }
@media only screen and (min-width: 1024px) {
.page-header .switcher-store .switcher-trigger span {
display: inline; }
.page-header .switcher-currency .currency-code {
display: inline; }
.page-header .switcher .switcher-trigger strong:after {
width: 14px;
height: 9px; }
.footer-switcher {
margin-left: 45px;
margin-right: 0; } }
.footer-mid {
border-color: #190f34;
border-style: solid;
border-width: 1px 0;
flex-basis: 100%;
flex-grow: 0;
margin: 10px 0;
max-width: 100%;
padding: 10px 0; }
.footer-mid .nav-footer__title:before, .footer-mid .nav-footer__title:after {
content: none; }
@media only screen and (max-width: 767px) {
.footer-mid {
border-top: none;
margin-top: 0;
padding-top: 0; }
.footer-mid .col {
padding-top: 0;
padding-bottom: 0; } }
@media only screen and (min-width: 1024px) {
.footer-mid {
border-width: 2px 0;
margin: 20px 0;
padding: 20px 0; } }
.footer-icons {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px; }
.footer-icons a {
margin: 8px; }
.footer-icons a:hover path {
fill: #fff; }
.footer-icons img,
.footer-icons svg {
display: block; }
.footer-icons svg {
width: 28px;
height: 28px; }
.footer-icons path {
fill: #6e6d93;
transition: fill 0.3s; }
@media only screen and (min-width: 1024px) {
.footer-icons {
margin-left: -10px;
margin-right: -10px; }
.footer-icons a {
margin: 10px; } }
.footer-bottom {
align-items: flex-start;
border-bottom: 2px solid #210f3f;
display: flex;
flex-direction: column;
margin: 30px 0;
padding-bottom: 30px;
width: 100%; }
.footer-bottom__usps {
margin-top: 25px; }
.footer-bottom__usps p {
color: #ffffff;
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.9px;
margin: 0;
text-transform: uppercase;
text-shadow: 0 0 9px rgba(253, 63, 78, 0.9), 0 0 9px rgba(253, 63, 78, 0.9), 0 0 9px rgba(253, 63, 78, 0.9), 0 0 9px rgba(253, 63, 78, 0.9); }
.footer-bottom__usps p span {
padding: 0 5px; }
.checkout-index-index .footer-bottom__usps p {
color: #bbdef1;
font-size: 1.8rem;
text-align: center;
text-shadow: #63b5fb 0px 0px 12px, #2592ee 0px 0px 6px; }
.checkout-index-index .footer-bottom__usps {
margin-top: 0; }
@media only screen and (min-width: 1024px) {
.footer-bottom {
flex: 1;
flex-direction: row;
justify-content: space-between;
margin: 0 0 30px;
min-width: 100%; } }
.footer-copyright {
flex-basis: 100%;
flex-grow: 0;
font-size: 1rem;
max-width: 100%;
padding: 0 1em 2em;
text-align: center; }
@media only screen and (min-width: 768px) {
.footer-copyright {
font-size: 1.2rem; } }
.social-links, .social-links_block {
align-items: center;
display: flex; }
.social-links_block:not(:last-child) {
margin-right: 30px; }
.social-links_block.facebook span {
text-shadow: 0 0 9px rgba(56, 111, 187, 0.9), 0 0 9px rgba(56, 111, 187, 0.9), 0 0 9px rgba(56, 111, 187, 0.9), 0 0 9px rgba(56, 111, 187, 0.9); }
.social-links_block.instagram span {
text-shadow: 0 0 9px rgba(192, 35, 170, 0.9), 0 0 9px rgba(192, 35, 170, 0.9), 0 0 9px rgba(192, 35, 170, 0.9), 0 0 9px rgba(192, 35, 170, 0.9); }
.social-links_block.twitter span {
text-shadow: 0 0 9px rgba(37, 154, 245, 0.9), 0 0 9px rgba(37, 154, 245, 0.9), 0 0 9px rgba(37, 154, 245, 0.9), 0 0 9px rgba(37, 154, 245, 0.9); }
.social-links_block.youtube span {
text-shadow: 0 0 9px rgba(255, 0, 0, 0.9), 0 0 9px rgba(255, 0, 0, 0.9), 0 0 9px rgba(255, 0, 0, 0.9), 0 0 9px rgba(255, 0, 0, 0.9); }
.social-links_icon {
margin-right: 10px; }
.social-links_icon svg {
display: block; }
.social-links_text {
color: #6e6d93;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: 0.65px;
line-height: 1.5;
text-transform: uppercase; }
.social-links_text span {
color: #fff;
display: block;
font-family: "Quantico", sans-serif;
font-size: 2.4rem;
letter-spacing: 1.2px; }
@media only screen and (max-width: 639px) {
.social-links {
justify-content: center;
width: 100%; }
.social-links .social-links_block {
margin: 0;
padding: 0 10px; }
.social-links .social-links_block.facebook svg {
width: 23px;
height: auto; }
.social-links .social-links_block.instagram svg {
width: 34px;
height: auto; }
.social-links .social-links_block.twitter svg {
width: 35px;
height: auto; }
.social-links .social-links_text {
font-size: 0.8rem; }
.social-links .social-links_text span {
font-size: 1.5rem; } }
.body__show-header-currency .page-header .switcher-currency .switcher-dropdown {
display: block;
column-rule-width: 0; }
.body__show-footer-currency .footer .switcher-currency .switcher-dropdown {
display: block;
column-rule-width: 0; }
.chrome-extension {
background-color: #0c0020;
border-radius: 3px;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
display: none;
opacity: 0;
padding: 24px 12px;
position: fixed;
bottom: 20px;
width: 90%;
max-width: 830px;
left: 50%;
pointer-events: none;
text-align: center;
transform: translate(-50%, 50px);
transition: opacity 0.3s, transform 0.3s;
z-index: 200; }
.chrome-extension.__show {
opacity: 1;
pointer-events: all;
transform: translate(-50%, 0); }
.chrome-extension h3 {
font-size: 1.4rem;
font-weight: 400;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.chrome-extension h3 a {
color: inherit;
text-decoration: none; }
.chrome-extension p {
color: #9694aa;
font-size: 1rem;
margin-bottom: 0; }
.chrome-extension .action.close {
position: absolute;
top: 24px;
right: 24px; }
.chrome-extension .action.close:before, .chrome-extension .action.close:after {
background-color: #fff; }
@media only screen and (min-width: 768px) {
.chrome-extension {
padding: 24px; }
.chrome-extension h3 {
font-size: 2rem; }
.chrome-extension p {
font-size: 1.4rem; } }
@media only screen and (min-width: 1024px) {
.chrome-extension {
display: block; } }
@media only screen and (max-width: 767px) {
iframe#launcher {
display: none; }
.grecaptcha-badge {
visibility: hidden;
opacity: 0;
pointer-events: none; } }
.pages-items {
list-style: none;
margin: 30px 0;
padding: 0; }
.pages-items .item {
display: inline; }
.pages-items .item .page,
.pages-items .item .action {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
display: inline-block;
height: 42px;
line-height: 42px;
margin-bottom: 15px;
min-width: 42px;
text-decoration: none;
transition: background-color 0.25s ease-in, border 0.25s ease-in; }
.pages-items .item .page:hover,
.pages-items .item .action:hover {
background-color: #1979c3;
border: 1px solid #1979c3;
text-decoration: none; }
.pages-items .item .page {
border-radius: 42px; }
.pages-items .item .next,
.pages-items .item .previous {
background-position: center center;
background-size: 8px 13px;
padding: 0 15px; }
.pages-items .item .next {
background-image: url("../images/icons/white/chevron-right.svg"); }
.pages-items .item .previous {
background-image: url("../images/icons/white/chevron-left.svg"); }
.pages-items .item.current .page {
border-color: #1979c3;
font-weight: 400; }
.pages-items .item.current .page:hover {
background-color: transparent; }
.pages-items .item.disabled {
display: none; }
.pages-items .item-first,
.pages-items .item-last,
.pages-items .item-jump {
display: none; }
@media only screen and (max-width: 767px) {
.pages-items {
display: grid;
grid-gap: 5px;
grid-template-rows: auto;
grid-template-columns: repeat(7, 1fr);
margin-left: -30px;
margin-right: -30px; }
.pages-items .item.pages-item-previous {
grid-column: 1;
grid-row: 1; }
.pages-items .item.pages-item-next {
grid-column: 7;
grid-row: 1; }
.pages-items .item.disabled {
display: block;
opacity: 0.5;
pointer-events: none; }
.pages-items .item .action,
.pages-items .item .page {
display: block;
margin-bottom: 0; }
.pages-items .item .next,
.pages-items .item .previous {
background-image: none;
border-radius: 42px;
padding: 0;
position: relative; }
.pages-items .item .next span,
.pages-items .item .previous span {
opacity: 0;
max-width: 1px;
display: block;
display: none !important; }
.pages-items .item .next:before,
.pages-items .item .previous:before {
background-size: contain;
content: '';
width: 8px;
height: 13px;
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.pages-items .item .next:before {
background-image: url("../images/icons/white/chevron-right.svg");
margin-left: 1px; }
.pages-items .item .previous:before {
background-image: url("../images/icons/white/chevron-left.svg");
margin-left: -1px; } }
@media only screen and (min-width: 768px) {
.pages-items .item {
margin: 0 5px; }
.pages-items .item .next {
background-position: calc(100% - 12px) center;
padding-right: 30px; }
.pages-items .item .previous {
background-position: 12px center;
padding-left: 30px; } }
[lang="zh"] .checkout-index-index .checkout-billing-address .billing-address-form-wrapper {
min-width: 75%; }
[lang="zh"] .product.data.items #tab-label-videos,
[lang="zh"] .product.data.items #videos {
display: none !important; }
.wishlist-index-index .page-main > .row > .col {
padding-bottom: 0; }
.block.block-wishlist {
margin: 0; }
.block.block-wishlist .product-items .product-item {
position: relative; }
.block.block-wishlist .product-items .product-item-actions {
flex-direction: row-reverse;
flex-grow: 1; }
.block.block-wishlist .product-items .product-item-actions .product-item-actions {
margin: 0; }
.block.block-wishlist .product-items .product-item-actions .actions-secondary {
display: none; }
.block.block-wishlist .product-items .product-item-actions .action.delete {
margin-right: 12px; }
.page-layout-2columns-left .block.block-wishlist .product-items .product-item-actions .action.tocart span {
display: none; }
.page-layout-2columns-left .block.block-wishlist .product-items .product-item-actions .action.tocart svg {
margin: 0; }
.cart-container .block.block-wishlist {
margin-top: 30px;
overflow: hidden;
position: relative;
width: 100%; }
.cart-container .block.block-wishlist.__empty {
display: none; }
.cart-container .block.block-wishlist .block-title .block-title-glow {
display: none; }
.cart-container .block.block-wishlist .toolbar {
display: none; }
.cart-container .block.block-wishlist .slick-list {
overflow: hidden;
position: relative;
width: 100%; }
.cart-container .block.block-wishlist .slick-track {
display: flex;
min-width: 100%; }
.cart-container .block.block-wishlist .product-items .product-item-actions .action.tocart {
padding-left: 12px;
padding-right: 12px; }
@media only screen and (min-width: 768px) {
.cart-container .block.block-wishlist .block-title {
font-size: 2.6rem; }
.cart-container .block.block-wishlist .product-items .product-item {
flex-basis: 33.333%;
max-width: 33.333%; } }
@media only screen and (min-width: 1024px) {
.cart-container .block.block-wishlist .product-items .product-item {
flex-basis: 25%;
max-width: 25%; } }
@media only screen and (min-width: 1440px) {
.page-layout-2columns-left .block.block-wishlist .product-items .product-item .price-box {
font-size: 1.4rem; } }
.toolbar.wishlist-toolbar {
text-align: center; }
.toolbar.wishlist-toolbar .limiter {
display: none; }
.ajax-loading .toolbar.wishlist-toolbar .action span {
background-image: url("../images/loader-1.gif");
background-size: contain;
background-repeat: no-repeat;
padding-left: 30px; }
.form-wishlist-items .actions-toolbar {
background-color: #190f34;
width: 100vw;
margin-left: 50%;
padding: 20px 0;
text-align: center;
transform: translate(-50%, 0); }
.form-wishlist-items .actions-toolbar .button, .form-wishlist-items .actions-toolbar .navigation .nav-button > a, .navigation .form-wishlist-items .actions-toolbar .nav-button > a, .form-wishlist-items .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .form-wishlist-items .actions-toolbar .action-delete, .form-wishlist-items .actions-toolbar .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .form-wishlist-items .actions-toolbar .action-accept, .form-wishlist-items .actions-toolbar .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .form-wishlist-items .actions-toolbar .action-dismiss {
margin: 10px; }
.page-layout-2columns-left .form-wishlist-items .actions-toolbar {
background-color: transparent;
width: auto;
margin-left: 0;
transform: none; }
@media only screen and (min-width: 768px) {
.form-wishlist-items .actions-toolbar {
padding: 40px 0; }
.form-wishlist-items .actions-toolbar .button, .form-wishlist-items .actions-toolbar .navigation .nav-button > a, .navigation .form-wishlist-items .actions-toolbar .nav-button > a, .form-wishlist-items .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .form-wishlist-items .actions-toolbar .action-delete, .form-wishlist-items .actions-toolbar .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .form-wishlist-items .actions-toolbar .action-accept, .form-wishlist-items .actions-toolbar .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .form-wishlist-items .actions-toolbar .action-dismiss {
margin: 6px; } }
.paypalcard-express-review .cart-summary .box-order-billing-address img,
.paypal-express-review .cart-summary .box-order-billing-address img {
display: none; }
.paypalcard-express-review .cart-summary:after,
.paypal-express-review .cart-summary:after {
display: none; }
.paypalcard-express-review .cart-items-item,
.paypal-express-review .cart-items-item {
padding: 20px; }
.paypalcard-express-review .cart-items .qty + .price-excluding-tax,
.paypal-express-review .cart-items .qty + .price-excluding-tax {
display: none; }
.paypalcard-express-review .cart-items .product-item-details,
.paypal-express-review .cart-items .product-item-details {
display: block; }
.paypalcard-express-review .item-options,
.paypal-express-review .item-options {
display: none; }
.paypal-review_reminder-container {
padding: 15px 25px 25px;
width: 100%; }
.paypal-review_reminder h2,
.paypal-review_reminder strong {
text-shadow: none; }
.paypal-review .totals-tax {
display: none; }
.paypal-review-items .table-paypal-review-items {
display: none; }
@media only screen and (max-width: 767px) {
.paypal-review {
display: flex;
flex-direction: column; }
.paypal-review_reminder {
order: -1; }
.paypalcard-express-review .cart-summary .action.primary,
.paypal-express-review .cart-summary .action.primary {
font-size: 1.2rem; }
.paypalcard-express-review .cart-items-item,
.paypal-express-review .cart-items-item {
display: grid;
grid-template-columns: 1fr 2fr; }
.paypalcard-express-review .cart-items-item .product-item-photo,
.paypal-express-review .cart-items-item .product-item-photo {
grid-row: 1 / span 4; }
.paypalcard-express-review .cart-items-item .product-item-photo:after,
.paypal-express-review .cart-items-item .product-item-photo:after {
display: none; }
.paypalcard-express-review .cart-items-item .product-item-details,
.paypal-express-review .cart-items-item .product-item-details {
grid-column: 2;
margin-bottom: 15px; }
.paypalcard-express-review .cart-items-item .product-item-details strong,
.paypal-express-review .cart-items-item .product-item-details strong {
font-weight: bold;
padding-left: 0; }
.paypalcard-express-review .cart-items-item .qty,
.paypal-express-review .cart-items-item .qty {
grid-row: 2; }
.paypalcard-express-review .cart-items-item .price-excluding-tax,
.paypal-express-review .cart-items-item .price-excluding-tax {
grid-row: 3; } }
@media only screen and (min-width: 768px) {
.paypal-review {
margin-bottom: 45px; }
.paypal-review:after {
clear: both;
content: '';
display: block;
height: 1px;
width: 100%; }
.paypal-review_summary {
float: right; }
.paypalcard-express-review .cart-items-item,
.paypal-express-review .cart-items-item {
align-items: center;
justify-content: space-between; }
.paypalcard-express-review .cart-items .price-excluding-tax,
.paypal-express-review .cart-items .price-excluding-tax {
order: 5; } }
.paypal-verification {
margin: 15px 0;
padding: 10px;
width: 100%; }
.paypal-verification input {
border: none;
border-radius: 3px;
margin: 8px 0 0;
padding: 8px;
width: 100%; }
.paypal-verification a {
color: white;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.05em; }
.paypal-verification .paypal-verification_link {
margin-top: 10px; }
.paypal-verification .mage-error[generated] {
color: white; }
.paypal-agreement-input {
display: flex;
font-size: 1.2rem;
padding: 20px 0 0; }
.paypal-agreement-input input.checkbox {
margin-top: 2px; }
.paypal-agreement-input label {
padding-left: 0.5em; }
.account .box-agreement {
background-color: #0c0020;
border-radius: 3px;
letter-spacing: 0.05em;
padding: 20px;
text-transform: uppercase;
margin: 0 0 40px; }
.account .block.block-billing-agreements-view .table,
.account .block.block-billing-orders-view .table {
text-align: left; }
.account .block.block-billing-agreements-view .col,
.account .block.block-billing-orders-view .col {
font-size: 1.2rem; }
.account .block.block-billing-agreements-view .table-caption,
.account .block.block-billing-orders-view .table-caption {
display: none; }
.account .block.block-billing-agreements-view .pager,
.account .block.block-billing-orders-view .pager {
text-align: center; }
.account .block.block-billing-agreements-view .pager .limiter,
.account .block.block-billing-orders-view .pager .limiter {
display: none; }
.paypal-button-cdk {
background-color: #ffc439;
border-radius: 23px;
border-width: 0;
cursor: pointer;
display: block;
padding: 11px 0 12px;
width: 100%; }
.paypal-button-cdk:hover {
filter: brightness(0.95); }
.paypal-button-cdk img {
display: block;
height: 22px;
margin: auto;
width: auto; }
.page-product-bundle .bundle-options-wrapper {
display: none; }
.page-product-bundle .bundle-options-container {
flex-basis: 100%;
flex-grow: 0;
margin-top: 12px;
max-width: 100%; }
.page-product-bundle .bundle-options-container .product-add-form {
margin-top: 0; }
.page-product-bundle .block-bundle-summary .product-details {
display: block; }
.page-product-bundle .product.info.detailed {
margin-bottom: 30px; }
@media only screen and (min-width: 768px) {
.page-product-bundle .bundle-options-container {
margin: 20px auto 0; }
.page-product-bundle .bundle-options-container .product-add-form {
margin: 0; }
.page-product-bundle .product-info-price .price-final_price > .price-container {
font-size: 4rem;
font-weight: 600; } }
@media only screen and (min-width: 1024px) {
.page-product-bundle .bundle-options-container {
flex-basis: 0;
flex-grow: 1;
margin: 0 0 0 30px;
max-width: 350px; }
.page-product-bundle .bundle-options-container .product-add-form {
margin: 0; } }
.block.block-bundled-items .block-title {
margin: 0; }
.bundled-list {
align-items: stretch;
justify-content: center;
display: flex;
flex-wrap: wrap;
gap: 30px; }
.bundled-list .bundled-list-item {
flex-basis: calc(33.333% - 30px);
flex-grow: 0; }
.bundled-list .product-item-photo {
pointer-events: none;
width: 100%; }
.bundled-list .price-box {
font-size: 1.2rem;
margin-top: 12px;
text-align: center; }
.bundled-list .price-box .price-label {
display: none; }
.bundled-list .price-box .special-price + .old-price {
display: none; }
@media only screen and (min-width: 768px) {
.bundled-list .bundled-list-item {
flex-basis: calc(25% - 30px); }
.bundled-list .price-box {
font-size: 1.6rem; } }
@media only screen and (min-width: 1024px) {
.bundled-list .bundled-list-item {
flex-basis: calc(20% - 30px); } }
@media only screen and (min-width: 1440px) {
.bundled-list .price-box {
font-size: 2rem; } }
.bundled-savings {
text-shadow: 0 0 12px #386fbb, 0 0 12px #386fbb, 0 0 12px #386fbb;
margin-top: 1em;
text-align: center;
padding: 0; }
.minicart-items .item .product .bundle-old-price ~ .price-container .minicart-old-price {
display: none; }
.page-product-giftcard .product-info-addto {
background-color: #0c0020;
padding: 30px; }
.page-product-giftcard .aw-gc-product-add-form {
width: 100%; }
.page-product-giftcard .aw-gc-product-add-form form:focus,
.page-product-giftcard .aw-gc-product-add-form div:focus, .page-product-giftcard .aw-gc-product-add-form:focus {
outline: none; }
.page-product-giftcard .aw-gc-product-add-form_form {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.page-product-giftcard .aw-gc-product-add-form textarea {
border-radius: 10px; }
.page-product-giftcard .aw-gc-product-add-form .field {
width: 100%; }
.page-product-giftcard .aw-gc-product-add-form .field + .field {
margin-top: 0; }
.page-product-giftcard .aw-gc-product-add-form .fieldset {
padding: 0; }
.page-product-giftcard .aw-gc-product-add-form .control:not(.hidden) {
margin-bottom: 30px; }
.page-product-giftcard .aw-gc-product-add-form .control:not(.hidden) ~ .note {
background-color: #191034;
border: 1px solid #393150;
border-radius: 5px;
font-size: 1rem;
font-style: italic;
letter-spacing: 0.05em;
margin-top: -15px;
margin-bottom: 30px;
padding: 8px 12px;
position: relative;
text-transform: uppercase; }
.page-product-giftcard .aw-gc-product-add-form .control:not(.hidden) ~ .note:before {
background-color: #191034;
border: 1px solid #393150;
content: "";
position: absolute;
transform: rotate(45deg);
width: 12px;
height: 12px;
top: -6px;
left: 8px; }
.page-product-giftcard .aw-gc-product-add-form .control:not(.hidden) ~ .note::after {
background-color: #191034;
content: "";
height: 10px;
width: 18px;
position: absolute;
top: 0;
left: 5px; }
.page-product-giftcard .aw-gc-product-add-form .amount-options {
position: relative; }
.page-product-giftcard .aw-gc-product-add-form .amount-options:after {
background: url("../images/icons/white/chevron-down.svg") no-repeat;
content: '';
display: block;
height: 10px;
margin-top: -5px;
pointer-events: none;
position: absolute;
right: 15px;
top: 50%;
width: 15px; }
.page-product-giftcard .aw-gc-product-add-form .delivery-date-name {
position: relative; }
.page-product-giftcard .aw-gc-product-add-form .delivery-date-name .ui-datepicker-trigger {
background-color: transparent;
background-image: url("../images/icons/white/calendar.svg");
background-position: center;
background-repeat: no-repeat;
border-width: 0;
color: rgba(0, 0, 0, 0);
font-size: 0;
padding: 0;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
width: 16px;
height: 18px; }
.page-product-giftcard .aw-gc-product-form-options {
flex-basis: 100%; }
.page-product-giftcard .product.attribute.description {
grid-column: 1 / 3;
grid-row: 5;
margin-top: 25px; }
.page-product-giftcard .product.attribute.description div[data-content-type="text"] > *:first-child {
margin-top: 0; }
.page-product-giftcard .product.attribute.description div[data-content-type="text"] > *:last-child {
margin-bottom: 0; }
.page-product-giftcard .product.attribute.overview {
background-color: transparent;
background-image: none;
border-width: 0;
font-size: inherit;
font-style: normal;
padding: 0;
text-transform: none; }
.page-product-giftcard .readmore_button {
display: none; }
.sweet-trigger {
position: absolute; }
.sweet-list {
background-color: #0D0020;
height: 0;
margin-top: -1px;
overflow: hidden;
position: relative;
transition: height 0.2s;
width: 100%;
top: 100%;
z-index: 10; }
.sweet-list-inner {
border: 1px solid #5f5e7e;
border-radius: 0 0 10px 10px;
border-radius: 15px; }
.sweet-item {
background-color: rgba(255, 255, 255, 0);
font-family: "Quantico", sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.05em;
padding: 7px 20px;
cursor: pointer;
transition: background-color 0.3s; }
.sweet-item.__active {
background-color: rgba(255, 255, 255, 0.1); }
.sweet-item:hover {
background-color: rgba(255, 255, 255, 0.2); }
@media only screen and (max-width: 767px) {
.sweet-trigger {
display: none;
pointer-events: none; } }
.aw-giftcard-totals form {
align-items: center;
display: flex;
gap: 8px; }
.aw-giftcard-totals a.action-delete {
color: #ff350d;
font-size: 1.2rem;
cursor: pointer;
text-decoration: underline;
text-transform: none; }
.aw-giftcard-totals a.action-delete svg {
display: block; }
.aw-giftcard-totals a.action-delete path {
fill: rgba(255, 255, 255, 0.75); }
.aw-gc-product-form-options__preview {
display: none;
visibility: hidden; }
.algolia-search-block .magnifying-glass,
.algolia-search-block .clear-cross {
display: inline-block;
vertical-align: top; }
.algolia-search-block .magnifying-glass svg,
.algolia-search-block .clear-cross svg {
display: block; }
.algolia-search-block #algolia-searchbox .algolia-search-input, .algolia-search-block #algolia-searchbox .algolia-search-input:focus, .algolia-search-block #algolia-searchbox .algolia-search-input:active {
border: none;
outline: none; }
.algolia-search-block .clear-cross {
display: none; }
.algolia-search-block .magnifying-glass svg {
width: 30px;
height: 30px; }
@media only screen and (min-width: 768px) {
.algolia-search-block .magnifying-glass svg {
width: 38px;
height: 38px; } }
.ais-SearchBox {
max-width: 430px;
margin-left: auto;
margin-right: auto;
position: relative; }
.ais-SearchBox::after {
background-image: url("../images/icons/dark/search.svg");
background-repeat: no-repeat;
background-size: cover;
content: '';
pointer-events: none;
position: absolute;
top: 50%;
right: 6px;
height: 38px;
width: 38px;
transform: translate(0, -50%); }
.ais-SearchBox .ais-SearchBox-input {
background-color: #fff;
border-radius: 22px;
padding-top: 0.75em;
padding-bottom: 0.75em; }
.ais-SearchBox .ais-SearchBox-reset,
.ais-SearchBox .ais-SearchBox-submit {
display: none; }
#algolia-autocomplete-container {
color: #0c0020; }
#algolia-autocomplete-container a {
color: inherit; }
#algolia-autocomplete-container .aa-dropdown-menu {
background-color: #fff;
border-radius: 5px;
max-width: 90vw;
max-width: calc(100vw - 20px);
margin-top: 18px;
margin-left: -6px; }
#algolia-autocomplete-container .aa-dataset-products .aa-suggestion {
padding: 10px; }
#algolia-autocomplete-container .aa-dataset-products .aa-suggestion + .aa-suggestion {
border-top: 1px solid #eee; }
#algolia-autocomplete-container .aa-dataset-products .aa-no-results-products {
padding: 10px; }
#algolia-autocomplete-container .aa-dataset-products .aa-no-results-products .see-all {
margin-top: 10px; }
#algolia-autocomplete-container .aa-dataset-products .aa-no-results-products ~ #autocomplete-products-footer {
display: none; }
#algolia-autocomplete-container .aa-dataset-products .algoliasearch-autocomplete-hit {
color: #0c0020;
display: flex;
font-size: 1.4rem;
width: 100%; }
#algolia-autocomplete-container .aa-dataset-products .algoliasearch-autocomplete-hit em {
font-style: normal; }
#algolia-autocomplete-container .aa-dataset-products .algoliasearch-autocomplete-hit .thumb {
flex-basis: 70px;
flex-grow: 0;
max-width: 70px; }
#algolia-autocomplete-container .aa-dataset-products .algoliasearch-autocomplete-hit .info {
flex-basis: 0;
flex-grow: 1; }
#algolia-autocomplete-container .aa-dataset-products .algoliasearch-autocomplete-hit .algoliasearch-autocomplete-price {
margin-top: 10px; }
#algolia-autocomplete-container .aa-dataset-products .algoliasearch-autocomplete-hit .algoliasearch-autocomplete-price .after_special {
font-weight: 600; }
#algolia-autocomplete-container .aa-dataset-products .algoliasearch-autocomplete-hit .algoliasearch-autocomplete-price .before_special {
font-size: 1rem;
text-decoration: line-through; }
@media only screen and (min-width: 768px) {
#algolia-autocomplete-container .aa-dropdown-menu {
margin-top: 14px;
max-width: 450px; } }
#autocomplete-products-footer {
padding: 10px; }
.footer_algolia {
padding: 5px 10px; }
select.ais-sort-by-selector {
display: block !important; }
.ais-search-box {
position: relative; }
.ais-search-box .ais-search-box--magnifier-wrapper,
.ais-search-box .ais-search-box--reset-wrapper {
background-color: #fff;
border-radius: 50%;
display: none;
position: absolute;
right: -48px;
top: 50%;
transform: translateY(-50%); }
.ais-search-box .ais-search-box--reset {
width: 38px;
height: 38px; }
.ais-search-box .ais-search-box--reset svg {
width: 20px;
height: 20px; }
.algolia-instant-selector-results, .algolia-results-list {
background-color: #1F143D;
z-index: 0; }
.algolia-instant-selector-results em, .algolia-results-list em {
font-style: normal; }
.algolia-instant-selector-results .wrap, .algolia-results-list .wrap, .algolia-instant-selector-results .page-main, .algolia-results-list .page-main, .algolia-instant-selector-results .header.content, .algolia-results-list .header.content, .algolia-instant-selector-results .nav-sections, .algolia-results-list .nav-sections, .algolia-instant-selector-results .footer, .algolia-results-list .footer, .algolia-instant-selector-results .catalog-category-view .category-top-inner, .catalog-category-view .algolia-instant-selector-results .category-top-inner, .algolia-results-list .catalog-category-view .category-top-inner, .catalog-category-view .algolia-results-list .category-top-inner, .algolia-instant-selector-results .catalog-category-view .products-grid, .catalog-category-view .algolia-instant-selector-results .products-grid, .algolia-results-list .catalog-category-view .products-grid, .catalog-category-view .algolia-results-list .products-grid, .algolia-instant-selector-results .catalog-category-view .page-title, .catalog-category-view .algolia-instant-selector-results .page-title, .algolia-results-list .catalog-category-view .page-title, .catalog-category-view .algolia-results-list .page-title, .algolia-instant-selector-results .catalog-category-view .question-detail .faq-cat-title, .catalog-category-view .question-detail .algolia-instant-selector-results .faq-cat-title, .algolia-results-list .catalog-category-view .question-detail .faq-cat-title, .catalog-category-view .question-detail .algolia-results-list .faq-cat-title, .algolia-instant-selector-results .question-detail .catalog-category-view .faq-cat-title, .question-detail .catalog-category-view .algolia-instant-selector-results .faq-cat-title, .algolia-results-list .question-detail .catalog-category-view .faq-cat-title, .question-detail .catalog-category-view .algolia-results-list .faq-cat-title, .algolia-instant-selector-results .catalog-category-view .koins-content h1, .catalog-category-view .koins-content .algolia-instant-selector-results h1, .algolia-results-list .catalog-category-view .koins-content h1, .catalog-category-view .koins-content .algolia-results-list h1, .algolia-instant-selector-results .koins-content .catalog-category-view h1, .koins-content .catalog-category-view .algolia-instant-selector-results h1, .algolia-results-list .koins-content .catalog-category-view h1, .koins-content .catalog-category-view .algolia-results-list h1, .algolia-instant-selector-results .catalog-product-view .column.main > .block.widget, .catalog-product-view .algolia-instant-selector-results .column.main > .block.widget, .algolia-results-list .catalog-product-view .column.main > .block.widget, .catalog-product-view .algolia-results-list .column.main > .block.widget,
.algolia-instant-selector-results .catalog-product-view .columns > .block.widget, .catalog-product-view .algolia-instant-selector-results .columns > .block.widget,
.algolia-results-list .catalog-product-view .columns > .block.widget, .catalog-product-view .algolia-results-list .columns > .block.widget, .algolia-instant-selector-results .block.widget.block-products-list, .algolia-results-list .block.widget.block-products-list, .algolia-instant-selector-results .home-top, .algolia-results-list .home-top, .algolia-instant-selector-results .widget.developer-list, .algolia-results-list .widget.developer-list, .algolia-instant-selector-results .widget.trustpilot-summary .widget-content, .widget.trustpilot-summary .algolia-instant-selector-results .widget-content, .algolia-results-list .widget.trustpilot-summary .widget-content, .widget.trustpilot-summary .algolia-results-list .widget-content, .algolia-instant-selector-results .promo-bar .promo-bar-inner, .promo-bar .algolia-instant-selector-results .promo-bar-inner, .algolia-results-list .promo-bar .promo-bar-inner, .promo-bar .algolia-results-list .promo-bar-inner, .algolia-instant-selector-results #algolia-category-facets .ais-Panel, #algolia-category-facets .algolia-instant-selector-results .ais-Panel, .algolia-results-list #algolia-category-facets .ais-Panel, #algolia-category-facets .algolia-results-list .ais-Panel, .algolia-instant-selector-results #algolia-category-sorts .ais-SortBy, #algolia-category-sorts .algolia-instant-selector-results .ais-SortBy, .algolia-results-list #algolia-category-sorts .ais-SortBy, #algolia-category-sorts .algolia-results-list .ais-SortBy {
position: relative;
z-index: 2; }
.algolia-instant-selector-results .ais-stats, .algolia-results-list .ais-stats {
margin-bottom: 10px; }
.algolia-instant-selector-results .ais-Hits .ais-InfiniteHits-loadMore, .algolia-results-list .ais-Hits .ais-InfiniteHits-loadMore,
.algolia-instant-selector-results .ais-InfiniteHits .ais-InfiniteHits-loadMore,
.algolia-results-list .ais-InfiniteHits .ais-InfiniteHits-loadMore {
display: block;
margin: 50px auto 0;
position: relative;
z-index: 1; }
.algolia-instant-selector-results .ais-Hits .ais-InfiniteHits-loadMore--disabled, .algolia-results-list .ais-Hits .ais-InfiniteHits-loadMore--disabled,
.algolia-instant-selector-results .ais-InfiniteHits .ais-InfiniteHits-loadMore--disabled,
.algolia-results-list .ais-InfiniteHits .ais-InfiniteHits-loadMore--disabled {
opacity: 0; }
.algolia-instant-selector-results .ais-InfiniteHits, .algolia-results-list .ais-InfiniteHits {
position: relative; }
.algolia-instant-selector-results .ais-InfiniteHits.ais-InfiniteHits--empty:after, .algolia-results-list .ais-InfiniteHits.ais-InfiniteHits--empty:after {
content: none; }
.algolia-instant-selector-results .ais-InfiniteHits:after, .algolia-results-list .ais-InfiniteHits:after {
content: '';
position: absolute;
background: #180d38;
height: 65px;
bottom: 0;
width: 100vw;
margin: 0 calc(50% - 50vw);
left: 0;
z-index: 0; }
.algolia-instant-selector-results .ais-Hits-list, .algolia-results-list .ais-Hits-list,
.algolia-instant-selector-results .ais-InfiniteHits-list,
.algolia-results-list .ais-InfiniteHits-list {
align-items: stretch;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px; }
.algolia-instant-selector-results .ais-Hits-item, .algolia-results-list .ais-Hits-item,
.algolia-instant-selector-results .ais-InfiniteHits-item,
.algolia-results-list .ais-InfiniteHits-item {
align-items: stretch;
display: flex;
flex-basis: 33.333%;
flex-direction: column;
max-width: 33.333%;
padding: 6px 2px; }
.algolia-instant-selector-results .result-wrapper, .algolia-results-list .result-wrapper,
.algolia-instant-selector-results .result-content,
.algolia-results-list .result-content,
.algolia-instant-selector-results .result-sub-content,
.algolia-results-list .result-sub-content {
align-items: stretch;
display: flex;
flex-direction: column;
flex-grow: 1; }
.algolia-instant-selector-results .result, .algolia-results-list .result {
align-items: stretch;
color: #fff;
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative; }
.algolia-instant-selector-results .result-item-discount, .algolia-results-list .result-item-discount {
background-color: #1ad395;
box-shadow: 0 3px 0 rgba(10, 162, 112, 0.43), inset 0 1px 0 rgba(255, 255, 255, 0.27);
color: #fff;
font-family: "Quantico", sans-serif;
font-size: 0.9rem;
opacity: 1;
padding: 3px 6px;
position: absolute;
text-shadow: 0 0 9px rgba(17, 240, 169, 0.9);
top: 5px;
transition: opacity 0.3s ease-in;
right: -2.5px;
z-index: 2; }
.algolia-instant-selector-results .result-item-discount.hide, .algolia-results-list .result-item-discount.hide {
opacity: 0; }
.algolia-instant-selector-results .result-title, .algolia-results-list .result-title {
font-size: 1.1rem;
font-weight: 400;
margin: 10px 0;
text-transform: uppercase;
word-break: break-word; }
.algolia-instant-selector-results .result-title a, .algolia-results-list .result-title a {
color: inherit; }
.algolia-instant-selector-results .result-thumbnail, .algolia-results-list .result-thumbnail {
position: relative;
text-align: center; }
.algolia-instant-selector-results .result-thumbnail a, .algolia-results-list .result-thumbnail a {
display: block;
margin: 0 auto;
overflow: hidden;
position: relative; }
.algolia-instant-selector-results .result-thumbnail a:after, .algolia-results-list .result-thumbnail a:after {
content: '';
display: block;
padding-bottom: 139%; }
.algolia-instant-selector-results .result-thumbnail img, .algolia-results-list .result-thumbnail img {
object-fit: contain;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%); }
.algolia-instant-selector-results .result-description, .algolia-results-list .result-description {
display: none; }
.algolia-instant-selector-results .hit-bottom, .algolia-results-list .hit-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
display: block;
justify-content: space-between;
margin-top: auto;
padding-top: 8px; }
.algolia-instant-selector-results .hit-bottom-actions, .algolia-results-list .hit-bottom-actions {
align-items: flex-start;
display: flex;
justify-content: flex-end;
margin: 8px 0 0; }
.algolia-instant-selector-results .hit-bottom-actions form, .algolia-results-list .hit-bottom-actions form,
.algolia-instant-selector-results .hit-bottom-actions .actions-primary,
.algolia-results-list .hit-bottom-actions .actions-primary {
flex-grow: 1; }
.algolia-instant-selector-results .hit-bottom-actions .giftcard:hover, .algolia-results-list .hit-bottom-actions .giftcard:hover {
text-decoration: none; }
.algolia-instant-selector-results .hit-bottom-actions .actions-secondary, .algolia-results-list .hit-bottom-actions .actions-secondary {
margin-right: 6px; }
.algolia-instant-selector-results .product-reviews-summary, .algolia-results-list .product-reviews-summary {
display: none; }
.algolia-instant-selector-results .price-wrapper, .algolia-results-list .price-wrapper {
line-height: 1; }
.algolia-instant-selector-results .price-label, .algolia-results-list .price-label {
display: none; }
.algolia-instant-selector-results .after_special, .algolia-results-list .after_special {
font-size: 1.2rem; }
.algolia-instant-selector-results .before_special, .algolia-results-list .before_special {
display: none;
font-size: 0.9rem;
text-decoration: line-through;
opacity: 0.5; }
.algolia-instant-selector-results .action.tocart, .algolia-results-list .action.tocart {
align-items: center;
color: #fff;
cursor: pointer;
border-radius: 3px;
background-color: #1ad396;
background-image: linear-gradient(to top, #0cbb80 0%, #1ad496 100%);
display: flex;
font-size: 1rem;
justify-content: center;
margin: 0;
padding: 6px;
width: 100%;
text-transform: none; }
.algolia-instant-selector-results .action.tocart span, .algolia-results-list .action.tocart span {
display: none; }
.algolia-instant-selector-results .action.tocart svg, .algolia-results-list .action.tocart svg {
order: -1;
display: block;
width: 16px;
height: 16px;
margin: 0 6px 0 0; }
.algolia-instant-selector-results .action.tocart path, .algolia-results-list .action.tocart path {
fill: #fff; }
.algolia-instant-selector-results .action.towishlist, .algolia-results-list .action.towishlist {
cursor: pointer;
border-radius: 3px;
background-color: #392a65;
background-image: linear-gradient(to top, #392a65 0%, #58468d 100%);
display: inline-block;
margin: 0;
padding: 7px;
vertical-align: top; }
.algolia-instant-selector-results .action.towishlist svg, .algolia-results-list .action.towishlist svg {
display: block;
width: 14px;
height: 14px;
margin: 0; }
.algolia-instant-selector-results .action.towishlist path, .algolia-results-list .action.towishlist path {
transition: fill 0.3s; }
.algolia-instant-selector-results .action.towishlist:hover path, .algolia-results-list .action.towishlist:hover path {
fill: #fff; }
.algolia-instant-selector-results .stock.unavailable, .algolia-results-list .stock.unavailable {
background-color: #666;
border-radius: 3px;
font-size: 1rem;
text-align: right;
padding: 6px;
position: relative; }
.algolia-instant-selector-results .stock.unavailable:before, .algolia-results-list .stock.unavailable:before, .algolia-instant-selector-results .stock.unavailable:after, .algolia-results-list .stock.unavailable:after {
background-color: #fff;
content: '';
position: absolute;
width: 50%;
height: 2px;
left: 50%;
top: 50%;
max-width: 22px; }
.algolia-instant-selector-results .stock.unavailable:before, .algolia-results-list .stock.unavailable:before {
transform: translate(-50%, -50%) rotate(45deg); }
.algolia-instant-selector-results .stock.unavailable:after, .algolia-results-list .stock.unavailable:after {
transform: translate(-50%, -50%) rotate(-45deg); }
.algolia-instant-selector-results .stock.unavailable svg, .algolia-results-list .stock.unavailable svg {
display: block;
opacity: 0.4;
width: 16px;
height: auto;
margin: 0 auto; }
.algolia-instant-selector-results #clear-refinements, .algolia-results-list #clear-refinements,
.algolia-instant-selector-results .ais-InfiniteHits-loadPrevious--disabled,
.algolia-results-list .ais-InfiniteHits-loadPrevious--disabled,
.algolia-instant-selector-results .ais-InfiniteHits-loadMore--disabled,
.algolia-results-list .ais-InfiniteHits-loadMore--disabled {
display: none; }
@media only screen and (min-width: 640px) {
.algolia-instant-selector-results .ais-Hits-item, .algolia-results-list .ais-Hits-item,
.algolia-instant-selector-results .ais-InfiniteHits-item,
.algolia-results-list .ais-InfiniteHits-item {
padding: 6px 5px; }
.algolia-instant-selector-results .hit-bottom, .algolia-results-list .hit-bottom {
flex-direction: row; }
.algolia-instant-selector-results .hit-bottom-actions, .algolia-results-list .hit-bottom-actions {
margin-right: 0; }
.algolia-instant-selector-results .price-wrapper span, .algolia-results-list .price-wrapper span {
display: block; }
.algolia-instant-selector-results .price-wrapper .before_special, .algolia-results-list .price-wrapper .before_special {
display: none; } }
@media only screen and (max-width: 767px) {
.algolia-instant-selector-results .result-title, .algolia-results-list .result-title {
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; } }
@media only screen and (min-width: 768px) {
.algolia-instant-selector-results .ais-InfiniteHits:after, .algolia-results-list .ais-InfiniteHits:after {
height: 100px; }
.algolia-instant-selector-results .ais-Hits-list, .algolia-results-list .ais-Hits-list,
.algolia-instant-selector-results .ais-InfiniteHits-list,
.algolia-results-list .ais-InfiniteHits-list {
margin-left: -15px;
margin-right: -15px; }
.algolia-instant-selector-results .ais-Hits-item, .algolia-results-list .ais-Hits-item,
.algolia-instant-selector-results .ais-InfiniteHits-item,
.algolia-results-list .ais-InfiniteHits-item {
flex-basis: 20%;
max-width: 20%;
padding: 15px; }
.algolia-instant-selector-results .ais-Hits-item .action.tocart, .algolia-results-list .ais-Hits-item .action.tocart,
.algolia-instant-selector-results .ais-InfiniteHits-item .action.tocart,
.algolia-results-list .ais-InfiniteHits-item .action.tocart {
padding: 7px; }
.algolia-instant-selector-results .ais-Hits-item .action.tocart span, .algolia-results-list .ais-Hits-item .action.tocart span,
.algolia-instant-selector-results .ais-InfiniteHits-item .action.tocart span,
.algolia-results-list .ais-InfiniteHits-item .action.tocart span {
display: block; }
.algolia-instant-selector-results .ais-Hits-item .action.tocart svg, .algolia-results-list .ais-Hits-item .action.tocart svg,
.algolia-instant-selector-results .ais-InfiniteHits-item .action.tocart svg,
.algolia-results-list .ais-InfiniteHits-item .action.tocart svg {
margin-right: 6px;
width: 22px;
height: 22px; }
.algolia-instant-selector-results .ais-Hits-item .action.towishlist, .algolia-results-list .ais-Hits-item .action.towishlist,
.algolia-instant-selector-results .ais-InfiniteHits-item .action.towishlist,
.algolia-results-list .ais-InfiniteHits-item .action.towishlist {
padding: 8px; }
.algolia-instant-selector-results .ais-Hits-item .action.towishlist svg, .algolia-results-list .ais-Hits-item .action.towishlist svg,
.algolia-instant-selector-results .ais-InfiniteHits-item .action.towishlist svg,
.algolia-results-list .ais-InfiniteHits-item .action.towishlist svg {
width: 20px;
height: 20px; }
.algolia-instant-selector-results .result-item-discount, .algolia-results-list .result-item-discount {
font-size: 2rem;
right: -6px;
top: 12px;
padding: 3px 8px; }
.algolia-instant-selector-results .hit-bottom-actions .actions-secondary, .algolia-results-list .hit-bottom-actions .actions-secondary {
margin-right: 12px; }
.algolia-instant-selector-results .result-title, .algolia-results-list .result-title {
font-size: 1.4rem;
margin: 16px 0 20px; }
.algolia-instant-selector-results .stock.unavailable, .algolia-results-list .stock.unavailable {
padding: 7px; }
.algolia-instant-selector-results .stock.unavailable svg, .algolia-results-list .stock.unavailable svg {
width: 22px; } }
@media only screen and (min-width: 1024px) {
.algolia-instant-selector-results .result-title, .algolia-results-list .result-title {
margin-top: 32px; }
.algolia-instant-selector-results .after_special, .algolia-results-list .after_special {
font-size: 2rem; }
.algolia-instant-selector-results .before_special, .algolia-results-list .before_special {
font-size: 1.4rem; }
.algolia-instant-selector-results .action.tocart, .algolia-results-list .action.tocart {
font-size: 1.2rem; } }
.algolia-results-list {
background-color: transparent; }
.algolia-results-list::before, .algolia-results-list::after {
content: unset; }
.algolia-results-list .ais-InfiniteHits::after {
content: unset; }
.algolia-container {
padding-bottom: 0; }
.ais-infinite-hits--showmore,
.algolia-stats {
background-color: #180d38;
display: block;
padding: 24px 15px;
text-align: center;
margin: 0 -100%;
margin: 0 calc(50% - 50vw);
width: 100vw; }
.__search-no-results .algolia-stats {
display: none; }
.algolia-stats .pages-indicator {
margin-top: 0; }
.ais-infinite-hits--showmoreButton {
background: transparent;
margin-top: 10px; }
.ais-infinite-hits--showmoreButton:hover {
border-color: #fff; }
.ais-Pagination {
align-items: center;
display: flex;
justify-content: center;
list-style: none;
background-color: #180d38;
padding: 30px 15px 15px;
text-align: center;
margin: 30px -100% 0;
margin: 30px calc(50% - 50vw) 0;
width: 100vw; }
.ais-Pagination a {
color: #fff; }
.ais-Pagination li {
margin: 0 6px;
transition: opacity 0.3s; }
.ais-Pagination .ais-Pagination-item--previousPage .ais-Pagination--link,
.ais-Pagination .ais-Pagination-item--nextPage .ais-Pagination--link {
background-position: center center;
background-size: 8px;
display: block;
overflow: hidden;
text-indent: -999px;
width: 30px; }
.ais-Pagination .ais-Pagination-item--page {
opacity: 0.5; }
.ais-Pagination .ais-Pagination-item--page.ais-Pagination-item--selected {
opacity: 1; }
.ais-Pagination .ais-pagination--item__previous .ais-pagination--link {
background-image: url("../images/icons/white/arrow-prev.svg"); }
.ais-Pagination .ais-pagination--item__next .ais-pagination--link {
background-image: url("../images/icons/white/arrow-next.svg"); }
.algolia-instant-replaced-content[style*="none"] {
display: block !important;
height: 1px;
margin: 0;
overflow: hidden;
opacity: 0;
padding: 0;
width: 100%; }
#refine-toggle {
width: 100%; }
#instant-search-facets-container {
align-items: stretch;
display: flex;
flex-direction: column; }
#instant-search-facets-container > div {
margin: 20px 0 0; }
#instant-search-facets-container select {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: url(../images/icons/white/chevron-down.svg);
background-position: right 12px center;
background-size: 11px 7px;
border: none;
color: #fff;
font-size: 1.2rem;
text-transform: uppercase; }
#instant-search-facets-container select option {
color: #333; }
#instant-search-facets-container .ais-Panel > .ais-Panel-header,
#instant-search-facets-container .facet > .ais-Panel-header {
color: rgba(255, 255, 255, 0.5);
font-size: 1.1rem;
text-transform: uppercase; }
#instant-search-facets-container .ais-Panel > .ais-Panel-header .name,
#instant-search-facets-container .facet > .ais-Panel-header .name {
position: relative;
padding-right: 22px; }
#instant-search-facets-container .ais-Panel > .ais-Panel-header [data-active]::after,
#instant-search-facets-container .facet > .ais-Panel-header [data-active]::after {
background-color: #4d3d7d;
border-radius: 100%;
color: #fff;
content: attr(data-active);
display: inline-block;
font-size: 1.1rem;
height: 20px;
line-height: 20px;
margin-right: 10px;
text-align: center;
width: 20px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px; }
#instant-search-facets-container .ais-Panel > .ais-Panel-body,
#instant-search-facets-container .facet > .ais-Panel-body {
background-color: #1F143D;
border: 1px solid #525282;
border-radius: 2px;
margin-top: 6px;
padding: 6px; }
#instant-search-facets-container .rheostat {
margin: 0;
padding: 25px 0; }
#instant-search-facets-container .rheostat .rheostat-background {
background-color: rgba(255, 255, 255, 0.35);
border-width: 0;
border-radius: 5px;
height: 10px; }
#instant-search-facets-container .rheostat .rheostat-progress {
background-color: rgba(255, 255, 255, 0);
height: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%); }
#instant-search-facets-container .rheostat .rheostat-handle {
font-size: 0.9rem;
top: 50%;
transform: translateY(-50%);
margin-left: 0;
height: 10px;
width: 0;
z-index: 10; }
#instant-search-facets-container .rheostat .rheostat-handle:before {
background-color: #000;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
border-radius: 50%;
content: '';
position: absolute;
width: 30px;
height: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#instant-search-facets-container .rheostat .rheostat-handle .ais-range-slider--tooltip {
font-size: 0.9rem;
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, 5px); }
#instant-search-facets-container .rheostat .rheostat-tooltip {
top: -26px; }
#instant-search-facets-container .rheostat .ais-range-slider--marker {
visibility: hidden; }
#instant-search-facets-container .ais-hierarchical-menu--item + .ais-hierarchical-menu--item {
margin-top: 4px; }
#instant-search-facets-container .ais-hierarchical-menu--item__active > div > .ais-hierearchical-link-wrapper > .ais-hierarchical-menu--link {
background-color: #525282;
background-size: 12px 9px;
background-position: right 12px center; }
#instant-search-facets-container .ais-hierarchical-menu--link {
background-color: #0c0020;
background-image: url(../images/icons/white/check.svg);
background-position: -100px -100px;
background-size: 0 0;
border-radius: 3px;
color: #fff;
display: block;
font-size: 1.1rem;
padding: 14px 21px; }
#instant-search-facets-container .ais-hierarchical-menu--count {
font-size: 1rem;
margin-left: 0.5em;
opacity: 0.5; }
#instant-search-facets-container .ais-hierarchical-menu--count:before {
content: '('; }
#instant-search-facets-container .ais-hierarchical-menu--count:after {
content: ')'; }
#instant-search-facets-container #clear-refinements,
#instant-search-facets-container #current-refinements,
#instant-search-facets-container .is-widget-container-restricted_countries,
#instant-search-facets-container [class*="is-widget-container-restricted_countries_"] {
display: none;
flex-basis: 100%;
max-width: 100%;
order: 999;
padding: 0; }
#instant-search-facets-container .ais-RefinementList-list input[type="checkbox"] {
position: absolute;
left: -9999px; }
#instant-search-facets-container .ais-RefinementList-list .ais-RefinementList-item {
background-color: #1F143D;
background-image: url("../images/icons/white/check.svg");
background-position: -100px -100px;
background-size: 0 0;
border-radius: 3px;
cursor: pointer;
display: block;
margin: 0;
padding: 14px 21px; }
#instant-search-facets-container .ais-RefinementList-list .ais-RefinementList-item + * {
margin-top: 4px; }
#instant-search-facets-container .ais-RefinementList-list .ais-RefinementList-item--selected {
background-color: #525282;
background-position: right 12px center;
background-size: 12px 9px; }
#instant-search-facets-container .ais-RefinementList-list .ais-RefinementList-count {
display: none; }
@media only screen and (min-width: 768px) {
#instant-search-facets-container {
flex-direction: row;
margin-left: -15px;
margin-right: -15px; }
#instant-search-facets-container > div {
flex-basis: 25%;
max-width: 25%;
margin: 0;
padding: 15px; }
#instant-search-facets-container > div:not([class*='is-widget']) > .facet > .ais-Panel-header {
display: none; }
#instant-search-facets-container .ais-Panel,
#instant-search-facets-container .facet {
position: relative; }
#instant-search-facets-container .ais-Panel.__show > .ais-Panel-header,
#instant-search-facets-container .facet.__show > .ais-Panel-header {
background-color: #0c0020;
box-shadow: 0 0 0 3px #0c0020, 0 0 12px 4px rgba(100, 162, 235, 0.36);
border-radius: 2px 2px 0 0; }
#instant-search-facets-container .ais-Panel.__show > .ais-Panel-header:after,
#instant-search-facets-container .facet.__show > .ais-Panel-header:after {
background-color: #0c0020;
content: '';
position: absolute;
top: 100%;
left: -4px;
right: -4px;
margin-top: 2px;
height: 15px; }
#instant-search-facets-container .ais-Panel.__show > .ais-Panel-body:not(#algolia-sorts),
#instant-search-facets-container .facet.__show > .ais-Panel-body:not(#algolia-sorts) {
background-color: #0c0020;
box-shadow: 0 0 0 3px #0c0020, 0 0 12px 4px rgba(100, 162, 235, 0.36);
border-radius: 2px 2px 0 0; }
#instant-search-facets-container .ais-Panel.__show > .ais-Panel-body:not(#algolia-sorts):before,
#instant-search-facets-container .facet.__show > .ais-Panel-body:not(#algolia-sorts):before {
background-color: #0c0020; }
#instant-search-facets-container .ais-Panel.__show > .ais-Panel-body:not(#algolia-sorts):after,
#instant-search-facets-container .facet.__show > .ais-Panel-body:not(#algolia-sorts):after {
content: ''; }
#instant-search-facets-container .ais-Panel.__show > .ais-Panel-body:not(#algolia-sorts) > div,
#instant-search-facets-container .facet.__show > .ais-Panel-body:not(#algolia-sorts) > div {
display: block; }
#instant-search-facets-container .ais-Panel > .ais-Panel-header,
#instant-search-facets-container .facet > .ais-Panel-header {
background-color: transparent;
border: 1px solid #525282;
border-radius: 2px;
padding: 6px;
background-image: url(../images/icons/white/chevron-down.svg);
background-position: right 22px center;
background-size: 11px 7px;
color: #fff;
display: block;
font-size: 1.1rem;
padding: 11px 34px 11px 14px;
position: relative;
text-transform: uppercase;
z-index: 2; }
#instant-search-facets-container .ais-Panel > .ais-Panel-body,
#instant-search-facets-container .facet > .ais-Panel-body {
background-color: transparent;
margin-top: 0; }
#instant-search-facets-container .ais-Panel > .ais-Panel-body:not(#algolia-sorts),
#instant-search-facets-container .facet > .ais-Panel-body:not(#algolia-sorts) {
border: none;
padding: 0; }
#instant-search-facets-container .ais-Panel > .ais-Panel-body:not(#algolia-sorts):before,
#instant-search-facets-container .facet > .ais-Panel-body:not(#algolia-sorts):before {
background-image: url(../images/icons/white/chevron-down.svg);
background-position: right 22px center;
background-size: 11px 7px;
display: block;
font-size: 1.1rem;
margin: -6px;
padding: 11px 34px 11px 14px;
position: relative;
text-transform: uppercase;
z-index: 2; }
#instant-search-facets-container .ais-Panel > .ais-Panel-body:not(#algolia-sorts):after,
#instant-search-facets-container .facet > .ais-Panel-body:not(#algolia-sorts):after {
background-color: #0c0020;
position: absolute;
top: 100%;
height: 6px;
left: -3px;
right: -3px; }
#instant-search-facets-container .ais-Panel > .ais-Panel-body:not(#algolia-sorts) > div,
#instant-search-facets-container .facet > .ais-Panel-body:not(#algolia-sorts) > div {
background-color: #0c0020;
border-radius: 0 3px 3px 3px;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
display: none;
margin-top: 6px;
top: 100%;
left: -3px;
padding: 15px;
position: absolute;
width: 285px; }
#instant-search-facets-container .ais-hierarchical-menu--list .ais-hierarchical-menu--list {
margin-top: 4px; }
#instant-search-facets-container .ais-hierarchical-menu--link {
background-color: #1F143D; } }
@media only screen and (min-width: 1024px) {
#instant-search-facets-container > div {
flex-basis: 16.666%;
max-width: 16.666%; } }
#algolia-left-container {
background-color: #180d38;
padding: 0 0 10px; }
#algolia-left-container .wrap, #algolia-left-container .page-main, #algolia-left-container .header.content, #algolia-left-container .nav-sections, #algolia-left-container .footer, #algolia-left-container .catalog-category-view .category-top-inner, .catalog-category-view #algolia-left-container .category-top-inner, #algolia-left-container .catalog-category-view .products-grid, .catalog-category-view #algolia-left-container .products-grid, #algolia-left-container .catalog-category-view .page-title, .catalog-category-view #algolia-left-container .page-title, #algolia-left-container .catalog-category-view .question-detail .faq-cat-title, .catalog-category-view .question-detail #algolia-left-container .faq-cat-title, #algolia-left-container .question-detail .catalog-category-view .faq-cat-title, .question-detail .catalog-category-view #algolia-left-container .faq-cat-title, #algolia-left-container .catalog-category-view .koins-content h1, .catalog-category-view .koins-content #algolia-left-container h1, #algolia-left-container .koins-content .catalog-category-view h1, .koins-content .catalog-category-view #algolia-left-container h1, #algolia-left-container .catalog-product-view .column.main > .block.widget, .catalog-product-view #algolia-left-container .column.main > .block.widget,
#algolia-left-container .catalog-product-view .columns > .block.widget, .catalog-product-view #algolia-left-container .columns > .block.widget, #algolia-left-container .block.widget.block-products-list, #algolia-left-container .home-top, #algolia-left-container .widget.developer-list, #algolia-left-container .widget.trustpilot-summary .widget-content, .widget.trustpilot-summary #algolia-left-container .widget-content, #algolia-left-container .promo-bar .promo-bar-inner, .promo-bar #algolia-left-container .promo-bar-inner, #algolia-left-container #algolia-category-facets .ais-Panel, #algolia-category-facets #algolia-left-container .ais-Panel, #algolia-left-container #algolia-category-sorts .ais-SortBy, #algolia-category-sorts #algolia-left-container .ais-SortBy {
z-index: 5; }
.__search-no-results #algolia-left-container {
display: none; }
@media only screen and (min-width: 768px) {
#algolia-left-container {
padding: 10px 0; } }
#instant-empty-results-container .no-results {
padding-bottom: 45px;
padding-top: 30px;
text-align: center; }
#instant-empty-results-container .no-results .button, #instant-empty-results-container .no-results .navigation .nav-button > a, .navigation #instant-empty-results-container .no-results .nav-button > a, #instant-empty-results-container .no-results .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error #instant-empty-results-container .no-results .action-delete, #instant-empty-results-container .no-results .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup #instant-empty-results-container .no-results .action-accept, #instant-empty-results-container .no-results .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup #instant-empty-results-container .no-results .action-dismiss {
margin-top: 10px; }
#instant-empty-results-container .no-results .block.block-regional-notice {
display: none; }
.ais-SortBy .chosen-container {
display: block;
font-size: 1.6rem;
line-height: 1.5;
margin: -7px;
width: auto !important;
max-width: none; }
.ais-SortBy .chosen-container.chosen-container-single .chosen-single span {
line-height: 1.5; }
.ais-SortBy .chosen-container .chosen-results li {
line-height: 1.5; }
.ais-SortBy .chosen-container .chosen-results li:first-child {
display: none; }
/**
* 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 <platforms@checkout.com>
* @copyright 2010-2019 Checkout.com
* @license https://opensource.org/licenses/mit-license.html MIT License
* @link https://docs.checkout.com/
*/
#ckoSaveCard {
margin-top: 10px; }
/**
* Frames v2
*/
.one-liner {
display: flex;
flex-direction: column; }
.card-frame {
border: solid 1px #13395E;
border-radius: 3px;
width: 100%;
margin-bottom: 0;
height: 40px;
box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.2); }
.card-frame.frame--rendered {
opacity: 1; }
.card-frame.frame--rendered.frame--focus {
border: solid 1px #13395E;
box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.15); }
.card-frame.frame--rendered.frame--invalid {
border: solid 1px #D96830;
box-shadow: 0 2px 5px 0 rgba(217, 104, 48, 0.15); }
.success-payment-message {
color: #13395E;
line-height: 1.4; }
.token {
color: #b35e14;
font-size: 0.9rem;
font-family: monospace; }
@media screen and (min-width: 31rem) {
.one-liner {
flex-direction: row; }
.card-frame {
width: 500px; } }
/**
* 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 <platforms@checkout.com>
* @copyright 2010-2019 Checkout.com
* @license https://opensource.org/licenses/mit-license.html MIT License
* @link https://docs.checkout.com/
*/
#closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s; }
#payment_form_checkout_com {
padding-top: 20px; }
#card-number,
#card-holder {
width: 220px; }
#expiry-month {
width: 140px; }
#expiry-year {
width: 80px; }
.ccv {
width: 100px; }
#info-icon,
#info-icon svg {
width: 30px;
height: 30px; }
#info-icon,
#info-text {
float: left; }
#info-text {
margin-top: 10px;
text-align: left;
margin-bottom: 10px;
width: 90%; }
td.card-type img {
vertical-align: middle;
display: inline-block !important; }
td.card-type span {
display: inline-block;
margin-left: 5px; }
#ckoShowForm {
margin-top: 10px; }
.table-credit-cards .col.actions {
text-align: right; }
#checkoutcom_apple_pay_container .ap-checkout {
width: 100% !important; }
#minicartApplePayButton.ap-cart {
margin-top: 6px; }
#checkoutcom_google_pay_container .payment-method-title .label span {
align-items: center;
display: flex; }
#checkoutcom_google_pay_container .payment-method-title .label span:before {
background-image: url("../images/vendor/gpay.png");
background-repeat: no-repeat;
background-size: contain;
content: '';
width: 60px;
height: 24px;
margin-right: 8px; }
.faq-page .page-main,
.loffaq-category-view .page-main,
.loffaq-question-view .page-main {
padding-bottom: 20px; }
.loffaq-question-view .page-main > .row > .col {
padding-top: 0; }
.lof-faq,
.faq-results {
background-color: #0c0020;
border-radius: 5px;
clear: both;
overflow: hidden; }
.lof-faq > span,
.faq-results > span {
display: block;
padding: 12px 24px 0; }
.lof-faq > .faqcat-block,
.lof-faq > .question-list,
.faq-results > .faqcat-block,
.faq-results > .question-list {
padding: 20px 24px; }
.faqcategory-sidebar ul {
font-size: 1.8rem;
font-weight: 500;
list-style: none;
max-width: 270px;
margin: 24px 0 0;
padding: 0; }
.faqcategory-sidebar ul li {
background-color: transparent;
border-radius: 5px;
padding: 6px 10px 6px 40px;
position: relative; }
.faqcategory-sidebar ul li:before {
background-color: #0e9b72;
border-radius: 4px;
content: '';
height: 8px;
width: 14px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); }
.faqcategory-sidebar ul li.active {
background-color: #0e9b72;
color: #fff; }
.faqcategory-sidebar ul a {
color: inherit; }
.faqcategory-sidebar .block-title {
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase; }
.faqcategory-sidebar .count {
display: none; }
.question-list .panel + .panel {
margin-top: 8px; }
.question-list .panel-heading {
background-color: #1F143D;
background-position: 22px center;
background-repeat: no-repeat;
background-size: 24px 25px;
border-radius: 5px;
color: inherit;
padding: 12px 32px 12px 12px;
position: relative; }
.question-list .panel-heading:before, .question-list .panel-heading:after {
background-color: currentColor;
content: '';
position: absolute;
top: 50%;
right: 18px;
transform: translateY(-50%);
width: 10px;
height: 2px;
transition: transform 0.3s, height 0.3s; }
.question-list .panel-heading.collapsed:before, .question-list .panel-heading.collapsed:after {
height: 2px; }
.question-list .panel-heading.collapsed:after {
transform: translateY(-50%) rotateZ(90deg); }
.question-list .panel-heading a {
color: inherit; }
.question-list .panel-heading .panel-title {
font-size: 1.6rem;
font-weight: 600;
line-height: 1.5;
margin: 0; }
.question-list .panel-body {
font-size: 1.4rem;
line-height: 1.714;
padding: 16px; }
.question-list .panel-collapse {
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
transition: opacity 0.3s; }
.question-list .panel-collapse.in {
height: auto;
opacity: 1; }
@media only screen and (min-width: 768px) {
.question-list .panel-heading {
padding: 20px 12px; }
.question-list .panel-heading:before, .question-list .panel-heading:after {
right: 32px; }
.question-list .panel-heading .panel-title {
font-size: 1.8rem; } }
@media only screen and (min-width: 1024px) {
.question-list .panel-heading {
padding: 20px 50px; }
.question-list .panel-body {
padding: 30px 60px; } }
.faqcat-block .faqcat-block {
margin-left: -24px;
margin-right: -24px;
padding: 20px 24px;
background-color: #0c0020; }
.faqcat-block .faqcat-block:first-child {
padding-top: 0; }
.faqcat-block .faqcat-block:last-child {
padding-bottom: 0; }
.faqcat-block > a:hover {
text-decoration: none; }
.faqcat-title {
background-image: url("../images/icons/logo-icon.svg");
background-position: 0 center;
background-repeat: no-repeat;
background-size: 25px 23px;
color: #fff;
font-size: 2.4rem;
font-weight: 600;
margin: 0 0 20px;
padding: 0 0 10px;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.faqcat-title small {
display: none; }
.faq-backpage {
display: none;
float: right;
margin: 0 0 20px; }
.loffaq-search-wrapper {
margin-bottom: 24px; }
.loffaq-search-wrapper form {
align-items: center;
background-color: #fff;
border-radius: 5px;
display: flex;
padding: 12px 15px;
position: relative; }
.loffaq-search-wrapper input {
background-color: transparent;
border-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
height: auto;
padding: 0;
transition: border 0.3s; }
.loffaq-search-wrapper input:focus {
border-bottom-color: #ccc;
box-shadow: none; }
.loffaq-search-wrapper input::placeholder {
color: #202029;
text-transform: uppercase; }
.loffaq-search-wrapper button {
margin-left: 10px; }
.loffaq-search-wrapper .loffaq-search {
align-items: center;
display: flex;
justify-content: flex-end; }
.loffaq-search-wrapper .lofsearch-loader {
position: absolute;
left: -999px;
height: 1px;
width: 1px;
opacity: 0; }
.loffaq-search-wrapper .lofsearch-loader[style*='block'] {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: auto;
opacity: 1;
width: 60px; }
.lof-faq-details .like-dislike {
border-top: 1px solid #e6e5f2;
margin-top: 20px;
padding-top: 20px; }
.lof-faq-details .like-dislike .like-text {
font-size: 1.8rem;
font-weight: 600; }
.lof-faq-details .like-button {
margin-top: 20px; }
.lof-faq-details .like-button button span {
margin-left: 0.6em; }
.lof-faq-details .like-button button span:before {
content: '('; }
.lof-faq-details .like-button button span:after {
content: ')'; }
.faq-toolbar {
text-align: center; }
.question-detail .question-content {
background-color: #0c0020;
border-radius: 5px;
padding: 15px;
margin-top: 40px; }
@media only screen and (min-width: 768px) {
.question-detail .question-content {
padding: 30px; } }
@media only screen and (max-width: 767px) {
.block-reward-dashboard-transaction .table-transaction-items,
.block-reward-dashboard-transaction .table-transaction-items tbody,
.block-reward-dashboard-transaction .table-transaction-items tr,
.block-reward-dashboard-transaction .table-transaction-items td {
display: block; }
.block-reward-dashboard-transaction .table-transaction-items thead,
.block-reward-dashboard-transaction .table-transaction-items th {
display: none; }
.block-reward-dashboard-transaction .table-transaction-items td::before {
content: attr(data-th) ":";
font-weight: 700;
margin-right: 0.3em; }
.block-reward-dashboard-transaction .table-transaction-items td + td {
padding-top: 0; } }
.form-rewards-setting {
display: none;
visibility: hidden;
margin-top: 20px; }
@media only screen and (min-width: 768px) {
.form-rewards-setting {
margin-top: 40px; } }
.reward-balance strong {
font-weight: 400; }
.reward-balance .label {
font-weight: 600; }
.reward-balance .box-balance {
margin-top: 10px; }
.reward-transactions-toolbar {
text-align: center; }
.reward-transactions-toolbar .limiter {
display: none; }
.reward-information {
color: rgba(255, 255, 255, 0.5);
font-size: 1.4rem;
text-align: center;
padding-bottom: 15px; }
.widget.header-info {
border: 1px solid #40384E;
font-family: "Quantico", sans-serif;
line-height: 1;
margin: 5px auto;
padding: 4px 15px;
position: relative;
align-items: center;
display: flex;
justify-content: center; }
.widget.header-info img {
max-height: 24px; }
.widget.header-info span {
color: #fff;
display: block;
letter-spacing: 0.05em;
margin-left: 15px;
text-transform: uppercase; }
.widget.header-info .header-info_line1 {
color: #1DD395;
font-size: 1.2rem; }
.widget.header-info .header-info_line2 {
font-size: 0.9rem;
margin-top: 4px; }
.header.content .widget.header-info {
display: flex;
order: 4;
margin-top: 10px;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
width: 100%; }
.header.content .widget.header-info img {
max-height: 20px; }
.header.content .widget.header-info .header-info_text {
display: flex; }
.header.content .widget.header-info .header-info_line2 {
margin-left: 0.6em;
margin-top: 2px; }
@media only screen and (max-width: 767px) {
.widget.header-info {
display: none; } }
@media only screen and (min-width: 768px) {
.header.content .widget.header-info {
display: none; } }
@media only screen and (min-width: 1024px) {
.widget.header-info {
padding: 4px 20px; }
.widget.header-info span {
margin-left: 20px; }
.widget.header-info .header-info_line1 {
font-size: 1.4rem; }
.widget.header-info .header-info_line2 {
font-size: 1.1rem; } }
.widget.developer-list {
display: flex;
font-size: 1.3rem;
margin-top: 25px;
margin-bottom: 25px;
padding-left: 0;
padding-right: 0;
position: relative;
text-align: center;
text-transform: uppercase; }
.widget.developer-list svg,
.widget.developer-list img {
display: block;
margin: auto; }
.widget.developer-list a {
align-items: stretch;
color: #fff;
display: flex;
flex-direction: column;
flex-grow: 1;
opacity: 0.2;
transition: opacity 0.3s; }
.widget.developer-list a:hover {
opacity: 1;
text-decoration: none; }
.widget.developer-list .developer-list_col {
align-items: stretch;
display: flex;
flex-direction: column;
flex-basis: 0;
flex-grow: 1;
padding: 0 15px; }
.widget.developer-list .developer-list_label {
display: block;
margin-top: 36px; }
.widget.developer-list .slick-list {
overflow: hidden;
position: relative; }
.widget.developer-list .slick-track {
display: flex; }
.widget.developer-list .slick-slide {
opacity: 0.5;
transition: opacity 0.3s; }
.widget.developer-list .slick-active {
opacity: 1; }
@media only screen and (min-width: 768px) {
.widget.developer-list {
margin-top: 50px;
margin-bottom: 50px; } }
.widget.trustpilot-summary {
color: #fff;
font-family: "Quantico", sans-serif;
overflow: hidden;
position: relative;
padding: 39px 0;
text-align: center;
text-transform: uppercase; }
.widget.trustpilot-summary a {
color: inherit;
text-decoration: none; }
.widget.trustpilot-summary .widget-content {
background-color: #0c0020;
padding: 50px;
position: relative; }
.widget.trustpilot-summary .widget-content:before, .widget.trustpilot-summary .widget-content:after {
background-size: contain;
content: '';
position: absolute;
width: 299px;
height: 302px;
top: -39px; }
.widget.trustpilot-summary .widget-content:before {
background-image: url("../images/bg/green-light-left.png");
left: -176px; }
.widget.trustpilot-summary .widget-content:after {
background-image: url("../images/bg/green-light-right.png");
right: -176px; }
.widget.trustpilot-summary .trustpilot-summary_label {
font-size: 1.8rem;
letter-spacing: 0.05em;
opacity: 0.3; }
.widget.trustpilot-summary .trustpilot-summary_value {
font-size: 4.2rem;
letter-spacing: 0.05em;
margin-top: 10px;
text-shadow: 0 0 9px rgba(33, 183, 132, 0.9), 0 0 9px rgba(33, 183, 132, 0.9), 0 0 9px rgba(33, 183, 132, 0.9), 0 0 9px rgba(33, 183, 132, 0.9); }
.checkout-cart-index .widget.trustpilot-summary {
display: block;
padding: 15px 0 30px; }
.checkout-cart-index .widget.trustpilot-summary .row {
margin-left: 0;
margin-right: 0;
padding: 0 15px; }
.checkout-cart-index .widget.trustpilot-summary .widget-content {
background-color: #190f34;
padding: 0; }
.checkout-cart-index .widget.trustpilot-summary .widget-content:before, .checkout-cart-index .widget.trustpilot-summary .widget-content:after {
content: none; }
.checkout-cart-index .widget.trustpilot-summary .col-summary {
display: flex;
flex-direction: column-reverse; }
.checkout-cart-index .widget.trustpilot-summary .col-summary .trustpilot-summary_value {
margin: 0; }
.checkout-cart-index .widget.trustpilot-summary .col-summary .trustpilot-summary_label {
line-height: 1; }
.checkout-cart-index .cart-after-form .widget.trustpilot-summary {
display: none; }
.checkout-cart-index .cart-after-basket .widget.trustpilot-summary {
padding: 14px 0; }
@media only screen and (max-width: 767px) {
.widget.trustpilot-summary {
display: none; }
.widget.trustpilot-summary img {
max-width: 160px; }
.widget.trustpilot-summary .col:nth-child(1) {
order: 2; }
.widget.trustpilot-summary .col:nth-child(2) {
order: 1; }
.widget.trustpilot-summary .col:nth-child(3) {
order: 3; }
.widget.trustpilot-summary .trustpilot-summary_label {
font-size: 1.2rem; }
.widget.trustpilot-summary .trustpilot-summary_value {
font-size: 2.4rem; } }
@media only screen and (min-width: 768px) {
.checkout-cart-index .cart-after-form .widget.trustpilot-summary {
display: block; }
.checkout-cart-index .cart-after-basket .widget.trustpilot-summary {
display: none; }
.checkout-cart-index .widget.trustpilot-summary .trustpilot-summary_value {
font-size: 3.6rem; }
.checkout-cart-index .widget.trustpilot-summary .trustpilot-summary_label {
font-size: 1.4rem; } }
.widget.promo-image {
margin-top: 25px;
margin-bottom: 25px;
padding: 0 10px;
position: relative;
z-index: 0; }
.widget.promo-image:before, .widget.promo-image:after {
background-size: contain;
content: '';
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 126px;
height: 152px;
z-index: 0; }
.widget.promo-image:before {
background-image: url("../images/bg/red-light.png");
background-position: right center;
left: 0; }
.widget.promo-image:after {
background-image: url("../images/bg/blue-light.png");
background-position: left center;
right: 0; }
.widget.promo-image img {
display: block;
border-radius: 5px;
position: relative;
width: 100%;
z-index: 1; }
@media only screen and (max-width: 767px) {
.widget.promo-image .promo-image_desktop {
display: none; } }
@media only screen and (min-width: 768px) {
.widget.promo-image {
margin-top: 50px;
margin-bottom: 50px; }
.widget.promo-image:before, .widget.promo-image:after {
width: 252px;
height: 305px; }
.widget.promo-image .promo-image_mobile {
display: none; } }
.slide.slide-product {
color: #fff;
display: block;
font-family: "Quantico", sans-serif;
font-size: 1rem;
position: relative;
text-transform: uppercase; }
.slide.slide-product[data-regions] {
display: none; }
.slide.slide-product[data-regions].__in-region {
display: block; }
.slide.slide-product img {
display: block;
margin: auto; }
.slide.slide-product .slide-product_link {
align-items: center;
align-self: stretch;
background-color: transparent;
background-image: url("../images/icons/white/chevron-right.svg");
background-position: right 8px center;
background-size: 5px 8px;
border-radius: 0 5px 5px 0;
color: inherit;
display: flex;
padding-left: 12px;
padding-right: 24px;
transition: background-color 0.3s; }
.slide.slide-product .slide-product_link:hover {
background-color: #1F143D;
text-decoration: none; }
.slide.slide-product .slide-product_label,
.slide.slide-product .slide-product_value {
display: block; }
.slide.slide-product .slide-product_details {
align-items: center;
background-color: #0c0020;
border-radius: 5px;
bottom: 25px;
display: flex;
justify-content: center;
padding: 0 10px;
position: absolute;
left: 15px;
right: 15px; }
.slide.slide-product .slide-product_attr {
padding: 12px; }
.slide.slide-product .slide-product_attr + * {
border-left: 1px solid #1F143D; }
.slide.slide-product .slide-product_attr.rrp .slide-product_value span {
text-decoration: line-through; }
.slide.slide-product .slide-product_attr.rrp .slide-product_value small {
font-size: 1em;
margin-left: 0.5em; }
.slide.slide-product .slide-product_label {
opacity: 0.3; }
.slide.slide-product .slide-product_value {
align-items: flex-end;
display: flex;
font-size: 1.2rem;
line-height: 1; }
@media only screen and (min-width: 768px) {
.slide.slide-product .slide-product_details {
padding: 0 0 0 20px;
left: 50%;
right: auto;
transform: translateX(-50%); } }
@media only screen and (max-width: 767px) {
.slide.slide-product:after {
content: '';
display: block;
padding-bottom: 35%; }
.slide.slide-product img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center; } }
@media only screen and (min-width: 1024px) {
.slide.slide-product {
font-size: 1.4rem; }
.slide.slide-product .slide-product_value {
font-size: 1.8rem; }
.slide.slide-product .slide-product_details {
bottom: 48px; } }
@media only screen and (min-width: 1440px) {
.slide.slide-product {
font-size: 1.8rem; }
.slide.slide-product .slide-product_link {
background-position: right 24px center;
background-size: 10px 17px;
padding-left: 24px;
padding-right: 48px; }
.slide.slide-product .slide-product_attr {
padding: 18px; }
.slide.slide-product .slide-product_value {
font-size: 2.4rem; } }
.widget.reviews {
color: #0c0020;
margin: 25px 0;
overflow: hidden;
padding-bottom: 50px;
position: relative;
width: 100%; }
.widget.reviews.reviews-all {
margin: -25px 0 0;
padding-bottom: 25px; }
.widget.reviews.reviews-all .reviews-list:not(.slick-initialized) {
align-items: flex-start; }
.widget.reviews.reviews-all .reviews-list:not(.slick-initialized) .review:not(:first-child) {
display: flex; }
.widget.reviews.reviews-all .reviews-list .review {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%;
padding: 60px 15px 15px; }
.widget.reviews.reviews-all .pager {
color: #fff;
text-align: center; }
.widget.reviews.reviews-all .pager .limiter {
display: none; }
.widget.reviews.reviews-all .review .review-content {
min-height: 8em; }
.widget.reviews .widget-top {
align-items: center;
display: flex; }
.widget.reviews .widget-title {
color: #fff;
font-family: "Quantico", sans-serif;
font-size: 1.5rem;
text-shadow: 0 0 9px rgba(33, 183, 132, 0.9), 0 0 9px rgba(33, 183, 132, 0.9), 0 0 9px rgba(33, 183, 132, 0.9), 0 0 9px rgba(33, 183, 132, 0.9);
text-transform: uppercase; }
.widget.reviews .widget-actions {
align-items: center;
display: flex;
margin-left: auto; }
.widget.reviews .widget-actions .button, .widget.reviews .widget-actions .navigation .nav-button > a, .navigation .widget.reviews .widget-actions .nav-button > a, .widget.reviews .widget-actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .widget.reviews .widget-actions .action-delete, .widget.reviews .widget-actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .widget.reviews .widget-actions .action-accept, .widget.reviews .widget-actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .widget.reviews .widget-actions .action-dismiss {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%); }
.widget.reviews .widget-pager {
align-items: center;
display: flex; }
.widget.reviews .widget-pager:before {
color: #fff;
content: attr(data-pages);
font-family: "Quantico", sans-serif;
font-size: 1.2rem;
margin-right: 10px; }
.widget.reviews .widget-pager .slick-arrow {
align-items: center;
background-color: #0e9b72;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27);
color: #fff;
display: flex;
justify-content: center;
position: static;
width: 24px;
height: 24px;
transform: none; }
.widget.reviews .widget-pager .slick-arrow:before {
background-size: contain;
content: '';
display: block;
width: 8px;
height: 14px; }
.widget.reviews .widget-pager .slick-next {
margin-left: 8px; }
.widget.reviews .widget-pager .slick-next:before {
background-image: url("../images/icons/white/arrow-next.svg"); }
.widget.reviews .widget-pager .slick-prev:before {
background-image: url("../images/icons/white/arrow-prev.svg"); }
.widget.reviews .widget-content {
margin-top: 50px;
padding: 0 15px; }
.widget.reviews .reviews-list {
align-items: stretch;
flex-wrap: wrap;
display: flex; }
.widget.reviews .reviews-list:not(.slick-initialized) .review:not(:first-child) {
display: none; }
.widget.reviews .review {
align-items: stretch;
color: inherit;
display: flex;
flex-direction: column;
flex-basis: 100%;
max-width: 100%;
padding: 5px;
position: relative;
text-decoration: none; }
.widget.reviews .review:not(.__show-expander) .review-expand {
display: none; }
.widget.reviews .review .review-inner {
background-color: #fff;
border-radius: 5px;
display: flex;
flex-grow: 1;
min-height: 200px;
padding: 25px 25px 25px 70px;
position: relative; }
.widget.reviews .review .review-inner:hover {
text-decoration: none; }
.widget.reviews .review .review-inner:after {
border-color: transparent transparent #1F143D;
border-style: solid;
border-width: 0 0 46px 46px;
content: '';
position: absolute;
right: -1px;
bottom: -1px;
z-index: 0; }
.widget.reviews .review .review-image {
flex-basis: 175px;
flex-grow: 0;
max-width: 175px; }
.widget.reviews .review .review-details {
flex-basis: 0;
flex-grow: 1; }
.widget.reviews .review .review-top .review-account {
display: inline-block;
vertical-align: top; }
.widget.reviews .review .review-top .profile-link {
width: 42px;
height: 42px; }
.widget.reviews .review .review-top .profile-link circle {
stroke-width: 8px; }
.widget.reviews .review .review-title {
color: #0c0020;
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase; }
.widget.reviews .review .review-meta {
color: #e8e6ed;
font-size: 0.9rem;
margin-top: 8px; }
.widget.reviews .review .review-author {
border-left: 1px solid #e8e6ed;
padding-left: 0.5em;
margin-left: 0.2em; }
.widget.reviews .review .review-author strong {
font-weight: 400; }
.widget.reviews .review .review-content {
color: #9694aa;
font-size: 1rem;
line-height: 1.6;
margin-top: 0;
max-height: 16em;
overflow: hidden;
position: relative;
word-break: break-word; }
.widget.reviews .review .review-content:after {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
content: '';
height: 1.6em;
top: 14.4em;
left: 0;
width: 100%;
position: absolute; }
.widget.reviews .review-rating {
color: #fff;
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
width: 68px;
height: 68px;
width: 42px;
height: 42px; }
.widget.reviews .review-rating.green {
color: #2fc28f; }
.widget.reviews .review-rating.yellow {
color: #e2d21a; }
.widget.reviews .review-rating.red {
color: #ff350d; }
.widget.reviews .review-rating circle {
stroke-width: 8px; }
.widget.reviews .review-rating .review-rating-result {
align-items: center;
background-color: #1F143D;
border-radius: 50%;
display: flex;
font-family: "Quantico", sans-serif;
font-size: 1.2rem;
justify-content: center;
letter-spacing: 0.05em;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 4px);
height: calc(100% - 4px); }
.widget.reviews .review-expand {
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 1; }
.widget.reviews .review-expand-icon {
right: 0;
bottom: 0;
position: absolute;
width: 22px;
height: 22px; }
.widget.reviews .review-expand-icon:before, .widget.reviews .review-expand-icon:after {
background-color: #0e9b72;
content: '';
position: absolute;
height: 2px;
width: 15px;
top: 50%;
left: 50%;
z-index: 1; }
.widget.reviews .review-expand-icon:before {
transform: translate(-50%, -50%) rotate(90deg); }
.widget.reviews .review-expand-icon:after {
transform: translate(-50%, -50%); }
.widget.reviews .slick-list {
width: 100%; }
.widget.reviews .slick-track {
align-items: flex-start;
display: flex;
min-width: 100%; }
.widget.reviews .slick-slide {
opacity: 0.5;
transition: opacity 0.3s; }
.widget.reviews .slick-active,
.widget.reviews .slick-current {
opacity: 1; }
.widget.reviews .slick-dots {
align-items: center;
display: flex;
justify-content: center;
bottom: 54px;
left: 0; }
.widget.reviews .slick-dots li {
width: auto;
height: auto; }
.widget.reviews .slick-dots li.slick-active button:before {
opacity: 1; }
.widget.reviews .slick-dots li button {
padding: 0;
width: 6px;
height: 6px; }
.widget.reviews .slick-dots li button:before {
background-color: #fff;
border-radius: 50%;
content: '';
display: block;
opacity: 0.25;
width: 6px;
height: 6px;
position: static;
transition: opacity 0.3s; }
@media only screen and (max-width: 767px) {
.widget.reviews .review {
padding-left: 54px; }
.widget.reviews .review .review-image {
position: absolute;
top: -20px;
left: -40px;
width: 90px; }
.widget.reviews .review .review-top {
display: flex;
flex-direction: column;
position: absolute;
left: -21px;
bottom: 14px; } }
@media only screen and (min-width: 768px) {
.widget.reviews {
margin: 50px 0;
padding: 0; }
.widget.reviews.reviews-all {
margin-top: -50px;
padding-bottom: 50px; }
.widget.reviews.reviews-all .reviews-list:not(.slick-initialized) .review:nth-child(2) ~ .review {
display: flex; }
.widget.reviews.reviews-all .reviews-list .review {
flex-basis: 50%;
max-width: 50%; }
.widget.reviews .widget-title {
font-size: 3rem; }
.widget.reviews .widget-actions .button, .widget.reviews .widget-actions .navigation .nav-button > a, .navigation .widget.reviews .widget-actions .nav-button > a, .widget.reviews .widget-actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .widget.reviews .widget-actions .action-delete, .widget.reviews .widget-actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .widget.reviews .widget-actions .action-accept, .widget.reviews .widget-actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .widget.reviews .widget-actions .action-dismiss {
margin-left: 20px;
position: static;
transform: none; }
.widget.reviews .widget-pager:before {
font-size: 2.4rem;
margin-right: 20px; }
.widget.reviews .widget-pager .slick-arrow {
width: 48px;
height: 48px; }
.widget.reviews .widget-pager .slick-arrow:before {
width: 17px;
height: 28px; }
.widget.reviews .widget-content {
padding: 0; }
.widget.reviews .reviews-list:not(.slick-initialized) .review:not(:first-child) {
display: flex; }
.widget.reviews .reviews-list:not(.slick-initialized) .review:nth-child(2) ~ .review {
display: none; }
.widget.reviews .review {
flex-basis: 50%;
max-width: 50%; }
.widget.reviews .review .review-inner {
padding: 5px 36px 26px; }
.widget.reviews .review .review-inner:hover, .widget.reviews .review .review-inner:focus {
text-decoration: none; }
.widget.reviews .review .review-image .product-item-photo {
margin-top: -45px; }
.widget.reviews .review .review-details {
padding-left: 50px; }
.widget.reviews .review .review-top {
margin-top: -39px; }
.widget.reviews .review .review-top .profile-link {
width: 68px;
height: 68px; }
.widget.reviews .review .review-rating {
width: 68px;
height: 68px; }
.widget.reviews .review .review-rating .review-rating-result {
font-size: 2.4rem; }
.widget.reviews .review .review-title {
font-size: 1.6rem;
margin-top: 16px; }
.widget.reviews .review .review-meta {
font-size: 1.2rem;
margin-top: 12px; }
.widget.reviews .review .review-content {
font-size: 1.4rem;
line-height: 2;
max-height: 8em; }
.widget.reviews .review .review-content:after {
height: 1.5em;
top: 6.5em; }
.widget.reviews .review.review-active .review-content {
max-height: unset; } }
.widget.reviews .review-active .review-content {
max-height: unset; }
.widget.reviews .review-active .review-content:after {
content: unset; }
.widget.reviews .review-active .review-expand-icon:before, .widget.reviews .review-active .review-expand-icon:after {
background-color: #ff350d;
transform: translate(-50%, -50%) rotate(0deg); }
.cms-index-index .widget.reviews .review .review-inner:after {
content: unset; }
.cms-index-index .review-expand {
display: none; }
.widget.product-message {
background-color: #386fbb;
background-image: url("../images/icons/white/info.svg");
background-position: 15px;
background-repeat: no-repeat;
border-radius: 10px;
color: #fff;
margin-bottom: 30px;
order: 98;
padding: 0 30px 0 45px; }
.widget.product-message a {
color: #fff;
text-decoration: underline; }
.widget.product-message a:hover {
text-decoration: none; }
@media only screen and (min-width: 768px) {
.widget.product-message {
margin-bottom: 0; } }
.ajax-products:not(.all) .product-items li.product-item:nth-last-child(1):nth-child(20),
.ajax-products:not(.all) .product-items li.product-item:nth-last-child(1):nth-child(10),
.ajax-products:not(.all) .product-items li.product-item:nth-last-child(1):nth-child(19),
.ajax-products:not(.all) .product-items li.product-item:nth-last-child(2):nth-child(19) {
display: none; }
.ajax-products.loading .action.next span {
background-image: url("../images/loader-1.gif");
background-size: contain;
background-repeat: no-repeat;
padding-left: 30px; }
.ajax-products .toolbar-next {
display: flex;
justify-content: center;
width: 100%; }
@media only screen and (min-width: 768px) {
.ajax-products:not(.all) .product-items li.product-item:nth-last-child(1):nth-child(20),
.ajax-products:not(.all) .product-items li.product-item:nth-last-child(1):nth-child(10),
.ajax-products:not(.all) .product-items li.product-item:nth-last-child(1):nth-child(19),
.ajax-products:not(.all) .product-items li.product-item:nth-last-child(2):nth-child(19) {
display: flex; } }
.widget.feature-boxes {
background-color: #0c0020;
border-radius: 10px;
display: flex;
padding: 0;
position: relative;
overflow: hidden; }
.widget.feature-boxes .slick-track {
align-items: stretch;
display: flex; }
.widget.feature-boxes .slick-dots {
bottom: -30px; }
.widget.feature-boxes .slick-dots li {
background: #fff;
border-radius: 100%;
height: 15px;
opacity: 0.5;
width: 15px; }
.widget.feature-boxes .slick-dots li button {
height: 15px;
width: 15px; }
.widget.feature-boxes .slick-dots li.slick-active {
opacity: 1; }
.widget.feature-boxes .slick-dots li.slick-active button:before {
content: unset; }
.widget.feature-boxes .feature-box {
display: flex;
flex-direction: column;
padding: 10px 15px;
position: relative;
width: 50%; }
.widget.feature-boxes span,
.widget.feature-boxes h3 {
font-family: "Quantico", sans-serif;
font-size: 1rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
.widget.feature-boxes h3 {
line-height: 1.25;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; }
.widget.feature-boxes .image {
border-radius: 5px;
display: block;
margin-bottom: 10px;
margin-right: 10px;
min-height: 76px;
max-height: 80px;
overflow: hidden;
position: relative; }
.widget.feature-boxes .image img {
position: absolute;
object-fit: cover;
object-position: center; }
.widget.feature-boxes .content > span {
display: block; }
.widget.feature-boxes .countdown {
display: flex;
justify-content: flex-start;
margin-top: 15px; }
.widget.feature-boxes .countdown .countdown_segment {
border-radius: 0;
padding: 4px; }
.widget.feature-boxes .countdown .countdown_segment span {
font-size: 1.1rem; }
.widget.feature-boxes a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-decoration: none; }
.widget.feature-boxes a:active, .widget.feature-boxes a:focus {
border: none;
outline: none; }
@media only screen and (min-width: 768px) {
.widget.feature-boxes h3 {
display: -webkit-box; }
.widget.feature-boxes .content > span {
margin-bottom: 3px;
margin-top: -3px; }
.widget.feature-boxes .feature-box {
background-color: inherit;
transition: background-color 0.3s ease-in; }
.widget.feature-boxes .feature-box:not(:last-child) {
border-right: 1px solid #1F143D; }
.widget.feature-boxes .feature-box:hover {
background-color: #271E46; } }
@media only screen and (min-width: 1024px) {
.widget.feature-boxes {
flex-direction: column;
margin-left: 15px; }
.widget.feature-boxes .feature-box {
flex-direction: row;
width: 100%; }
.widget.feature-boxes .feature-box:not(:last-child) {
border-right: none;
border-bottom: 1px solid #1F143D; }
.widget.feature-boxes .image {
margin-bottom: 0; }
.widget.feature-boxes .image,
.widget.feature-boxes .content {
flex: 1;
width: 50%; }
.widget.feature-boxes .countdown_segment:not(:first-child) {
margin-left: 10px; }
.widget.feature-boxes .countdown_segment:not(:first-child):before {
left: -5px; } }
@media screen and (min-width: 1200px) {
.widget.feature-boxes {
flex-basis: 25%; }
.widget.feature-boxes h3 {
font-size: 1.1rem; } }
@media only screen and (max-width: 767px) {
.widget.feature-boxes {
border-radius: 0;
padding: 0; }
.widget.feature-boxes .feature-box:not(.mobile) {
display: none; }
.widget.feature-boxes h3,
.widget.feature-boxes .image,
.widget.feature-boxes .countdown {
display: none; }
.widget.feature-boxes .mobile {
background-color: #666;
padding: 6px 8px 6px 12px;
position: relative; }
.widget.feature-boxes .mobile .content {
background-image: url(../images/icons/white/chevron-right.svg);
background-position: right center;
background-repeat: no-repeat;
background-size: 10px 10px;
color: inherit;
flex-grow: 1;
font-size: 1.5rem;
padding-right: 10px;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
.widget.feature-boxes .mobile span {
font-size: 1.25rem; }
.widget.feature-boxes .mobile_left {
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%); }
.widget.feature-boxes .mobile_right {
background-image: linear-gradient(to top, #e6224d 0%, #ff5a7e 100%);
order: 99; } }
.block.block-mini-dashboard .block-content {
background-color: #0c0020;
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto; }
.block.block-mini-dashboard .mini-dashboard_avatars {
align-items: center;
border-right: 1px solid #1F143D;
display: flex;
flex-direction: column-reverse;
grid-area: 1 / 1 / 3 / 2;
justify-content: center;
padding: 10px 18px; }
.block.block-mini-dashboard .mini-dashboard_avatar,
.block.block-mini-dashboard .mini-dashboard_progress {
margin: 10px 0;
position: relative; }
.block.block-mini-dashboard .mini-dashboard_avatar {
border-radius: 50%;
overflow: hidden;
width: 78px;
height: 78px; }
.block.block-mini-dashboard .mini-dashboard_avatar img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.block.block-mini-dashboard .mini-dashboard_progress {
width: 90px;
height: 90px; }
.block.block-mini-dashboard .mini-dashboard_progress_count {
align-items: center;
background-color: #0c0020;
border-radius: 50%;
color: #fff;
display: flex;
font-family: "Quantico", sans-serif;
font-size: 3.8rem;
justify-content: center;
letter-spacing: -2.5px;
position: absolute;
top: 6px;
right: 6px;
bottom: 6px;
left: 6px;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.block.block-mini-dashboard .mini-dashboard_progress_count sub {
font-size: 1.4rem;
letter-spacing: 0;
margin: 16px 0 0 4px; }
.block.block-mini-dashboard .mini-dashboard_details {
align-items: stretch;
display: flex;
flex-direction: column;
grid-area: 1 / 2 / 2 / 3;
justify-content: center;
padding: 18px 28px; }
.block.block-mini-dashboard .mini-dashboard_name {
color: #fff;
font-family: "Quantico", sans-serif;
font-size: 2.2rem;
letter-spacing: 0.05em;
line-height: 1;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.block.block-mini-dashboard .mini-dashboard_since {
color: #fff;
font-size: 0.9rem;
letter-spacing: 0.05em;
margin-top: 20px;
opacity: 0.3;
text-transform: uppercase; }
.block.block-mini-dashboard .mini-dashboard_platforms {
align-items: center;
border-top: 1px solid #1F143D;
display: flex;
flex-wrap: wrap;
grid-area: 2 / 2 / 3 / 3;
justify-content: space-around;
padding: 18px; }
.block.block-mini-dashboard .mini-dashboard_platforms .mini-dashboard_platform {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%;
padding: 10px; }
.block.block-mini-dashboard .mini-dashboard_platforms img {
display: block;
margin: auto;
max-height: 30px;
opacity: 0.5;
transition: opacity 0.3s; }
.block.block-mini-dashboard .mini-dashboard_platforms img.isactive {
opacity: 1; }
@media only screen and (min-width: 768px) {
.block.block-mini-dashboard .mini-dashboard_avatars {
flex-direction: row;
grid-area: 1 / 1 / 2 / 2; }
.block.block-mini-dashboard .mini-dashboard_avatar,
.block.block-mini-dashboard .mini-dashboard_progress {
margin: 18px; }
.block.block-mini-dashboard .mini-dashboard_avatar {
width: 112px;
height: 112px; }
.block.block-mini-dashboard .mini-dashboard_progress {
width: 124px;
height: 124px; }
.block.block-mini-dashboard .mini-dashboard_progress_count {
font-size: 5.2rem;
letter-spacing: -5px; }
.block.block-mini-dashboard .mini-dashboard_progress_count sub {
font-size: 1.9rem;
margin: 32px 0 0 8px; }
.block.block-mini-dashboard .mini-dashboard_details {
grid-area: 1 / 2 / 2 / 3;
padding: 0 0 0 62px; }
.block.block-mini-dashboard .mini-dashboard_name {
font-size: 3.6rem; }
.block.block-mini-dashboard .mini-dashboard_since {
font-size: 1.4rem; }
.block.block-mini-dashboard .mini-dashboard_platforms {
flex-wrap: nowrap;
grid-area: 2 / 1 / 3 / 3; }
.block.block-mini-dashboard .mini-dashboard_platforms .mini-dashboard_platform {
flex-basis: auto; }
.block.block-mini-dashboard .mini-dashboard_platforms .mini-dashboard_platform img {
max-height: none; } }
.block.profile-badges-wrap {
background-color: #0c0020;
margin-top: 35px;
padding: 0 10px 10px;
position: relative; }
.block.profile-badges-wrap:before, .block.profile-badges-wrap:after {
background-size: contain;
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 305px;
height: 250px;
z-index: -1; }
.block.profile-badges-wrap:before {
background-image: url("../images/bg/red-light-1.png");
left: -215px; }
.block.profile-badges-wrap:after {
background-image: url("../images/bg/blue-light-1.png");
right: -215px; }
.block.profile-badges-wrap .block-content {
align-items: center;
display: flex;
flex-direction: column;
margin-left: -25px;
margin-right: -25px; }
.block.profile-badges-wrap .profile-badges-progress {
order: 1; }
.block.profile-badges-wrap .profile-badges {
order: 2; }
.block.profile-badges-wrap .block-footer {
padding: 20px; }
.block.profile-badges-wrap .profile-badges-ultimate {
border: 1px solid #fff;
box-shadow: 0 0 15px rgba(255, 255, 255, 0.3), inset 0 0 15px rgba(255, 255, 255, 0.3);
font-size: 1.4rem;
padding: 10px;
text-align: center;
text-shadow: 0 0 20px rgba(255, 255, 255, 0.3), 0 0 20px rgba(255, 255, 255, 0.3); }
@media only screen and (min-width: 768px) {
.block.profile-badges-wrap {
margin-top: 70px;
padding: 0 20px 40px; }
.block.profile-badges-wrap:before, .block.profile-badges-wrap:after {
content: ''; }
.block.profile-badges-wrap .block-content {
flex-direction: row;
justify-content: center; }
.user-profile-badges .block.profile-badges-wrap .block-content {
flex-direction: column;
justify-content: flex-start; }
.block.profile-badges-wrap .block-footer {
margin-top: 20px;
padding-bottom: 0; }
.block.profile-badges-wrap .profile-badges-progress {
order: 2; }
.block.profile-badges-wrap .profile-badges {
border-right: 1px solid rgba(255, 255, 255, 0.1);
order: 1; }
.user-profile-badges .block.profile-badges-wrap .profile-badges {
border-right: none;
order: 3; }
.block.profile-badges-wrap .profile-badges-ultimate {
font-size: 1.8rem; } }
.profile-badges {
display: flex;
flex-wrap: wrap;
max-width: 351px;
margin-left: auto;
margin-right: auto; }
.profile-badges .profile-badges-badge {
padding: 12px; }
.profile-badges .profile-badges-badge:nth-child(4) ~ .profile-badges-badge {
margin-top: -42px; }
.profile-badges .profile-badges-badge:nth-child(8n+5) {
margin-left: 39px; }
.profile-badges .profile-badges-badge:first-child {
margin-left: 0; }
.profile-badges .profile-badges-badge .profile-badges-badge-hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg) translate(-1px, -1px);
width: 67%;
height: 65%;
z-index: 2; }
.profile-badges .profile-badges-badge .profile-badges-badge-hover:hover {
z-index: 10; }
.profile-badges .profile-badges-badge .profile-badges-badge-hover .profile-badges-badge-hover-inner {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotate(-45deg); }
.profile-badges .profile-badges-badge .profile-badges-badge-image {
position: relative; }
.profile-badges .profile-badges-badge .profile-badges-badge-image:before {
border-radius: 50%;
box-shadow: 0 0 50px 10px currentColor;
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 25%;
width: 25%;
transform: translate(-50%, -50%);
z-index: 0; }
.profile-badges .profile-badges-badge .profile-badges-badge-image:after {
background-color: #0c0020;
box-shadow: inset 0 0 10px -1px currentColor;
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg) translate(-1px, -1px);
width: 67%;
height: 65%;
z-index: 1; }
.profile-badges .profile-badges-badge-inner {
align-items: center;
display: flex;
justify-content: center;
position: relative;
width: 54px;
height: 54px; }
.profile-badges .profile-badges-badge-inner svg {
pointer-events: none;
position: relative;
width: 100%;
z-index: 2; }
.profile-badges .profile-badge_personal .profile-badges-badge-inner {
border-color: #fffcb3;
color: #fffcb3; }
.profile-badges .profile-badge_personal .profile-badges-badge-inner path,
.profile-badges .profile-badge_personal .profile-badges-badge-inner polygon,
.profile-badges .profile-badge_personal .profile-badges-badge-inner rect,
.profile-badges .profile-badge_personal .profile-badges-badge-inner circle {
fill: #fffcb3; }
.profile-badges .profile-badge_personal .profile-badges-badge-inner path[fill="none"],
.profile-badges .profile-badge_personal .profile-badges-badge-inner polygon[fill="none"],
.profile-badges .profile-badge_personal .profile-badges-badge-inner rect[fill="none"],
.profile-badges .profile-badge_personal .profile-badges-badge-inner circle[fill="none"] {
fill: transparent;
stroke: #fffcb3; }
.profile-badges .profile-badge_community .profile-badges-badge-inner {
border-color: #e3aabf;
color: #e3aabf; }
.profile-badges .profile-badge_community .profile-badges-badge-inner path,
.profile-badges .profile-badge_community .profile-badges-badge-inner polygon,
.profile-badges .profile-badge_community .profile-badges-badge-inner rect,
.profile-badges .profile-badge_community .profile-badges-badge-inner circle {
fill: #e3aabf; }
.profile-badges .profile-badge_community .profile-badges-badge-inner path[fill="none"],
.profile-badges .profile-badge_community .profile-badges-badge-inner polygon[fill="none"],
.profile-badges .profile-badge_community .profile-badges-badge-inner rect[fill="none"],
.profile-badges .profile-badge_community .profile-badges-badge-inner circle[fill="none"] {
fill: transparent;
stroke: #e3aabf; }
.profile-badges .profile-badge_cashmoney .profile-badges-badge-inner {
border-color: #d1fec3;
color: #d1fec3; }
.profile-badges .profile-badge_cashmoney .profile-badges-badge-inner path,
.profile-badges .profile-badge_cashmoney .profile-badges-badge-inner polygon,
.profile-badges .profile-badge_cashmoney .profile-badges-badge-inner rect,
.profile-badges .profile-badge_cashmoney .profile-badges-badge-inner circle {
fill: #d1fec3; }
.profile-badges .profile-badge_cashmoney .profile-badges-badge-inner path[fill="none"],
.profile-badges .profile-badge_cashmoney .profile-badges-badge-inner polygon[fill="none"],
.profile-badges .profile-badge_cashmoney .profile-badges-badge-inner rect[fill="none"],
.profile-badges .profile-badge_cashmoney .profile-badges-badge-inner circle[fill="none"] {
fill: transparent;
stroke: #d1fec3; }
.profile-badges .profile-badge_social .profile-badges-badge-inner {
border-color: #ecfcfb;
color: #ecfcfb; }
.profile-badges .profile-badge_social .profile-badges-badge-inner path,
.profile-badges .profile-badge_social .profile-badges-badge-inner polygon,
.profile-badges .profile-badge_social .profile-badges-badge-inner rect,
.profile-badges .profile-badge_social .profile-badges-badge-inner circle {
fill: #ecfcfb; }
.profile-badges .profile-badge_social .profile-badges-badge-inner path[fill="none"],
.profile-badges .profile-badge_social .profile-badges-badge-inner polygon[fill="none"],
.profile-badges .profile-badge_social .profile-badges-badge-inner rect[fill="none"],
.profile-badges .profile-badge_social .profile-badges-badge-inner circle[fill="none"] {
fill: transparent;
stroke: #ecfcfb; }
.profile-badges .profile-badges-badge .profile-badges-badge-image.not-earned {
border-color: #2c2a51;
color: #2c2a51; }
.profile-badges .profile-badges-badge .profile-badges-badge-image.not-earned path,
.profile-badges .profile-badges-badge .profile-badges-badge-image.not-earned polygon,
.profile-badges .profile-badges-badge .profile-badges-badge-image.not-earned rect,
.profile-badges .profile-badges-badge .profile-badges-badge-image.not-earned circle {
fill: #2c2a51; }
.profile-badges .profile-badges-badge .profile-badges-badge-image.not-earned path[fill="none"],
.profile-badges .profile-badges-badge .profile-badges-badge-image.not-earned polygon[fill="none"],
.profile-badges .profile-badges-badge .profile-badges-badge-image.not-earned rect[fill="none"],
.profile-badges .profile-badges-badge .profile-badges-badge-image.not-earned circle[fill="none"] {
fill: transparent;
stroke: #2c2a51; }
@media only screen and (min-width: 640px) {
.profile-badges {
max-width: 630px; }
.profile-badges .profile-badges-badge:nth-child(4) ~ .profile-badges-badge {
margin-top: 0; }
.profile-badges .profile-badges-badge:nth-child(8n+5) {
margin-left: 0; }
.profile-badges .profile-badges-badge:nth-child(8) ~ .profile-badges-badge {
margin-top: -42px; }
.profile-badges .profile-badges-badge:nth-child(15n+9) {
margin-left: 39px; } }
@media only screen and (min-width: 768px) {
.profile-badges {
margin: 0; } }
@media only screen and (min-width: 1024px) {
.profile-badges {
max-width: 750px; }
.profile-badges .profile-badges-badge {
padding: 14px; }
.profile-badges .profile-badges-badge:nth-child(8) ~ .profile-badges-badge {
margin-top: -46px; }
.profile-badges .profile-badges-badge:nth-child(15n+9) {
margin-left: 0; }
.profile-badges .profile-badges-badge:nth-child(16n+9) {
margin-left: 44px; }
.profile-badges .profile-badges-badge-inner {
width: 60px;
height: 60px; } }
@media only screen and (min-width: 1440px) {
.profile-badges {
max-width: 880px; }
.profile-badges .profile-badges-badge {
padding: 17px; }
.profile-badges .profile-badges-badge:nth-child(8) ~ .profile-badges-badge {
margin-top: 0; }
.profile-badges .profile-badges-badge:nth-child(16n+9) {
margin-left: 0; }
.profile-badges .profile-badges-badge:nth-child(7) ~ .profile-badges-badge {
margin-top: -65px; }
.profile-badges .profile-badges-badge:nth-child(13n+8) {
margin-left: 59px; }
.profile-badges .profile-badges-badge-inner {
width: 85px;
height: 85px; } }
@media screen and (min-width: 768px) and (max-width: 989px) {
.user-profile-badges .profile-badges {
max-width: 470px;
margin-left: auto;
margin-right: auto; }
.user-profile-badges .profile-badges .profile-badges-badge:nth-child(8) ~ .profile-badges-badge {
margin-top: 0; }
.user-profile-badges .profile-badges .profile-badges-badge:nth-child(15n+9) {
margin-left: 0; }
.user-profile-badges .profile-badges .profile-badges-badge:nth-child(6) ~ .profile-badges-badge {
margin-top: -42px; }
.user-profile-badges .profile-badges .profile-badges-badge:nth-child(11n+7) {
margin-left: 39px; } }
.profile-badges-progress {
position: relative;
width: 90px;
height: 90px; }
.profile-badges-progress .profile-badges-progress-count {
align-items: center;
background-color: #0c0020;
border-radius: 50%;
color: #fff;
display: flex;
font-family: "Quantico", sans-serif;
font-size: 3.8rem;
justify-content: center;
letter-spacing: -2.5px;
position: absolute;
top: 6px;
right: 6px;
bottom: 6px;
left: 6px;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.profile-badges-progress .profile-badges-progress-count span {
margin-top: -10px; }
.profile-badges-progress .profile-badges-progress-count sub {
font-size: 1.4rem;
letter-spacing: 0;
margin: 16px 0 0 4px; }
@media only screen and (min-width: 1024px) {
.profile-badges-progress {
width: 210px;
height: 210px; }
.profile-badges-progress .profile-badges-progress-count {
font-size: 8rem;
top: 8px;
right: 8px;
bottom: 8px;
left: 8px; }
.profile-badges-progress .profile-badges-progress-count sub {
font-size: 3.8rem;
margin-top: 80px; }
.profile-badges-progress .profile-badges-progress-count circle {
stroke-width: 3px; } }
.block.user-friends {
background-color: #0c0020;
margin: 25px 0;
text-align: center; }
.block.user-friends .block-content {
margin: 0;
padding: 20px 0; }
@media only screen and (min-width: 768px) {
.block.user-friends {
margin: 50px 0; }
.block.user-friends .block-content {
padding: 40 0; } }
.user-list {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.user-list .user-list-user {
padding: 16px; }
.user-list .profile-link {
width: 96px;
height: 96px; }
.user-list .profile-link img {
border: none;
margin: 5px;
width: calc(100% - 10px); }
.user-list .profile-link circle {
stroke-width: 6px; }
.block.user-reviews .block-bottom {
margin-top: 25px;
text-align: center; }
.block.user-reviews .user-reviews_no-reviews {
color: #fff; }
.block.user-reviews .user-reviews_no-reviews a {
color: inherit;
font-weight: 700; }
.user-profile-index .block.block-dashboard-info .box {
background-color: #0c0020;
padding: 16px; }
.user-profile-index .block.block-dashboard-info .box-title {
display: block; }
.user-profile-index .block.block-dashboard-info .box-title small {
display: inline-block;
font-size: 1.1rem;
font-weight: 200;
margin-left: 10px;
opacity: 0.5; }
.user-profile-index .block.block-dashboard-info .box-title a {
color: inherit; }
.user-profile-index .block.block-dashboard-info .box-content {
margin-top: 10px; }
@media only screen and (min-width: 768px) {
.user-profile-index .block.block-dashboard-info .box {
padding: 32px; }
.user-profile-index .block.block-dashboard-info .box-content {
margin-top: 20px; } }
.checkbox-toggle {
display: block;
font-size: 1rem;
text-transform: uppercase; }
.checkbox-toggle input {
opacity: 0;
pointer-events: none;
position: absolute;
left: -9999px; }
.checkbox-toggle input:checked + .label .state-1 {
opacity: 1; }
.checkbox-toggle input:not(:checked) + .label .state-2 {
opacity: 1; }
.checkbox-toggle input:not(:checked) + .label .input:before {
left: calc(100% - 18px); }
.checkbox-toggle .label {
align-items: center;
display: flex; }
.checkbox-toggle .label .state-1,
.checkbox-toggle .label .state-2 {
display: inline-block;
overflow: hidden;
opacity: 0.5;
transition: opacity 0.3s; }
.checkbox-toggle .label .input {
background-color: #0c0020;
border-radius: 10px;
height: 20px;
margin: 0 10px;
width: 50px;
padding: 2px;
position: relative; }
.checkbox-toggle .label .input:before {
background-color: #386fbb;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
border-radius: 50%;
content: '';
position: absolute;
width: 16px;
height: 16px;
top: 2px;
left: 2px;
transition: left 0.3s; }
@media only screen and (min-width: 768px) {
.checkbox-toggle {
font-size: 1.2rem; }
.checkbox-toggle input:not(:checked) + .label .input:before {
left: calc(100% - 25px); }
.checkbox-toggle .label .input {
border-radius: 14px;
height: 28px;
margin: 0 18px;
width: 65px;
padding: 3px; }
.checkbox-toggle .label .input:before {
width: 22px;
height: 22px;
top: 3px;
left: 3px; } }
@media only screen and (min-width: 768px) {
.dashboard-public {
grid-column: 3;
grid-row: span 2; } }
.action.edit-profilename {
display: flex;
order: 2;
align-items: center;
border: 1px solid #525282;
border-radius: 50%;
cursor: pointer;
justify-content: center;
margin: 0 auto 0 10px;
width: 32px;
height: 32px;
transition: border-color 0.3s; }
.action.edit-profilename:hover {
border-color: #fff; }
.form-public-link {
margin-top: 10px; }
body:not(.__public-link-show) .form-public-link .public-link_step-2 {
display: none; }
.__step-2-visible .form-public-link .public-link_step-2 {
display: block; }
.__step-2-visible .form-public-link .actions-toolbar {
height: auto;
opacity: 1;
overflow: visible; }
.__public-link-button .form-public-link .actions-toolbar {
height: auto;
opacity: 1;
overflow: visible; }
.__public-link-isvisible .form-public-link .actions-toolbar {
height: auto;
opacity: 1;
overflow: visible; }
.form-public-link .public-link_step-1 > .label,
.form-public-link .public-link_step-2 > .label {
font-size: 1.2rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
.form-public-link .public-link_step-1 {
align-items: stretch;
display: flex;
flex-direction: column; }
.form-public-link .public-link_step-2 .control {
margin: 0; }
.form-public-link .form-row {
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-top: 20px; }
.form-public-link .field.note {
display: none; }
.form-public-link .field + .field {
margin-top: 10px; }
.form-public-link .actions-toolbar {
margin: 10px 0 0;
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
transition: opacity 0.3s; }
@media only screen and (min-width: 768px) {
.__is-public .form-public-link .public-link_step-2 {
display: none; }
.__step-2-visible .form-public-link .public-link_step-2 {
display: block; }
.form-public-link .public-link_step-1 {
align-items: center;
flex-direction: row;
justify-content: flex-end; }
.form-public-link .public-link_step-1 .label,
.form-public-link .public-link_step-1 .control {
margin-top: 0; }
.form-public-link .public-link_step-1 > .label {
border-right: 1px solid rgba(255, 255, 255, 0.5);
margin-right: 14px;
padding-right: 14px; }
.form-public-link .form-row {
align-items: center;
flex-direction: row;
margin-top: 30px; }
.form-public-link .actions-toolbar {
margin: 0 0 0 10px;
text-align: right; } }
.faux-url {
align-items: stretch;
color: #fff;
display: flex;
flex-direction: column;
font-size: 1.2rem;
line-height: 1; }
.faux-url span {
display: block;
flex-basis: auto;
flex-grow: 0;
padding: 0 0 10px;
max-width: 170px; }
.faux-url input {
background-color: #fff;
border-color: #0c0020;
border-radius: 14px;
border-width: 0;
flex-basis: 0;
flex-grow: 1;
font-size: 1.2rem;
line-height: 1; }
@media only screen and (min-width: 640px) {
.faux-url {
align-items: center;
flex-direction: row; }
.faux-url span {
margin-right: 15px;
padding-bottom: 0; } }
.field.toggle .control {
align-items: center;
display: flex; }
.field.toggle .control-sub {
padding-left: 10px; }
.field.toggle .control-sub [disabled],
.field.toggle .control-sub .disabled {
opacity: 0.5;
pointer-events: none; }
.field.toggle .control-main label {
cursor: pointer; }
.field.toggle .control-main input {
-webkit-appearance: none;
appearance: none;
height: 0;
width: 0;
position: absolute;
visibility: hidden; }
.field.toggle .control-main input:checked + span:before {
width: 100%; }
.field.toggle .control-main input + span {
background-color: #fff;
border: 1px solid #fff;
border-radius: 10px;
box-shadow: 0 0 9px rgba(56, 111, 187, 0.7), 0 0 9px rgba(56, 111, 187, 0.7);
display: flex;
font-size: 1.2rem;
justify-content: space-between;
line-height: 2;
overflow: hidden;
padding: 0 10px;
position: relative;
text-transform: uppercase; }
.field.toggle .control-main input + span:before {
background-color: #000;
border-radius: 9px;
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 0;
height: 100%;
transition: width 0.3s; }
.field.toggle .control-main input + span > span {
color: #fff;
position: relative;
z-index: 1; }
.field.toggle .control-main input + span > span + span {
color: #000;
margin-left: 4px; }
.block.profile-intro {
margin-top: 35px; }
.block.profile-intro > .block-content {
display: grid;
grid-template-columns: minmax(auto, 120px) 1fr; }
.block.profile-intro .profile-intro_offer-placeholder,
.block.profile-intro .profile-intro_offer {
grid-row: 1;
grid-column: 1 / 3; }
.block.profile-intro .profile-intro_offer {
margin-bottom: 20px; }
.block.profile-intro .profile-intro_avatar {
grid-row: 2 / 999;
grid-column: 1;
margin-right: 10px;
place-self: start;
position: relative; }
.block.profile-intro .profile-intro_avatar svg {
display: block; }
.block.profile-intro .profile-intro_image {
background-color: #1F143D;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px; }
.block.profile-intro .profile-intro_image img {
object-fit: contain;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.block.profile-intro .profile-intro_name {
align-items: center;
display: flex;
flex-wrap: wrap;
grid-column: 2; }
.block.profile-intro .profile-intro_name h1 {
align-self: flex-start;
font-size: 2.4rem;
font-weight: 300;
margin: 0;
text-transform: none;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9); }
.block.profile-intro .profile-intro_meta {
color: rgba(255, 255, 255, 0.5);
font-size: 0.9rem;
grid-column: 2;
letter-spacing: 0.05em;
margin-top: 12px;
text-transform: uppercase; }
.block.profile-intro .profile-intro_meta span + span {
margin-top: 10px; }
.block.profile-intro .profile-intro_actions {
grid-column: 2;
margin-top: 10px; }
.block.profile-intro .profile-intro_platforms {
grid-column: 1 / 3; }
@media only screen and (min-width: 768px) {
.block.profile-intro > .block-content {
grid-template-columns: minmax(auto, 310px) 1fr 1fr;
grid-template-rows: auto auto auto auto 1fr auto; }
.block.profile-intro .profile-intro_offer-placeholder,
.block.profile-intro .profile-intro_offer {
grid-row: 1;
grid-column: 2 / 4; }
.block.profile-intro .profile-intro_avatar {
grid-column: 1;
grid-row: 1 / 4;
place-self: start;
width: 252px;
height: 252px; }
.block.profile-intro .profile-intro_image {
top: 12px;
right: 12px;
bottom: 12px;
left: 12px; }
.block.profile-intro .profile-intro_friends {
grid-column: 3;
place-self: center end; }
.block.profile-intro .profile-intro_platforms {
grid-column: 1 / 4; }
.block.profile-intro .profile-intro_name h1 {
align-self: center;
font-size: 3.6rem; }
.block.profile-intro .profile-intro_meta {
font-size: 1.4rem;
margin-top: 24px; }
.block.profile-intro .profile-intro_meta span + span {
margin-top: 0; }
.block.profile-intro .profile-intro_profile-views {
grid-column: 3;
place-self: start end; }
.block.profile-intro .profile-intro_actions {
grid-column: 3;
margin-top: 20px;
place-self: center end; } }
.profile-intro_platforms {
align-items: center;
border-top: 1px solid #525282;
clear: both;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 12px 0 0;
padding-top: 16px; }
.profile-intro_platforms img {
display: block;
max-height: 30px;
margin: auto;
opacity: 0.5;
transition: opacity 0.3s; }
.profile-intro_platforms img.isactive {
opacity: 1; }
.profile-intro_platforms .profile-intro_platform {
flex-basis: 33.333%;
flex-grow: 0;
max-width: 33.333%;
padding: 12px; }
.profile-intro_platforms .profile-intro_platform-edit {
margin-left: auto;
flex-basis: 100%;
max-width: 100%;
padding: 10px;
text-align: center; }
.profile-intro_platforms .profile-intro_platform-edit .action {
align-items: center;
border: 1px solid #525282;
border-radius: 50%;
cursor: pointer;
display: flex;
justify-content: center;
margin: auto;
width: 32px;
height: 32px;
transition: border-color 0.3s; }
.profile-intro_platforms .profile-intro_platform-edit .action:hover {
border-color: #fff; }
@media only screen and (min-width: 768px) {
.profile-intro_platforms {
border-top: none;
clear: none;
flex-wrap: nowrap;
margin-top: 24px;
padding-top: 0; }
.profile-intro_platforms img {
max-height: none; }
.profile-intro_platforms .profile-intro_platform {
flex-basis: auto;
flex-grow: 1;
max-width: none;
padding: 0 16px; }
.profile-intro_platforms .profile-intro_platform-edit {
flex-basis: auto; }
.profile-intro_platforms .profile-intro_platform-edit .action {
margin: 0; } }
.form-account-platforms {
align-items: stretch;
display: flex;
flex-direction: column;
margin-left: -6px;
margin-right: -6px; }
.form-account-platforms input {
border-radius: 23px;
flex-basis: 0;
flex-grow: 1;
font-size: 1.2rem;
margin-top: 6px;
letter-spacing: 0.05em;
padding: 10px; }
.form-account-platforms path {
fill: #fff; }
.form-account-platforms .field {
align-items: flex-start;
display: flex;
flex-direction: column;
margin: 0;
padding: 6px; }
.form-account-platforms .field + .field {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 20px;
margin-top: 15px; }
.form-account-platforms .field .label {
flex-basis: auto;
height: 38px;
width: 100%; }
.form-account-platforms .field .label-twitch {
height: 58px; }
.form-account-platforms .field .label svg {
display: block; }
.form-account-platforms .field .control {
align-items: stretch;
display: flex;
flex-direction: column;
flex-basis: auto;
margin: 6px 0 0;
width: 100%; }
.form-account-platforms .field .control a {
color: inherit;
flex-basis: auto;
font-size: 1.2rem; }
.form-account-platforms .field .control .platform-protocol {
display: none; }
.form-account-platforms .actions-toolbar {
flex-basis: 100%;
max-width: 100%;
margin: 0;
padding: 6px;
text-align: center; }
@media only screen and (min-width: 768px) {
.form-account-platforms {
margin-left: -15px;
margin-right: -15px; }
.form-account-platforms .field,
.form-account-platforms .actions-toolbar {
padding: 15px; }
.form-account-platforms .field .label {
height: 45px; }
.form-account-platforms .field .control {
align-items: center;
flex-direction: row; }
.form-account-platforms .field .control a {
flex-basis: 220px;
padding-right: 10px;
text-align: right; }
.form-account-platforms .field .control input {
flex-basis: 0;
flex-grow: 1; } }
@media only screen and (min-width: 1024px) {
.form-account-platforms {
flex-direction: row;
flex-wrap: wrap; }
.form-account-platforms input {
margin-top: 0; }
.form-account-platforms .field {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%; }
.form-account-platforms .field + .field {
border-top: none;
margin-top: 0;
padding-top: 15px; } }
@media only screen and (min-width: 1440px) {
.form-account-platforms .field {
align-items: center;
flex-direction: row; }
.form-account-platforms .field .label {
flex-basis: 100px;
max-width: 100px;
margin-right: 12px; }
.form-account-platforms .field .control {
margin-top: 0; } }
.block.dashboard-twitch,
.block.dashboard-steam {
background-color: #0c0020;
margin: 25px 0;
padding: 0 10px 10px; }
.block.dashboard-twitch iframe,
.block.dashboard-steam iframe {
display: block; }
.block.dashboard-twitch .block-title,
.block.dashboard-steam .block-title {
text-align: center; }
.block.dashboard-twitch .block-title span,
.block.dashboard-steam .block-title span {
align-items: center;
display: inline-flex; }
@media only screen and (min-width: 768px) {
.block.dashboard-twitch,
.block.dashboard-steam {
margin: 50px 0; } }
.block.account-delete {
margin: 50px 0;
text-align: center; }
@keyframes share-offer-glow {
0% {
box-shadow: 0 0 12px 1px rgba(255, 252, 179, 0), inset 0 0 12px 1px rgba(255, 252, 179, 0);
text-shadow: 0 0 12px rgba(255, 252, 179, 0); }
100% {
box-shadow: 0 0 12px 1px rgba(255, 252, 179, 0.75), inset 0 0 12px 1px rgba(255, 252, 179, 0.75);
text-shadow: 0 0 12px rgba(255, 252, 179, 0.75); } }
.block.share-offer {
animation: 3s linear 1s infinite alternate share-offer-glow;
border: 2px solid #fffcb3;
color: #fffcb3;
font-size: 1.1rem;
letter-spacing: 0.05em;
overflow: hidden;
padding: 14px;
text-align: center; }
.block.share-offer .block-title {
font-size: 1em;
text-transform: uppercase; }
.block.share-offer .block-content {
max-width: 220px;
margin: 0 auto; }
.block.share-offer .block-link {
color: #525282;
font-size: 0.9rem;
letter-spacing: 0.05em;
margin-top: 4px;
text-transform: uppercase;
text-shadow: none; }
.block.share-offer .block-footer {
margin-top: 10px; }
@media only screen and (min-width: 768px) {
.block.share-offer {
background-image: url("../images/icons/yellow/copy.svg");
background-position: right 20px center;
font-size: 1.4rem;
padding: 16px 64px 16px 16px; }
.block.share-offer .block-content {
max-width: 100%; }
.block.share-offer .block-link {
font-size: 1.2rem; } }
.block.edit-profile .edit-profile-username {
margin-bottom: 0; }
.block.edit-profile .edit-profile-username .fieldset {
align-items: stretch;
display: flex;
justify-content: center; }
.block.edit-profile .edit-profile-username .fieldset input {
border-radius: 20px;
flex-basis: 0;
flex-grow: 1;
max-width: 512px; }
.block.edit-profile .edit-profile-username .fieldset button {
flex-basis: auto;
flex-grow: 0;
margin-left: 18px; }
.block.edit-profile .edit-profile-avatar {
border-top: 1px solid #525282;
margin-top: 30px;
padding-top: 20px; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_inner {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto auto auto;
grid-gap: 20px; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_current .user-avatar {
border: 5px solid #1F143D;
border-radius: 50%;
margin: auto;
max-width: 120px;
overflow: hidden;
position: relative;
width: 100%; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_current .user-avatar:before {
content: '';
display: block;
padding-bottom: 100%; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_current .user-avatar img {
position: absolute;
width: 100%;
top: 0;
left: 0; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_current .edit-profile-avatar_section-inner {
padding: 12px 0; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_presets .edit-profile-avatar_section-inner {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 12px 0; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_preset {
display: block;
flex-basis: auto;
flex-grow: 0;
padding: 6px; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_preset input {
left: -999px;
position: absolute;
visibility: hidden; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_preset input:checked ~ button {
border-color: #0e9b72; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_preset button {
align-items: center;
border: 2px solid #1F143D;
border-radius: 50%;
display: flex;
justify-content: center;
overflow: hidden;
pointer-events: none;
position: relative;
transition: border-color 0.3s;
width: 68px;
height: 68px; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_preset button img {
display: block; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_upload {
display: flex;
flex-direction: column;
text-align: center; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_upload input {
left: -9999px;
visibility: hidden;
position: absolute; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_upload .edit-profile-avatar_section-inner {
background-image: url("../images/icons/white/upload.svg");
background-position: center 105px;
background-size: 68px 69px;
border: 2px dashed #525282;
border-radius: 3px;
padding: 210px 18px 18px;
flex-grow: 1; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_upload .edit-profile-avatar_section-inner.highlight {
border-color: #fff; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_upload-text {
font-size: 1.2rem;
letter-spacing: 0.05em;
max-width: 140px;
margin: 35px auto 0;
text-transform: uppercase; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_section-title {
font-size: 1.2rem;
letter-spacing: 0.05em;
text-align: center;
text-transform: uppercase; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_section-title span {
background-color: #0c0020;
display: inline-block;
padding: 0 4px;
transform: translateY(-50%); }
@media only screen and (min-width: 768px) {
.block.edit-profile .edit-profile-avatar {
margin-top: 50px;
padding-top: 30px; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_inner {
grid-template-columns: auto;
grid-template-rows: auto auto;
grid-gap: 30px; }
.block.edit-profile .edit-profile-avatar .edit-profile-avatar_upload {
grid-column: 2;
grid-row: 1 / 3; } }
.block.friend-requests:after {
background-image: linear-gradient(to bottom, rgba(12, 0, 32, 0), #0c0020);
border-bottom: 1px solid #1F143D;
bottom: 20px;
content: '';
display: block;
height: 50px;
left: 20px;
right: 20px;
pointer-events: none;
position: absolute; }
.block.friend-requests .friend-requests_wrapper {
overflow-y: auto;
overflow-x: hidden;
max-height: 330px; }
.block.friend-requests .friend-requests_wrapper::-webkit-scrollbar {
width: 12px; }
.block.friend-requests .friend-requests_wrapper::-webkit-scrollbar-track {
background-color: #1F143D;
border-radius: 10px; }
.block.friend-requests .friend-requests_wrapper::-webkit-scrollbar-thumb {
background-color: #525282;
border: 3px solid #1F143D;
border-radius: 10px; }
.block.friend-requests .friend-requests_list {
padding-right: 2px; }
.block.friend-requests .friend-requests_item {
align-items: center;
border-radius: 2px;
padding: 10px;
display: flex; }
.block.friend-requests .friend-requests_item:nth-child(odd) {
background-color: #1F143D; }
.block.friend-requests .friend-requests_name {
font-size: 1.4rem;
line-height: 1;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9);
text-transform: none;
word-wrap: break-word; }
.block.friend-requests .friend-requests_detail {
flex-basis: 0;
flex-grow: 1;
overflow: hidden; }
.block.friend-requests .friend-requests_member-since {
color: #9694aa;
font-size: 0.8rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
.block.friend-requests .friend-requests_avatar {
flex-basis: 74px;
margin-right: 10px;
position: relative; }
.block.friend-requests .friend-requests_avatar svg {
display: block; }
.block.friend-requests .friend-requests_avatar circle {
stroke-width: 4px; }
.block.friend-requests .friend-requests_actions {
margin-left: auto;
text-align: center; }
.block.friend-requests .friend-requests_actions .button, .block.friend-requests .friend-requests_actions .navigation .nav-button > a, .navigation .block.friend-requests .friend-requests_actions .nav-button > a, .block.friend-requests .friend-requests_actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .block.friend-requests .friend-requests_actions .action-delete, .block.friend-requests .friend-requests_actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .block.friend-requests .friend-requests_actions .action-accept, .block.friend-requests .friend-requests_actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .block.friend-requests .friend-requests_actions .action-dismiss {
margin: 4px; }
.block.friend-requests .user-avatar {
border-radius: 50%;
display: block;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 7px); }
.block.friend-requests .user-avatar:after {
content: '';
display: block;
padding-bottom: 100%; }
.block.friend-requests .user-avatar img {
position: absolute;
top: 0;
left: 0;
width: 100%; }
@media only screen and (min-width: 768px) {
.block.friend-requests:after {
bottom: 30px;
height: 100px;
left: 30px;
right: 30px; }
.block.friend-requests .friend-requests_item {
padding: 20px; }
.block.friend-requests .friend-requests_name {
font-size: 2rem; }
.block.friend-requests .friend-requests_member-since {
font-size: 1.2rem; }
.block.friend-requests .friend-requests_avatar {
margin-right: 20px; }
.block.friend-requests .friend-requests_actions {
align-items: center;
display: flex; } }
@media only screen and (min-width: 768px) {
.block.friend-requests .friend-requests_name {
font-size: 2.8rem; }
.block.friend-requests .friend-requests_member-since {
font-size: 1.4rem; } }
.block.block-dashboard-platforms {
max-width: 1260px;
overflow: auto; }
.block.block-dashboard-platforms:before {
background-color: #0c0020;
box-shadow: 0 0 12px 1px rgba(100, 162, 235, 0.36);
content: '';
position: absolute;
left: 50%;
width: 20px;
height: 20px;
transform: translate(-50%, -50%) rotate(45deg);
top: 0; }
.block.block-dashboard-platforms:after {
background-color: #0c0020;
content: '';
position: absolute;
top: 0;
width: 100%;
height: 20px;
left: 0; }
.block.dashboard-steam h2 {
font-weight: 400;
margin: 0; }
.block.dashboard-steam h2 + * {
margin-top: 10px; }
.block.dashboard-steam .steam-block + .steam-block {
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 20px;
padding-top: 20px; }
.block.dashboard-steam .steam-game {
align-items: stretch;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
display: flex;
flex-direction: column;
padding: 10px;
width: 100%; }
.block.dashboard-steam .steam-game + .steam-game {
margin-top: 10px; }
.block.dashboard-steam .steam-game a {
color: inherit; }
.block.dashboard-steam .steam-game a:hover, .block.dashboard-steam .steam-game a:focus {
text-decoration: none; }
.block.dashboard-steam .steam-game_main {
align-items: stretch;
display: flex; }
.block.dashboard-steam .steam-game_image {
flex-basis: 150px;
flex-grow: 0;
max-width: 150px; }
.block.dashboard-steam .steam-game_text {
align-items: stretch;
display: flex;
flex-direction: column;
font-size: 1.4rem;
padding-left: 14px; }
.block.dashboard-steam .steam-game_time {
font-size: 1rem;
margin-top: 4px;
opacity: 0.5; }
.block.dashboard-steam .steam-game_achievements {
font-size: 1rem;
margin-top: 5px; }
.block.dashboard-steam .achievements {
margin-bottom: 4px; }
.block.dashboard-steam .achievements img {
width: 32px;
height: auto;
vertical-align: top; }
.block.dashboard-steam .achievements img:nth-child(5) ~ img {
display: none; }
.block.dashboard-steam .achievements img:nth-child(6) ~ .achievements_more {
display: inline-block; }
.block.dashboard-steam .achievements .achievements_more {
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 5%;
display: none;
position: relative;
width: 32px;
height: 32px;
vertical-align: top; }
.block.dashboard-steam .achievements .achievements_more:before, .block.dashboard-steam .achievements .achievements_more:after {
background-color: #fff;
content: '';
position: absolute;
height: 2px;
width: 40%;
top: 50%;
left: 50%; }
.block.dashboard-steam .achievements .achievements_more:before {
transform: translate(-50%, -50%); }
.block.dashboard-steam .achievements .achievements_more:after {
transform: translate(-50%, -50%) rotate(90deg); }
.block.dashboard-steam .steam-friends,
.block.dashboard-steam .steam-groups {
color: #fff;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px; }
.block.dashboard-steam .steam-friends a,
.block.dashboard-steam .steam-groups a {
color: inherit; }
.block.dashboard-steam .steam-friends img,
.block.dashboard-steam .steam-groups img {
border-radius: 3px;
width: 48px; }
.block.dashboard-steam .steam-friends .steam-friend,
.block.dashboard-steam .steam-friends .steam-group,
.block.dashboard-steam .steam-groups .steam-friend,
.block.dashboard-steam .steam-groups .steam-group {
flex-basis: 50%;
font-size: 1.2rem;
max-width: 50%;
padding: 10px; }
.block.dashboard-steam .steam-friends .steam-friend a,
.block.dashboard-steam .steam-friends .steam-group a,
.block.dashboard-steam .steam-groups .steam-friend a,
.block.dashboard-steam .steam-groups .steam-group a {
align-items: center;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 3px 0 0 3px;
display: block;
display: flex; }
.block.dashboard-steam .steam-friends .steam-friend a span,
.block.dashboard-steam .steam-friends .steam-group a span,
.block.dashboard-steam .steam-groups .steam-friend a span,
.block.dashboard-steam .steam-groups .steam-group a span {
padding: 0 10px; }
.block.dashboard-steam .steam-profile {
color: #fff; }
.block.dashboard-steam .steam-profile a {
color: inherit; }
.block.dashboard-steam .steam-profile img {
width: 64px; }
.block.dashboard-steam .steam-profile .steam-profile_link {
align-items: center;
display: flex;
font-size: 2rem; }
.block.dashboard-steam .steam-profile .steam-profile_link:focus, .block.dashboard-steam .steam-profile .steam-profile_link:hover {
text-decoration: none; }
.block.dashboard-steam .steam-profile .steam-profile_name {
padding-left: 0.5em; }
.block.dashboard-steam .steam-profile .steam-profile_level {
font-size: 0.5em;
opacity: 0.5; }
@media only screen and (min-width: 640px) {
.block.dashboard-steam {
padding: 0 20px 20px; }
.block.dashboard-steam .steam-friends .steam-friend,
.block.dashboard-steam .steam-friends .steam-group,
.block.dashboard-steam .steam-groups .steam-friend,
.block.dashboard-steam .steam-groups .steam-group {
flex-basis: 33.333%;
max-width: 33.333%; } }
@media only screen and (min-width: 768px) {
.block.dashboard-steam .steam-game {
align-items: flex-start;
flex-direction: row; }
.block.dashboard-steam .steam-game_achievements {
text-align: right;
flex-basis: 0;
flex-grow: 1;
margin-top: 0;
margin-left: auto; }
.block.dashboard-steam .steam-profile img {
width: 96px; }
.block.dashboard-steam .steam-profile .steam-profile_link {
font-size: 3rem; } }
@media only screen and (min-width: 1024px) {
.block.dashboard-steam .steam-friends .steam-friend,
.block.dashboard-steam .steam-friends .steam-group,
.block.dashboard-steam .steam-groups .steam-friend,
.block.dashboard-steam .steam-groups .steam-group {
flex-basis: 25%;
max-width: 25%; }
.block.dashboard-steam .achievements img:nth-child(5) ~ img {
display: inline-block; }
.block.dashboard-steam .achievements img:nth-child(6) ~ .achievements_more {
display: none; }
.block.dashboard-steam .achievements img:nth-child(8) ~ img {
display: none; }
.block.dashboard-steam .achievements img:nth-child(9) ~ .achievements_more {
display: inline-block; } }
.modal-popup.account-delete .input-wrap {
display: block;
max-width: 375px;
margin-top: 20px;
margin-inline: auto; }
.modal-popup.account-delete .modal-footer {
align-items: center;
display: flex;
flex-direction: column;
gap: 30px; }
.modal-popup.account-delete .modal-footer .action {
max-width: 375px;
width: 100%; }
.modal-popup.account-delete .button-link, .modals-wrapper .modal-popup.account-delete .action-link {
font-size: 1.4rem;
font-weight: 700;
padding: 1em;
order: 99;
text-decoration: none; }
.modal-popup.account-delete [type="text"] {
box-shadow: inset 0 0 0 #ff350d, 0 0 0 #ff350d;
transition: border-color 0.4s, box-shadow 0.4s; }
.modal-popup.account-delete [type="text"].__error {
border-color: #ff350d;
box-shadow: inset 0 0 5px #ff350d, 0 0 5px #ff350d; }
@media only screen and (min-width: 768px) {
.modal-popup.account-delete .button-link, .modals-wrapper .modal-popup.account-delete .action-link {
font-size: 2rem; } }
.lof-social-login .lof-social-login-or {
font-family: "Quantico", sans-serif;
font-size: 1.6rem;
letter-spacing: 0.0666em;
margin: 20px 0; }
.lof-social-login .actions-toolbar {
margin: 0;
padding: 6px;
text-align: center;
flex-direction: column;
align-items: stretch; }
.lof-social-login .actions-toolbar .primary {
margin: 0; }
.lof-social-login .actions-toolbar .button, .lof-social-login .actions-toolbar .navigation .nav-button > a, .navigation .lof-social-login .actions-toolbar .nav-button > a, .lof-social-login .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .actions-toolbar .action-delete, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-accept, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-dismiss {
padding: 10px;
position: relative;
width: 100%; }
.lof-social-login .actions-toolbar .button:hover, .lof-social-login .actions-toolbar .navigation .nav-button > a:hover, .navigation .lof-social-login .actions-toolbar .nav-button > a:hover, .lof-social-login .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .lof-social-login .actions-toolbar .action-delete:hover, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-accept:hover, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-dismiss:hover {
background-image: none; }
.lof-social-login .actions-toolbar .button i, .lof-social-login .actions-toolbar .navigation .nav-button > a i, .navigation .lof-social-login .actions-toolbar .nav-button > a i, .lof-social-login .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .actions-toolbar .action-delete i, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-accept i, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-dismiss i {
background-position: center center;
background-size: contain;
left: 34px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px; }
.lof-social-login .actions-toolbar .button span, .lof-social-login .actions-toolbar .navigation .nav-button > a span, .navigation .lof-social-login .actions-toolbar .nav-button > a span, .lof-social-login .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete span, .cart-items .cart-items-item .product-item-error .lof-social-login .actions-toolbar .action-delete span, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-accept span, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-accept span, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-dismiss span, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-dismiss span {
display: block; }
.lof-social-login .facebook-login .button, .lof-social-login .facebook-login .navigation .nav-button > a, .navigation .lof-social-login .facebook-login .nav-button > a, .lof-social-login .facebook-login .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .facebook-login .action-delete, .lof-social-login .facebook-login .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .facebook-login .action-accept, .lof-social-login .facebook-login .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .facebook-login .action-dismiss {
background-color: #293067;
background-image: linear-gradient(to top, #293067 0%, #2b4a91 100%);
border-color: #293067; }
.lof-social-login .facebook-login .button:hover, .lof-social-login .facebook-login .navigation .nav-button > a:hover, .navigation .lof-social-login .facebook-login .nav-button > a:hover, .lof-social-login .facebook-login .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .lof-social-login .facebook-login .action-delete:hover, .lof-social-login .facebook-login .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .lof-social-login .facebook-login .action-accept:hover, .lof-social-login .facebook-login .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .lof-social-login .facebook-login .action-dismiss:hover {
background-color: #2f3772;
background-image: linear-gradient(to top, #2f3772 0%, #3a5eaf 100%); }
.lof-social-login .facebook-login .button i, .lof-social-login .facebook-login .navigation .nav-button > a i, .navigation .lof-social-login .facebook-login .nav-button > a i, .lof-social-login .facebook-login .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .facebook-login .action-delete i, .lof-social-login .facebook-login .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .facebook-login .action-accept i, .lof-social-login .facebook-login .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .facebook-login .action-dismiss i {
background-image: url("../images/icons/login/facebook.svg"); }
.lof-social-login .google-login .button, .lof-social-login .google-login .navigation .nav-button > a, .navigation .lof-social-login .google-login .nav-button > a, .lof-social-login .google-login .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .google-login .action-delete, .lof-social-login .google-login .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .google-login .action-accept, .lof-social-login .google-login .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .google-login .action-dismiss {
background-color: #bf3426;
background-image: linear-gradient(to top, #bf3426 0%, #e3584a 100%);
border-color: #bf3426; }
.lof-social-login .google-login .button:hover, .lof-social-login .google-login .navigation .nav-button > a:hover, .navigation .lof-social-login .google-login .nav-button > a:hover, .lof-social-login .google-login .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .lof-social-login .google-login .action-delete:hover, .lof-social-login .google-login .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .lof-social-login .google-login .action-accept:hover, .lof-social-login .google-login .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .lof-social-login .google-login .action-dismiss:hover {
background-color: #d14234;
background-image: linear-gradient(to top, #d14234 0%, #ff7769 100%); }
.lof-social-login .google-login .button i, .lof-social-login .google-login .navigation .nav-button > a i, .navigation .lof-social-login .google-login .nav-button > a i, .lof-social-login .google-login .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .google-login .action-delete i, .lof-social-login .google-login .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .google-login .action-accept i, .lof-social-login .google-login .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .google-login .action-dismiss i {
background-image: url("../images/icons/login/google.svg"); }
.lof-social-login .steam-login .button, .lof-social-login .steam-login .navigation .nav-button > a, .navigation .lof-social-login .steam-login .nav-button > a, .lof-social-login .steam-login .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .steam-login .action-delete, .lof-social-login .steam-login .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .steam-login .action-accept, .lof-social-login .steam-login .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .steam-login .action-dismiss {
background-color: #06193c;
background-image: linear-gradient(to top, #06193c 0%, #1383b4 100%);
border-color: #06193c; }
.lof-social-login .steam-login .button:hover, .lof-social-login .steam-login .navigation .nav-button > a:hover, .navigation .lof-social-login .steam-login .nav-button > a:hover, .lof-social-login .steam-login .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .lof-social-login .steam-login .action-delete:hover, .lof-social-login .steam-login .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .lof-social-login .steam-login .action-accept:hover, .lof-social-login .steam-login .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .lof-social-login .steam-login .action-dismiss:hover {
background-color: #09204c;
background-image: linear-gradient(to top, #09204c 0%, #239bcf 100%); }
.lof-social-login .steam-login .button i, .lof-social-login .steam-login .navigation .nav-button > a i, .navigation .lof-social-login .steam-login .nav-button > a i, .lof-social-login .steam-login .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .steam-login .action-delete i, .lof-social-login .steam-login .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .steam-login .action-accept i, .lof-social-login .steam-login .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .steam-login .action-dismiss i {
background-image: url("../images/icons/login/steam.svg"); }
.lof-social-login .twitch-login .button, .lof-social-login .twitch-login .navigation .nav-button > a, .navigation .lof-social-login .twitch-login .nav-button > a, .lof-social-login .twitch-login .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .twitch-login .action-delete, .lof-social-login .twitch-login .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .twitch-login .action-accept, .lof-social-login .twitch-login .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .twitch-login .action-dismiss {
background-color: #8739f8;
background-image: linear-gradient(to top, #8739f8 0%, #ab72ff 100%);
border-color: #8739f8; }
.lof-social-login .twitch-login .button:hover, .lof-social-login .twitch-login .navigation .nav-button > a:hover, .navigation .lof-social-login .twitch-login .nav-button > a:hover, .lof-social-login .twitch-login .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .lof-social-login .twitch-login .action-delete:hover, .lof-social-login .twitch-login .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .lof-social-login .twitch-login .action-accept:hover, .lof-social-login .twitch-login .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .lof-social-login .twitch-login .action-dismiss:hover {
background-color: #9c58ff;
background-image: linear-gradient(to top, #9c58ff 0%, #bf93ff 100%); }
.lof-social-login .twitch-login .button i, .lof-social-login .twitch-login .navigation .nav-button > a i, .navigation .lof-social-login .twitch-login .nav-button > a i, .lof-social-login .twitch-login .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .twitch-login .action-delete i, .lof-social-login .twitch-login .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .twitch-login .action-accept i, .lof-social-login .twitch-login .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .twitch-login .action-dismiss i {
background-image: url("../images/icons/login/twitch.svg"); }
.lof-social-login .twitter-login .button, .lof-social-login .twitter-login .navigation .nav-button > a, .navigation .lof-social-login .twitter-login .nav-button > a, .lof-social-login .twitter-login .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .twitter-login .action-delete, .lof-social-login .twitter-login .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .twitter-login .action-accept, .lof-social-login .twitter-login .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .twitter-login .action-dismiss {
background-color: #386fbb;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
border-color: #386fbb; }
.lof-social-login .twitter-login .button:hover, .lof-social-login .twitter-login .navigation .nav-button > a:hover, .navigation .lof-social-login .twitter-login .nav-button > a:hover, .lof-social-login .twitter-login .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .lof-social-login .twitter-login .action-delete:hover, .lof-social-login .twitter-login .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .lof-social-login .twitter-login .action-accept:hover, .lof-social-login .twitter-login .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .lof-social-login .twitter-login .action-dismiss:hover {
background-color: #4b86d7;
background-image: linear-gradient(to top, #4b86d7 0%, #6cb8ff 100%); }
.lof-social-login .twitter-login .button i, .lof-social-login .twitter-login .navigation .nav-button > a i, .navigation .lof-social-login .twitter-login .nav-button > a i, .lof-social-login .twitter-login .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .twitter-login .action-delete i, .lof-social-login .twitter-login .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .twitter-login .action-accept i, .lof-social-login .twitter-login .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .twitter-login .action-dismiss i {
background-image: url("../images/icons/login/twitter.svg"); }
.lof-social-login .amazon-login .button, .lof-social-login .amazon-login .navigation .nav-button > a, .navigation .lof-social-login .amazon-login .nav-button > a, .lof-social-login .amazon-login .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .amazon-login .action-delete, .lof-social-login .amazon-login .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .amazon-login .action-accept, .lof-social-login .amazon-login .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .amazon-login .action-dismiss {
background-color: #ffb72b;
background-image: linear-gradient(to top, #ffb72b 0%, #fccf62 100%);
border-color: #ffb72b; }
.lof-social-login .amazon-login .button:hover, .lof-social-login .amazon-login .navigation .nav-button > a:hover, .navigation .lof-social-login .amazon-login .nav-button > a:hover, .lof-social-login .amazon-login .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .lof-social-login .amazon-login .action-delete:hover, .lof-social-login .amazon-login .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .lof-social-login .amazon-login .action-accept:hover, .lof-social-login .amazon-login .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .lof-social-login .amazon-login .action-dismiss:hover {
background-color: #ffbe40;
background-image: linear-gradient(to top, #ffbe40 0%, #ffdf91 100%); }
.lof-social-login .amazon-login .button i, .lof-social-login .amazon-login .navigation .nav-button > a i, .navigation .lof-social-login .amazon-login .nav-button > a i, .lof-social-login .amazon-login .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .amazon-login .action-delete i, .lof-social-login .amazon-login .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .amazon-login .action-accept i, .lof-social-login .amazon-login .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .amazon-login .action-dismiss i {
background-image: url("../images/icons/login/amazon.svg"); }
.lof-social-login .battlenet-login .button, .lof-social-login .battlenet-login .navigation .nav-button > a, .navigation .lof-social-login .battlenet-login .nav-button > a, .lof-social-login .battlenet-login .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .battlenet-login .action-delete, .lof-social-login .battlenet-login .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .battlenet-login .action-accept, .lof-social-login .battlenet-login .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .battlenet-login .action-dismiss {
background-color: #2a478c;
background-image: linear-gradient(to top, #2a478c 0%, #45a2f9 100%);
border-color: #2a478c; }
.lof-social-login .battlenet-login .button:hover, .lof-social-login .battlenet-login .navigation .nav-button > a:hover, .navigation .lof-social-login .battlenet-login .nav-button > a:hover, .lof-social-login .battlenet-login .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .lof-social-login .battlenet-login .action-delete:hover, .lof-social-login .battlenet-login .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .lof-social-login .battlenet-login .action-accept:hover, .lof-social-login .battlenet-login .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .lof-social-login .battlenet-login .action-dismiss:hover {
background-color: #34549f;
background-image: linear-gradient(to top, #34549f 0%, #67b6ff 100%); }
.lof-social-login .battlenet-login .button i, .lof-social-login .battlenet-login .navigation .nav-button > a i, .navigation .lof-social-login .battlenet-login .nav-button > a i, .lof-social-login .battlenet-login .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .battlenet-login .action-delete i, .lof-social-login .battlenet-login .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .battlenet-login .action-accept i, .lof-social-login .battlenet-login .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .battlenet-login .action-dismiss i {
background-image: url("../images/icons/login/battle-dot-net.svg"); }
.lof-social-login .whatsapp-login .button, .lof-social-login .whatsapp-login .navigation .nav-button > a, .navigation .lof-social-login .whatsapp-login .nav-button > a, .lof-social-login .whatsapp-login .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .whatsapp-login .action-delete, .lof-social-login .whatsapp-login .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .whatsapp-login .action-accept, .lof-social-login .whatsapp-login .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .whatsapp-login .action-dismiss {
background-color: #2bb927;
background-image: linear-gradient(to top, #2bb927 0%, #40e35e 100%);
border-color: #2bb927; }
.lof-social-login .whatsapp-login .button:hover, .lof-social-login .whatsapp-login .navigation .nav-button > a:hover, .navigation .lof-social-login .whatsapp-login .nav-button > a:hover, .lof-social-login .whatsapp-login .cart-items .cart-items-item .product-item-error .action-delete:hover, .cart-items .cart-items-item .product-item-error .lof-social-login .whatsapp-login .action-delete:hover, .lof-social-login .whatsapp-login .modals-wrapper .modal-popup .action-accept:hover, .modals-wrapper .modal-popup .lof-social-login .whatsapp-login .action-accept:hover, .lof-social-login .whatsapp-login .modals-wrapper .modal-popup .action-dismiss:hover, .modals-wrapper .modal-popup .lof-social-login .whatsapp-login .action-dismiss:hover {
background-color: #2bb927;
background-image: linear-gradient(to top, #2bb927 0%, #40e35e 100%); }
.lof-social-login .whatsapp-login .button i, .lof-social-login .whatsapp-login .navigation .nav-button > a i, .navigation .lof-social-login .whatsapp-login .nav-button > a i, .lof-social-login .whatsapp-login .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .whatsapp-login .action-delete i, .lof-social-login .whatsapp-login .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .whatsapp-login .action-accept i, .lof-social-login .whatsapp-login .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .whatsapp-login .action-dismiss i {
background-image: url("../images/icons/login/whatsapp.svg"); }
.lof-social-login .paypal-login .button i, .lof-social-login .paypal-login .navigation .nav-button > a i, .navigation .lof-social-login .paypal-login .nav-button > a i, .lof-social-login .paypal-login .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .paypal-login .action-delete i, .lof-social-login .paypal-login .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .paypal-login .action-accept i, .lof-social-login .paypal-login .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .paypal-login .action-dismiss i {
background-image: url("../images/icons/login/paypal.svg"); }
@media only screen and (min-width: 768px) {
.lof-social-login .lof-social-login-or {
font-size: 2.4rem;
margin: 30px 0; }
.lof-social-login .actions-toolbar .button, .lof-social-login .actions-toolbar .navigation .nav-button > a, .navigation .lof-social-login .actions-toolbar .nav-button > a, .lof-social-login .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .lof-social-login .actions-toolbar .action-delete, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-accept, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-dismiss {
font-size: 1.4rem; }
.lof-social-login .actions-toolbar .button i, .lof-social-login .actions-toolbar .navigation .nav-button > a i, .navigation .lof-social-login .actions-toolbar .nav-button > a i, .lof-social-login .actions-toolbar .cart-items .cart-items-item .product-item-error .action-delete i, .cart-items .cart-items-item .product-item-error .lof-social-login .actions-toolbar .action-delete i, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-accept i, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-accept i, .lof-social-login .actions-toolbar .modals-wrapper .modal-popup .action-dismiss i, .modals-wrapper .modal-popup .lof-social-login .actions-toolbar .action-dismiss i {
width: 18px;
height: 18px; } }
.affiliates-banner-frame .zEWidget-launcher {
display: none !important; }
.affiliates-filter {
align-items: center;
display: flex; }
.affiliates-filter ul {
margin: 0; }
.affiliates-filter li {
display: inline-block;
list-style: none; }
.affiliates-filter li:not(:last-child) {
margin-right: 10px; }
#affiliate-banner .product-items-1:not(.slick-initialized) .product-item,
#affiliate-banner .product-items-2:not(.slick-initialized) .product-item,
#affiliate-banner .product-items-3:not(.slick-initialized) .product-item {
display: none;
flex-basis: 100%;
max-width: 100%; }
#affiliate-banner .product-items-1:not(.slick-initialized) .product-item:first-child {
display: flex; }
#affiliate-banner .product-items-2:not(.slick-initialized) .product-item:nth-child(1), #affiliate-banner .product-items-2:not(.slick-initialized) .product-item:nth-child(2) {
display: flex;
flex-basis: 50%;
max-width: 50%; }
#affiliate-banner .product-items-3:not(.slick-initialized) .product-item:nth-child(1), #affiliate-banner .product-items-3:not(.slick-initialized) .product-item:nth-child(2), #affiliate-banner .product-items-3:not(.slick-initialized) .product-item:nth-child(3) {
display: flex;
flex-basis: 33.333%;
max-width: 33.333%; }
#affiliate-banner .product-item {
flex-basis: 100%;
max-width: 100%; }
#affiliate-banner .product-item a:focus {
outline: none; }
#affiliate-banner .product-item .product-item-name {
display: block; }
#affiliate-banner .product-item .product-item-inner {
margin-top: auto;
padding-bottom: 12px; }
#affiliate-banner .button, #affiliate-banner .navigation .nav-button > a, .navigation #affiliate-banner .nav-button > a, #affiliate-banner .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error #affiliate-banner .action-delete, #affiliate-banner .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup #affiliate-banner .action-accept, #affiliate-banner .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup #affiliate-banner .action-dismiss {
width: 100%; }
#affiliate-banner .slick-slider {
overflow: hidden;
position: relative; }
#affiliate-banner .slick-slider .slick-list {
min-width: 100%; }
#affiliate-banner .slick-slider .slick-track {
align-items: stretch;
display: flex; }
#affiliate-banner .slick-slider .slick-slide:focus {
outline: none; }
.form.form-affiliate-login .actions-toolbar {
align-items: center;
display: flex;
justify-content: space-between; }
.form.form-affiliate-login .remind {
color: #525282;
font-size: 1.2rem;
letter-spacing: 0.05em;
text-decoration: underline;
text-transform: uppercase; }
.form.form-affiliate-login .remind:hover {
text-decoration: none; }
.form.form-affiliate-login .response {
font-size: 1.2rem; }
.form.form-affiliate-login .error {
color: #ff350d;
margin-bottom: -15px; }
.form.form-affiliate-login .success {
color: #0e9b72;
margin-bottom: -15px; }
.affiliates-signup-form_inner .signup-form {
margin: 30px auto 60px;
max-width: 600px; }
.affiliates-signup-form_inner .signup-form:before {
left: -150px; }
.affiliates-signup-form_inner .signup-form:after {
right: -150px;
z-index: 0; }
.affiliates-signup-form_inner .signup-form .fieldset {
position: relative;
z-index: 1; }
.affiliates-signup-form_inner .signup-form .fieldset .legend {
margin: 0 auto 30px;
text-align: center; }
.affiliates-signup-form_inner .signup-form .fieldset .legend span {
margin-top: 60px; }
.affiliates-signup-form_inner .signup-form .fieldset .legend:first-child span {
margin-top: 0;
position: relative;
top: -20px; }
.affiliates-signup-form_inner .signup-form strong {
font-weight: 400; }
.affiliates-signup-form_inner .signup-form label {
color: #525282;
display: block;
font-family: "Quantico", sans-serif;
font-size: 1.2rem;
letter-spacing: 0.05em;
line-height: 1.333;
margin-top: 15px;
text-transform: uppercase; }
.affiliates-signup-form_inner .signup-form .action.primary {
display: block;
margin: 45px auto 0; }
.affiliates-signup-form_inner .signup-form .tooltip {
cursor: pointer;
position: absolute;
right: 0;
z-index: 2; }
.affiliates-signup-form_inner .signup-form .tooltip-field {
align-items: center;
display: flex;
flex-wrap: wrap;
position: relative; }
.affiliates-signup-form_inner .signup-form .tooltip-field:hover .tooltip-message {
height: auto;
opacity: 1;
transition: opacity 0.5s;
width: 100%; }
.affiliates-signup-form_inner .signup-form .tooltip-message {
background: #0c0020;
font-size: 1.2rem;
height: 0;
opacity: 0;
padding: 10px;
position: absolute;
top: 100%;
transition: opacity 0.3s ease 0s, width 0.1s ease 0.3s;
width: 0;
z-index: 1; }
.affiliates-signup-form_inner .signup-form .tooltip-message.show {
height: auto;
opacity: 1;
transition: opacity 0.5s;
width: 100%; }
.affiliates-signup-form_inner .signup-form .field.choice {
align-items: center;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
margin-top: 15px; }
.affiliates-signup-form_inner .signup-form .field.choice label {
flex: 1;
margin-left: 15px;
margin-top: 0; }
.affiliates-signup-form_inner .signup-form .field.choice div.mage-error {
order: 99; }
.affiliates-signup-form_inner .signup-form .terms {
background: rgba(31, 20, 61, 0.5);
font-size: 1.4rem;
margin: 30px 0;
max-height: 200px;
overflow-y: scroll;
padding: 0 20px; }
.storyblok-page {
--sb-gap: 20px;
--sb-block: 20px;
align-items: stretch;
display: flex;
flex-direction: column;
gap: var(--sb-gap); }
@media only screen and (min-width: 768px) {
.storyblok-page {
--sb-gap: 30px; } }
@media only screen and (min-width: 1024px) {
.storyblok-page {
--sb-gap: 45px; } }
.storyblok-row {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: var(--sb-gap); }
.storyblok-row.collapsed {
margin-top: calc(0px - var(--sb-gap)); }
.storyblok-row.negative {
margin-top: calc(0px - calc(var(--sb-gap) * 2)); }
.storyblok-row.double {
margin-top: var(--sb-gap);
margin-bottom: var(--sb-gap); }
.storyblok-row.compress {
margin-top: calc(0px - var(--sb-gap));
margin-bottom: calc(0px - var(--sb-gap)); }
.storyblok-row.gap-small {
--sb-gap: 20px; }
.storyblok-row.hyva-storyblok {
display: none; }
.storyblok-breakout {
padding-top: var(--sb-gap);
padding-bottom: var(--sb-gap); }
.storyblok-breakout.hyva-storyblok {
display: none; }
.storyblok-col {
padding: 0;
grid-column: 1 / -1; }
.storyblok-col[class*="col-"] {
flex-basis: auto;
max-width: none; }
.storyblok-col.col-centre {
place-self: center stretch;
display: block; }
.storyblok-col.col-stretch {
place-self: stretch;
display: block; }
.storyblok-col.col-start {
place-self: start stretch; }
.storyblok-col.col-end {
place-self: end stretch; }
.storyblok-col.col-bg {
padding: 24px 32px; }
.storyblok-col > * + * {
margin-top: var(--sb-block); }
@media only screen and (max-width: 767px) {
.storyblok-col.display-desktop {
display: none; } }
@media only screen and (min-width: 768px) {
.storyblok-col.display-mobile {
display: none; } }
.storyblok-col.col-1 {
grid-column: span 1 / span 1; }
.storyblok-col.col-2 {
grid-column: span 2 / span 2; }
.storyblok-col.col-3 {
grid-column: span 3 / span 3; }
.storyblok-col.col-4 {
grid-column: span 4 / span 4; }
.storyblok-col.col-5 {
grid-column: span 5 / span 5; }
.storyblok-col.col-6 {
grid-column: span 6 / span 6; }
.storyblok-col.col-7 {
grid-column: span 7 / span 7; }
.storyblok-col.col-8 {
grid-column: span 8 / span 8; }
.storyblok-col.col-9 {
grid-column: span 9 / span 9; }
.storyblok-col.col-10 {
grid-column: span 10 / span 10; }
.storyblok-col.col-11 {
grid-column: span 11 / span 11; }
.storyblok-col.col-12 {
grid-column: span 12 / span 12; }
.storyblok-col.col-xs-1 {
grid-column: span 1 / span 1; }
.storyblok-col.col-xs-2 {
grid-column: span 2 / span 2; }
.storyblok-col.col-xs-3 {
grid-column: span 3 / span 3; }
.storyblok-col.col-xs-4 {
grid-column: span 4 / span 4; }
.storyblok-col.col-xs-5 {
grid-column: span 5 / span 5; }
.storyblok-col.col-xs-6 {
grid-column: span 6 / span 6; }
.storyblok-col.col-xs-7 {
grid-column: span 7 / span 7; }
.storyblok-col.col-xs-8 {
grid-column: span 8 / span 8; }
.storyblok-col.col-xs-9 {
grid-column: span 9 / span 9; }
.storyblok-col.col-xs-10 {
grid-column: span 10 / span 10; }
.storyblok-col.col-xs-11 {
grid-column: span 11 / span 11; }
.storyblok-col.col-xs-12 {
grid-column: span 12 / span 12; }
.storyblok-col.offset-1 {
grid-column-start: 1; }
.storyblok-col.offset-2 {
grid-column-start: 2; }
.storyblok-col.offset-3 {
grid-column-start: 3; }
.storyblok-col.offset-4 {
grid-column-start: 4; }
.storyblok-col.offset-5 {
grid-column-start: 5; }
.storyblok-col.offset-6 {
grid-column-start: 6; }
.storyblok-col.offset-7 {
grid-column-start: 7; }
.storyblok-col.offset-8 {
grid-column-start: 8; }
.storyblok-col.offset-9 {
grid-column-start: 9; }
.storyblok-col.offset-10 {
grid-column-start: 10; }
.storyblok-col.offset-11 {
grid-column-start: 11; }
.storyblok-col.offset-12 {
grid-column-start: 12; }
.storyblok-col.offset-xs-1 {
grid-column-start: 1; }
.storyblok-col.offset-xs-2 {
grid-column-start: 2; }
.storyblok-col.offset-xs-3 {
grid-column-start: 3; }
.storyblok-col.offset-xs-4 {
grid-column-start: 4; }
.storyblok-col.offset-xs-5 {
grid-column-start: 5; }
.storyblok-col.offset-xs-6 {
grid-column-start: 6; }
.storyblok-col.offset-xs-7 {
grid-column-start: 7; }
.storyblok-col.offset-xs-8 {
grid-column-start: 8; }
.storyblok-col.offset-xs-9 {
grid-column-start: 9; }
.storyblok-col.offset-xs-10 {
grid-column-start: 10; }
.storyblok-col.offset-xs-11 {
grid-column-start: 11; }
.storyblok-col.offset-xs-12 {
grid-column-start: 12; }
@media only screen and (min-width: 640px) {
.storyblok-col.col-s-1 {
grid-column: span 1 / span 1; }
.storyblok-col.col-s-2 {
grid-column: span 2 / span 2; }
.storyblok-col.col-s-3 {
grid-column: span 3 / span 3; }
.storyblok-col.col-s-4 {
grid-column: span 4 / span 4; }
.storyblok-col.col-s-5 {
grid-column: span 5 / span 5; }
.storyblok-col.col-s-6 {
grid-column: span 6 / span 6; }
.storyblok-col.col-s-7 {
grid-column: span 7 / span 7; }
.storyblok-col.col-s-8 {
grid-column: span 8 / span 8; }
.storyblok-col.col-s-9 {
grid-column: span 9 / span 9; }
.storyblok-col.col-s-10 {
grid-column: span 10 / span 10; }
.storyblok-col.col-s-11 {
grid-column: span 11 / span 11; }
.storyblok-col.col-s-12 {
grid-column: span 12 / span 12; }
.storyblok-col.offset-s-1 {
grid-column-start: 1; }
.storyblok-col.offset-s-2 {
grid-column-start: 2; }
.storyblok-col.offset-s-3 {
grid-column-start: 3; }
.storyblok-col.offset-s-4 {
grid-column-start: 4; }
.storyblok-col.offset-s-5 {
grid-column-start: 5; }
.storyblok-col.offset-s-6 {
grid-column-start: 6; }
.storyblok-col.offset-s-7 {
grid-column-start: 7; }
.storyblok-col.offset-s-8 {
grid-column-start: 8; }
.storyblok-col.offset-s-9 {
grid-column-start: 9; }
.storyblok-col.offset-s-10 {
grid-column-start: 10; }
.storyblok-col.offset-s-11 {
grid-column-start: 11; }
.storyblok-col.offset-s-12 {
grid-column-start: 12; } }
@media only screen and (min-width: 768px) {
.storyblok-col.col-m-1 {
grid-column: span 1 / span 1; }
.storyblok-col.col-m-2 {
grid-column: span 2 / span 2; }
.storyblok-col.col-m-3 {
grid-column: span 3 / span 3; }
.storyblok-col.col-m-4 {
grid-column: span 4 / span 4; }
.storyblok-col.col-m-5 {
grid-column: span 5 / span 5; }
.storyblok-col.col-m-6 {
grid-column: span 6 / span 6; }
.storyblok-col.col-m-7 {
grid-column: span 7 / span 7; }
.storyblok-col.col-m-8 {
grid-column: span 8 / span 8; }
.storyblok-col.col-m-9 {
grid-column: span 9 / span 9; }
.storyblok-col.col-m-10 {
grid-column: span 10 / span 10; }
.storyblok-col.col-m-11 {
grid-column: span 11 / span 11; }
.storyblok-col.col-m-12 {
grid-column: span 12 / span 12; }
.storyblok-col.offset-m-1 {
grid-column-start: 1; }
.storyblok-col.offset-m-2 {
grid-column-start: 2; }
.storyblok-col.offset-m-3 {
grid-column-start: 3; }
.storyblok-col.offset-m-4 {
grid-column-start: 4; }
.storyblok-col.offset-m-5 {
grid-column-start: 5; }
.storyblok-col.offset-m-6 {
grid-column-start: 6; }
.storyblok-col.offset-m-7 {
grid-column-start: 7; }
.storyblok-col.offset-m-8 {
grid-column-start: 8; }
.storyblok-col.offset-m-9 {
grid-column-start: 9; }
.storyblok-col.offset-m-10 {
grid-column-start: 10; }
.storyblok-col.offset-m-11 {
grid-column-start: 11; }
.storyblok-col.offset-m-12 {
grid-column-start: 12; } }
@media only screen and (min-width: 1024px) {
.storyblok-col.col-l-1 {
grid-column: span 1 / span 1; }
.storyblok-col.col-l-2 {
grid-column: span 2 / span 2; }
.storyblok-col.col-l-3 {
grid-column: span 3 / span 3; }
.storyblok-col.col-l-4 {
grid-column: span 4 / span 4; }
.storyblok-col.col-l-5 {
grid-column: span 5 / span 5; }
.storyblok-col.col-l-6 {
grid-column: span 6 / span 6; }
.storyblok-col.col-l-7 {
grid-column: span 7 / span 7; }
.storyblok-col.col-l-8 {
grid-column: span 8 / span 8; }
.storyblok-col.col-l-9 {
grid-column: span 9 / span 9; }
.storyblok-col.col-l-10 {
grid-column: span 10 / span 10; }
.storyblok-col.col-l-11 {
grid-column: span 11 / span 11; }
.storyblok-col.col-l-12 {
grid-column: span 12 / span 12; }
.storyblok-col.offset-l-1 {
grid-column-start: 1; }
.storyblok-col.offset-l-2 {
grid-column-start: 2; }
.storyblok-col.offset-l-3 {
grid-column-start: 3; }
.storyblok-col.offset-l-4 {
grid-column-start: 4; }
.storyblok-col.offset-l-5 {
grid-column-start: 5; }
.storyblok-col.offset-l-6 {
grid-column-start: 6; }
.storyblok-col.offset-l-7 {
grid-column-start: 7; }
.storyblok-col.offset-l-8 {
grid-column-start: 8; }
.storyblok-col.offset-l-9 {
grid-column-start: 9; }
.storyblok-col.offset-l-10 {
grid-column-start: 10; }
.storyblok-col.offset-l-11 {
grid-column-start: 11; }
.storyblok-col.offset-l-12 {
grid-column-start: 12; } }
@media only screen and (min-width: 1440px) {
.storyblok-col.col-xl-1 {
grid-column: span 1 / span 1; }
.storyblok-col.col-xl-2 {
grid-column: span 2 / span 2; }
.storyblok-col.col-xl-3 {
grid-column: span 3 / span 3; }
.storyblok-col.col-xl-4 {
grid-column: span 4 / span 4; }
.storyblok-col.col-xl-5 {
grid-column: span 5 / span 5; }
.storyblok-col.col-xl-6 {
grid-column: span 6 / span 6; }
.storyblok-col.col-xl-7 {
grid-column: span 7 / span 7; }
.storyblok-col.col-xl-8 {
grid-column: span 8 / span 8; }
.storyblok-col.col-xl-9 {
grid-column: span 9 / span 9; }
.storyblok-col.col-xl-10 {
grid-column: span 10 / span 10; }
.storyblok-col.col-xl-11 {
grid-column: span 11 / span 11; }
.storyblok-col.col-xl-12 {
grid-column: span 12 / span 12; }
.storyblok-col.offset-xl-1 {
grid-column-start: 1; }
.storyblok-col.offset-xl-2 {
grid-column-start: 2; }
.storyblok-col.offset-xl-3 {
grid-column-start: 3; }
.storyblok-col.offset-xl-4 {
grid-column-start: 4; }
.storyblok-col.offset-xl-5 {
grid-column-start: 5; }
.storyblok-col.offset-xl-6 {
grid-column-start: 6; }
.storyblok-col.offset-xl-7 {
grid-column-start: 7; }
.storyblok-col.offset-xl-8 {
grid-column-start: 8; }
.storyblok-col.offset-xl-9 {
grid-column-start: 9; }
.storyblok-col.offset-xl-10 {
grid-column-start: 10; }
.storyblok-col.offset-xl-11 {
grid-column-start: 11; }
.storyblok-col.offset-xl-12 {
grid-column-start: 12; } }
.storyblok-gap-none {
--sb-gap: 0; }
.storyblok-gap-small {
--sb-gap: 5x; }
@media only screen and (min-width: 768px) {
.storyblok-gap-small {
--sb-gap: 10px; } }
@media only screen and (min-width: 1024px) {
.storyblok-gap-small {
--sb-gap: 15px; } }
.storyblok-gap-large {
--sb-gap: 30px; }
@media only screen and (min-width: 768px) {
.storyblok-gap-large {
--sb-gap: 45px; } }
@media only screen and (min-width: 1024px) {
.storyblok-gap-large {
--sb-gap: 60px; } }
.storyblok-page {
padding-bottom: 15px; }
.catalog-category-view .storyblok-page {
padding-bottom: 15px;
padding-top: 15px; }
.catalog-category-view .storyblok-page .row + .row {
margin-top: 0; }
.storyblok-page .row + .row {
margin-top: 30px; }
.storyblok-page .row + .row.collapsed {
margin-top: 0; }
.storyblok-page .row.negative {
margin: -15px -15px -30px; }
.storyblok-page ~ .category-top {
display: none; }
.storyblok-page ~ .columns .block.filter {
background-color: transparent;
margin: 0;
padding: 0; }
.storyblok-page ~ .columns .block.filter .chosen-container.chosen-container-single .chosen-single {
background-color: transparent; }
.storyblok-page * + .block-sub-categories {
margin-top: 30px; }
.storyblok-page .block-sub-categories {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(3, 1fr); }
.storyblok-page .block-sub-categories.featured {
grid-column-gap: 0;
grid-row-gap: 20px;
grid-template-columns: 1fr; }
.storyblok-page .block-sub-categories .sub-category_image {
margin-bottom: 15px;
padding-bottom: 100%;
position: relative;
overflow: hidden;
width: 100%;
transition: transform 0.3s ease-in; }
.storyblok-page .block-sub-categories .sub-category_image:hover {
transform: scale(1.05); }
.storyblok-page .block-sub-categories .sub-category_image img {
position: absolute;
object-fit: cover;
object-position: center;
height: 100%;
width: 100%; }
.storyblok-page .block-sub-categories .sub-category_title {
color: #fff;
font-size: 1.1rem;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.5;
margin-bottom: 15px;
margin-top: 0;
text-transform: uppercase; }
.storyblok-page .block-sub-categories.slider {
display: flex;
gap: 0;
position: relative;
margin-left: 10px;
margin-right: 10px; }
.storyblok-page .block-sub-categories.slider:not(.slick-initialized) .sub-category {
flex-basis: 0;
flex-grow: 1; }
.storyblok-page .block-sub-categories.slider .slick-list {
overflow: hidden;
position: relative;
width: 100%; }
.storyblok-page .block-sub-categories.slider .slick-track {
display: flex;
min-width: 100%; }
.storyblok-page .block-sub-categories.slider .sub-category {
display: flex;
flex-direction: column;
padding: 0 15px; }
.storyblok-page .block-sub-categories.slider .sub-category_title {
margin-bottom: 0; }
.storyblok-page > .storyblok-breakout:last-child {
margin-bottom: -15px; }
@media only screen and (min-width: 768px) {
.catalog-category-view .storyblok-page .breakout {
margin-top: 15px; }
.catalog-category-view .storyblok-page .breakout + .breakout {
margin-top: 0; }
.storyblok-page .block-sub-categories {
grid-template-columns: repeat(6, 1fr); }
.storyblok-page .block-sub-categories.featured {
grid-gap: 30px;
grid-template-columns: repeat(3, 1fr); }
.storyblok-page .block-sub-categories .sub-category_title {
font-size: 1.4rem; }
.storyblok-page .block-sub-categories.slider {
margin-left: -15px;
margin-right: -15px; }
.block.block-customer-login.block-customer-login__storyblok {
padding: 0; }
.block.block-customer-login.block-customer-login__storyblok .block-title {
height: 0; }
.block.block-customer-login.block-customer-login__storyblok .block-content {
margin: 0; }
.block.block-customer-login.block-customer-login__storyblok .form {
align-items: stretch;
display: flex; }
.block.block-customer-login.block-customer-login__storyblok .form .fieldset {
flex-basis: 0;
flex-grow: 1;
padding: 48px;
position: relative; }
.block.block-customer-login.block-customer-login__storyblok .lof-social-login-or {
align-items: center;
flex-direction: column;
margin: 0;
position: absolute;
left: 100%;
top: 0;
height: 100%;
transform: translate(-50%, 0); }
.block.block-customer-login.block-customer-login__storyblok .lof-social-login-or:before, .block.block-customer-login.block-customer-login__storyblok .lof-social-login-or:after {
margin: 0;
width: 1px;
height: auto; }
.block.block-customer-login.block-customer-login__storyblok .lof-social-login-or:before {
margin-top: 22px; } }
@media only screen and (min-width: 1024px) {
.block.block-customer-login.block-customer-login__storyblok .form .fieldset {
padding: 60px; } }
.block.block-accordion .block-title,
.block.block-accordion .accordion-row {
border-bottom: 1px solid #525282; }
.block.block-accordion .block-title {
font-size: 1.4rem;
letter-spacing: 0.05em;
padding-bottom: 20px;
text-transform: uppercase; }
.block.block-accordion .block-content {
margin-top: 0; }
.block.block-accordion .block-content a {
word-break: break-word; }
.block.block-accordion .accordion-row {
padding: 5px 0; }
.block.block-accordion .accordion-row .accordion-row_title {
align-items: center;
color: #6e6d93;
display: flex;
font-size: 1.4rem;
letter-spacing: 0.05em;
position: relative;
text-transform: uppercase; }
.block.block-accordion .accordion-row .accordion-row_title:before, .block.block-accordion .accordion-row .accordion-row_title:after {
background-color: #fff;
border-radius: 2px;
content: '';
position: absolute;
height: 2px;
width: 25px;
right: 0;
top: 50%;
transition: transform 0.3s; }
.block.block-accordion .accordion-row .accordion-row_title:before {
transform: translate(0, -50%); }
.block.block-accordion .accordion-row .accordion-row_title:after {
transform: translate(0, -50%) rotate(90deg); }
.block.block-accordion .accordion-row .accordion-row_title.is-active ~ .accordion-row_content {
opacity: 1;
overflow: visible;
height: auto; }
.block.block-accordion .accordion-row .accordion-row_title.is-active:before {
transform: translate(0, -50%) rotate(-45deg); }
.block.block-accordion .accordion-row .accordion-row_title.is-active:after {
transform: translate(0, -50%) rotate(45deg); }
.block.block-accordion .accordion-row .accordion-row_title img {
margin-right: 1em; }
.block.block-accordion .accordion-row .accordion-row_content {
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
transition: opacity 0.3s; }
.block.block-accordion.accordion-activation .accordion-row .accordion-row_title {
height: 50px;
padding-left: 100px; }
.block.block-accordion.accordion-activation .accordion-row .accordion-row_title img {
position: absolute;
left: 50px;
top: 50%;
transform: translate(-50%, -50%);
max-width: 80px;
max-height: 100%; }
.block.block-accordion.accordion-activation .accordion-row .accordion-row_content img {
border-radius: 10px;
display: block; }
.block.block-accordion.accordion-activation .accordion-row .accordion-row_content ol {
counter-reset: activations;
font-size: 1.4rem;
line-height: 3rem;
list-style: none;
position: relative; }
.block.block-accordion.accordion-activation .accordion-row .accordion-row_content ol li {
counter-increment: activations; }
.block.block-accordion.accordion-activation .accordion-row .accordion-row_content ol li + li {
margin-top: 1em; }
.block.block-accordion.accordion-activation .accordion-row .accordion-row_content ol li:before {
align-items: center;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
color: #fff;
content: counter(activations);
display: flex;
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
justify-content: center;
line-height: 1;
position: absolute;
width: 30px;
height: 30px;
left: 0; }
@media only screen and (max-width: 767px) {
.block.block-accordion .block-content img {
display: block;
margin: auto; } }
@media only screen and (min-width: 768px) {
.block.block-accordion.accordion-activation .accordion-row .accordion-row_title {
height: 80px;
padding-left: 200px; }
.block.block-accordion.accordion-activation .accordion-row .accordion-row_title img {
left: 100px;
max-width: 190px; } }
.block.block-takeover .block-takeover_banner {
display: block;
text-align: center; }
.block-takeover_bg {
background-position: center center;
background-size: auto auto;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: none;
z-index: 0; }
.block-takeover_bg .left,
.block-takeover_bg .right {
background-repeat: no-repeat;
position: absolute;
bottom: 0;
height: 100vh; }
.block-takeover_bg .left {
background-position: right 0;
left: 0; }
.block-takeover_bg .right {
background-position: 0 0;
right: 0; }
.block.block-content-nav {
align-items: stretch;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
padding: 10px;
width: 100%; }
.block.block-content-nav.bg-dark {
background-color: #0c0020; }
.block.block-content-nav > a {
margin: 5px 10px; }
.block.block-content-nav img {
display: block;
margin-left: 10px; }
.block.block-content-nav .button.black-friday, .block.block-content-nav .navigation .nav-button > a.black-friday, .navigation .block.block-content-nav .nav-button > a.black-friday, .block.block-content-nav .cart-items .cart-items-item .product-item-error .black-friday.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .black-friday.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-dismiss, .block.block-content-nav .button.pc, .block.block-content-nav .navigation .nav-button > a.pc, .navigation .block.block-content-nav .nav-button > a.pc, .block.block-content-nav .cart-items .cart-items-item .product-item-error .pc.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .pc.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-dismiss, .block.block-content-nav .button.xbox, .block.block-content-nav .navigation .nav-button > a.xbox, .navigation .block.block-content-nav .nav-button > a.xbox, .block.block-content-nav .cart-items .cart-items-item .product-item-error .xbox.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .xbox.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-dismiss, .block.block-content-nav .button.ps4, .block.block-content-nav .navigation .nav-button > a.ps4, .navigation .block.block-content-nav .nav-button > a.ps4, .block.block-content-nav .cart-items .cart-items-item .product-item-error .ps4.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .ps4.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-dismiss, .block.block-content-nav .button.nintendo, .block.block-content-nav .navigation .nav-button > a.nintendo, .navigation .block.block-content-nav .nav-button > a.nintendo, .block.block-content-nav .cart-items .cart-items-item .product-item-error .nintendo.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .nintendo.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-dismiss {
animation: unset;
border: none;
border-radius: 10px;
flex-direction: row-reverse;
transition: all 0.3s;
background-position: 50% 100%;
background-size: 100% 200%; }
.block.block-content-nav .button.black-friday:hover, .block.block-content-nav .navigation .nav-button > a.black-friday:hover, .navigation .block.block-content-nav .nav-button > a.black-friday:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .black-friday.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .black-friday.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-dismiss:hover, .block.block-content-nav .button.pc:hover, .block.block-content-nav .navigation .nav-button > a.pc:hover, .navigation .block.block-content-nav .nav-button > a.pc:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .pc.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .pc.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-dismiss:hover, .block.block-content-nav .button.xbox:hover, .block.block-content-nav .navigation .nav-button > a.xbox:hover, .navigation .block.block-content-nav .nav-button > a.xbox:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .xbox.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .xbox.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-dismiss:hover, .block.block-content-nav .button.ps4:hover, .block.block-content-nav .navigation .nav-button > a.ps4:hover, .navigation .block.block-content-nav .nav-button > a.ps4:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .ps4.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .ps4.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-dismiss:hover, .block.block-content-nav .button.nintendo:hover, .block.block-content-nav .navigation .nav-button > a.nintendo:hover, .navigation .block.block-content-nav .nav-button > a.nintendo:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .nintendo.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .nintendo.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-dismiss:hover {
background-position: 50% 0%; }
.block.block-content-nav .button.black-friday img, .block.block-content-nav .navigation .nav-button > a.black-friday img, .navigation .block.block-content-nav .nav-button > a.black-friday img, .block.block-content-nav .cart-items .cart-items-item .product-item-error .black-friday.action-delete img, .cart-items .cart-items-item .product-item-error .block.block-content-nav .black-friday.action-delete img, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-accept img, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-accept img, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-dismiss img, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-dismiss img, .block.block-content-nav .button.pc img, .block.block-content-nav .navigation .nav-button > a.pc img, .navigation .block.block-content-nav .nav-button > a.pc img, .block.block-content-nav .cart-items .cart-items-item .product-item-error .pc.action-delete img, .cart-items .cart-items-item .product-item-error .block.block-content-nav .pc.action-delete img, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-accept img, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-accept img, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-dismiss img, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-dismiss img, .block.block-content-nav .button.xbox img, .block.block-content-nav .navigation .nav-button > a.xbox img, .navigation .block.block-content-nav .nav-button > a.xbox img, .block.block-content-nav .cart-items .cart-items-item .product-item-error .xbox.action-delete img, .cart-items .cart-items-item .product-item-error .block.block-content-nav .xbox.action-delete img, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-accept img, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-accept img, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-dismiss img, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-dismiss img, .block.block-content-nav .button.ps4 img, .block.block-content-nav .navigation .nav-button > a.ps4 img, .navigation .block.block-content-nav .nav-button > a.ps4 img, .block.block-content-nav .cart-items .cart-items-item .product-item-error .ps4.action-delete img, .cart-items .cart-items-item .product-item-error .block.block-content-nav .ps4.action-delete img, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-accept img, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-accept img, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-dismiss img, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-dismiss img, .block.block-content-nav .button.nintendo img, .block.block-content-nav .navigation .nav-button > a.nintendo img, .navigation .block.block-content-nav .nav-button > a.nintendo img, .block.block-content-nav .cart-items .cart-items-item .product-item-error .nintendo.action-delete img, .cart-items .cart-items-item .product-item-error .block.block-content-nav .nintendo.action-delete img, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-accept img, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-accept img, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-dismiss img, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-dismiss img {
margin-left: 0;
margin-right: 10px; }
.block.block-content-nav .button.pc, .block.block-content-nav .navigation .nav-button > a.pc, .navigation .block.block-content-nav .nav-button > a.pc, .block.block-content-nav .cart-items .cart-items-item .product-item-error .pc.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .pc.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-dismiss {
background-color: #373737;
background-image: linear-gradient(180deg, #373737 0%, #373737 50%, #000000 100%); }
.block.block-content-nav .button.pc:hover, .block.block-content-nav .navigation .nav-button > a.pc:hover, .navigation .block.block-content-nav .nav-button > a.pc:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .pc.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .pc.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .pc.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .pc.action-dismiss:hover {
background-color: #373737; }
.block.block-content-nav .button.xbox, .block.block-content-nav .navigation .nav-button > a.xbox, .navigation .block.block-content-nav .nav-button > a.xbox, .block.block-content-nav .cart-items .cart-items-item .product-item-error .xbox.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .xbox.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-dismiss {
background-color: #2A9511;
background-image: linear-gradient(180deg, #2A9511 0%, #2A9511 50%, #0C5B09 100%); }
.block.block-content-nav .button.xbox:hover, .block.block-content-nav .navigation .nav-button > a.xbox:hover, .navigation .block.block-content-nav .nav-button > a.xbox:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .xbox.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .xbox.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .xbox.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .xbox.action-dismiss:hover {
background-color: #2A9511; }
.block.block-content-nav .button.ps4, .block.block-content-nav .navigation .nav-button > a.ps4, .navigation .block.block-content-nav .nav-button > a.ps4, .block.block-content-nav .cart-items .cart-items-item .product-item-error .ps4.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .ps4.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-dismiss {
background-color: #0C87C3;
background-image: linear-gradient(180deg, #0C87C3 0%, #0C87C3 50%, #002E69 100%); }
.block.block-content-nav .button.ps4:hover, .block.block-content-nav .navigation .nav-button > a.ps4:hover, .navigation .block.block-content-nav .nav-button > a.ps4:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .ps4.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .ps4.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .ps4.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .ps4.action-dismiss:hover {
background-color: #0C87C3; }
.block.block-content-nav .button.nintendo, .block.block-content-nav .navigation .nav-button > a.nintendo, .navigation .block.block-content-nav .nav-button > a.nintendo, .block.block-content-nav .cart-items .cart-items-item .product-item-error .nintendo.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .nintendo.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-dismiss {
background-color: #E4000F;
background-image: linear-gradient(180deg, #E4000F 0%, #E4000F 50%, #AA000F 100%); }
.block.block-content-nav .button.nintendo:hover, .block.block-content-nav .navigation .nav-button > a.nintendo:hover, .navigation .block.block-content-nav .nav-button > a.nintendo:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .nintendo.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .nintendo.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .nintendo.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .nintendo.action-dismiss:hover {
background-color: #E4000F; }
.block.block-content-nav .button.black-friday, .block.block-content-nav .navigation .nav-button > a.black-friday, .navigation .block.block-content-nav .nav-button > a.black-friday, .block.block-content-nav .cart-items .cart-items-item .product-item-error .black-friday.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .black-friday.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-dismiss {
background-color: #0c0020;
border: 1px solid #525282;
font-size: 1.4rem;
padding: 0.8em 1.6em; }
.block.block-content-nav .button.black-friday:hover, .block.block-content-nav .navigation .nav-button > a.black-friday:hover, .navigation .block.block-content-nav .nav-button > a.black-friday:hover, .block.block-content-nav .cart-items .cart-items-item .product-item-error .black-friday.action-delete:hover, .cart-items .cart-items-item .product-item-error .block.block-content-nav .black-friday.action-delete:hover, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-accept:hover, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-accept:hover, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-dismiss:hover, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-dismiss:hover {
background-color: #525282; }
.block.block-content-nav .link {
--hover: #fff;
border-bottom: 2px solid transparent;
color: #fff;
font-family: "Quantico", sans-serif;
padding: 0.3em 0;
text-decoration: none;
text-transform: uppercase;
transition: border-color 0.4s, color 0.4s, text-shadow 0.4s; }
.block.block-content-nav .link:hover {
text-shadow: 0 0 9px transparent, 0 0 9px transparent;
border-bottom-color: var(--hover);
color: var(--hover);
text-decoration: none; }
.block.block-content-nav .link.green {
--hover: #0e9b72; }
.block.block-content-nav .link.purple {
--hover: #525282; }
@media only screen and (max-width: 767px) {
.block.block-content-nav.mobile-row {
flex-direction: row; }
.block.block-content-nav .button.black-friday, .block.block-content-nav .navigation .nav-button > a.black-friday, .navigation .block.block-content-nav .nav-button > a.black-friday, .block.block-content-nav .cart-items .cart-items-item .product-item-error .black-friday.action-delete, .cart-items .cart-items-item .product-item-error .block.block-content-nav .black-friday.action-delete, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-accept, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-accept, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-dismiss, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-dismiss {
padding: 0.8em 1.2em; }
.block.block-content-nav .button.black-friday span, .block.block-content-nav .navigation .nav-button > a.black-friday span, .navigation .block.block-content-nav .nav-button > a.black-friday span, .block.block-content-nav .cart-items .cart-items-item .product-item-error .black-friday.action-delete span, .cart-items .cart-items-item .product-item-error .block.block-content-nav .black-friday.action-delete span, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-accept span, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-accept span, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-dismiss span, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-dismiss span {
display: none; }
.block.block-content-nav .button.black-friday img, .block.block-content-nav .navigation .nav-button > a.black-friday img, .navigation .block.block-content-nav .nav-button > a.black-friday img, .block.block-content-nav .cart-items .cart-items-item .product-item-error .black-friday.action-delete img, .cart-items .cart-items-item .product-item-error .block.block-content-nav .black-friday.action-delete img, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-accept img, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-accept img, .block.block-content-nav .modals-wrapper .modal-popup .black-friday.action-dismiss img, .modals-wrapper .modal-popup .block.block-content-nav .black-friday.action-dismiss img {
margin: 0; } }
@media only screen and (min-width: 768px) {
.block.block-content-nav {
align-items: center;
flex-direction: row; } }
@media only screen and (min-width: 1024px) {
.block.block-content-nav .link {
margin-left: 20px;
margin-right: 20px; } }
@media only screen and (min-width: 1440px) {
.block.block-content-nav .link {
margin-left: 32px;
margin-right: 32px; } }
.block.block-asset-slider.__overflow-hide .asset-slider_slides .slick-list {
overflow: hidden; }
.block.block-asset-slider .asset-slider_slides:not(.slick-slider) > div {
padding-left: 15px;
padding-right: 15px; }
.block.block-asset-slider .asset-slider_slides:not(.slick-slider) > div:not(:first-child) {
display: none; }
.block.block-asset-slider .asset-slider_slides.slick-slider {
position: relative; }
.block.block-asset-slider .asset-slider_slides.slick-slider img {
display: block;
margin: auto; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-list {
min-width: 100%; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-track {
align-items: center;
display: flex; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-slide {
opacity: 0.5;
padding-left: 15px;
padding-right: 15px;
transition: opacity 0.3s; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-slide:focus {
outline: none; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-current {
opacity: 1; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-arrow {
align-items: center;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27);
color: #fff;
display: flex;
justify-content: center;
width: 24px;
height: 24px;
transform: translate(0, -50%);
z-index: 1; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-arrow:before {
background-size: contain;
content: '';
display: block;
width: 8px;
height: 14px; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-next {
right: 0; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-next:before {
background-image: url("../images/icons/white/arrow-next.svg"); }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-prev {
left: 0; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-prev:before {
background-image: url("../images/icons/white/arrow-prev.svg"); }
@media only screen and (min-width: 768px) {
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-arrow {
width: 48px;
height: 48px; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-arrow:before {
width: 17px;
height: 28px; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-next {
right: -25px; }
.block.block-asset-slider .asset-slider_slides.slick-slider .slick-prev {
left: -25px; } }
.block.block-storyblok-products {
margin: 0;
max-width: 100%; }
.block.block-storyblok-products .product-items-limit li:nth-child(n+10) {
display: none; }
.block.block-storyblok-products .product-items {
position: relative; }
.block.block-storyblok-products .product-items .slick-arrow {
align-items: center;
background-color: #386fbb;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27);
display: flex;
justify-content: center;
height: 50px;
width: 30px;
transition: opacity 0.3s;
z-index: 1; }
.block.block-storyblok-products .product-items .slick-arrow.slick-disabled::before {
opacity: 0.25; }
.block.block-storyblok-products .product-items .slick-arrow::before {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: '';
display: block;
width: 8px;
height: 14px; }
.block.block-storyblok-products .product-items .slick-prev {
left: -8px; }
.block.block-storyblok-products .product-items .slick-prev::before {
background-image: url("../images/icons/white/arrow-prev.svg"); }
.block.block-storyblok-products .product-items .slick-next {
right: -8px; }
.block.block-storyblok-products .product-items .slick-next::before {
background-image: url("../images/icons/white/arrow-next.svg"); }
.block.block-storyblok-products.block-storyblok-products-accordion .block-title {
cursor: pointer; }
.block.block-storyblok-products.block-storyblok-products-accordion .block-pager {
padding-left: 20px;
position: relative; }
.block.block-storyblok-products.block-storyblok-products-accordion .block-pager:before, .block.block-storyblok-products.block-storyblok-products-accordion .block-pager:after {
background-color: #fff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(37, 146, 238, 0.8);
content: '';
position: absolute;
left: 5px;
top: 50%;
height: 2px;
transition: transform 0.3s;
width: 10px; }
.block.block-storyblok-products.block-storyblok-products-accordion .block-pager:before {
transform: translate(0, -50%); }
.block.block-storyblok-products.block-storyblok-products-accordion .block-pager:after {
transform: translate(0, -50%) rotate(90deg); }
.block.block-storyblok-products.block-storyblok-products-accordion .block-content {
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
transition: opacity 0.3s; }
.block.block-storyblok-products.block-storyblok-products-accordion:not(.__expanded) .block-content {
margin: 0; }
.block.block-storyblok-products.block-storyblok-products-accordion:not(.__expanded) .block-pager {
pointer-events: none; }
.block.block-storyblok-products.block-storyblok-products-accordion.__expanded .block-pager,
.block.block-storyblok-products.block-storyblok-products-accordion.__expanded .block-content {
opacity: 1; }
.block.block-storyblok-products.block-storyblok-products-accordion.__expanded .block-title strong:after {
box-shadow: none;
transform: translate(0, -50%); }
.block.block-storyblok-products.block-storyblok-products-accordion.__expanded .block-pager:after {
box-shadow: none;
transform: translate(0, -50%); }
.block.block-storyblok-products.block-storyblok-products-accordion.__expanded .block-content {
height: auto;
overflow: visible; }
.block.block-storyblok-products .block-top .block-title ~ .block-pager {
margin-left: 0; }
.block.block-storyblok-products .block-top .block-pager {
margin-left: auto; }
.block.block-storyblok-products .slick-list {
overflow: hidden;
position: relative;
width: 100%; }
.block.block-storyblok-products .slick-track {
display: flex;
min-width: 100%; }
@media only screen and (max-width: 767px) {
.block.block-storyblok-products .product-items-limit-large li:nth-child(19),
.block.block-storyblok-products .product-items-limit-large li:nth-child(20) {
display: none; } }
@media only screen and (min-width: 768px) {
.block.block-storyblok-products .product-items .slick-arrow {
width: 50px; }
.block.block-storyblok-products .product-items .slick-arrow::before {
height: 28px;
width: 17px; }
.block.block-storyblok-products .product-items-limit li:nth-child(n+10) {
display: flex; }
.block.block-storyblok-products.block-storyblok-products-accordion .block-pager {
padding-left: 40px; }
.block.block-storyblok-products.block-storyblok-products-accordion .block-pager:before, .block.block-storyblok-products.block-storyblok-products-accordion .block-pager:after {
left: 10px;
width: 20px;
height: 3px; } }
@media only screen and (min-width: 1440px) {
.block.block-storyblok-products .product-items .slick-prev {
left: -25px; }
.block.block-storyblok-products .product-items .slick-next {
right: -25px; } }
.block.block-featured-links {
margin: 30px 0; }
.block.block-featured-links .breakout {
background-color: #0c0020;
padding: 14px 0; }
.block.block-featured-links .block-title,
.block.block-featured-links .block-link {
background-color: #0c0020;
flex-basis: auto;
flex-grow: 0;
position: relative;
z-index: 1; }
.block.block-featured-links .wrap, .block.block-featured-links .page-main, .block.block-featured-links .header.content, .block.block-featured-links .nav-sections, .block.block-featured-links .footer, .block.block-featured-links .catalog-category-view .category-top-inner, .catalog-category-view .block.block-featured-links .category-top-inner, .block.block-featured-links .catalog-category-view .products-grid, .catalog-category-view .block.block-featured-links .products-grid, .block.block-featured-links .catalog-category-view .page-title, .catalog-category-view .block.block-featured-links .page-title, .block.block-featured-links .catalog-category-view .question-detail .faq-cat-title, .catalog-category-view .question-detail .block.block-featured-links .faq-cat-title, .block.block-featured-links .question-detail .catalog-category-view .faq-cat-title, .question-detail .catalog-category-view .block.block-featured-links .faq-cat-title, .block.block-featured-links .catalog-category-view .koins-content h1, .catalog-category-view .koins-content .block.block-featured-links h1, .block.block-featured-links .koins-content .catalog-category-view h1, .koins-content .catalog-category-view .block.block-featured-links h1, .block.block-featured-links .catalog-product-view .column.main > .block.widget, .catalog-product-view .block.block-featured-links .column.main > .block.widget,
.block.block-featured-links .catalog-product-view .columns > .block.widget, .catalog-product-view .block.block-featured-links .columns > .block.widget, .block.block-featured-links .block.widget.block-products-list, .block.block-featured-links .home-top, .block.block-featured-links .widget.developer-list, .block.block-featured-links .widget.trustpilot-summary .widget-content, .widget.trustpilot-summary .block.block-featured-links .widget-content, .block.block-featured-links .promo-bar .promo-bar-inner, .promo-bar .block.block-featured-links .promo-bar-inner, .block.block-featured-links #algolia-category-facets .ais-Panel, #algolia-category-facets .block.block-featured-links .ais-Panel, .block.block-featured-links #algolia-category-sorts .ais-SortBy, #algolia-category-sorts .block.block-featured-links .ais-SortBy {
max-width: 1230px;
padding-left: 30px;
padding-right: 30px; }
.block.block-featured-links .block-top {
align-items: center;
display: flex;
position: relative; }
.block.block-featured-links .block-top:after {
background-color: #525282;
content: '';
position: absolute;
height: 1px;
width: 100%;
top: 50%;
left: 0;
transform: translate(0, -50%);
z-index: 0; }
.block.block-featured-links .block-title {
padding-right: 10px; }
.block.block-featured-links .block-link {
margin-left: auto;
padding-left: 10px; }
.block.block-featured-links .block-content {
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: center;
margin-left: -10px;
margin-right: -10px; }
.block.block-featured-links .featured-link {
align-items: center;
border: 1px solid #525282;
border-radius: 5px;
display: flex;
flex-grow: 1;
justify-content: center;
margin: 10px;
padding: 10px 20px; }
@media only screen and (min-width: 640px) {
.block.block-featured-links .block-content {
flex-direction: row; } }
@media only screen and (min-width: 1024px) {
.block.block-featured-links .block-content {
margin-left: -15px;
margin-right: -15px; }
.block.block-featured-links .featured-link {
margin: 15px;
padding: 20px 40px; } }
.block.block-signpost {
margin: 30px 0; }
.block.block-signpost a {
border: 1px solid #525282;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 16px; }
.block.block-signpost a:after {
background-image: url("../images/icons/white/chevron-right.svg");
background-size: 6px 12px;
content: '';
width: 8px;
height: 14px;
margin-left: 20px; }
.block.block-signpost a.is-active + .block-form {
opacity: 1;
width: 100%;
height: 100%; }
.block.block-signpost .block-form {
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
transition: opacity 0.3s;
z-index: 9999; }
.block.block-signpost .block-form-inner {
background-color: #0c0020;
border-radius: 10px;
overflow-y: auto;
overflow-x: hidden;
padding: 18px 36px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 570px;
max-height: 90%; }
.block.block-signpost .block-form_close {
background-color: #0c0020;
color: #fff;
display: block;
width: 26px;
height: 26px;
position: absolute;
top: 20px;
right: 20px; }
.block.block-signpost .block-form-intro {
text-align: center; }
.block.block-signpost .block-form-intro h2 {
margin: 0; }
.block.block-signpost .block-form-intro p {
color: #525282;
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 2; }
.block.block-signpost .form textarea {
background: linear-gradient(to bottom, rgba(110, 109, 147, 0) 0%, rgba(110, 109, 147, 0) 98%, #6e6d93 99%, #6e6d93 100%);
background-repeat: repeat;
background-size: 100% 2em;
line-height: 2em;
padding: 0; }
.block.block-signpost .form .actions-toolbar {
text-align: center; }
.block.block-signpost .form .field + .field {
margin-top: 10px; }
.block.block-signpost .message + * {
margin-top: 15px; }
@media only screen and (min-width: 1024px) {
.block.block-signpost {
font-size: 1.8rem; }
.block.block-signpost a {
padding: 22px 32px; }
.block.block-signpost a:after {
background-size: 8px 14px;
width: 10px;
height: 16px; }
.block.block-signpost .block-form-inner {
padding: 36px 72px; } }
.block.block-regional-notice {
background-color: #525282;
display: none;
font-size: 1.6rem;
margin: 20px 0;
padding: 20px;
position: relative;
text-align: center;
z-index: 2; }
.block.block-regional-notice.show {
display: block; }
.block.block-regional-notice.__clicked .block-regional-notice_view-all {
cursor: auto;
opacity: 0.5; }
.block.block-regional-notice a {
white-space: nowrap;
color: inherit;
cursor: pointer;
font-weight: 700; }
.algolia-instant-selector-results .block.block-regional-notice, .algolia-results-list .block.block-regional-notice {
background-color: #ff350d; }
.algolia-instant-selector-results .block.block-regional-notice .country-name, .algolia-results-list .block.block-regional-notice .country-name {
font-weight: 700; }
.block.block-regional-notice .block-content {
margin: 0; }
.block.block-regional-notice .block-regional-notice_in-region {
display: block; }
.block.block-regional-notice .block-regional-notice_out-of-region {
display: none; }
.__ignore-regions .block.block-regional-notice .block-regional-notice_in-region {
display: none; }
.__ignore-regions .block.block-regional-notice .block-regional-notice_out-of-region {
display: block; }
@media only screen and (max-width: 767px) {
.block.block-regional-notice {
font-size: 1.2rem;
margin: 10px 0;
padding: 10px; } }
.faqs {
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 5px; }
.faqs .faqs_item + .faqs_item {
border-top: 1px solid rgba(255, 255, 255, 0.2); }
.faqs .faqs_item.__show .faqs_item_text {
height: auto;
opacity: 1; }
.faqs .faqs_item.__show .faqs_item_title:after {
transform: translate(0, -50%) rotate(180deg); }
.faqs .faqs_item_title {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
cursor: pointer;
font-size: 1.6rem;
padding: 20px 40px 20px 20px;
position: relative; }
.faqs .faqs_item_title:after {
background-image: url("../images/icons/white/chevron-down.svg");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
content: '';
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
transform: translate(0, -50%) rotate(0deg);
transition: transform 0.3s; }
.faqs .faqs_item_text {
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
transition: opacity 0.3s; }
.faqs .faqs_item_inner {
padding: 20px; }
.block.block-content-block {
width: 100%; }
.block.block-content-block > p {
display: none; }
.block.block-content-block .block.widget.block-products-list {
margin: 0;
padding-left: 0;
padding-right: 0; }
.block.block-content-block .block.widget.block-products-list .block-title ~ .block-content,
.block.block-content-block .block.widget.block-products-list .block-top ~ .block-content {
margin-top: 20px; }
.block.block-content-block .block.widget.block-products-list .block-content {
margin: 0; }
.block.block-content-block .widget.reviews {
width: 100vw;
margin-left: 50%;
margin-top: 0;
margin-bottom: 0;
transform: translate(-50%, 0); }
.block.block-generic-form {
max-width: 600px;
margin-left: auto;
margin-right: auto; }
* + .block.block-generic-form {
margin-top: 30px; }
.block.block-generic-form .block-title {
font-size: 1.8rem;
text-align: center; }
.block.block-generic-form .block-intro {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 2;
text-align: center; }
.block.block-generic-form .form {
margin-top: 20px; }
.block.block-generic-form .form fieldset {
margin: 0;
padding: 0;
border: none; }
.block.block-generic-form .form .field + .field {
margin-top: 10px; }
.block.block-generic-form .form .actions-toolbar {
margin-top: 20px;
text-align: center; }
@media only screen and (min-width: 1024px) {
.block.block-generic-form .block-title {
font-size: 2.4rem; } }
.block.block-feature .block-content .feature-highlight {
color: #fff;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
.block.block-gutter {
height: 30px;
width: 100%; }
.block.block-page-title + * {
margin-top: 30px; }
.block.block-page-title .breakout {
margin-top: 0; }
.catalog-category-view .storyblok-page .block.block-page-title .breakout {
margin-top: -15px; }
.block.block-page-title .breakout .category-top {
background-color: #180d38; }
.block.block-page-title .breakout .category-top-inner {
padding-left: 15px;
padding-right: 15px; }
.block.block-page-title .category-top {
background-color: transparent; }
.block.block-page-title .category-top-inner {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto auto; }
.block.block-page-title .category-top-inner .breadcrumbs {
grid-row: 2; }
.block.block-page-title .category-top-inner .page-title-wrapper {
grid-row: 1; }
@media only screen and (min-width: 768px) {
.catalog-category-view .block.block-page-title .category-top {
background-color: #180d38; }
.block.block-page-title .category-top-inner {
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
padding-bottom: 25px; }
.block.block-page-title .category-top-inner .breadcrumbs {
grid-row: 1;
grid-column: 1;
padding: 0; }
.block.block-page-title .category-top-inner .page-title-wrapper {
grid-column: 2; } }
.block-feature.desktop-banner .page-title img, .block-feature.desktop-banner .question-detail .faq-cat-title img, .question-detail .block-feature.desktop-banner .faq-cat-title img, .block-feature.desktop-banner .koins-content h1 img, .koins-content .block-feature.desktop-banner h1 img {
display: none; }
@media only screen and (min-width: 768px) {
.block-feature.desktop-banner .page-title, .block-feature.desktop-banner .question-detail .faq-cat-title, .question-detail .block-feature.desktop-banner .faq-cat-title, .block-feature.desktop-banner .koins-content h1, .koins-content .block-feature.desktop-banner h1 {
font-size: 0;
text-indent: -9999px; }
.block-feature.desktop-banner .page-title img, .block-feature.desktop-banner .question-detail .faq-cat-title img, .question-detail .block-feature.desktop-banner .faq-cat-title img, .block-feature.desktop-banner .koins-content h1 img, .koins-content .block-feature.desktop-banner h1 img {
display: block; } }
.block.storyblok-post-item {
border-radius: 2px;
color: #fff; }
.block.storyblok-post-item:hover {
text-decoration: none; }
.block.storyblok-post-item[href]:hover h3 {
text-decoration: underline; }
.block.storyblok-post-item h3 {
font-size: 1.8rem;
font-weight: 400;
line-height: 1.5;
margin-top: 18px;
margin-bottom: 0;
letter-spacing: normal; }
.block.storyblok-post-item .post-item_super {
color: #0e9b72;
font-size: 1.4rem;
text-transform: uppercase;
margin-top: 18px; }
.block.storyblok-post-item .post-item_text {
color: #6e6d93;
font-size: 1.5rem;
line-height: 1.333;
margin-top: 10px; }
.block.storyblok-impact-text {
color: #6e6d93;
font-size: 1.4rem;
text-align: center; }
.block.storyblok-impact-text p {
margin: 0; }
.block.storyblok-impact-text.narrow p, .block.storyblok-impact-text.narrower p {
margin-left: auto;
margin-right: auto; }
.block.storyblok-impact-text.narrow p {
max-width: 1000px; }
.block.storyblok-impact-text.narrower p {
max-width: 620px; }
* + .block.storyblok-impact-text {
margin-top: 36px; }
@media only screen and (min-width: 768px) {
.block.storyblok-impact-text {
font-size: 2rem; } }
.block.storyblok-section-title {
--colour-glow: rgba(255, 255, 255, 0.7);
margin: 0; }
.block.storyblok-section-title .block-title {
margin: 0;
text-shadow: 0 0 9px var(--colour-glow); }
.block.storyblok-section-title .block-title:before {
box-shadow: 0 0 12px var(--colour-glow); }
.block.storyblok-section-title .block-title > span {
box-shadow: 0 0 9px var(--colour-glow), inset 0 0 9px var(--colour-glow); }
.block.storyblok-section-title.blue {
--colour-glow: rgba(56, 111, 187, 0.7); }
.block.storyblok-section-title.pink {
--colour-glow: rgba(255, 51, 94, 0.7); }
.block.storyblok-section-title.yellow {
--colour-glow: rgba(255, 168, 40, 0.7); }
.block.storyblok-section-title.green {
--colour-glow: rgba(14, 155, 114, 0.7); }
.block.storyblok-icon-block {
color: #fff;
display: block;
position: relative;
z-index: 0; }
.block.storyblok-icon-block:hover .storyblok-icon-block_text {
transform: scale(1.1);
text-shadow: 0 0 10px #386fbb, 0 0 10px #386fbb, 0 0 10px #386fbb, 0 0 10px #386fbb; }
.block.storyblok-icon-block::after {
background-image: linear-gradient(to bottom, rgba(31, 20, 61, 0) 0%, #1F143D 100%);
bottom: 0;
left: 0;
width: 100%;
height: 50%;
position: absolute;
content: '';
z-index: 1; }
.block.storyblok-icon-block .storyblok-icon-block_image {
display: block;
position: relative;
width: 100%;
z-index: 0; }
.block.storyblok-icon-block .storyblok-icon-block_image img {
display: block;
width: 100%; }
.block.storyblok-icon-block .storyblok-icon-block_icon {
align-items: center;
background-color: #0e9b72;
display: flex;
justify-content: center;
position: absolute;
top: 10px;
right: -10px;
width: 45px;
height: 35px;
z-index: 2; }
.block.storyblok-icon-block .storyblok-icon-block_icon img {
display: block;
max-width: 90%;
max-height: 90%; }
.block.storyblok-icon-block .storyblok-icon-block_text {
display: block;
font-family: "Quantico", sans-serif;
font-size: 1.6rem;
bottom: 0;
left: 0;
width: 100%;
position: absolute;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
text-align: center;
text-shadow: 0 0 0 #386fbb, 0 0 0 #386fbb, 0 0 0 #386fbb, 0 0 0 #386fbb;
text-transform: uppercase;
transition: transform 0.35s, text-shadow 0.35s;
z-index: 2; }
.block.storyblok-icon-block-banner {
display: flex;
align-items: stretch;
flex-wrap: wrap; }
.block.storyblok-icon-block-banner .block.storyblok-icon-block {
flex-basis: 33.333%;
flex-grow: 1; }
.block.storyblok-icon-block-banner .block.storyblok-icon-block .storyblok-icon-block_bottom {
position: absolute;
padding: 8px;
bottom: 0;
width: 100%;
left: 0;
text-align: center;
z-index: 2; }
.block.storyblok-icon-block-banner .block.storyblok-icon-block .storyblok-icon-block_icon {
background-color: transparent;
padding: 0;
position: static;
width: 100%; }
.block.storyblok-icon-block-banner .block.storyblok-icon-block .storyblok-icon-block_text {
padding: 0;
position: static; }
@media only screen and (min-width: 640px) {
.block.storyblok-icon-block-banner .block.storyblok-icon-block {
flex-basis: 16.666%; } }
.storyblok-col.col-bg {
background-position: left center;
background-size: cover;
border-radius: 10px;
margin-top: 24px; }
.storyblok-col.col-bg .page-title, .storyblok-col.col-bg .question-detail .faq-cat-title, .question-detail .storyblok-col.col-bg .faq-cat-title, .storyblok-col.col-bg .koins-content h1, .koins-content .storyblok-col.col-bg h1 {
margin-top: 0;
margin-bottom: 1em; }
@media only screen and (max-width: 639px) {
.storyblok-col.col-bg {
background-image: none !important; }
.storyblok-col.col-bg .page-title + .storyblok-impact-text, .storyblok-col.col-bg .question-detail .faq-cat-title + .storyblok-impact-text, .question-detail .storyblok-col.col-bg .faq-cat-title + .storyblok-impact-text, .storyblok-col.col-bg .koins-content h1 + .storyblok-impact-text, .koins-content .storyblok-col.col-bg h1 + .storyblok-impact-text {
margin-top: 18px; } }
@media only screen and (min-width: 640px) {
.storyblok-col.col-bg {
padding: 32px;
margin-top: 32px; } }
.block.block-storyblok-image {
text-align: center; }
.block.block-storyblok-image.mb-2 {
margin-bottom: 8px; }
.block.block-storyblok-image.mt-2 {
margin-top: 8px; }
.block.block-storyblok-image.ml-3 {
margin-left: 12px; }
.block.block-storyblok-image.mr-3 {
margin-right: 12px; }
.block.block-storyblok-image.img-fluid img {
width: 100%; }
.sb-paragraph .text-h2 {
font-size: 1.5em;
font-weight: 700;
margin-block-start: 0.83em;
margin-block-end: 0.83em; }
.sb-paragraph .text-h3 {
font-size: 1.17em;
font-weight: 700;
margin-block-start: 1em;
margin-block-end: 1em; }
.sb-paragraph .text-h4 {
font-weight: 700;
margin-block-start: 1.33em;
margin-block-end: 1.33em; }
.sb-paragraph .text-h5 {
font-size: 0.83em;
font-weight: 700;
margin-block-start: 1.67em;
margin-block-end: 1.67em; }
.sb-paragraph .mt-5 {
margin-top: 20px; }
.block.block-content-menu .nav-featured {
padding: 0; }
.sb-content-slider {
margin-left: -15px;
margin-right: -15px; }
.sb-content-slider.__variable-width .content-slider-slide {
display: inline-block;
vertical-align: top; }
.sb-content-slider:not(.slick-slider) {
overflow: hidden;
position: relative;
height: 100px; }
.sb-content-slider:not(.slick-slider)::before {
background-image: url("../images/loader.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
border-radius: 50%;
content: '';
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.sb-content-slider:not(.slick-slider) .content-slider-slide {
opacity: 0; }
.sb-content-slider.slick-slider {
position: relative; }
.sb-content-slider.slick-slider.__align-stretch .slick-track {
align-items: stretch; }
.sb-content-slider.slick-slider.__align-stretch .content-slider-slide {
display: flex;
align-items: stretch; }
.sb-content-slider.slick-slider.__align-stretch .content-slider-slide-inner {
display: flex;
align-items: stretch;
width: 100%; }
.sb-content-slider.slick-slider.__align-stretch .content-slider-slide-inner > * {
width: 100%; }
.sb-content-slider.slick-slider.__align-centre .slick-track {
align-items: center; }
.sb-content-slider.slick-slider .slick-list {
min-width: 100%;
overflow: hidden;
position: relative; }
.sb-content-slider.slick-slider .slick-track {
align-items: stretch;
display: flex; }
.sb-content-slider.slick-slider .slick-slide:focus {
outline: none; }
.sb-content-slider.slick-slider .slick-arrow {
background-color: #000;
border: 1px solid #1F143D;
border-radius: 5px;
width: 30px;
height: 30px;
z-index: 10; }
.bg-dark .sb-content-slider.slick-slider .slick-arrow {
background-color: #1F143D; }
.sb-content-slider.slick-slider .slick-arrow::before {
background-size: 7px 9px;
content: '';
display: block;
margin: auto;
opacity: 1;
width: 7px;
height: 9px; }
.sb-content-slider.slick-slider .slick-next {
right: 5px; }
.sb-content-slider.slick-slider .slick-next::before {
background-image: url("../images/icons/white/chevron-right.svg"); }
.sb-content-slider.slick-slider .slick-prev {
left: 5px; }
.sb-content-slider.slick-slider .slick-prev::before {
background-image: url("../images/icons/white/chevron-left.svg"); }
.sb-content-slider.slick-slider .content-slider-slide-inner {
padding-left: 15px;
padding-right: 15px; }
@media only screen and (min-width: 1440px) {
.sb-content-slider.slick-slider .slick-next {
right: -40px; }
.sb-content-slider.slick-slider .slick-prev {
left: -40px; } }
.sb-icon-signpost {
font-family: "Quantico", sans-serif;
text-transform: uppercase; }
.sb-icon-signpost a {
align-items: center;
color: #fff;
display: flex;
justify-content: center; }
.sb-icon-signpost a:not(:link):hover {
text-decoration: none; }
.sb-icon-signpost img {
margin-right: 10px; }
@media only screen and (min-width: 1024px) {
.sb-icon-signpost {
font-size: 2rem; }
.sb-icon-signpost img {
margin-right: 20px; } }
.block.sb-trustpilot-review {
background-color: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 5px;
line-height: 1.333;
padding: 30px; }
.block.sb-trustpilot-review .review-name,
.block.sb-trustpilot-review .review-title,
.block.sb-trustpilot-review .review-body {
margin-top: 0.666em; }
.block.sb-trustpilot-review .review-name {
color: #9694aa; }
.storyblok-button.align-self-centre {
text-align: center; }
.sb-divider {
height: 1px;
background-color: rgba(255, 255, 255, 0.1); }
.sb-banner {
align-items: center;
background-color: #0c0020;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 50vh;
padding-top: 2vw;
padding-bottom: 2vw; }
.sb-banner .page-title, .sb-banner .question-detail .faq-cat-title, .question-detail .sb-banner .faq-cat-title, .sb-banner .koins-content h1, .koins-content .sb-banner h1 {
margin-top: 0; }
.sb-banner.__show-footer > .wrap, .sb-banner.__show-footer > .page-main, .sb-banner.__show-footer > .header.content, .sb-banner.__show-footer > .nav-sections, .sb-banner.__show-footer > .footer, .catalog-category-view .sb-banner.__show-footer > .category-top-inner, .catalog-category-view .sb-banner.__show-footer > .products-grid, .catalog-category-view .sb-banner.__show-footer > .page-title, .catalog-category-view .question-detail .sb-banner.__show-footer > .faq-cat-title, .question-detail .catalog-category-view .sb-banner.__show-footer > .faq-cat-title, .catalog-category-view .koins-content .sb-banner.__show-footer > h1, .koins-content .catalog-category-view .sb-banner.__show-footer > h1, .catalog-product-view .column.main.sb-banner.__show-footer > .block.widget,
.catalog-product-view .columns.sb-banner.__show-footer > .block.widget, .sb-banner.__show-footer > .block.widget.block-products-list, .sb-banner.__show-footer > .home-top, .sb-banner.__show-footer > .widget.developer-list, .widget.trustpilot-summary .sb-banner.__show-footer > .widget-content, .promo-bar .sb-banner.__show-footer > .promo-bar-inner, #algolia-category-facets .sb-banner.__show-footer > .ais-Panel, #algolia-category-sorts .sb-banner.__show-footer > .ais-SortBy {
margin-top: auto; }
.sb-banner .sb-banner_footer {
font-size: 1.2rem;
font-weight: 700;
margin-top: auto;
text-align: center; }
@media only screen and (min-width: 768px) {
.sb-banner .sb-banner_footer {
font-size: 1.4rem; } }
.sb-benefits {
background-color: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 5px;
padding: 16px; }
.sb-benefits h3 {
align-items: center;
display: flex;
font-weight: 400;
justify-content: space-between;
margin: 0;
text-transform: uppercase; }
.sb-benefits img {
max-width: 75px; }
.sb-benefits ul {
list-style: none;
margin: 16px 0 0;
padding-left: 20px; }
.sb-benefits li {
position: relative; }
.sb-benefits li + li {
margin-top: 0.25em; }
.sb-benefits li::before {
background-color: #0e9b72;
content: '';
width: 6px;
height: 6px;
transform: translate(0, -50%) rotate(45deg);
position: absolute;
left: -22px;
top: 0.75em; }
.product-reasons {
display: none; }
.product-faqs .questions-title {
border-top: 1px solid rgba(255, 255, 255, 0.1);
cursor: pointer;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.79px;
line-height: 1.5;
margin: 0;
padding: 25px 0;
position: relative;
text-transform: uppercase; }
.product-faqs .questions-title:before, .product-faqs .questions-title:after {
background-color: #fff;
content: '';
display: block;
height: 2px;
position: absolute;
right: 0;
top: 50%;
transition: transform 0.3s ease-in;
width: 16px; }
.product-faqs .questions-title:before {
transform: rotate(90deg); }
.product-faqs .questions-title__open:before {
transform: rotate(45deg); }
.product-faqs .questions-title__open:after {
transform: rotate(-45deg); }
.product-faqs .questions-content {
height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.5s ease-in; }
.product-faqs .questions-content__open {
height: auto;
margin-bottom: 25px;
opacity: 1; }
@media only screen and (min-width: 768px) {
.block.product-faqs_inner {
display: block; }
.block.product-faqs_inner .block-title {
font-size: 3.6rem;
margin-bottom: 60px; }
.product-reasons {
display: block; }
.product-reasons .block-top {
margin-bottom: 60px; }
.product-reasons .block-subtitle {
font-weight: 600;
letter-spacing: 0.79px;
padding-left: 15px;
text-transform: uppercase; }
.product-reasons .block-content {
display: flex;
justify-content: space-between; }
.product-reasons .reason-content {
align-items: center;
background: #0c0020;
display: flex;
flex: 1;
margin: 0 30px 0 0;
padding: 60px;
position: relative;
text-align: center; }
.product-reasons .reason-content:last-child {
margin: 0; }
.product-reasons .reason-title {
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
left: 50%;
letter-spacing: 1.26px;
position: absolute;
text-transform: uppercase;
transform: translateX(-50%);
top: -15px; }
.product-reasons .reason-title span {
font-size: 2.4rem;
letter-spacing: 1.68px; }
.product-reasons .reason-text {
line-height: 2; } }
.block.block-koins-balance {
margin: 24px -15px 0;
padding: 0 0 36px;
position: relative;
text-align: center;
z-index: 1; }
.block.block-koins-balance:before {
background-image: url("../images/bg/koins-blue-light.png");
background-position: top center;
background-size: 120% auto;
content: '';
padding-bottom: 43.2%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0; }
.block.block-koins-balance .block-title span {
transform: none; }
.block.block-koins-balance .block-content {
font-family: "Quantico", sans-serif;
font-size: 3.6rem;
letter-spacing: 0.1em;
line-height: 1;
margin-top: 40px;
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.block.block-koins-balance .block-content small {
display: block;
font-size: 1.6rem;
letter-spacing: 0.1em;
margin-top: 1em; }
@media only screen and (min-width: 768px) {
.block.block-koins-balance {
min-height: 250px;
padding: 0 0 72px; }
.block.block-koins-balance:before {
background-size: auto; }
.block.block-koins-balance .block-content {
font-size: 7.2rem;
margin-top: 60px; } }
.koins-blocks {
align-items: stretch;
display: flex;
flex-direction: column;
margin-left: -6px;
margin-right: -6px;
margin-bottom: 15px;
position: relative;
z-index: 2; }
.koins-blocks p {
margin: 0; }
.koins-blocks p + p {
margin-top: 1em; }
@media only screen and (min-width: 768px) {
.koins-blocks {
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px; } }
.koins-block {
padding: 6px;
text-align: center; }
.koins-block .koins-block_inner {
background-color: #0c0020;
border-radius: 3px;
padding: 15px; }
.koins-block .koins-social-title {
font-size: 1.6rem;
text-transform: uppercase; }
.koins-block .koins-social-text {
font-size: 1.4rem;
opacity: 0.5;
margin-top: 4px;
margin-bottom: 30px; }
@media only screen and (min-width: 768px) {
.koins-block {
align-items: stretch;
display: flex;
flex-direction: column;
flex-basis: 50%;
flex-grow: 0;
max-width: 50%;
padding: 15px; }
.koins-block .koins-block_inner {
border-radius: 5px;
flex-grow: 1; } }
@media only screen and (min-width: 1024px) {
.koins-block {
flex-basis: 33.333%;
max-width: 33.333%; } }
.koins-social-logo {
margin: 20px 0; }
.koins-social-logo svg {
display: block;
margin-left: auto;
margin-right: auto;
width: 100px;
height: auto; }
.koins-social-logo path {
fill: #fff; }
@media only screen and (min-width: 768px) {
.koins-social-logo {
margin: 30px 0 40px; } }
a.koins-instagram, a.koins-twitch, a.koins-tiktok, a.koins-twitter, a.koins-youtube, a.koins-chrome, button.koins-chrome-check,
a.koins-twitter-check,
a.koins-youtube-check {
align-items: center;
background-color: #999;
background-image: none;
border: none;
border-radius: 3px;
color: #fff;
display: inline-flex;
font-size: 1rem;
padding: 4px 8px; }
a.koins-instagram svg, a.koins-twitch svg, a.koins-tiktok svg, a.koins-twitter svg, a.koins-youtube svg, a.koins-chrome svg, button.koins-chrome-check svg, a.koins-twitter-check svg, a.koins-youtube-check svg {
width: 15px;
height: auto;
margin-right: 10px; }
a.koins-instagram path, a.koins-twitch path, a.koins-tiktok path, a.koins-twitter path, a.koins-youtube path, a.koins-chrome path, button.koins-chrome-check path, a.koins-twitter-check path, a.koins-youtube-check path {
fill: currentColor; }
@media only screen and (min-width: 768px) {
a.koins-instagram, a.koins-twitch, a.koins-tiktok, a.koins-twitter, a.koins-youtube, a.koins-chrome, button.koins-chrome-check,
a.koins-twitter-check,
a.koins-youtube-check {
font-size: 1.4rem;
padding: 8px 16px; } }
.koins-facebook {
background-color: #fff;
border-radius: 2px;
display: block;
padding: 2px; }
.koins-facebook .fb_iframe_widget {
display: block !important;
position: static; }
.koins-facebook .fb_iframe_widget span {
display: block !important;
max-width: 100%; }
.koins-facebook .fb_iframe_widget iframe {
position: static !important;
max-width: 100%; }
a.koins-instagram {
background-color: #E4405F; }
a.koins-twitch {
background-color: #9146FF; }
a.koins-tiktok {
background-color: #EE1D52;
background-color: #69C9D0;
color: #010101; }
a.koins-twitter {
background-color: #1DA1F2; }
a.koins-youtube {
background-color: #F00; }
a.koins-chrome {
background-color: #4285F4; }
button.koins-chrome-check,
a.koins-twitter-check,
a.koins-youtube-check {
background-color: #999;
font-size: 0.8rem;
padding: 2px 4px; }
@media only screen and (min-width: 768px) {
button.koins-chrome-check,
a.koins-twitter-check,
a.koins-youtube-check {
font-size: 1rem;
padding: 4px 8px; } }
.koins-gift-card {
align-items: center;
display: flex;
margin-left: -6px;
margin-right: -6px; }
.koins-gift-card .field {
margin: 0;
padding: 0 6px; }
.koins-gift-card .input-text {
border: 1px solid #1F143D;
border-radius: 50px;
padding: 14px 15px; }
.koins-block-text {
margin: 20px 0; }
@media only screen and (min-width: 768px) {
.koins-block-text {
margin: 30px 0 40px; } }
.koins-block-title {
color: #0c0020;
font-size: 1.2rem;
text-transform: uppercase; }
.koins-block-title + * {
margin-top: 1em; }
@media only screen and (min-width: 768px) {
.koins-block-title {
font-size: 1.6rem; } }
.koins-block-desc {
color: #9694aa;
font-size: 1rem; }
@media only screen and (min-width: 768px) {
.koins-block-desc {
font-size: 1.4rem; } }
.payment-option.reward.__max .koins-redeem_maximise {
background-color: #0e9b72; }
.checkout-index-index .payment-option.reward .irs-line {
background-color: #525282; }
.checkout-index-index .payment-option.reward .irs-bar,
.checkout-index-index .payment-option.reward .irs-bar-edge {
background-color: #fff; }
.payment-option.reward p {
margin: 24px 0 0; }
.payment-option.reward input[type=text] {
background-color: #fff;
border-radius: 20px;
color: #9694aa;
display: inline-block;
font-size: 1.4rem;
line-height: 1;
margin-left: 5px;
padding: 10px 12px;
width: 100px; }
.payment-option.reward .payment-option-title.field.choice {
margin-top: 0; }
.payment-option.reward .points {
color: #fff;
margin-top: 1em; }
.payment-option.reward .reward-rule-select {
margin: 20px 0; }
.payment-option.reward .reward-rule-select .content {
margin: 0; }
.payment-option.reward .koins-redeem_output,
.payment-option.reward .extra-controls {
align-items: center;
color: #fff;
display: flex;
justify-content: center; }
.payment-option.reward .extra-controls {
margin-top: 10px; }
.payment-option.reward .koins-redeem_maximise {
background-color: #fff;
background-image: url("../images/icons/white/check.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 10px;
border: none;
border-radius: 3px;
margin-right: 3px;
width: 21px;
height: 21px;
padding: 0;
vertical-align: middle; }
.payment-option.reward .koins-redeem_maximise:active, .payment-option.reward .koins-redeem_maximise:focus {
outline: none; }
.payment-option.reward .field.choice {
margin-top: 20px;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column; }
.payment-option.reward .field.choice input {
position: absolute;
left: -999px; }
.payment-option.reward .field.choice input:checked + label:after {
background-color: #386fbb; }
.payment-option.reward .field.choice label {
align-items: center;
display: flex;
text-transform: uppercase;
width: 100%; }
.payment-option.reward .field.choice label:after {
background-color: #fff;
background-image: url("../images/icons/white/check.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 16px;
border: none;
border-radius: 3px;
content: '';
display: inline-block;
margin-left: 16px;
width: 24px;
height: 24px;
padding: 0;
vertical-align: middle; }
.payment-option.reward .field.choice .real-value {
margin-left: 4px;
opacity: 0.6; }
.payment-option.reward .field.choice .points-applied {
color: #0e9b72;
font-size: 1.2rem;
margin-top: 6px;
text-align: right;
text-transform: uppercase; }
.payment-option.reward .ui-slider-horizontal {
background-color: #1f143d;
border-radius: 3px;
height: 6px;
margin: 40px 0 20px;
position: relative; }
.payment-option.reward .ui-slider-horizontal:before, .payment-option.reward .ui-slider-horizontal:after {
font-size: 1.2rem;
margin-bottom: 5px;
bottom: 100%;
position: absolute; }
.payment-option.reward .ui-slider-horizontal:before {
content: '0';
left: 0;
transform: translate(-50%, 0); }
.payment-option.reward .ui-slider-horizontal:after {
content: attr(data-max);
right: 0;
transform: translate(50%, 0); }
.payment-option.reward .ui-slider-horizontal .ui-slider-handle {
display: block; }
.payment-option.reward .ui-slider-handle {
background-color: transparent;
display: none; }
.payment-option.reward .ui-slider-handle:before {
content: none; }
.payment-option.reward .ui-slider-handle span {
background-color: #0e9b72;
border-radius: 2px;
color: #fff;
font-size: 1.3rem;
letter-spacing: 0.05em;
line-height: 1;
padding: 5px 2px;
position: absolute;
text-align: center;
min-width: 32px;
bottom: 100%;
left: 50%;
transform: translate(-50%, -5px); }
.payment-option.reward .ui-slider-handle span:after {
border-color: #0e9b72 transparent;
border-style: solid;
border-width: 3px 3px 0;
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, 0);
content: ''; }
.payment-option.reward .irs-min,
.payment-option.reward .irs-max {
background-color: transparent;
color: inherit;
font-size: 1.2rem; }
.payment-option.reward .irs-line {
background-color: #1F143D;
border-radius: 3px;
height: 6px; }
.payment-option.reward .irs-line .irs-line-left,
.payment-option.reward .irs-line .irs-line-mid,
.payment-option.reward .irs-line .irs-line-right {
background-image: none; }
.payment-option.reward .irs-single {
background-color: #0e9b72;
font-size: 1.4rem;
letter-spacing: 0.05em; }
.payment-option.reward .irs-single:after {
border-top-color: #0e9b72; }
.payment-option.reward .irs-slider {
display: none; }
.payment-option.reward .irs-bar-edge {
background-color: #525282;
background-image: none;
border-radius: 3px 0 0 3px; }
.payment-option.reward .irs-bar {
background-color: #525282;
background-image: none; }
.koins-content {
margin-bottom: 45px;
text-align: center; }
.koins-content p {
color: rgba(255, 255, 255, 0.5);
font-size: 1.4rem;
line-height: 2;
max-width: 840px;
margin-left: auto;
margin-right: auto; }
.koins-content a {
color: inherit;
text-decoration: underline; }
.block.social-share .block-content {
display: flex;
flex-wrap: wrap;
margin-top: 30px; }
.block.social-share .social-share_btn {
align-items: center;
background-color: #24518d;
border-color: #24518d;
border-radius: 20px;
color: #ffffff;
display: flex;
letter-spacing: 0.8px;
line-height: 1;
margin-bottom: 15px;
margin-right: 15px;
padding: 10px 30px;
text-transform: uppercase;
transition: all 0.5s ease-in; }
.block.social-share .social-share_btn:focus, .block.social-share .social-share_btn:hover, .block.social-share .social-share_btn:visited {
color: inherit;
text-decoration: none; }
.block.social-share .social-share_btn img {
max-height: 18px; }
.block.social-share .social-share_btn span {
margin-left: 15px; }
.block.social-share .social-share_btn img,
.block.social-share .social-share_btn span {
pointer-events: none; }
.block.social-share .social-share_btn.copylink {
background-color: #ffb72b;
border-color: #ffb72b;
background-image: linear-gradient(to top, #ffb72b 0%, #fccf62 100%);
order: 99; }
.block.social-share .social-share_btn.copylink:hover {
background-color: #ffc555;
background-image: linear-gradient(to top, #ffc555 0%, #ffdb84 100%); }
.block.social-share .social-share_btn.facebook {
background-color: #293067;
border-color: #293067;
background-image: linear-gradient(to top, #293067 0%, #2b4a91 100%); }
.block.social-share .social-share_btn.facebook:hover {
background-color: #2f366d;
background-image: linear-gradient(to top, #2f366d 0%, #3555a0 100%); }
.block.social-share .social-share_btn.twitter {
background-color: #386fbb;
border-color: #386fbb;
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%); }
.block.social-share .social-share_btn.twitter:hover {
background-color: #3f73bb;
background-image: linear-gradient(to top, #3f73bb 0%, #56acfd 100%); }
.block.social-share .social-share_btn.whatsapp {
background-color: #29b43f;
border-color: #29b43f;
background-image: linear-gradient(to top, #29b43f 0%, #5bd266 100%); }
.block.social-share .social-share_btn.whatsapp:hover {
background-color: #37bf4d;
background-image: linear-gradient(to top, #37bf4d 0%, #69dc73 100%); }
@media only screen and (max-width: 767px) {
.block.social-share .social-share_btn {
flex: 1;
font-size: 1.25rem;
max-width: 50%; } }
@media only screen and (min-width: 768px) {
.block.social-share {
display: block; }
.block.social-share .block-title {
font-size: 3.6rem; } }
@media only screen and (min-width: 1024px) {
.block.social-share .social-share_btn.whatsapp {
display: none; } }
.regional-warning {
margin-bottom: 30px;
padding: 15px; }
.checkout-index-index .regional-warning_container {
margin-top: 0;
margin-bottom: 40px;
order: -1; }
.checkout-index-index .regional-warning {
background-color: #331034;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAgVBMVEUAAAC44O272Oe43+263vC33/C11eu53/C83O663vCv1+q33ey53O253O/vvcPwusHVzNfvvMPsv8bhxc7N0t/M0+HrwMbpwMjwu8LmxMzsvcTowMjmw8vmwsrlwcrnxtDtvMTtvsXrwcfowsnkwsvuu8LsvcXuvcLuv8fdyNbxu8EixlEcAAAAKnRSTlMAAwYOERwKFhkUCAwiIMnyP9agWy0ykYPkZ66FdlJQKbqtk3RU5a+We0pykWlfAAABaklEQVQoz42SyVJcMQxFY1uyLM9v7BE6kFn//4Hx82sKSFhwF96cuqdKkr98KmrPh0j7EEwIXqt/O9oaJuccsQlevWPeMM7TYT1MM7Lxb9TKgpvHIj1P1YFVbxCeShmnJS7TWY4nhK7dhXiVoUbcEutRvjnQameBahmW5IiJmXAZSqWg9hrg04+KbIAnaA/WknEvKktVrolDgEd5BBs4Pcsfsp0Zd5DqjLfwXR7AeuMWObgu1cZ9HSJZbbkzbSkez2g6A8w5sVUeHprTa88xZ2d072HrNaZD+s1Bq87Q3J1jiRS0tgaM1ZuzjK4zFegkE26y2y/XXsBJTvcBPc8lRzLW34abtYHi+Yj3leptiEsiMFuA0qUtzeiXVacsl4jb+QjTVfJe24s0D/KzxpRSXEYZZrb65UYNplUkj89jlrIitUlezx4Y65qLlLzODl5Rb1oghykhOja2o3fUADDAnfz317zXWjXyifwFlowXVYKpP6sAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 22px center;
border: 1px solid #503143;
box-shadow: none;
font-size: 1rem;
font-style: italic;
margin-top: -30px;
margin-bottom: 20px;
padding: 8px 8px 8px 70px;
text-transform: uppercase;
text-shadow: none; }
.paypal-express-review .regional-warning_container {
display: flex;
flex-direction: column;
margin: 0 15px; }
.paypal-express-review .regional-warning_container .regional-warning {
flex: 1;
margin-bottom: 25px; }
.catalog-product-view .regional-warning {
background-color: transparent;
box-shadow: unset; }
@media only screen and (min-width: 768px) {
.checkout-index-index .regional-warning_container {
margin-bottom: 80px; } }
.checkout-index-index .regional-checkout_container {
order: -1; }
.regional-restriction.product-usps-item {
border-bottom: 1px solid #4c4364; }
.product.attribute.region.available .value, .product.attribute.region.restricted .value {
display: flex;
align-items: center; }
.product.attribute.region.available .value:before, .product.attribute.region.restricted .value:before {
content: '';
height: 14px;
margin-left: 10px;
width: 14px;
order: 2; }
.product.attribute.region.available .value:after, .product.attribute.region.restricted .value:after {
color: #A5A1B1;
flex-basis: 0;
flex-grow: 1;
font-size: 1rem;
letter-spacing: 0.05em;
margin: -10px 0 -10px 10px;
order: 3;
text-transform: uppercase; }
.product.attribute.region.available .value:before {
background: url("../images/icons/green/check.svg") center center no-repeat; }
.product.attribute.region.available .value:after {
content: attr(data-restriction); }
.product.attribute.region.restricted .value:before {
background: url("../images/icons/red/close.svg") center center no-repeat; }
.product.attribute.region.restricted .value:after {
content: attr(data-restriction); }
.product-items.product-items__filter-by-region .product-item {
display: none;
opacity: 0;
transition: opacity 0.3s; }
.product-items.product-items__filter-by-region .product-item.product-item__in-region {
display: flex;
opacity: 1; }
.order-history.block {
margin-top: 0; }
.order-history .block-top {
margin-bottom: 45px; }
.order-history_item {
color: #96959a;
display: flex;
font-size: 1.2rem;
letter-spacing: 0.05em;
line-height: 1.75;
margin-bottom: 30px;
position: relative;
text-transform: uppercase; }
.order-history_item span {
color: #0c0020; }
.order-history_item .status {
color: #00b878; }
.order-history_item .name {
font-weight: 600; }
.order-history_item .price {
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.79px; }
.order-history_item .item-data.note {
border: 1px solid #bbb;
color: #ff350d;
font-size: 1.1rem;
letter-spacing: normal;
margin-top: 7px;
margin-bottom: 7px;
padding: 8px;
text-transform: none; }
.order-history_item .item-data.cancelled {
margin-top: 10px; }
.order-history_item .item-data.cancelled + .redemption-message {
display: none; }
.order-history_item .item-data.cancelled .message {
padding-left: 48px; }
.order-history_item .item-data.cancelled .message svg {
fill: #fff;
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 24px;
transform: translate(-50%, -50%); }
.order-history_item .item-data.redemption-message {
color: #ff350d;
margin-top: 10px; }
.order-history_item .item-data a {
color: inherit;
text-decoration: underline; }
.order-history_image {
background: #fff;
padding: 25px;
text-align: center; }
.order-history_image .product-image-container {
display: block;
max-width: 100%;
position: relative; }
.order-history_info {
align-items: stretch;
background: #e8e6ed;
display: flex;
flex-direction: column;
flex: 1;
max-width: 100%;
overflow: hidden; }
.order-history_more {
display: none;
border-top: 2px solid #dad8e0;
margin-top: 20px;
padding: 20px 25px 25px; }
.order-history_code, .order-history_koins {
background: #0c0020;
padding: 20px;
color: #ffffff;
font-family: "Quantico", sans-serif;
font-size: 2rem;
margin-bottom: 20px;
letter-spacing: 0.05em;
text-transform: uppercase; }
.order-history_code p, .order-history_koins p {
line-height: 1.2;
margin: 0; }
.order-history_code span, .order-history_koins span {
color: #fff;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
.order-history_code p {
display: block;
margin-bottom: 15px;
text-transform: uppercase; }
.order-history_code_output {
text-transform: none; }
.order-history_code_output.__loading {
background-image: url("../images/loader-1.gif");
background-position: center center;
background-size: 66px 66px;
height: 100px; }
.order-history_code_warning {
color: #ff350d;
font-family: "Montserrat", sans-serif;
font-size: 1.2rem;
line-height: 1.5;
margin: 20px 0;
text-transform: none; }
.order-history_code_warning span {
color: inherit;
text-shadow: none; }
.order-history_code_warning_single, .order-history_code_warning_multi {
display: none; }
.__is-single .order-history_code_warning_single {
display: initial; }
.__is-multi .order-history_code_warning_multi {
display: initial; }
.order-history_code_error {
align-items: center;
display: flex;
text-transform: uppercase; }
.order-history_code .button, .order-history_code .navigation .nav-button > a, .navigation .order-history_code .nav-button > a, .order-history_code .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .order-history_code .action-delete, .order-history_code .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .order-history_code .action-accept, .order-history_code .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .order-history_code .action-dismiss {
font-family: "Montserrat", sans-serif; }
.order-history_koins {
align-items: center;
display: flex;
justify-content: space-between; }
.order-history_reviews {
display: flex;
margin-bottom: 30px; }
.order-history_reviews.order-history_reviews__split {
background: linear-gradient(#dad8e0, #dad8e0) no-repeat 50%/2px 100%; }
.order-history_reviews h3 {
color: #0c0020;
font-family: "Quantico", sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.05em;
margin-top: 0;
text-transform: uppercase; }
.order-history_review {
align-items: center;
display: flex;
flex: 1;
flex-direction: column;
padding: 5px 30px 10px; }
.order-history_instruction_close {
background-color: #0c0020;
color: #fff;
display: block;
width: 26px;
height: 26px;
position: absolute;
top: 20px;
right: 20px; }
.order-history_instruction_close:before, .order-history_instruction_close:after {
background-color: currentColor;
height: 3px; }
.order-history_details {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
padding: 25px; }
.order-history_notice {
background-color: rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
flex-grow: 0;
font-size: 1.1rem;
letter-spacing: normal;
order: -1;
padding: 55px 12px 12px;
text-transform: none; }
.order-history_notice a {
color: inherit;
font-weight: 700;
text-decoration: underline; }
.order-history_notice div {
background-color: #ff350d;
border: 1px solid #ff350d;
border-radius: 2px;
color: #fff;
padding: 6px; }
.order-history_notice svg {
display: inline-block;
width: 16px;
height: auto;
vertical-align: text-bottom;
margin-right: 3px; }
.order-history_notice path {
fill: currentColor; }
.order-history ul {
list-style: none;
margin: 0;
padding: 0; }
.order-history ul + ul {
border-top: 1px solid rgba(255, 255, 255, 0.35);
padding-top: 20px; }
.order-history ul li + li {
margin-top: 10px; }
.order-history ul img {
width: 100%; }
.order-history .key-group {
margin: 0 0 20px; }
.order-history .key-group span {
word-break: break-all; }
.order-history .key-group + .key-group {
border-top: 1px solid rgba(255, 255, 255, 0.35);
padding-top: 20px; }
.order-history .key-group .key-group_title {
font-family: "Montserrat", sans-serif;
font-size: 1.4rem;
font-weight: 700; }
.order-history .key-group .key-item_title {
font-family: "Montserrat", sans-serif;
font-size: 1.2rem; }
.order-history .review-support {
background-color: #e8e5ed;
line-height: 1.5;
margin-bottom: -10px;
margin-top: 30px;
padding: 10px;
text-align: center; }
.order-history .order-products-toolbar {
display: block; }
.order-history .order-products-toolbar .pages-items {
margin: 30px 0; }
.game-review_image .product-image-container {
display: block;
max-width: 200px;
margin: 0 auto; }
.game-review_image .review-this-game {
display: block;
margin: -30px auto 30px; }
.toggle-more {
align-items: center;
background-color: #e8e6ed;
border: 1px solid #c2bfcb;
border-radius: 15px;
cursor: pointer;
display: flex;
position: absolute;
right: 0;
top: 20px; }
.toggle-more span {
color: #0c0020;
font-size: 1.2rem;
letter-spacing: 0.6px;
line-height: 1;
padding: 10px 45px 10px 20px;
text-transform: uppercase; }
.toggle-more span:after {
content: attr(data-show); }
.toggle-more:before, .toggle-more:after {
background: #0c0020;
content: '';
display: block;
height: 2px;
position: absolute;
right: 20px;
transition: transform 0.2s ease-in;
width: 12px; }
.toggle-more:after {
transform: rotate(90deg); }
.expanded .order-history_info {
flex-direction: column; }
.expanded .order-history_details {
flex-basis: auto;
flex-grow: 0; }
.expanded .order-history_details .name {
padding-top: 40px; }
.expanded .order-history_more {
display: block; }
.expanded .order-history_notice {
display: none; }
.expanded .toggle-more span:after {
content: attr(data-hide); }
.expanded .toggle-more:before {
transform: rotate(135deg); }
.expanded .toggle-more:after {
transform: rotate(225deg); }
@media only screen and (max-width: 767px) {
.order-history_details {
padding-left: 125px; }
.order-history_image {
background: none;
padding: 15px;
position: absolute;
top: 0;
top: 120px;
left: 0;
width: 150px;
width: 120px; }
.order-history_image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%; }
.order-history_item span {
display: block; }
.order-history_reviews {
background: none;
flex-direction: column; }
.order-history_review {
border-bottom: 2px solid #dad8e0;
padding-top: 30px;
text-align: center; }
.order-history_koins {
display: block;
text-align: center; }
.game-review_image .product-image-wrapper {
display: inline; }
.toggle-more {
background-color: #e8e6ed;
justify-content: center;
top: 10px;
right: 10px; } }
@media only screen and (max-width: 639px) {
.order-history_image {
top: 140px; } }
@media only screen and (max-width: 479px) {
.order-history_image {
top: 160px; } }
@media only screen and (min-width: 768px) {
.order-history_item {
font-size: 1.4rem;
line-height: 2; }
.order-history_image {
max-width: 150px; }
.order-history_info {
flex-direction: column; }
.order-history_notice {
order: -1;
padding-top: 65px; }
.toggle-more {
right: 10px; } }
@media only screen and (min-width: 1024px) {
.order-history_info {
flex-direction: row;
flex-wrap: nowrap; }
.order-history_image {
max-width: 200px; }
.order-history_details {
flex-basis: 0;
flex-grow: 1; }
.order-history_notice {
flex-basis: 260px;
flex-grow: 0;
order: 1; }
.order-history_code_warning {
font-size: 1.4rem; }
.toggle-more {
right: 130px;
transform: translate(50%, 0); }
.expanded .order-history_details .name {
padding-top: 0;
padding-right: 200px; } }
@keyframes refresh {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
.refresh-key {
cursor: pointer;
margin-left: 10px; }
.block.block-order-lookup .block-title {
font-size: 2rem; }
@media only screen and (min-width: 768px) {
.block.block-order-lookup .block-title {
font-size: 3rem; } }
.form-orders-search {
margin: 25px 0; }
.form-orders-search .fieldset {
background-color: #0c0020;
border: none;
margin-bottom: 25px;
padding: 24px; }
@media only screen and (min-width: 768px) {
.form-orders-search .legend {
font-size: 2.4rem; } }
.order-history_collection .order-history_details {
padding-left: 25px; }
.order-history_collection .order-history_image {
position: relative;
max-width: 100%;
padding: 0;
top: 0; }
.order-history_collection .order-history_image .product-image-container,
.order-history_collection .order-history_image .product-image-wrapper {
width: auto !important;
padding: 0 !important; }
.order-history_collection .order-history_image img {
height: auto;
position: relative;
left: 0;
top: 0;
transform: none;
width: 100%; }
.order-history_collection .order-history_item {
display: grid;
grid-template-columns: 1fr; }
.order-history_collection .order-history_products {
background: #fff;
display: grid;
gap: 10px;
grid-template-columns: repeat(4, minmax(0, 1fr));
padding: 10px; }
.order-history_collection .order-history_qty {
background: #525282;
border-radius: 100%;
color: #fff;
font-size: 12px;
font-weight: 500;
height: 20px;
line-height: 20px;
position: absolute;
right: -10px;
text-align: center;
top: -5px;
width: 20px;
z-index: 10; }
.order-history_collection .btn-open {
background-color: #e8e6ed;
border: 1px solid #c2bfcb;
border-radius: 15px;
display: inline-block;
margin-top: 10px; }
.order-history_collection .btn-open a {
color: #0c0020;
font-size: 1.2rem;
letter-spacing: 0.6px;
line-height: 1;
padding: 10px 20px;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.order-history_collection .order-history_item {
grid-template-columns: 1fr 1fr; }
.order-history_collection .order-history_products {
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media screen and (device-aspect-ratio: 2 / 3) {
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"] {
font-size: 16px; } }
@media screen and (device-aspect-ratio: 40 / 71) {
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"] {
font-size: 16px; } }
@media screen and (device-aspect-ratio: 375 / 667) {
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"] {
font-size: 16px; } }
@media screen and (device-aspect-ratio: 9 / 16) {
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"] {
font-size: 16px; } }
.outofstock {
align-items: flex-end;
display: flex;
justify-content: center;
margin: 20px 0;
padding: 0 15px; }
.outofstock ~ .action.towishlist {
order: 1; }
.outofstock ~ .action.towishlist ~ .product-add-form {
display: none; }
.catalog-product-view .outofstock {
flex-basis: 100%;
max-width: 100%;
margin: 12px 0 0;
padding: 0; }
.catalog-product-view .outofstock .button, .catalog-product-view .outofstock .navigation .nav-button > a, .navigation .catalog-product-view .outofstock .nav-button > a, .catalog-product-view .outofstock .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .catalog-product-view .outofstock .action-delete, .catalog-product-view .outofstock .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .catalog-product-view .outofstock .action-accept, .catalog-product-view .outofstock .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .catalog-product-view .outofstock .action-dismiss {
font-size: 1.6rem;
padding: 0.9em 2.5em;
width: 100%; }
.catalog-product-view .outofstock ~ .product-add-form {
display: none; }
.outofstock-form {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0; }
.outofstock-form input,
.outofstock-form .label {
font-size: 1rem; }
.outofstock-form input {
border-radius: 19px;
margin-top: 6px;
width: 100%; }
.outofstock-form .field {
margin-bottom: 15px;
margin-right: 8px;
position: relative; }
.outofstock-form .label {
background-image: url("../images/icons/white/info-glow.svg");
background-position: left center;
background-repeat: no-repeat;
background-size: 32px 32px;
display: block;
line-height: 1;
padding: 9px 0 9px 40px; }
.outofstock-form div.mage-error[generated] {
position: absolute;
top: 100%;
left: 0;
width: 100%; }
.body__show-oos-form .outofstock-form {
left: 50%;
padding: 20px;
position: fixed;
transform: translate(-50%, -50%);
top: 50%;
z-index: 99;
width: 90%;
max-width: 380px;
background: #1F143D;
box-shadow: 0 0 9px rgba(56, 111, 187, 0.7), inset 0 0 3px rgba(56, 111, 187, 0.7); }
@media only screen and (min-width: 640px) {
.outofstock {
flex-basis: unset; }
.outofstock ~ .action.towishlist {
order: 3; } }
@media only screen and (min-width: 768px) {
.outofstock {
flex-basis: 100%;
order: 2; }
.outofstock ~ .action.towishlist {
order: 1; }
.outofstock-form input,
.outofstock-form .label {
font-size: 1.4rem; }
.catalog-product-view .outofstock {
margin: 20px auto 0; } }
@media only screen and (min-width: 1024px) {
.outofstock {
flex-basis: unset;
order: 1; }
.catalog-product-view .outofstock {
flex-basis: auto;
margin: 0; } }
@media screen and (min-width: 1300px) {
.outofstock {
flex-basis: unset;
margin: 0; }
.outofstock ~ .action.towishlist {
order: 3; } }
@media only screen and (min-width: 1440px) {
.outofstock-form input {
width: 325px; } }
.checkout-success .success-messages {
background-color: #0c0020;
margin: 0;
padding: 30px; }
.checkout-success .success-actions {
align-items: center;
display: flex;
justify-content: center; }
.checkout-success .success-actions .button, .checkout-success .success-actions .navigation .nav-button > a, .navigation .checkout-success .success-actions .nav-button > a, .checkout-success .success-actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .checkout-success .success-actions .action-delete, .checkout-success .success-actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .checkout-success .success-actions .action-accept, .checkout-success .success-actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .checkout-success .success-actions .action-dismiss {
margin: 0 15px; }
.checkout-success .success-messages {
margin-top: 30px; }
.checkout-success .success-messages .order-number-title {
font-size: 2rem;
margin-top: -30px; }
.checkout-success .success-messages .order-number-title a {
color: inherit;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
.checkout-success .success-messages .order-number-title strong {
font-weight: 400; }
.checkout-success .success-messages .order-number-title em {
font-style: normal; }
.checkout-success .success-messages .order-reference {
font-size: 1.6rem;
opacity: 0.95;
line-height: 1.4;
margin: 18px 0 36px;
text-align: center; }
.checkout-success .checkout-success-details {
font-size: 1.4rem;
letter-spacing: 0.05em;
text-transform: uppercase; }
.checkout-success .checkout-success-details div {
align-items: center;
display: flex; }
.checkout-success .checkout-success-details div:nth-child(even) {
background-color: #1F143D; }
.checkout-success .checkout-success-details div dt,
.checkout-success .checkout-success-details div dd {
flex-basis: 0;
flex-grow: 1;
padding: 10px;
margin: 0; }
.checkout-success .checkout-success-details div dt {
color: #6e6d93;
text-align: right; }
.checkout-success .order-details-items {
margin-bottom: 20px; }
.checkout-success .order-details-items .order-items-top {
display: none; }
.checkout-success .order-details-items .order-items {
margin-top: 30px; }
.checkout-success .order-details-items .order-item {
align-items: center;
color: #1F143D;
display: flex;
background-color: #e8e6ed;
border-radius: 5px;
margin: 15px 0;
text-transform: uppercase; }
.checkout-success .order-details-items .column {
flex-basis: auto;
flex-grow: 0;
padding: 20px; }
.checkout-success .order-details-items .column.photo {
align-self: stretch;
background-color: #fff;
border-radius: 5px 0 0 5px;
flex-basis: 110px;
flex-grow: 0; }
.checkout-success .order-details-items .column.order-item-info {
align-items: stretch;
display: flex;
flex-direction: column;
flex-basis: 0;
flex-grow: 1;
padding: 0; }
.checkout-success .order-details-items .column.price {
display: none; }
.checkout-success .order-details-items .column.qty {
font-size: 1.2rem;
letter-spacing: 0.05em; }
.checkout-success .order-details-items .column.qty .label {
display: inline-block; }
.checkout-success .order-details-items .column.subtotal {
font-size: 1.6rem; }
.checkout-success .order-details-items .column.subtotal .price {
font-weight: 700; }
.checkout-success .order-details-items .label {
color: #9694aa;
display: none; }
.checkout-success .order-details-items .product-item-photo {
margin: auto;
max-width: 110px; }
.checkout-success .order-details-items .product-item-name {
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.05em; }
.checkout-success .checkout-success-details__bottom {
color: #9694aa;
font-size: 1.6rem;
text-transform: uppercase; }
.checkout-success .checkout-success-details__bottom div {
align-items: center;
display: flex;
padding: 20px 0; }
.checkout-success .checkout-success-details__bottom div + div {
border-top: 1px solid #6e6d93; }
.checkout-success .checkout-success-details__bottom dt,
.checkout-success .checkout-success-details__bottom dd {
letter-spacing: 0.05em;
margin: 0;
padding: 0; }
.checkout-success .checkout-success-details__bottom dd {
margin-left: auto;
text-align: right; }
.checkout-success .checkout-success-details__bottom .total {
color: #fff;
font-size: 2rem; }
.checkout-success .order-alert {
padding: 15px;
text-align: center;
width: 100%; }
.checkout-success .order-alert strong {
text-shadow: none; }
@media only screen and (min-width: 768px) {
.checkout-success .success-messages .order-number-title {
font-size: 2.4rem; }
.checkout-success .success-messages .order-reference {
font-size: 1.8rem;
margin: 36px 0; }
.checkout-success .order-details-items .column {
padding: 30px; }
.checkout-success .order-details-items .column.photo {
flex-basis: 170px; }
.checkout-success .order-details-items .column.order-item-info {
flex-direction: row; }
.checkout-success .order-details-items .column.product-item-details {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%; }
.checkout-success .order-details-items .column.qty, .checkout-success .order-details-items .column.subtotal {
margin-left: auto; } }
.checkout-success-saved {
background-color: #0c0020;
margin-top: 0;
padding: 50px;
text-align: center; }
.checkout-success-saved p {
font-size: 2.4rem;
margin-top: 0; }
.checkout-success-saved p strong {
font-weight: 700;
text-shadow: 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36), 0 0 12px rgba(100, 162, 235, 0.36); }
.checkout-success-saved .block-content {
margin: 0; }
.checkout-success-saved .button, .checkout-success-saved .navigation .nav-button > a, .navigation .checkout-success-saved .nav-button > a, .checkout-success-saved .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .checkout-success-saved .action-delete, .checkout-success-saved .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .checkout-success-saved .action-accept, .checkout-success-saved .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .checkout-success-saved .action-dismiss {
margin: 10px; }
@keyframes reminder-glow {
0% {
box-shadow: 0 0 12px 1px rgba(17, 161, 119, 0), 0 0 12px 1px rgba(17, 161, 119, 0), 0 0 12px 1px rgba(17, 161, 119, 0), inset 0 0 12px 1px rgba(17, 161, 119, 0);
text-shadow: 0 0 12px rgba(17, 161, 119, 0), 0 0 12px rgba(17, 161, 119, 0), 0 0 12px rgba(17, 161, 119, 0); }
100% {
box-shadow: 0 0 12px 1px rgba(17, 161, 119, 0.36), 0 0 12px 1px rgba(17, 161, 119, 0.36), 0 0 12px 1px rgba(17, 161, 119, 0.36), inset 0 0 12px 1px #11a177;
text-shadow: 0 0 12px rgba(17, 161, 119, 0.5), 0 0 12px rgba(17, 161, 119, 0.5), 0 0 12px rgba(17, 161, 119, 0.5); } }
.checkout-success-reminder {
animation: 3s linear 1s infinite alternate reminder-glow;
align-items: center;
border: 1px solid #fff;
display: flex;
font-size: 1.4rem;
justify-content: center;
letter-spacing: 0.05em;
margin: 30px 0;
padding: 15px;
text-transform: uppercase;
width: 100%; }
.checkout-success-reminder svg {
flex-basis: 45px;
flex-grow: 0;
margin-right: 15px; }
.checkout-success-reminder span {
flex-basis: 0;
flex-grow: 1; }
@media only screen and (min-width: 768px) {
.checkout-success-reminder {
font-size: 1.8rem; }
.checkout-success-reminder span {
flex-basis: auto;
flex-grow: 0; } }
.block.success-register {
margin: 15px 0; }
.block.success-register .form-create-account input[type=text],
.block.success-register .form-create-account input[type=email],
.block.success-register .form-create-account input[type=password] {
border-color: #525282; }
.block.success-register .form-create-account .fieldset {
background-color: transparent;
border: none;
margin: 0;
padding: 0; }
.block.success-register .form-create-account .fieldset + .fieldset {
margin-top: 30px;
margin-bottom: 0; }
.block.success-register .form-create-account .fieldset .legend {
display: none; }
.block.success-register .form-create-account .fieldset .field.newsletter {
margin-top: 20px; }
.block.success-register .form-create-account .actions-toolbar {
margin: 20px 0 0; }
@media only screen and (min-width: 768px) {
.block.success-register .form-create-account .fieldset.account, .block.success-register .form-create-account .fieldset.name {
align-items: stretch;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px; }
.block.success-register .form-create-account .fieldset.account .field, .block.success-register .form-create-account .fieldset.name .field {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%;
margin: 0;
padding-left: 15px;
padding-right: 15px; }
.block.success-register .form-create-account .fieldset.account .field.email, .block.success-register .form-create-account .fieldset.name .field.email {
flex-basis: 100%;
max-width: 100%; }
.block.success-register .form-create-account .fieldset .field.newsletter {
margin-top: 30px; }
.block.success-register .form-create-account .actions-toolbar {
margin-top: 30px; } }
.block.widget.product-bundles {
display: block;
padding-left: 0;
padding-right: 0; }
.block.widget.product-bundles .block-top {
margin-bottom: 45px; }
.block.widget.product-bundles .block-subtitle {
font-weight: 600;
letter-spacing: 0.79px;
padding-left: 15px;
text-transform: uppercase; }
.product-info-bundles {
margin-bottom: 45px; }
.product-info-bundles .product-add-form {
background: #0c0020;
border-radius: 5px;
margin-left: 0;
padding: 30px;
max-width: unset; }
.product-info-bundles .fieldset:active, .product-info-bundles .fieldset:focus, .product-info-bundles .fieldset:hover {
outline: none; }
.product-info-bundles .product-bundle-add-form {
display: flex; }
.product-info-bundles .fieldset-bundle-options {
display: flex;
justify-content: space-between; }
.product-info-bundles .field.qty {
display: none; }
.product-info-bundles .bundle-option {
display: flex;
flex: 1;
flex-wrap: wrap; }
.product-info-bundles .bundle-option,
.product-info-bundles .bundle-option .control {
align-items: stretch;
display: flex;
flex-direction: column;
flex-grow: 1; }
.product-info-bundles .bundle-option .control {
max-width: 100%; }
.product-info-bundles .bundle-option + .bundle-option {
margin-top: 0;
margin-left: 30px; }
.product-info-bundles .bundle-option .options-list {
display: flex;
flex-direction: column;
height: 100%; }
.product-info-bundles .bundle-option-label a {
color: inherit; }
.product-info-bundles .bundle-option-image {
margin-bottom: 25px; }
.product-info-bundles .bundle-option-image img {
border-radius: 3px;
opacity: 0.6;
transition: transform 0.3s ease-in; }
.product-info-bundles .bundle-option-image:hover img {
transform: scale(1.05); }
.product-info-bundles .bundle-option-label {
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 0.79px;
line-height: 1.5;
margin-bottom: 25px;
text-transform: uppercase; }
.product-info-bundles .bundle-option-price {
border-top: 2px solid rgba(255, 255, 255, 0.1);
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 1.06px;
line-height: 1;
margin-top: auto;
padding-top: 25px;
text-transform: uppercase; }
.product-info-bundles .bundle-option-price.choice {
display: flex;
margin-top: auto; }
.product-info-bundles .bundle-option .checkbox {
margin: 0 15px 0 0; }
.product-info-bundles .bundle-option.required .bundle-option-image img, .product-info-bundles .bundle-option.selected .bundle-option-image img {
opacity: 1; }
.product-info-bundles .action.primary.tocart {
width: 100%; }
.product-info-bundles .actions {
display: flex;
flex-direction: column-reverse; }
.product-info-bundles .actions > * + * {
margin-bottom: 10px; }
.block-bundle-summary .product-details {
display: flex;
width: 100%; }
.block-bundle-summary .price-box .price {
font-size: 2.4rem;
letter-spacing: 0.05em;
line-height: 1.5; }
.block-bundle-summary .price-box .price-label {
color: #807898;
display: block;
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 2;
text-transform: uppercase; }
.block-bundle-summary .price-box .old-price {
border-left: 1px solid rgba(255, 255, 255, 0.1);
margin-left: 12px;
padding-left: 12px; }
.block-bundle-summary .price-box .old-price .price {
text-decoration: line-through;
opacity: 0.7; }
.block-bundle-summary .price-as-configured {
align-items: center;
display: flex;
flex-direction: row;
height: 100%;
justify-content: space-around;
justify-content: center; }
@media only screen and (max-width: 767px) {
.product-info-bundles .product-bundle-add-form {
flex-direction: column-reverse; }
.product-info-bundles .product-details {
flex-direction: column-reverse;
margin-bottom: 30px; }
.product-info-bundles .product-options-wrapper {
padding-bottom: 25px;
overflow-x: scroll; }
.product-info-bundles .bundle-option {
min-width: 35%; }
.product-info-bundles .price-box {
margin-bottom: 30px; } }
@media only screen and (min-width: 768px) {
.product-info-bundles .product-options-wrapper {
flex-basis: 0;
flex-grow: 1; }
.product-info-bundles .fieldset-bundle-options {
justify-content: flex-start; }
.product-info-bundles .bundle-option {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%; }
.block-bundle-summary {
margin-left: auto;
max-width: 250px;
padding-left: 30px;
flex-basis: 100%; }
.block-bundle-summary .price-as-configured {
align-items: stretch;
flex-direction: column;
justify-content: flex-start;
margin: 0; }
.block-bundle-summary .bundle-info {
display: flex;
height: 100%; }
.block-bundle-summary .product-details {
flex-direction: column-reverse; }
.block-bundle-summary .price-box {
margin: 0; }
.block-bundle-summary .price-box .old-price {
border-left: none;
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 6px;
margin-left: 0;
padding-top: 6px;
padding-left: 0; }
.block-bundle-summary .box-tocart {
margin-top: auto;
margin-bottom: auto; } }
@media only screen and (min-width: 1024px) {
.block-bundle-summary {
max-width: 365px; }
.block-bundle-summary .price-box .price {
font-size: 3.6rem; } }
.paypal-review_message {
margin-bottom: 30px;
padding: 15px;
width: 100%; }
.paypal-review_message span {
display: block;
font-size: 2rem;
margin-bottom: 10px;
text-transform: uppercase; }
.paypal-review_message strong {
text-shadow: none; }
.product-info-preorder {
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-between; }
.product-info-preorder .preorder-title {
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9);
color: #ffffff;
font-family: "Quantico", sans-serif;
font-size: 2.4rem;
font-weight: 400;
line-height: 2;
text-transform: uppercase;
letter-spacing: 1.26px; }
.product-info-preorder .countdown .countdown_segment {
border-radius: 5px;
background-color: #184d96;
padding: 8px; }
.product-info-preorder .countdown .countdown_segment + .countdown_segment:before {
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.product-info-preorder .countdown .countdown_segment_label {
margin-top: 10px; }
.product-info-preorder .countdown .countdown_segment_time {
text-shadow: 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9), 0 0 9px rgba(37, 146, 238, 0.9); }
.product-preorder-message {
margin-bottom: 30px;
width: 100%; }
.product-preorder-message a {
color: #fff;
text-decoration: underline; }
.product-preorder-message a:hover {
text-decoration: none; }
@media only screen and (min-width: 1024px) {
.product-info-preorder {
flex-direction: row; } }
.cookie-bar {
position: relative;
z-index: 10;
z-index: 999999; }
.cookie-bar-inner {
align-items: center;
bottom: 0;
background: rgba(0, 0, 0, 0.85);
display: flex;
justify-content: space-between;
padding: 15px 20px;
position: fixed;
width: 100%; }
.cookie-bar-inner p {
color: #fff;
font-weight: 300;
margin: 0 15px 0 0; }
.cookie-bar-inner a:not(.action) {
color: inherit;
cursor: pointer;
font-weight: 400;
text-decoration: underline; }
.cookie-bar-inner .action {
margin: 0 15px;
padding: 10px 20px; }
.cookie-bar-content {
align-items: center;
display: flex; }
.cookie-bar-actions {
align-items: center;
display: flex;
justify-content: space-between; }
.cookie-bar-prompt-inner {
align-items: center;
background: rgba(0, 0, 0, 0.75);
display: flex;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10; }
.cookie-bar-prompt-content {
background: #e6e5f2;
border-radius: 10px;
color: #202029;
font-size: 1.4rem;
max-width: 800px;
padding: 60px 30px;
position: relative;
width: 90%;
z-index: 11; }
.cookie-bar-prompt-content a {
color: #ff335e; }
.cookie-bar-prompt-content a:hover {
color: #202029;
text-decoration: none; }
.cookie-bar-prompt-close {
cursor: pointer;
height: 20px;
position: absolute;
right: 15px;
top: 25px;
width: 20px; }
.cookie-bar-prompt-close:before, .cookie-bar-prompt-close:after {
background: #ff335e;
content: '';
display: block;
height: 2px;
position: absolute;
transition: all 0.3s ease-in-out;
width: inherit; }
.cookie-bar-prompt-close:before {
transform: rotate(-45deg); }
.cookie-bar-prompt-close:after {
transform: rotate(45deg); }
.cookie-bar-prompt-close:hover:before {
background: #202029;
transform: rotate(405deg); }
.cookie-bar-prompt-close:hover:after {
background: #202029;
transform: rotate(315deg); }
.cookie-bar-prompt-close span {
display: none; }
.cookie-bar-browsers {
display: flex;
height: auto;
justify-content: space-around;
position: relative;
width: 100%; }
.cookie-bar-browsers svg {
fill: #ff335e;
height: 36px;
margin-top: 10px;
transition: all 0.3s ease-in;
width: 36px; }
.cookie-bar-browsers a:hover {
text-decoration: none; }
.cookie-bar-browsers a:hover svg {
fill: #202029; }
@media only screen and (max-width: 767px) {
.cookie-bar-content {
flex-direction: column;
margin-bottom: 20px;
text-align: center; }
.cookie-bar-inner {
flex-direction: column;
padding: 20px; }
.cookie-bar-prompt-button {
margin-top: 10px; } }
.checkout-index-index .simility-warning {
margin-bottom: 30px;
opacity: 0.9;
padding: 15px;
width: 100%; }
.checkout-index-index .checkout-login .simility-warning_container {
display: none; }
.customer-account-device {
margin-bottom: 30px;
text-align: center; }
.message.delay {
display: none; }
.block.block-customer-device {
background-color: #0c0020;
margin: 60px auto 45px;
max-width: 600px;
padding: 0 32px 32px;
width: 100%; }
.block.block-customer-device .verification-code {
align-items: center;
display: flex;
justify-content: center;
margin: 30px auto;
width: 100%; }
.block.block-customer-device .verification-code input {
background: #525282;
font-family: "Quantico", sans-serif;
font-size: 2rem;
flex-basis: 0;
flex-grow: 1;
min-width: 0;
padding: 15px 0;
text-align: center; }
.block.block-customer-device .verification-code input:not(:last-child) {
margin-right: 15px; }
.block.block-customer-device .verification-code input:nth-of-type(3) {
margin-right: 30px; }
.block.block-customer-device .verification-code input:focus {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.27), 0 0 12px 1px rgba(37, 146, 238, 0.8); }
.block.block-customer-device .verification-code input[type="number"]::placeholder {
color: rgba(31, 20, 61, 0.5); }
.block.block-customer-device .verification-code input::-webkit-outer-spin-button,
.block.block-customer-device .verification-code input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.block.block-customer-device .verification-code input[type=number] {
-moz-appearance: textfield; }
.block.block-customer-device .verification-code input:focus::-webkit-input-placeholder,
.block.block-customer-device .verification-code input:focus:-ms-input-placeholder,
.block.block-customer-device .verification-code input:focus::-ms-input-placeholder,
.block.block-customer-device .verification-code input:focus::placeholder {
opacity: 0; }
.block.block-customer-device .primary {
margin: auto; }
.block.block-customer-device p,
.block.block-customer-device .field.note {
font-size: 1rem;
letter-spacing: 0.05em;
line-height: 1.7142857143;
margin: 0 auto;
max-width: 390px;
order: -2;
text-align: center;
text-transform: capitalize; }
.block.block-customer-device p {
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.block.block-customer-device {
padding: 0 48px 48px; }
.block.block-customer-device p,
.block.block-customer-device .field.note {
font-size: 1.4rem; } }
.double-points-tooltip {
align-items: center;
background: #0c0020;
border-radius: 5px;
box-shadow: 0 0 8px rgba(131, 186, 227, 0.8);
display: flex;
justify-content: space-evenly;
margin-bottom: 30px;
max-width: 90%;
padding: 20px;
position: absolute;
transform: translate(0, calc(-100% - 20px));
width: 100%;
z-index: 1; }
.double-points-tooltip .text {
font-size: 1.2rem;
letter-spacing: 0.05em;
text-align: center;
text-transform: uppercase; }
.double-points-tooltip .text strong {
color: #fff597;
font-weight: 600; }
.double-points-tooltip .text span {
color: #a095b1;
display: block; }
.double-points-tooltip:before, .double-points-tooltip:after {
background: inherit;
content: '';
display: block;
position: absolute; }
.double-points-tooltip:before {
bottom: -10px;
box-shadow: 0 0 8px rgba(131, 186, 227, 0.8);
height: 20px;
transform: rotate(45deg);
width: 20px; }
.double-points-tooltip:after {
bottom: 0;
height: 20px;
min-width: 100px;
width: 100%; }
@media only screen and (min-width: 768px) {
.double-points-tooltip {
max-width: 260px;
transform: translate(-118px, calc(-100% - 20px)); } }
.block.block-competition-form {
margin-top: -15px;
margin-bottom: 15px; }
.block.block-competition-form form {
background-color: #0c0020;
padding: 15px; }
.block.block-competition-form a {
color: #fff; }
.block.block-competition-form .actions-toolbar {
margin-top: 15px;
text-align: center; }
.block.block-competition-form .block-content {
margin: 0; }
.block.block-competition-form .block-competition-form_intro {
background-color: #0c0020;
padding: 30px;
font-size: 1.6rem;
font-weight: 700;
text-align: center; }
.block.block-competition-form .block-competition-form_title {
font-size: 1.4rem;
font-weight: 700;
text-align: center; }
.block.block-competition-form .block-competition-form_title + .block-competition-form_title {
margin-top: 2em; }
.block.block-competition-form .form-messages {
margin-top: 20px; }
.block.block-competition-form .fieldset {
margin-top: 20px; }
.block.block-competition-form .field.terms label {
align-items: center;
display: flex; }
.block.block-competition-form .field.terms .label {
font-size: 1.4rem;
margin-left: 0.5em; }
.block.block-competition-form .message ~ .fieldset {
margin-top: 15px;
margin-bottom: 0; }
.block.block-competition-form .social-links {
align-items: center;
background-color: #0c0020;
flex-direction: column;
justify-content: center;
padding: 15px; }
.block.block-competition-form .social-links svg {
height: 30px;
width: auto; }
.block.block-competition-form .social-links .block-competition-form_title {
flex-basis: 100%;
margin: 0 15px 5px;
max-width: 100%; }
.block.block-competition-form .social-links .social-links_text span {
font-size: 1.6rem; }
.block.block-competition-form .social-links .social-links_block {
margin: 0 15px; }
.block.block-competition-form .social-links .social-links_block.youtube svg {
width: 20px;
height: auto; }
.block.block-competition-form .competition-complete {
background-color: #0c0020;
padding: 30px; }
.block.block-competition-form .competition-complete .competition-complete_title {
font-size: 1.8rem;
text-align: center; }
@media only screen and (min-width: 768px) {
.block.block-competition-form {
margin-bottom: 30px; }
.block.block-competition-form form {
padding: 30px; }
.block.block-competition-form .block-competition-form_intro {
font-size: 2.4rem; }
.block.block-competition-form .block-competition-form_title {
font-size: 1.6rem; }
.block.block-competition-form .social-links .block-competition-form_title {
flex-basis: auto; }
.block.block-competition-form .competition-complete .competition-complete_title {
font-size: 2.4rem; } }
.product-info-rewards {
color: rgba(255, 255, 255, 0.8);
flex-basis: 100%;
flex-grow: 0;
font-size: 1.2rem;
margin: 20px 0 0;
order: 999;
text-shadow: 0 0 12px rgba(56, 111, 187, 0.7), 0 0 12px rgba(56, 111, 187, 0.7); }
.product-info-rewards div {
display: none; }
.product-info-rewards div.visible {
border: 1px solid rgba(255, 255, 255, 0.4);
box-shadow: 0 0 9px rgba(56, 111, 187, 0.7), inset 0 0 9px rgba(56, 111, 187, 0.7);
display: block;
padding: 6px; }
@media only screen and (min-width: 1024px) {
.product-info-rewards {
flex-basis: 0;
flex-grow: 1;
max-width: 190px;
margin: 0 auto 0 20px;
order: 0; } }
.header-profile-links {
align-items: center;
display: flex;
position: relative; }
.__show-profile-link-nav .header-profile-links .profile-link {
background-color: #0c0020;
box-shadow: 0 0 9px rgba(56, 111, 187, 0.7); }
.__show-profile-link-nav .header-profile-links .profile-link:before {
background-color: #0c0020;
border-radius: 5px 5px 0 0;
content: '';
position: absolute;
right: -5px;
left: -5px;
top: 100%;
pointer-events: none;
z-index: 0;
height: 10px; }
.__show-profile-link-nav .header-profile-links .profile-link-nav {
display: block; }
.body__show-header-store .header-profile-links .profile-link-nav,
.body__show-header-currency .header-profile-links .profile-link-nav {
display: none; }
.__showfilters .header-profile-links {
z-index: 0; }
.header-profile-links .profile-link {
background-color: transparent;
box-shadow: 0 0 0 rgba(56, 111, 187, 0);
border-radius: 50% 50% 0 0;
position: relative;
transition: background-color 0.3s, box-shadow 0.3s;
z-index: 20; }
.body__show-header-store .header-profile-links .profile-link,
.body__show-header-currency .header-profile-links .profile-link {
z-index: 0; }
.header-profile-links .profile-link.profile-link__unread:after {
background-color: #ff350d;
border-radius: 50%;
content: '';
width: 6px;
height: 6px;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
transform: translate(-50%, 50%); }
.header-profile-links .profile-link-nav {
background-color: #0c0020;
border-radius: 5px;
box-shadow: 0 0 9px rgba(56, 111, 187, 0.7);
display: none;
font-size: 1.2rem;
position: absolute;
right: 0;
top: 100%;
margin: 0 -5px 0 0;
text-transform: uppercase;
width: 180px;
z-index: 10; }
.header-profile-links .profile-link-nav a {
align-items: center;
color: #fff;
display: flex;
justify-content: flex-start;
padding: 8px 12px;
position: relative;
width: 100%;
z-index: 1; }
.header-profile-links .profile-link-nav a + a {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.header-profile-links .profile-link-nav a.profile-link-koins {
flex-wrap: wrap;
gap: 0.4em;
justify-content: space-between; }
.header-profile-links .profile-link-nav a .profile-link-nav_count {
align-items: center;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: flex;
font-size: 0.8rem;
justify-content: center;
margin-left: auto;
width: 2em;
height: 2em; }
.profile-messages {
display: none;
margin-left: 10px;
order: 10; }
.profile-messages.profile-messages__unread .profile-messages_link:before {
background-color: #f00;
border: 1px solid #f66;
border-radius: 50%;
box-shadow: 0 0 12px #f00;
content: '';
position: absolute;
width: 6px;
height: 6px;
top: 0;
right: 0;
transform: translate(50%, -50%);
z-index: 1; }
.profile-messages svg {
display: block; }
.profile-messages .profile-messages_count {
align-items: center;
background-color: #0c0020;
border-radius: 3px;
box-shadow: 0 0 9px #386fbb;
color: #fff;
display: flex;
font-size: 1rem;
justify-content: center;
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
text-shadow: 0 0 9px #386fbb, 0 0 9px #386fbb, 0 0 9px #386fbb, 0 0 9px #386fbb;
transform: translate(7px, -25%); }
.profile-messages .profile-messages_count:before, .profile-messages .profile-messages_count:after {
background-color: #0c0020;
position: absolute;
left: 0;
z-index: 0; }
.profile-messages .profile-messages_count:before {
box-shadow: 0 0 9px #386fbb, 0 0 9px #386fbb;
width: 4px;
height: 4px;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg); }
.profile-messages .profile-messages_link {
display: block;
position: relative; }
.profile-messages .profile-messages_link.is-active ~ .profile-messages-summary {
display: block; }
@media only screen and (min-width: 640px) {
.profile-messages {
display: block; } }
@media only screen and (min-width: 768px) {
.profile-messages {
position: relative; }
.profile-messages .profile-messages_count {
left: 90%;
right: auto;
top: 50%;
transform: translate(0, -50%); }
.profile-messages .profile-messages_count:before, .profile-messages .profile-messages_count:after {
content: ''; } }
.profile-messages-summary {
background-color: #fff;
background-color: #0c0020;
box-shadow: 0 0 9px rgba(56, 111, 187, 0.7);
color: #0c0020;
color: #fff;
display: none;
font-size: 1.2rem;
margin-top: 10px;
position: absolute;
right: 0;
padding: 4px;
width: 100%;
z-index: 10; }
.profile-messages-summary .actions {
margin-top: 4px; }
.profile-messages-summary .actions .button, .profile-messages-summary .actions .navigation .nav-button > a, .navigation .profile-messages-summary .actions .nav-button > a, .profile-messages-summary .actions .cart-items .cart-items-item .product-item-error .action-delete, .cart-items .cart-items-item .product-item-error .profile-messages-summary .actions .action-delete, .profile-messages-summary .actions .modals-wrapper .modal-popup .action-accept, .modals-wrapper .modal-popup .profile-messages-summary .actions .action-accept, .profile-messages-summary .actions .modals-wrapper .modal-popup .action-dismiss, .modals-wrapper .modal-popup .profile-messages-summary .actions .action-dismiss {
width: 100%; }
.profile-messages-summary .profile-messages-summary-list {
position: relative;
z-index: 2; }
.profile-messages-summary .profile-messages-summary_message {
border-radius: 5px;
padding: 4px; }
.profile-messages-summary .profile-messages-summary_message.__unread {
background-color: rgba(0, 0, 0, 0.1); }
.profile-messages-summary .profile-messages-summary_message + .profile-messages-summary_message {
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 4px; }
.profile-messages-summary .profile-messages-summary_message_title {
font-weight: 700; }
@media only screen and (min-width: 768px) {
.profile-messages-summary {
border-radius: 5px 5px 15px 15px;
right: -5px;
top: 100%;
width: 300px; }
.profile-messages-summary:before, .profile-messages-summary:after {
content: '';
position: absolute;
top: 0;
right: 0; }
.profile-messages-summary:before {
background-color: #0c0020;
box-shadow: 0 0 9px rgba(56, 111, 187, 0.7);
width: 14px;
height: 14px;
right: 10px;
transform: rotate(45deg) translate(0, -50%);
z-index: 0; }
.profile-messages-summary:after {
background-color: #0c0020;
border-radius: 5px 5px 0 0;
z-index: 1;
width: 100%;
right: 0;
height: 15px; } }
.block.block-messages {
margin: 25px 0; }
.messages-list .messages-list_empty {
background-color: #386fbb;
border-radius: 3px;
padding: 10px 20px; }
.messages-item {
background-color: #0c0020;
border: 2px solid #0c0020;
border-radius: 3px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
opacity: 1;
padding: 10px;
position: relative;
transition: border-color 0.3s, opacity 0.3s; }
.messages-item.__unread {
border-color: #2fc28f; }
.messages-item.__deleted {
opacity: 0; }
.messages-item + .messages-item {
margin-top: 10px; }
.messages-item .messages-item-title {
font-weight: 700;
font-size: 1.6rem;
padding-right: 30px; }
.messages-item .messages-item-text {
font-size: 1.4rem; }
.messages-item .action.delete {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding: 8px; }
.messages-item .action.delete svg {
width: 12px;
height: auto; }
.messages-item ~ .messages-list_empty {
display: none; }
.unsubscribe {
justify-content: center;
margin-bottom: 15px; }
.unsubscribe-form {
background-color: #0c0020;
margin: 25px 0;
padding: 24px; }
.unsubscribe input {
font-family: "Quantico", sans-serif;
padding: 15px 0; }
.unsubscribe .actions-toolbar {
margin-top: 24px;
text-align: center; }
@media only screen and (min-width: 768px) {
.unsubscribe-form {
padding: 48px; }
.unsubscribe .actions-toolbar {
margin-top: 48px; } }
.product-sticky {
height: 58px; }
.product-sticky.__hide {
display: none !important; }
.product-sticky_inner {
align-items: center;
background-color: #0c0020;
border-top: 2px solid #210f3f;
display: flex;
justify-content: center;
opacity: 0;
padding: 10px;
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
transition: opacity 0.3s;
z-index: 90; }
.product-sticky_inner.__show {
opacity: 1;
pointer-events: all; }
.product-sticky_inner .action.primary.tocart {
border-radius: 1.2em / 50%;
font-size: 1.4rem;
padding: 0.7em 2.5em; }
.product-sticky_inner .price-box {
line-height: 1;
margin-right: 1em; }
.product-sticky_inner .price-box .special-price,
.product-sticky_inner .price-box .old-price {
display: block; }
.product-sticky_inner .price-box .price-label {
display: none; }
.product-sticky_inner .price-box .old-price {
text-decoration: line-through;
font-size: 0.75em;
opacity: 0.5; }
.product-sticky_inner .price-box .price-from + .price-to {
display: none; }
@media only screen and (min-width: 768px) {
.product-sticky_inner .price-box {
font-size: 2rem; }
.product-sticky_inner.__above {
display: none !important; } }
.smartbanner-show {
margin-top: 80px; }
.smartbanner-show.smartbanner-app-hide {
margin-top: 0; }
.smartbanner-show.smartbanner-app-hide .smartbanner {
display: none !important; }
.smartbanner-show .smartbanner {
display: block; }
/** Default **/
.smartbanner {
position: absolute;
left: 0;
top: 0;
display: none;
width: 100%;
height: 80px;
line-height: 80px;
font-family: 'Helvetica Neue', sans-serif;
background: #f4f4f4;
z-index: 9998;
-webkit-font-smoothing: antialiased;
overflow: hidden;
-webkit-text-size-adjust: none; }
.smartbanner-container {
margin: 0 auto;
white-space: nowrap; }
.smartbanner-close {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 5px;
font-family: 'ArialRoundedMTBold', Arial;
font-size: 20px;
text-align: center;
color: #888;
text-decoration: none;
border: 0;
border-radius: 14px;
-webkit-font-smoothing: subpixel-antialiased; }
.smartbanner-close:active,
.smartbanner-close:hover {
color: #aaa; }
.smartbanner-icon {
display: inline-block;
vertical-align: middle;
width: 57px;
height: 57px;
margin-right: 12px;
background-size: cover;
border-radius: 10px; }
.smartbanner-info {
display: inline-block;
vertical-align: middle;
width: 44%;
font-size: 11px;
line-height: 1.2em;
font-weight: bold; }
.smartbanner-title {
font-size: 13px;
line-height: 18px; }
.smartbanner-button {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto 0;
height: 24px;
font-size: 14px;
line-height: 24px;
text-align: center;
font-weight: bold;
color: #6a6a6a;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
.smartbanner-button:active,
.smartbanner-button:hover {
color: #aaa; }
/** iOS **/
.smartbanner-ios {
background: #f4f4f4;
background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
line-height: 80px; }
.smartbanner-ios .smartbanner-close {
border: 0;
width: 18px;
height: 18px;
line-height: 18px;
color: #888;
text-shadow: 0 1px 0 white; }
.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
color: #aaa; }
.smartbanner-ios .smartbanner-icon {
background: rgba(0, 0, 0, 0.6);
background-size: cover;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.smartbanner-ios .smartbanner-info {
color: #6a6a6a;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
.smartbanner-ios .smartbanner-title {
color: #4d4d4d;
font-weight: bold; }
.smartbanner-ios .smartbanner-button {
padding: 0 10px;
min-width: 10%;
color: #6a6a6a;
background: #efefef;
background: linear-gradient(to bottom, #efefef, #dcdcdc);
border-radius: 3px;
box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; }
.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
background: #dcdcdc;
background: linear-gradient(to bottom, #dcdcdc, #efefef); }
/** Android **/
.smartbanner-android {
background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
box-shadow: inset 0 4px 0 #88b131;
line-height: 82px; }
.smartbanner-android .smartbanner-close {
border: 0;
width: 17px;
height: 17px;
line-height: 17px;
margin-right: 7px;
color: #b1b1b3;
background: #1c1e21;
text-shadow: 0 1px 1px #000;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); }
.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
color: #eee; }
.smartbanner-android .smartbanner-icon {
background-color: transparent;
box-shadow: none; }
.smartbanner-android .smartbanner-info {
color: #ccc;
text-shadow: 0 1px 2px #000; }
.smartbanner-android .smartbanner-title {
color: #fff;
font-weight: bold; }
.smartbanner-android .smartbanner-button {
min-width: 12%;
color: #d1d1d1;
padding: 0;
background: none;
border-radius: 0;
box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc; }
.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
background: none; }
.smartbanner-android .smartbanner-button-text {
text-align: center;
display: block;
padding: 0 10px;
background: #42b6c9;
background: linear-gradient(to bottom, #42b6c9, #39a9bb);
text-transform: none;
text-shadow: none;
box-shadow: none; }
.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
background: #2ac7e1; }
/** Windows **/
.smartbanner-windows {
background: #f4f4f4;
background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
line-height: 80px; }
.smartbanner-windows .smartbanner-close {
border: 0;
width: 18px;
height: 18px;
line-height: 18px;
color: #888;
text-shadow: 0 1px 0 white; }
.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
color: #aaa; }
.smartbanner-windows .smartbanner-icon {
background: rgba(0, 0, 0, 0.6);
background-size: cover;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.smartbanner-windows .smartbanner-info {
color: #6a6a6a;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
.smartbanner-windows .smartbanner-title {
color: #4d4d4d;
font-weight: bold; }
.smartbanner-windows .smartbanner-button {
padding: 0 10px;
min-width: 10%;
color: #6a6a6a;
background: #efefef;
background: linear-gradient(to bottom, #efefef, #dcdcdc);
border-radius: 3px;
box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; }
.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
background: #dcdcdc;
background: linear-gradient(to bottom, #dcdcdc, #efefef); }
.__showflyout .smartbanner,
.__showminibasket .smartbanner {
opacity: 0;
z-index: -1; }
.paypal-paylater {
overflow: hidden;
position: relative; }
.paypal-paylater span,
.paypal-paylater iframe {
display: block; }
.paypal-paylater [data-pp-message] {
min-height: 23px;
right: 100%; }
.paypal-paylater-product {
flex-basis: 0;
height: 0;
order: 3;
width: 100%; }
.paypal-paylater-product.__show {
background-color: #fff;
border-radius: 3px;
flex-basis: 100%;
height: auto;
margin-top: 10px;
padding: 10px 10px 8px;
width: 100%; }
.paypal-paylater-cart {
height: 0; }
.paypal-paylater-cart.__show {
background-color: #fff;
border-radius: 3px;
height: auto;
padding: 8px 8px 6px; }
.paypal-paylater-payment {
height: 0; }
.paypal-paylater-payment.__show {
background-color: #fff;
border-radius: 3px;
height: auto;
margin: 24px 10px -30px;
padding: 10px 10px 8px; }
.checkout-payment-method .paypal-paylater-payment.__show {
margin: 0 0 30px;
order: 2; }
.checkout-index-index .paypal-promotion {
background-color: rgba(60, 118, 195, 0.8);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAgVBMVEUAAAC44O272Oe43+263vC33/C11eu53/C83O663vCv1+q33ey53O253O/vvcPwusHVzNfvvMPsv8bhxc7N0t/M0+HrwMbpwMjwu8LmxMzsvcTowMjmw8vmwsrlwcrnxtDtvMTtvsXrwcfowsnkwsvuu8LsvcXuvcLuv8fdyNbxu8EixlEcAAAAKnRSTlMAAwYOERwKFhkUCAwiIMnyP9agWy0ykYPkZ66FdlJQKbqtk3RU5a+We0pykWlfAAABaklEQVQoz42SyVJcMQxFY1uyLM9v7BE6kFn//4Hx82sKSFhwF96cuqdKkr98KmrPh0j7EEwIXqt/O9oaJuccsQlevWPeMM7TYT1MM7Lxb9TKgpvHIj1P1YFVbxCeShmnJS7TWY4nhK7dhXiVoUbcEutRvjnQameBahmW5IiJmXAZSqWg9hrg04+KbIAnaA/WknEvKktVrolDgEd5BBs4Pcsfsp0Zd5DqjLfwXR7AeuMWObgu1cZ9HSJZbbkzbSkez2g6A8w5sVUeHprTa88xZ2d072HrNaZD+s1Bq87Q3J1jiRS0tgaM1ZuzjK4zFegkE26y2y/XXsBJTvcBPc8lRzLW34abtYHi+Yj3leptiEsiMFuA0qUtzeiXVacsl4jb+QjTVfJe24s0D/KzxpRSXEYZZrb65UYNplUkj89jlrIitUlezx4Y65qLlLzODl5Rb1oghykhOja2o3fUADDAnfz317zXWjXyifwFlowXVYKpP6sAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 22px center;
box-shadow: #2e7cea 0 0 10px, rgba(255, 255, 255, 0.3) 0 1px 1px inset;
font-size: 1.2rem;
letter-spacing: 0.05rem;
margin-top: 30px;
margin-bottom: -15px;
padding: 10px 12px 10px 64px;
text-transform: uppercase;
text-shadow: none; }
.checkout-index-index .paypal-promotion ~ .paypal-promotion {
display: none; }
.checkout-index-index .paypal-promotion p {
margin: 0; }
.paypal-promotion a {
color: #fff;
text-decoration: underline; }
.paypal-promotion a:hover {
text-decoration: none; }
.promo-bar-wrapper {
color: #fff; }
.promo-bar-wrapper .promo-bar {
color: inherit; }
.promo-bar {
background-color: #4091E4;
color: #fff;
display: block;
font-family: "Quantico", sans-serif;
font-size: 1.2rem;
padding: 16px 32px;
position: relative;
text-transform: uppercase; }
.promo-bar:hover {
text-decoration: none; }
.promo-bar.__hidden {
display: none; }
.promo-bar .promo-bar-inner {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
gap: 12px;
padding: 0; }
.promo-bar .promo-bar-group {
align-items: center;
display: flex;
gap: 12px; }
.promo-bar .promo-bar-leader {
flex-shrink: 0; }
.promo-bar .promo-bar-text {
flex-basis: 0;
flex-grow: 1;
text-align: center; }
.promo-bar .promo-bar-link {
color: inherit;
display: block;
flex-shrink: 0;
max-width: 100%;
opacity: 0.6; }
.promo-bar .promo-bar-close {
opacity: 0.5;
cursor: pointer;
position: absolute;
top: 50%;
right: 12px;
transform: translate(0, -50%); }
.promo-bar .promo-bar-close svg {
display: block;
width: 14px;
height: 14px; }
.promo-bar .promo-bar-countdown {
flex-basis: 100%;
max-width: 100%;
text-align: center; }
.promo-bar .promo-bar-countdown .countdown_segment {
opacity: 0.8; }
.promo-bar .promo-bar-countdown .countdown_wrap {
display: inline-block; }
.promo-bar .promo-bar-timeuntil .promo-bar-timeuntil-single {
display: none; }
.promo-bar .promo-bar-timeuntil .countdown_days[data-count="1"] ~ .promo-bar-timeuntil-single {
display: inline; }
.promo-bar .promo-bar-timeuntil .countdown_days[data-count="1"] ~ .promo-bar-timeuntil-multi {
display: none; }
@media only screen and (min-width: 768px) {
.promo-bar {
font-size: 1.6rem; }
.promo-bar .promo-bar-inner {
flex-direction: row; }
.promo-bar .promo-bar-text {
flex-basis: auto;
flex-grow: 0;
text-align: left; }
.promo-bar .promo-bar-close {
position: absolute;
top: 50%;
right: 12px;
transform: translate(0, -50%); }
.promo-bar .promo-bar-countdown {
flex-basis: auto;
text-align: left; } }
.block.block-checkout-upsell {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
margin: 12px 0;
padding: 16px 24px; }
.block.block-checkout-upsell.__hidden {
display: none; }
.block.block-checkout-upsell .block-title {
font-size: 1.6rem; }
.block.block-checkout-upsell .block-content {
align-items: center;
display: flex;
flex-basis: 0;
flex-grow: 1;
font-size: 1.4rem; }
.block.block-checkout-upsell .upsell-actions {
margin-left: auto; }
.block.block-checkout-upsell .upsell-image {
width: 56px; }
.block.block-checkout-upsell .upsell-image span {
display: block;
position: relative;
max-width: 100%; }
.block.block-checkout-upsell .upsell-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center; }
.block.block-checkout-upsell .upsell-info {
margin-left: 16px; }
.block.block-checkout-upsell .upsell-price {
margin-top: 4px; }
.block.block-checkout-upsell .special-price {
font-weight: 700; }
.block.block-checkout-upsell .old-price {
color: rgba(255, 255, 255, 0.6);
font-size: 1.2rem;
text-decoration: line-through; }
@media only screen and (min-width: 768px) {
.block.block-checkout-upsell {
margin: 24px 0; }
.block.block-checkout-upsell .block-title {
font-size: 2rem; } }
@media only screen and (min-width: 1024px) {
.block.block-checkout-upsell {
align-items: center;
display: flex; }
.block.block-checkout-upsell .block-title {
margin-right: 2em;
max-width: 175px; }
.block.block-checkout-upsell .block-content {
margin-top: 0; } }
.block.block-minicart-upsell {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
margin: 12px 0;
padding: 16px; }
.block.block-minicart-upsell .block-title {
font-size: 1.4rem;
padding: 0 16px 0 0;
position: relative; }
.block.block-minicart-upsell .block-title .action.hide-upsell {
cursor: pointer;
position: absolute;
right: 0;
top: 2.5px; }
.block.block-minicart-upsell .block-title .action.hide-upsell svg {
width: 12px;
height: 12px; }
.block.block-minicart-upsell .block-content {
align-items: center;
display: flex;
flex-direction: row;
font-size: 1.2rem;
gap: 16px;
margin: 16px 0 0;
padding: 0; }
.block.block-minicart-upsell .upsell-image {
flex-basis: 56px;
flex-grow: 0;
max-width: 56px; }
.block.block-minicart-upsell .upsell-image span {
display: block;
position: relative;
max-width: 100%; }
.block.block-minicart-upsell .upsell-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center; }
.block.block-minicart-upsell .upsell-info {
flex-basis: 0;
flex-grow: 1; }
.block.block-minicart-upsell .upsell-price-final {
font-weight: 700; }
.block.block-minicart-upsell .upsell-price-final ~ .upsell-price-base {
color: rgba(255, 255, 255, 0.6);
font-size: 1rem;
text-decoration: line-through; }
.block.block-minicart-upsell .upsell-action {
margin-top: 4px; }
.product-item-photo.__restricted::before, .catalog-product-view.__restricted .product.media::before, .minicart-items [data-copyright="1"] .product-item-photo::before, .result-restricted-image, .order-history_restricted-image div {
background-color: #386fbb;
color: #fff;
display: flex;
text-transform: uppercase;
justify-content: center;
align-items: center;
font-weight: 700;
overflow: hidden;
text-align: center;
word-break: break-word; }
.ip-restricted {
align-items: center;
display: flex;
justify-content: center; }
.ip-restricted:after {
background-image: linear-gradient(to top, #386fbb 0%, #45a2f9 100%);
border-radius: 3px;
color: #fff;
content: '';
height: 100%;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 100; }
.product-item-photo.__restricted::before {
content: attr(data-name);
font-size: 1rem;
position: absolute;
inset: 0;
padding: 10px; }
.cart-items .product-item-photo.__restricted::before {
font-size: 0.8rem; }
.product-item-photo .product-image-photo.restricted {
display: none; }
@media only screen and (min-width: 768px) {
.product-item-photo.__restricted::before {
font-size: 1.4rem; }
.cart-items .product-item-photo.__restricted::before {
font-size: 1rem; } }
.catalog-product-view.__restricted .product-content-top .action.towishlist {
z-index: 1; }
.catalog-product-view.__restricted .product.media {
position: relative;
z-index: 0; }
.catalog-product-view.__restricted .product.media::before {
content: attr(data-name);
font-size: 1.4rem;
padding: 10px;
position: absolute;
inset: 0; }
.catalog-product-view.__restricted .product.media::after {
content: '';
display: block;
padding-bottom: 120%; }
.catalog-product-view.__restricted .product.media img {
display: none; }
.catalog-product-view .product.media {
opacity: 0;
transition: opacity 0.4s; }
.catalog-product-view.__loaded .product.media {
opacity: 1; }
.minicart-items [data-copyright="1"] .product-item-photo .product-image-container {
display: none; }
.minicart-items [data-copyright="1"] .product-item-photo::before {
content: attr(title);
font-size: 0.8rem;
padding: 5px;
height: 85px;
width: 85%; }
.result-restricted-image {
font-size: 1rem;
position: absolute;
inset: 0;
padding: 5px;
z-index: 10; }
@media only screen and (min-width: 1024px) {
.result-restricted-image {
font-size: 1.4rem;
padding: 10px; } }
.order-history_image.__restrict .product-image-container {
display: none; }
.order-history_image .product-image-photo.restricted {
opacity: 0; }
.order-history_restricted-image {
max-width: 100%;
position: relative;
width: 245px; }
.order-history_restricted-image div {
font-size: 0.8rem;
padding: 10px;
position: absolute;
inset: 0; }
.order-history_restricted-image::before {
content: '';
display: block;
padding-bottom: 120%; }
@media only screen and (min-width: 1024px) {
.order-history_restricted-image div {
font-size: 1rem; } }
.algolia-category .toolbar-products,
.algolia-category .products-grid {
display: none; }
.algolia-category .page-main::before, .algolia-category .page-main::after {
content: unset; }
.algolia-category .block.block-regional-notice {
margin-bottom: 0;
margin-top: 0; }
.algolia-category #algolia-autocomplete-container + .storyblok-page .breakout:first-child {
margin-top: -15px; }
.algolia-category #algolia-autocomplete-container + .storyblok-page .storyblok-col.col-bg {
margin-top: 0; }
.algolia-category #algolia-autocomplete-container + .storyblok-page .page-title, .algolia-category #algolia-autocomplete-container + .storyblok-page .question-detail .faq-cat-title, .question-detail .algolia-category #algolia-autocomplete-container + .storyblok-page .faq-cat-title, .algolia-category #algolia-autocomplete-container + .storyblok-page .koins-content h1, .koins-content .algolia-category #algolia-autocomplete-container + .storyblok-page h1 {
font-size: 2.4rem;
margin-top: 0.4em;
margin-bottom: 0.4em; }
@media only screen and (min-width: 768px) {
.algolia-category #algolia-autocomplete-container + .storyblok-page .page-title, .algolia-category #algolia-autocomplete-container + .storyblok-page .question-detail .faq-cat-title, .question-detail .algolia-category #algolia-autocomplete-container + .storyblok-page .faq-cat-title, .algolia-category #algolia-autocomplete-container + .storyblok-page .koins-content h1, .koins-content .algolia-category #algolia-autocomplete-container + .storyblok-page h1 {
font-size: 3.2rem; } }
.algolia-category-block {
margin-bottom: 30px;
position: relative; }
.algolia-category-filters {
margin-bottom: 10px;
position: relative; }
#algolia-category-facets {
align-items: stretch;
display: flex;
flex-basis: 0;
flex-direction: column;
flex-grow: 1;
flex-shrink: 0;
gap: 15px; }
#algolia-category-facets [data-attr^="categories"] {
background-color: rgba(0, 0, 0, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
min-height: 54px;
order: -1;
padding-top: 10px;
padding-bottom: 10px; }
#algolia-category-facets [data-attr^="categories"] .ais-Panel {
display: flex; }
#algolia-category-facets [data-attr^="categories"] .ais-Panel::before {
content: '';
flex-basis: 82px;
flex-grow: 0;
flex-shrink: 0; }
#algolia-category-facets [data-attr^="categories"] .ais-Panel-body {
flex-basis: 0;
flex-grow: 1; }
#algolia-category-facets [data-attr^="categories"] .ais-HierarchicalMenu-list {
justify-content: flex-end; }
#algolia-category-facets .ais-Panel-header,
#algolia-category-facets .ais-RefinementList-count,
#algolia-category-facets .ais-HierarchicalMenu-count,
#algolia-category-facets .is-widget-container-restricted_countries,
#algolia-category-facets [class*="is-widget-container-restricted_countries_"] {
display: none; }
#algolia-category-facets .ais-RefinementList-label,
#algolia-category-facets .ais-HierarchicalMenu-link {
border-radius: 50px;
color: #fff;
cursor: pointer;
display: block;
overflow: hidden;
padding: 0.35em 0.9em 0.25em;
position: relative; }
#algolia-category-facets .ais-RefinementList-label[data-count="0"],
#algolia-category-facets .ais-HierarchicalMenu-link[data-count="0"] {
opacity: 0.5;
pointer-events: none; }
#algolia-category-facets .ais-RefinementList-label {
--border-colour: #386fbb;
--background-colour: transparent;
background-color: var(--background-colour);
border: 1px solid var(--border-colour);
font-size: 1.2rem;
transition: background-color 0.4s, border-color 0.4s, opacity 0.4s; }
#algolia-category-facets .ais-HierarchicalMenu-link {
--colour-stop-1: #386fbb;
--colour-stop-2: #45a2f9;
--colour-stop-3: #6eb9ff;
background-color: var(--colour-stop-1);
background-image: linear-gradient(to top, var(--colour-stop-1) 0%, var(--colour-stop-2) 50%, var(--colour-stop-3) 100%);
background-position: 50% 100%;
background-size: 100% 200%;
border: 1px solid var(--colour-stop-1);
font-size: 1.3rem;
transition: background-position 0.3s, opacity 0.4s; }
#algolia-category-facets .ais-HierarchicalMenu-link:hover {
background-position: 50% 0;
text-decoration: none; }
#algolia-category-facets .ais-RefinementList-list,
#algolia-category-facets .ais-HierarchicalMenu-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
list-style: none;
margin: 0;
padding: 0; }
#algolia-category-facets .ais-RefinementList-item {
margin: 3px; }
#algolia-category-facets .ais-RefinementList-item.__clear {
align-self: center;
display: none; }
#algolia-category-facets .ais-HierarchicalMenu-item {
margin: 5px 2px; }
#algolia-category-facets .ais-HierarchicalMenu-item.undefined, #algolia-category-facets .ais-HierarchicalMenu-item.__no-results {
pointer-events: none; }
#algolia-category-facets .ais-RefinementList-item--selected .ais-RefinementList-label {
--border-colour: #00B67A;
--background-colour: #00B67A; }
#algolia-category-facets .ais-HierarchicalMenu-link--selected {
--colour-stop-1: #0e9b72;
--colour-stop-2: #24b48b;
--colour-stop-3: #44e6b7; }
#algolia-category-facets .ais-RefinementList-checkbox {
position: absolute;
left: -999px; }
#algolia-category-facets .ais-HierarchicalMenu-list--child {
display: none; }
#algolia-category-facets .ais-ClearRefinements-button {
color: #0e9b72;
background-image: url("../images/icons/green/close.svg");
background-position: right center;
background-repeat: no-repeat;
display: block;
font-size: 1.3rem;
padding-right: 22px; }
#algolia-category-facets .ais-RefinementList-expand {
--colour-stop-1: #386fbb;
--colour-stop-2: #45a2f9;
--colour-stop-3: #6eb9ff;
-webkit-appearance: none;
appearance: none;
background-color: var(--colour-stop-1);
background-image: linear-gradient(to top, var(--colour-stop-1) 0%, var(--colour-stop-2) 50%, var(--colour-stop-3) 100%);
background-position: 50% 100%;
background-size: 100% 200%;
border: none;
border-radius: 50px;
color: #fff;
display: block;
font-size: 1rem;
font-weight: 500;
margin-top: 6px;
padding: 3px 8px;
text-align: center;
text-transform: uppercase;
width: 100%; }
@media only screen and (max-width: 767px) {
#algolia-category-facets .ais-RefinementList {
overflow: hidden; }
#algolia-category-facets .ais-RefinementList:not(.__expanded) {
max-height: 66px; } }
@media only screen and (min-width: 768px) {
#algolia-category-facets [data-attr="^categories"] {
min-height: 63px; }
#algolia-category-facets [data-attr="^categories"] .ais-Panel::before {
flex-basis: 200px; }
#algolia-category-facets .ais-RefinementList-label,
#algolia-category-facets .ais-HierarchicalMenu-link {
padding: 0.35em 1.3em 0.25em; }
#algolia-category-facets .ais-RefinementList-item {
margin: 6px; }
#algolia-category-facets .ais-RefinementList-item.__clear {
display: initial; }
#algolia-category-facets .ais-HierarchicalMenu-item {
margin: 5px 8px; }
#algolia-category-facets .ais-RefinementList-label {
font-size: 1.3rem; }
#algolia-category-facets .ais-HierarchicalMenu-link {
font-size: 1.4rem; }
#algolia-category-facets .ais-RefinementList-expand {
display: none; } }
#algolia-category-sorts {
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 8px;
pointer-events: none; }
#algolia-category-sorts .ais-SortBy-select {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: url("../images/icons/white/chevron-down.svg");
background-position: right 22px center;
background-size: 11px 7px;
border: 1px solid #525282;
border-radius: 2px;
color: #fff;
display: block;
font-size: 1.1rem;
padding: 11px 34px 11px 14px;
position: relative;
text-align: left;
text-transform: uppercase;
width: 100%;
z-index: 0;
background-color: #1F143D;
pointer-events: initial;
width: 82px; }
#algolia-category-sorts .ais-SortBy-select option {
color: #fff; }
@media only screen and (min-width: 768px) {
#algolia-category-sorts {
padding-top: 12px; }
#algolia-category-sorts .ais-SortBy-select {
width: 200px; } }
.promotion-listing {
margin-bottom: 32px; }
.promotion-listing.__empty {
text-align: center; }
.promo-listing_promo_action {
display: flex;
justify-content: center; }
.promo-listing_promo_form {
align-items: center;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 3px;
display: flex;
justify-content: space-between;
padding: 10px;
flex-grow: 1;
max-width: 100%; }
.promo-listing_promo_form.__opt-in {
font-size: 1.8rem;
font-weight: 600; }
.promo-listing_promo_sb {
margin-left: -15px;
margin-right: -15px; }
.promotions-index-index .promotion-listing:not(.__empty) .page-title-wrapper {
display: none; }
.customer-promotions-index .promotion-listing .block-storyblok-image {
display: none; }
.paypal-button-placeholder {
display: none;
border-radius: 23px;
background: #2C2E2F;
color: #fff;
text-align: center;
cursor: pointer;
overflow: hidden;
height: 45px;
min-height: 30px;
max-height: 55px;
font-family: PayPalOpen-Regular, Helvetica, Arial, "Liberation Sans", sans-serif; }
.paypal-button-placeholder:hover {
filter: brightness(1.2); }
.paypal-button-placeholder.active {
display: block; }
.paypal-button-placeholder .paypal-button-text {
font-size: 16px;
margin-top: -2px;
line-height: 22px; }
.paypal-button-placeholder .paypal-button-label-container {
position: relative;
top: 50%;
transform: translateY(-50%);
margin: 0px 4%;
height: 22px; }
.paypal-button-placeholder .paypal-button-label-container * {
vertical-align: top;
height: 100%;
text-align: left; }
.paypal-button-placeholder .paypal-button-label-container img {
margin-top: 1px; }
.paypal-button-placeholder .paypal-button-space {
font-size: 16px;
margin-top: -2px;
line-height: 22px; }
.paypal-totals {
display: none;
position: fixed;
width: calc(100% - 60px);
top: 42px;
left: 50%;
transform: translate(-50%, 0);
max-width: 400px;
text-align: left;
background: white;
font-family: 'Helvetica Neue',HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
font-size: 18px;
color: #2c2e2f; }
.paypal-totals .paypal-amount {
margin-left: 10px;
font-weight: 600;
color: #0070e0; }
.paypal-form-dim {
display: none;
width: 100%;
height: 100%;
background-color: rgba(12, 0, 32, 0.6);
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 1700; }
.paypal-modal-form {
max-width: 500px;
max-height: 90%;
overflow: auto; }
.paypal-modal-form .paypal-buttons {
display: none !important; }
.__paypal-page-form {
overflow: hidden !important; }
.__paypal-page-form .page-main .paypal-modal-form {
position: fixed;
z-index: 1800;
background: white;
padding: 30px;
padding-bottom: 0;
border-radius: 20px;
min-height: 170px;
left: 50%;
top: 50%;
width: calc(100vw - 20px);
transform: translate(-50%, -50%);
margin-top: 0 !important; }
.__paypal-page-form .page-main .paypal-modal-form .paypal-button-placeholder {
display: none !important; }
.__paypal-page-form .page-main .paypal-modal-form .paypal-buttons {
display: block !important;
overflow: hidden; }
.__paypal-page-form .page-main .paypal-modal-form iframe {
margin-top: -50px; }
.__paypal-page-form .page-main .paypal-spinner,
.__paypal-page-form .page-main .paypal-form-dim {
display: block; }
.__paypal-minicart-form {
overflow: hidden !important; }
.__paypal-minicart-form .block-minicart .paypal-modal-form {
position: fixed;
z-index: 1800;
background: white;
padding: 30px;
padding-bottom: 0;
border-radius: 20px;
min-height: 170px;
left: calc(-50vw + 380px);
top: 50%;
width: calc(100vw - 20px);
transform: translate(-50%, -50%);
margin-top: 0 !important; }
.__paypal-minicart-form .block-minicart .paypal-modal-form .paypal-button-placeholder {
display: none !important; }
.__paypal-minicart-form .block-minicart .paypal-modal-form .paypal-buttons {
display: block !important;
overflow: hidden; }
.__paypal-minicart-form .block-minicart .paypal-modal-form iframe {
margin-top: -50px; }
.__paypal-minicart-form .block-minicart .paypal-spinner {
display: block;
left: calc(-50vw + 380px); }
.__paypal-minicart-form .block-minicart .paypal-form-dim {
display: block;
left: calc(-100vw + 380px);
width: 100vw; }
.__disableMinicartButtons #minicart-content-wrapper .paypal-card {
display: none !important; }
@keyframes paypalSpinnerRotation {
from {
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
to {
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
.paypal-spinner {
display: none;
position: fixed;
max-height: 60vmin;
max-width: 60vmin;
height: 40px;
width: 40px;
top: calc(50% + 20px);
left: 50%;
z-index: 1900;
box-sizing: border-box;
border: 3px solid rgba(0, 0, 0, 0.2);
border-top-color: rgba(33, 128, 192, 0.8);
border-radius: 100%;
animation: paypalSpinnerRotation .7s infinite linear; }